/* vordefinierte Browser-Styles zuruecksetzen
------------------------------------------------------------- */

/* Normalisiert margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
 {margin: 0; padding: 0;}

/* Normalisiert font-size fuer Ueberschriften */
h1, h2, h3, h4, h5, h6
 {font-size: 100%;}

/* Entfernt list-style aus Listen */
ul, ol
 {list-style: none;}
 
/* Normalisiert die Zeilenhoehe */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
 {line-height: normal;}

/* Normalisiert font-style und font-weight auf normal */
address, caption, cite, code, dfn, em, strong, th, var
 {font-style: normal; font-weight: normal;}

/* Normalisiert Tabellenraender */
table
 {border-collapse: collapse; border-spacing: 0;}

/* Entfernt border aus fieldset und img */
fieldset, img
 {border: 0; }

/* Richtet Text in caption, th und td links aus */
caption, th, td
 {text-align: left;}
 
/* Basiseinstellung fuer Links */
a
 {outline: none; text-decoration: none;}
 
 
/* Allgemeine Elemente
------------------------------------------------------------- */

html { /* fuer IE 6 (und 7?)  */
	height: 100%;		
}	

body { 
	height: 100%;	
	overflow: hidden;
	background-color: #fff;
  color: #3c3c3c; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;  
  font-style: normal; 
  font-variant: normal; 
}

h1#branding {
	position: absolute;
	top: 162px; 
	right: 100px;
	z-index: 150;
}

div#wrapper {
	position: absolute;
	width: 1024px;
	height: 664px;	
	top:50%;
  left:50%;
  margin-left: -512px;
  margin-top: -332px;  
}

/* Sprachauswahl
------------------------------------------------------------- */

ul#sprachauswahl {
	position: absolute;
	top: 144px; 
	left: 0px;
	z-index: 100;
	width: 1024px;
	height: 80px;
	background-color: #fff;		  
}

ul#sprachauswahl a {
	font-size: 10px; 
	color: #000;	  
}

ul#sprachauswahl a:hover {
	text-decoration: underline;	  
}
 
li#deutsch {
	position: absolute;
	top: 50px; 
	left: 95px;
	z-index: 110;
}

li#englisch {
	position: absolute;
	top: 50px; 
	left: 295px;
	z-index: 110; 
}

/* Markenauswahl
------------------------------------------------------------- */

div#markenauswahl {
	position: absolute;
	top: 64px; 
	left: 0px;
	z-index: 100;
	width: 1024px;
	height: 160px;
	background-color: #fff;		  
}

#markenauswahl h2 {
	position: absolute;
	top: 24px; 
	left: 40px;
	z-index: 110;
	font-weight: normal;
	text-transform: uppercase;		  
}

#markenauswahl ul {
	position: absolute;
	left: 35px;			 
}

#markenauswahl ul li {
	display: block;
	position: absolute;
	top: 54px; 
	z-index: 110;
	width:67px; 
	height:64px;
	}
	
body > #markenauswahl ul li#mwh, #markenauswahl ul li#mwh a {left:5px; background:url(../imgs/kaeIntro_mwh_kon.gif) no-repeat;} /* fuer opera notwendig, hack alle ausser ie */
body > #markenauswahl ul li#rg, #markenauswahl ul li#rg a  {left:72px; background:url(../imgs/kaeIntro_rg_kon.gif) no-repeat;}
body > #markenauswahl ul li#gh, #markenauswahl ul li#gh a  {left:139px; background:url(../imgs/kaeIntro_gh_kon.gif) no-repeat;}
body > #markenauswahl ul li#pl, #markenauswahl ul li#pl a  {left:206px; background:url(../imgs/kaeIntro_profi_kon.gif) no-repeat;}
body > #markenauswahl ul li#od, #markenauswahl ul li#od a  {left:273px; background:url(../imgs/kaeIntro_od_kon.gif) no-repeat;}

#markenauswahl ul li#mwh {left:5px; background:url(../imgs/kaeIntro_mwh_kon.gif) no-repeat;} 
#markenauswahl ul li#rg {left:72px; background:url(../imgs/kaeIntro_rg_kon.gif) no-repeat;}
#markenauswahl ul li#gh {left:139px; background:url(../imgs/kaeIntro_gh_kon.gif) no-repeat;}
#markenauswahl ul li#pl {left:206px; background:url(../imgs/kaeIntro_profi_kon.gif) no-repeat;}
#markenauswahl ul li#od {left:273px; background:url(../imgs/kaeIntro_od_kon.gif) no-repeat;}

#markenauswahl ul li a {
	display:block;
	width:67px;
	height:64px;
	/* text-align:left; */
	}

#markenauswahl ul li#mwh a:hover {background:url(../imgs/kaeIntro_mwh_akt.gif);}
#markenauswahl ul li#rg a:hover {background:url(../imgs/kaeIntro_rg_akt.gif);}
#markenauswahl ul li#gh a:hover {background:url(../imgs/kaeIntro_gh_akt.gif); text-decoration:none;}
#markenauswahl ul li#pl a:hover {background:url(../imgs/kaeIntro_profi_akt.gif); text-decoration:none;}
#markenauswahl ul li#od a:hover {background:url(../imgs/kaeIntro_od_akt.gif); text-decoration:none;}


#markenauswahl ul li span {display:none;}
#markenauswahl ul li a:hover span {position:absolute; display:block; top:0px; width: 591px;}

 * html #markenauswahl ul li a:hover {top:0px;}
#markenauswahl ul li#mwh a:hover span {left:393px;}
#markenauswahl ul li#rg a:hover span {left:326px;}
#markenauswahl ul li#gh a:hover span {left:259px;}
#markenauswahl ul li#pl a:hover span {left:192px;}
#markenauswahl ul li#od a:hover span {left:125px;}

.introtext {margin-top:142px; margin-left:30px; font-size:11px; color:#333333; line-height:130%;}