/* CSS Document */

html,* {margin: 0; padding:0;}

body {
	font-size: 11px;
	color: #FFFFFF;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	background-color: #000000;
	background-image: url(../image_neu/aufbau/body_bg.gif);
	background-repeat: repeat-x;
	overflow:auto;
}

#wrapper {
	width: 860px;
	position: relative;
	height: 104px;
	margin: 0 auto;
}

#head {
	position: relative;
	width: 860px;
	height: 104px;
}

.logo{padding: 25px 0 0 0;}

.newsletter {position: absolute; right:0; top: 0;border-left: 1px solid #ffffff; padding: 5px 0 5px 5px; font-size: 10px;}


/*Navigation*/
#nav {
	position: relative;
	width: 860px;
	height: 29px;
	z-index: 10;
}

#nav ul .normal{
	width: auto;
	height:29px;
	float: left;
	margin: 1px 1px 0 0;
	background-image: url(../image_neu/aufbau/navbgt.gif);
	background-repeat: repeat-x;
	list-style-type: none;
}

#nav ul .aktiv{
	width: auto;
	height: 30px;
	float: left;
	margin: 0 1px 0 0;
	background-image: url(../image_neu/aufbau/nav_aktiv_bg.gif);
	background-repeat: repeat-x;
	list-style-type: none;
	}

