/*    ----------------------------------     */

/*            HTL 1 BAU UND DESIGN           */

/*              CSS-Deklarationen            */

/*    ----------------------------------     */



body {
	background-image: url(../bilder/bg_1000px.gif);
	background-repeat: repeat-y;
	margin: 0px;
	background-color: #F7F8EE;
	background-position: center;
/*
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	line-height: 1.4em;
*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
	line-height: 1.6em;	
}

h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	font-weight: bold;

	color: #666666;

	text-transform: uppercase;

	margin: 0px;

}



#rechts h1 { color: #666666; }



p { 

	margin-top: 0px;

	margin-bottom: 5px;

	

}



#mitte td {

	font-size: 12px;

}



/*    ----------------------------------     */

/*    Hauptnavigation                        */

/*    ----------------------------------     */



#navigation li {	

	margin-left: -33px;

	padding-left: 7px;

}



#navigation a:link, #navigation a:visited {

	text-decoration: none;

}



#navigation a:hover, #navigation a:active {

	color:#333333;

	text-decoration: none;

}



#navigation a.second_main:link, #navigation a.second_main:visited {

	text-decoration: none;

}



#navigation a.second_main:hover, #navigation a.second_main:active {

	text-decoration: underline;

}



#navigation a.second_main_selected:link, #navigation a.second_main_selected:visited, #navigation a.second_main_selected:hover, #navigation a.second_main_selected:active {

	text-decoration: underline;

}



#navigation a.second_kunst:link, #navigation a.second_kunst:visited {

	color: #8D993A;

	text-decoration: none;

}



#navigation a.second_kunst:hover, #navigation a.second_kunst:active {

	color: #8D993A;

	text-decoration: underline;

}



#navigation a.second_kunst_selected:link, #navigation a.second_kunst_selected:visited, #navigation a.second_kunst_selected:hover, #navigation a.second_kunst_selected:active {

	color: #8D993A;

	text-decoration: underline;

}



#navigation a.second_bau:link, #navigation a.second_bau:visited {

	color: #042F63;

	text-decoration: none;

}



#navigation a.second_bau:hover, #navigation a.second_bau:active {

	color: #042F63;

	text-decoration: underline;

}



#navigation a.second_bau_selected:link, #navigation a.second_bau_selected:visited, #navigation a.second_bau_selected:hover, #navigation a.second_bau_selected:active {

	color: #042F63;

	text-decoration: underline;

}



.first{

	list-style-type: none;

/*	font-family: Arial, Helvetica, sans-serif;*/

	font-family: Georgia, "Times New Roman", Times, serif;

/*	font-weight: bold; */

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

	padding-top: 2px;

	padding-bottom: 2px;		

}



.first_main { color: #666666; }

.first_kunst { color: #8D993A; }

.first_bau { color: #042F63; }



.second {

	font-family: Arial, Helvetica, sans-serif;

/*	font-size: 11px;*/

	font-size: 0.85em;

/*	line-height: 13px;	*/

	line-height: 1.1em;

	font-weight: normal;

	padding-left: 18px;

	list-style-type: none;

	padding-top: 2px;

	padding-bottom: 3px;	

}



.second_main { color: #666666; }

.second_main_selected { color: #666666; }

.second_kunst { color: #8D993A; }

.second_kunst_selected { color: #8D993A; }

.second_bau { color: #042F63; }

.second_bau_selected { color: #042F63; }



.sprechzeiten {

	width: 100%;

	font-size: 11px;

}



/*    ----------------------------------  */

/*    IDs     			     */

/*    ----------------------------------  */



#navigation {

	float: left;

	width: 200px;

	margin-top: 10px;

}



#content {

	width: 980px;

	margin-left: -490px;

	position: absolute;

	left: 50%;

}



#navlevel3 { font-size: 11px; }



#navlevel3 li {

	margin-left: -40px;

	list-style-type: none;	

}



#mitte {

	float: left;

	width: 540px;

	margin-top: 0px;

	margin-left: 20px;

	margin-right: 20px;

}



#breadcrumb {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #000000;

	margin-bottom: 5px;

}



#rechts {

	font-family: Arial, Helvetica, sans-serif;

	/* background-color: #F9FAFA; */

	float: right;

	width: 180px;

	/* padding-left: 10px; */

	/* margin-top: 15px; */

	margin-top: 5px;

	margin-right: 5px;

	font-size: 0.95em;

	line-height: 1.4em;

	color: #525252;

}



#rechts p {

	background-color: #F9FAFA;

	/* border-top-width: 10px; */

	/* border-top-style: solid; */

	/* border-top-color: #D7DFE5; */

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #D7DFE5;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #D7DFE5;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #D7DFE5;

	/* padding: 5px; */

	padding-top: 25px;

	padding-left: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

}



#banner {

	float: left;

	width: 400px;

	height: 100px;

	margin-top: 0px;

	margin-left: 160px;

}



#headerrechts {

	float: right;

	height: 100px;

	width: 100px;

	margin-top: 45px;

	margin-right: 10px;

	text-align: right;

	font-size: 0.9em;

}



