/* ======================================================= */
/* Internetagentur Graf-Deveci - Fit fuer den Markt        */
/* www.fit-fuer-den-markt.de                               */
/* Trennung von Layout und Inhalt nach W3C                 */
/* ======================================================= */

* { 
	margin: 0;
	padding: 0;
	outline: none;
}

html, body { 
	font-size: 100.01%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	min-height: 100%;
	padding-bottom: 1px;
}

.invisible { 
	position: absolute;
	background-color: White;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.clearer { 
	display: block;
	clear: both;
	line-height: 0;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}

#all { 
	width: 1000px;
	margin: 2px 0.2em 15px 0.2em;
	background-color: #fff;
	border: 1px dotted #e7d140;
}

#head { 
	background-image: url(malschule-verlauf.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 117px;
	border-bottom: 1px dotted #e7d140;
}

/* Bereichsmenü
***********************************************************************/

#all #mainmenu { 
	padding: 2px 0 4px 0;
	position: relative;
	width: 100%;
	background-color: #e7d140;
}

#mainmenu { 
	margin: 0;
	padding: 0;
}

#mainmenu ul#mainlist { 
	padding-left: 15px;
}

#mainmenu ul, #mainmenu ul li { 
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#mainmenu ul li { 
	font-size: 0.8em;
	margin-right: 6px;
}

#mainmenu ul li a { 
	padding: 0 1px;
	text-decoration: none;
	color: #fff;
}

#mainmenu ul li a:hover { 
	padding: 0 1px;
	border-bottom: 2px solid #cd4500;
}

#mainmenu ul li#active { 
	padding: 0 1px;
	color: #fff;
	border-bottom: 2px solid #cd4500;
}

#mainmenu ul li.hervorgehoben,
#mainmenu ul li.hervorgehoben a,
#mainmenu ul li.hervorgehoben#active { 
	font-weight: bold;
	color: #cd4500;
}

/* Bilderleiste
***********************************************************************/

img { 
	vertical-align: bottom;
}

#head a:hover { 
	color: #000;
}

#head #pictures a { 
	margin: 0 2px;
	padding: 0;
}

#head #pictures a img { 
	border: 1px solid #FEFBB0;
}

#head #pictures a:hover img { 
	border: 1px solid #cd4500;
}

#head #pictures { 
	text-align: left;
	padding: 8px 0 0 13px;
}

#head #pictures img#picture-active { 
	margin: 0 2px;
	border: 1px solid #cd4500;
}

#head #pictures img { 
	border: 0;
}

/* Images
***********************************************************************/

#contenttext .flRight { 
	clear: both;
	float: right;
}

#contenttext .flRight img { 
	padding-left: 15px;
}

#contenttext .flLeft { 
	clear: both;
	float: left;
}

#contenttext .flLeft img { 
	padding-right: 20px;
	padding-bottom: 1px;
	margin-top: 5px;
}

#contenttext .teaser p img,
#contenttext .teaser-start p img { 
	padding: 5px 15px 0 0;
}

/* Infozeile
***********************************************************************/

#infozeile { 
	padding: 0 0 0 15px;
	margin: 12px 0 10px 0;
	font-size: 0.75em;
	color: #000;
}

/* Suche */

#infozeile-links { 
	padding-top: 3px;
	width: 30%;
	float: left;
}

/* Picture-control */

#infozeile-mitte { 
	float: left;
	width: 53px;
	height: 25px;
}

#infozeile-mitte #picture-control { 
	margin: 0 0 0 7px;
	width: 100%;
}

#infozeile-mitte #picture-control img { 
	border: 0;
}

#infozeile-mitte #picture-control #picture-back a { 
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	background-image: url(picture-back.gif);
	background-repeat: no-repeat;
}

#infozeile-mitte #picture-control #picture-back a:hover { 
	background-image: url(picture-back-he.gif);
	background-repeat: no-repeat;
}

#infozeile-mitte #picture-forward a { 
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 3px;
	background-image: url(picture-forward.gif);
	background-repeat: no-repeat;
}

#infozeile-mitte #picture-forward a:hover { 
	background-image: url(picture-forward-he.gif);
	background-repeat: no-repeat;
}

#picture-control #infozeile-rechts { 
	text-align: right;
}

#contenttext-galerie p img#transimage { 
	border: 0px solid white;
	vertical-align: top;
}

#contenttext-galerie p.malschule { 
	padding-top: 10px;
	font-size: 0.75em;
	color: #000;
	text-align: center;
}

#infozeile h1 { 
	float: left;
	display: inline;
	text-align: right;
	width: 62%;
	font-size: 1.3em;
	color: #cd4500;
}