.aktiv a{ color:#ffffff}
.normal a{ color:#ffffff}
.normal a:hover {color: #d4850b; text-decoration: none;}
#wrapper .aktiv a:hover {color: #ffffff; text-decoration: none;}

#rubrik {
	position: relative;
	height: 221px;
	width: 860px;
	margin: -1px 0 11px 0;
	background-image: url(../image_neu/aufbau/rubrik_bg.gif);
	background-repeat: no-repeat;
	z-index: 1;
}

*+html #rubrik  { padding: 1px 0 0px 0;}
* html #rubrik  { padding: 2px 0 0px 0; margin: -2px 0 11px 0;}

/*Inhaltsbereich*/

#start { 
	width: 860px;
	margin-top: 2px;
	position: relative;
	background-image: url(../image_neu/aufbau/bg_aktuell.gif);
	background-repeat:repeat-x;
	background-position: top;
	background-color: #181718;
}

.black{background-color: #000000;}

#inhalt {	
	float: left;;
	width: 860px;
	background-color: #181718;
	background-image: url(../image_neu/aufbau/bg_aktuell.gif);
	background-repeat:repeat-x;
	background-position: top;
}

#abschluss {width: 860px; height:7px; background-image:url(../image_neu/aufbau/abschluss_bg.png); margin: 10px 0 0 0;}
* html #abschluss {width: 860px; height:13px; background:none;}

.aktuell{
	background-image: url(../image_neu/aufbau/abschluss_aktuell_bg.png);
	background-position:bottom;
	background-repeat: no-repeat;
}
* html .aktuell{background:none;}

.titel {background-image:url(../image_neu/aufbau/inhalt_bg.gif); height:31px;}

.tab {margin: 5px 0 7px 0; width: 279px;} 

.tab td{padding: 3px 0 5px 0; line-height:14px;}

.tab td a{color:#ffffff;}

.tab tr:hover{background-color:#d4850b;}

.tab .hellgrau {background-color: #666666; padding: 3px 0;}

.tab .hellgrau a:hover{color: #d4850b;}

#subnav {width: 178px; padding:8px 11px 11px 15px; }

#subnav li{list-style-type: none; margin: 4px 0;}

#subnav li a{color: #FFFFFF; font-weight: bold;}

#subnav li a:hover, #subnav li a.aktiv {color: #FFFFFF; color:#d4850b; text-decoration: none;}

#subnav li li{list-style-type: none; margin: 2px 0 2px 12px; }

#subnav li li a{color: #FFFFFF; font-weight: normal;}



/*Shop*/
#shop { padding:12px 0px 0 0; background-color: #6d6c6c;}

#shop .eintrag {width:300px; height:140px; float:left; margin:0 1px 1px 0; padding:10px; background-color:#898989; color: #232323;}
*+html #shop .eintrag {width:300px; float:left;}
* html #shop .eintrag {width:300px; float:left;}

#shop .eintrag br { clear:none; }

#shop .bild{width:107px; float:left; border:10px solid #898989; margin:1px 1px 0 0;}

.shopdetail {
	width:622px;
	background-color:#898989;
	border-bottom: 0;
	padding: 10px;
	color: #232323;
	clear: both;
}

.produkt {
	width:612px;
	height: 100px;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	padding: 5px 5px;;
	margin: 0;
	background-color:#666666;
	}
.legend {width: 612px; border-top: 1px solid #ffffff; font-size: 12px; font-weight:bolder; color: #FFFFFF; background-color:#666666; padding: 5px 5px; margin: 10px 0 0 0;}
.legend .bild {padding: 0 0 2px 0;} *+html .legend .bild {padding: 0 0 0px 0;} * html .legend .bild {padding: 0 0 0px 0;}
.suchseite {margin-top: 0;}

.tab1 td {border-bottom: 1px solid #cccccc; padding: 2px 0; color:#FFFFFF;}
.tab1 h4 {color: #FFFFFF;}
#warenmenge { position:relative; width: 14px; background-color: #CCCCCC; border:thin solid #666666; color:#222222; font-size:11px; height:14px; padding: 2px;}
*+html #warenmenge { width: 13px;  border:1px solid #666666; color:#222222; height:13px; padding: 2px;}

#suche {
	width: 81px;
	height: 24px; 
	float: right;
	font-size: 10px; 
	background-image:url(../image_neu/aufbau/shop_suche.gif); 
	background-repeat: no-repeat;
	background-color: none; 
	border:0;
	margin: 0 12px 0 0;
	padding: 7px 0 0 4px;
	}

.button {
	width: 18px; 
	float: right;
	height: 31px; 
	background-image: url(../image_neu/aufbau/suche_button.gif); 
	background-repeat: no-repeat; 
	border:0;
	}
.button:hover {
	background-image: url(../image_neu/aufbau/suche_button_hover.gif); height: 23px; 
	}

#warenkorb {width: 110px; float:right; margin: 0 16px 0 0; font-size:10px; height:31px;}
#warenkorb a:hover{color:#d4850b;}
.dunkelgrau {background-color: #333333;}


/*Kalender*/
.kalender td {border-bottom: 1px solid #cccccc; padding: 4px 0 4px 4px; color:#FFFFFF;}
.kalender .grau {background-color:#999999;}

.kursdaten {width: 380px; float:left; margin: 0px 0 15px 0;}
.datum {width: 150px; float:left; margin: 0px 0 15px 0;}
.checkbox {width:auto; float:left; background-color: #6d6c6c; margin:0px 10px 0 0;}
.line{ width:619px;; height:1px; background-color:#FFFFFF; float: left;}

/**+html #abstand {float:left; width:1px; height: 17px;}*/

/*ÜBER UNS*/

#ueberuns {width: 622px; padding:12px 10px 16px 10px; background-color: #6d6c6c; min-height: 200px;}
*+html #ueberuns {width: 618px;}
* html #ueberuns {width: 618px;}

/*Fusszeile*/

#footer {
	clear:both;
	width: 860px;
	float:left;
	margin-top: 8px;
	font-size: 9px;
}

/*#footer ul {width: 860px; height: 14px; background-image:url(../image_neu/aufbau/footer_ganz.gif); background-repeat: no-repeat;}

#footer ul li{
	width: auto;
	float: left;
	list-style-type: none;
	background-repeat:repeat-x;
	
}

#footer .fotext {padding: 0 13px 0 13px; border-right: 1px solid #000000;}*/


.table {width: 860px; height: 14px; background-image:url(../image_neu/aufbau/footer_ganz.gif); background-repeat: no-repeat;}

.table .rand{border-right: 1px solid #000000;}

/*Textformatierungen*/

h1 {color: #ffffff; font-size: 12px;}
h2 {color: #ffffff; font-size: 10px; font-weight:bold;}
h3 {color: #ffffff; font-size: 15px; font-weight: 600; margin: 0 0 11px 10px;} 
h4 {color: #232323; font-size: 12px; font-weight:800;}
h5 {color: #ffffff; font-size: 15px; font-weight: 600; margin-bottom: 11px;}
h6 {color: #ffffff; font-size: 13px; font-weight: 600; margin-bottom: 3px; font-weight:bold;}
p{margin: 0 0 4px 0;}

a{color: #FFFFFF}
a:link { color: #ffffff; text-decoration: none }
a:hover { color: #d4850b; text-decoration: none; }
a:visited {	COLOR: #ffffff; TEXT-DECORATION: none}

.orange {color: #d4850b;}


/*Kontaktformular*/
form br {clear:both;}
form fieldset {width: 600px; border: none;}
form fieldset label {width: 150px; float: left; margin: 3px 0 12px 0; color: #cccccc; font-size: 11px; font-weight: bold; }
form fieldset input {width: 200px; float: left; margin: 0 0 12px 0; background-color: #CCCCCC; border:1px solid #666666; color:#222222; font-size:11px; height:14px; padding: 2px;}
form fieldset textarea {width: 300px; height: 58px; float:left; color:#222222; font-size:11px; background-color: #CCCCCC; border:1px solid #666666; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; padding:0px 2px; margin-bottom:15px;}
#senden {width:85px; float:left; border:none; margin: 16px 12px 0 0; background-image:url(../image_neu/seitenbilder/kontakt_button.jpg); background-repeat:no-repeat; height:18px; padding: 0 0 3px 0; color:#222222; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px;} 
* html #senden {padding:0;}
*+html #senden {padding:0;}
#senden:hover {background-image: url(../image_neu/seitenbilder/kontakt_hover.jpg); color:#FFFFFF;}
#einkaufen {width:120px; float:left; border:none; margin: 16px 12px 0 0; background-image:url(../image_neu/seitenbilder/einkaufen_button.jpg); background-repeat:no-repeat; height:18px; padding: 0 0 3px 0; color:#222222; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px;} 
* html #einkaufen {padding:0;}
*+html #einkaufen {padding:0;}
#einkaufen:hover {background-image: url(../image_neu/seitenbilder/einkaufen_hover.jpg); color:#FFFFFF;}

#dags {width:85px; float: left; border:none; margin: 12px 0 0 0;}

form #newsletter { margin-top:10px; width:240px; border:none; }
form #newsletter label {width: 50px; float: left; margin: 3px 0 6px 0; color: #cccccc; font-size: 11px; font-weight: bold; }
form #newsletter input {width: 120px; float: left; margin: 5px 0 2px 0; background-color: #CCCCCC; border:1px solid #666666; color:#222222; font-size:11px; height:13px; padding: 1px;}
form #newsletter #senden {width:85px; float:left; border:none; margin: 5px 12px 10px 0; background-image:url(../image_neu/seitenbilder/nl_button.jpg); background-repeat:no-repeat; height:18px; padding: 0 0 3px 0; color:#222222; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px;} 
* html form #newsletter #senden {padding:0;}
*+html form #newsletter #senden {padding:0;}
form #newsletter #senden:hover {background-image: url(../image_neu/seitenbilder/nl_hover.jpg); color:#FFFFFF;}

#animation {position: absolute; bottom:0;}


/*Projekte*/
.legend_projekt {width: 612px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; font-size: 12px; font-weight:bolder; color: #FFFFFF; background-color:#666666; padding: 5px 5px; margin: 10px 0 0 0;}

.projekt {
	width:612px;
	padding: 5px 5px;
	border-bottom: 1px solid #ffffff; 
	background-color:#666666;
	}
	
.projekt .projekttab .tdproj{
	border-bottom: 1px solid #ffffff;
}

.linkorange a {color:#d4850b;}
.linkorange a:hover{color:#d4850b;}
.grau1 a{color:#d4850b;}
.grau1 a:hover{color:#d4850b;}
.grau1 {background-color:#999999;}