#suche {

	float: right;

	margin-top: 5px;

	margin-right: 10px;

}



#suchfeld {

/*	width: 126px;*/

	width: 145px;

/*	font-size: 0.9em;*/

	padding: 2px;

	background-color: #FFFFFF;

	border: 1px solid #999999;

}



#suchbutton {

	width: 47px;

	font-size: 0.9em;

	background-color: #E0DFE3;

	border: 1px solid #666666;

}

#suchbild { margin-left:5px; }



/*    -------------------------------------     */

/*    Link-Definitionen                         */

/*    -------------------------------------     */



#mitte a.mittellink:before {



	content: url(../bilder/ic_link_int.gif);

	display: inline;

	margin-left: 3px;

	margin-right: 3px;

}

#mitte a.mittellink:hover:before {

	content: url(../bilder/ic_linko_int.gif);

	display: inline;

	margin-left: 3px;

	margin-right: 5px;

}



#mitte a:link, #mitte a:visited {

	color: #000000;

	text-decoration: none;

}

#mitte a:hover, #mitte a:active {

	color: #666666;

	text-decoration: none;

}



#rechts a:link, #rechts a:visited {

	color: #666666;

	text-decoration: none;

}

#rechts a:hover, #rechts a:active {

	color: #666666;

	text-decoration: underline;

}





/*    -------------------------------------     */

/*    Klassen                                   */

/*    -------------------------------------     */



.unterrichtsbeispielerechts {

	background-image: url(../bilder/unterrichtsbeispiele_rechts_gruen.png);

	background-repeat: no-repeat;

	background-position: center top;

}

.terminerechts {

	background-image: url(../bilder/termine_rechts.png);

	background-repeat: no-repeat;

	background-position: center top;

}

.quicklinksrechts {

	background-image: url(../bilder/quicklinks_rechts.png);

	background-repeat: no-repeat;

	background-position: center top;

}

.tipprechts {

	background-image: url(../bilder/tipp_rechts.png);

	background-repeat: no-repeat;

	background-position: center top;

}

.sponsorenrechts {

	background-image: url(../bilder/sponsoren_rechts.png);

	background-repeat: no-repeat;

	background-position: center top;

}

.orangerechts {

/*	

	font-weight: bold;

	color: #E95D0F;

*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	font-weight: bold;

	color: #e95d0f;

	text-transform: uppercase;

	margin: 0px;

}



.tx-indexedsearch-searchbox { display: none; } 

.stundentafel { border: 1px solid #E8E8E8; }



.datum {

	font-weight: bold;

	color: #CC0000;

}



.headline_bau {

	font-size: 100%;

	font-weight: bold;

	color: #042f63;

	text-decoration: none;

}



.headline_kunst {

	font-size: 100%;

	font-weight: bold;

	color: #8d993a;

	text-decoration: none;

}



.headline_normal {

	font-size: 100%;

	font-weight: bold;

	color: #666666;

	text-decoration: none;

}



/* um artikelbilder im ie auf gleiche höhe mit Text zu rücken */



#mitte .csc-textpic { margin-top: 20px; }



.csc-textpic-caption {

	font-size: 95%;

	line-height: 98%;

	color: #666666;

}



.csc-mailform {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	background-color: #FFFFFF;

	border: 1px solid #999999;

	text-align: right;

	padding-right: 150px;

}



.csc-mailform-field {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

}



#mitte textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	width: 200px;

}



#mitte input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	width: 200px;

}



#mitte select {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	width: 200px;

}



#mitte strong, .fett {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 0.95em;
	/*font-variant: small-caps;*/
	/*text-transform: uppercase;*/
	/*letter-spacing: 1px;*/
}

.datum {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	font-weight: normal;	
	color: #666;
}

.artikel {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;

}