/* Linke Sidebar
***********************************************************************/

#main { 
	clear: both;
}

#sidebar { 
	float: left;
	width: 21em;
	height: 100%;
	padding: 5px 10px 25px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background-color: #fff;
}

/* Navigation verschachtelt
/**********************************************************************/

.navigation ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.navigation ul.firstLevel li { 
	margin-top: 0;
	padding-top: 0;
	font-size: 1.1em;
}

.navigation ul.firstLevel ul.secondLevel { 
	margin-top: 0;
	margin-bottom: 0;
}

.navigation a { 
	padding-top: 0;
	margin-top: 0;
	color: #000;
	text-decoration: none;
	padding: 5px 28px 5px 23px;
	border-bottom: 1px dotted #e7d140;
}

.navigation a:hover { 
	border-bottom: 1px dotted #e7d140;
}

.navigation li { 
	margin: 0;
}

.navigation li span { 
	display: block;
	color: #cd4500;
	text-decoration: none;
	width: 210px;
	padding: 5px 28px 5px 0px;
	border-bottom: 1px dotted #e7d140;
	font-weight: bold;
}

.navigation li a { 
	display: block;
	color: #000;
	text-decoration: none;
	width: 210px;
	padding: 5px 28px 5px 0px;
	border-bottom: 1px dotted #e7d140;
}

.navigation li a:hover { 
	display: block;
	color: #cd4500;
	text-decoration: none;
	width: 210px;
	padding: 5px 28px 5px 0px;
	border-bottom: 1px dotted #e7d140;
}

.navigation li li.active { 
	display: block;
	color: #cd4500;
	text-decoration: none;
	width: 210px;
	padding: 5px 5px 5px 23px;
	border-bottom: 1px dotted #e7d140;
	font-size: 1em;
}

.navigation li li a { 
	display: block;
	color: #000;
	text-decoration: none;
	width: 210px;
	padding: 5px 5px 5px 23px;
	border-bottom: 1px dotted #e7d140;
	font-size: 0.9em;
}

.navigation li li a:hover { 
	padding: 5px 5px 5px 23px;
	border-bottom: 1px dotted #e7d140;
	color: #cd4500;
}

/* Content
/**********************************************************************/

#content { 
	float: left;
	width: 64%;
	margin: 0 0 0 25px;
	background-color: #fff;
	z-index: 1;
}

#contenttext-galerie { 
	padding: 0;
	margin: 0;
	float: left;
	font-size: 0.9em;
	color: #000;
	width: 650px;
}

#contenttext { 
	padding: 0;
	margin: 0 0 0 25px;
	clear: left;
	font-size: 0.9em;
	color: #000;
	width: 650px;
}

#contenttext a,
#contenttext a:link,
#contenttext a:visited { 
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #CD9E0C;
}

#contenttext a:hover { 
	color: #CD9E0C;
	border-bottom: 1px dotted #CD9E0C;
}

#contenttext-galerie p#galerie { 
	text-align: center;
}

#contenttext p img { 
	margin-top: 0;
	margin-left: 10px;
	margin-bottom: 0px;
}

#contenttext ol { 
	margin: 5px 0 13px 0;
	list-style-type: decimal;
	padding: 0 0 0 25px;
	font-size: 0.9em;
}

#contenttext ol li { 
	padding: 4px 0 4px 0;
}

#contenttext p.pdf { 
	padding-left: 25px;
	background-image: url(pdf.gif);
	background-repeat: no-repeat;
}

/* Ueberschriften
/**********************************************************************/

#contenttext p#artikelbild { 
	margin: 25px 0 0 0;
}

h1#h1-suche { 
	margin: 0 0 0 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #797979;
	text-transform: uppercase;
}

#contenttext h1,
#contenttext h2 { 
	margin: 10px 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	color: #CD9E0C;
	font-weight: bold;
}

#contenttext h2 { 
	clear: both;
}

#contenttext h3 { 
	clear: both;
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 0.9em;
}

#zusammenfassung h1 { 
	margin: 0 0 5px 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #797979;
	text-transform: uppercase;
}

/* Inhalt
/**********************************************************************/

#contenttext p { 
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 75px 12px 0;
}

.seite { 
	padding: 10px 0 0 0;
}

p.seite a,
p.seite a:link,
p.seite a:visited { 
	color: #797979;
}

p.seite a:hover { 
	color: #f77c3e;
}

/* Aufzaehlungen
***********************************************************************/

#contenttext ul { 
	list-style-type: none;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 8px 0 8px 0;
}

#contenttext ul li { 
	padding: 3px 0 3px 25px;
	background-image: url(list-item.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.6em;
}

/* Suche
/**********************************************************************/

/* Dies ist dafuer, dass nach oben kein unerwuenschter Raum entsteht */
#infozeile fieldset#suche label { 
	margin: 0;
	padding: 0;
	display: none;
}

#infozeile fieldset#suche { 
	width: 20em;
	border: 0;
	margin: 0;
}

#infozeile input#search { 
	margin: 0 2px 0 0;
	padding: 0 0 0 4px;
	font-family: Verdana, Courier New, Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #e7d140;
}

#infozeile fieldset#suche input.go { 
	background-color: #cd4500;
	font-weight: bold;
	font-size: 0.75em;
	border: 0;
}

#infozeile input.go { 
	padding: 1px 2px 1px 2px;
	background-color: #525252;
	color: white;
}

#infozeile fieldset#suche input#search:focus { 
	background: #FEFDDE;
	border: 1px solid #cd4500;
}

#contenttext .suchergebnis { 
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #eee;
}

#contenttext .suchergebnis img { 
	padding-top: 15px;
}

/* Kontaktformular
***********************************************************************/

#contenttext .formular fieldset legend { 
	margin: 0 5px 5px 15px;
	padding: 0;
}

#contenttext .formular fieldset { 
	margin: 10px 0 10px 0;
}

#contenttext .formular .pflicht { 
	font-size: 1em;
	color: #7cc89c;
	font-weight: normal;
	padding-left: 15px;
}

#contenttext .formular label { 
	font-size: 1em;
	display: block;
	width: 12.2em;
	float: left;
	color: #f77c3d;
	padding: 3px 0 4px 0;
}

#contenttext .formular legend { 
	font-size: 1em;
	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 6px;
	margin-top: 20px;
}

#contenttext .formular .formular_normal { 
	font-size: 0.9em;
	color: #393939;
	font-weight: normal;
	padding-left: 15px;
}

#contenttext .formular .formular_klein { 
	font-size: 1em;
	padding-left: 0px;
}

#contenttext .formular .formular_nebencheckbox { 
	font-size: 0.9em;
	color: #393939;
	font-weight: normal;
}

#contenttext .formular .korrektur { 
	font-size: 0.9em;
	color: #e62513;
	font-weight: normal;
	padding-left: 15px;
}

#contenttext .formular .trenner { 
	clear: both;
	height: 6px;
	font-size: 1px;
}

#contenttext .formular .hinweis { 
	padding: 5px;
	margin-top: 10px;
	border: 2px solid #e62513;
	color: #000;
}

/* Anmeldeformular
***********************************************************************/

#contenttext #anmeldung fieldset { 
	padding: 15px;
	margin-bottom: 10px;
}

#contenttext #anmeldung legend { 
	padding-bottom: 15px;
	font-size: 0.9em;
	font-weight: bold;
	color: #cd4500;
}

#contenttext #anmeldung label { 
	display: block;
	width: 15em;
	float: left;
}

#contenttext #anmeldung label#checkLong { 
	width: 80%;
}

#contenttext #anmeldung p input#accept { 
	display: block;
	width: 20px;
	margin-right: 5px;
	float: left;
}

#contenttext p.hinweis { 
	color: #cd4500;
	font-weight: bold;
}

/* Fußzeile
***********************************************************************/

#zusammenfassung { 
	clear: left;
	padding: 3px 0 7px 25px;
	position: relative;
	font-size: 0.70em;
	background-color: #fffbf5;
	color: #797979;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}

#footer { 
	float: left;
	width: 100%;
	clear: both;
	font-size: 0.75em;
	padding: 2px 0;
	background-color: #e7d140;
	border-top: 1px dotted #e7d140;
	color: #cd4500;
	margin-top: 30px;
}

#footer p,
#footer-galerie p { 
	padding-left: 15px;
}

#footer a { 
	color: #fff;
	padding: 0 5px;
	text-decoration: none;
}

#footer a:hover { 
	color: #fff;
	border-bottom: 2px solid #cd4500;
}

#footer-galerie { 
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	background-color: #e7d140;
	border: 1px dotted #e7d140;
	font-size: 0.75em;
	padding: 2px 0;
	margin: 25px 1px 1px 1px;
	color: #cd4500;
	width: 997px;
}

#footer-galerie a { 
	color: #fff;
	padding: 0 5px;
	text-decoration: none;
}

#footer-galerie a:hover { 
	color: #fff;
	border-bottom: 2px solid #cd4500;
}

p#next { 
	clear: both;
	padding-top: 15px;
	color: #CD9E0C;
}