@charset "UTF-8";
/**
	* CSS Include File for BOTG
	* header.css for page rendering
	* Developed by 2011 Thorsten Wuest
	* www.ziddex.de
 */
 
@media all
{
	
	/*Header, Logo und Navigation*/
	#mainHeader .subHeader{
		border:0px solid red;
		width:990px;
		display:block;
	}
	
	#mainHeader .subHeader div.botgLogo{
		width:180px;
		float:left;
		padding:30px 0 14px 48px;
		border:0px solid red;
	}
	
	#mainHeader .subHeader div.botgLogo a{
		border:0;
		text-decoration:none;
	}
	
	#mainHeader .subHeader div.botgLogo a img{
		border:0;
	}
		
	#mainHeader .subHeader div.serviceNavigation{
		width:715px;
		float:left;
		border:0px solid red;
		padding:60px 0 0 0;
	}	

	#mainHeader .subHeader div.serviceNavigation ul{
		list-style-type:none;
		padding:0;
		margin:0;
		float:right;
	}	

	#mainHeader .subHeader div.serviceNavigation ul li{
		display:inline;
	}
	
	#mainHeader .subHeader div.serviceNavigation ul li a,
	#mainHeader .subHeader div.serviceNavigation ul li a:link,
	#mainHeader .subHeader div.serviceNavigation ul li a:visited{
		color:#ccc;
		text-decoration:none;
		padding:6px 8px 5px 8px;
		display:block;
		float:left;
		background:url(../img/background/menue_back.jpg) no-repeat top right;
	}

	#mainHeader .subHeader div.serviceNavigation ul li.last a,
	#mainHeader .subHeader div.serviceNavigation ul li.last a:link,
	#mainHeader .subHeader div.serviceNavigation ul li.last a:visited{
		color:#ccc;
		text-decoration:none;
		padding:6px 8px 5px 8px;
		display:block;
		float:left;
		background:url(../img/background/menue_back_no.jpg) no-repeat top right;
	}

	#mainHeader .subHeader div.serviceNavigation ul li a:hover{
		color:#ccc;
		text-decoration:underline;		
	}

	#mainHeader .subHeader div.serviceNavigation ul li.last a:hover{
		color:#ccc;
		text-decoration:underline;		
	}
	
	/*Topimage und Preisrechner*/
	#mainHeader .bottomHeader{
		border:0px solid red;
		width:990px;
		display:block;
		height:340px;
	}	
	
	#mainHeader .bottomHeader div.slider{
		padding:0 0 0 50px;
		position:relative;
		z-index:10;
	}
	
	#mainHeader .bottomHeader div.slider ul.galerie{
		list-style-type:none;
	}	
	
	#mainHeader .bottomHeader div.slider ul.galerie li{
    display:none;
	}	
  
	#mainHeader .bottomHeader div.slider ul.galerie li:first-child{
    display:block;
	}   
	
	#mainHeader .bottomHeader div.preisrechner{
		position:relative;
		z-index:30;	
		background:#ccc;
		width:160px;
		height:178px;
		filter:alpha(opacity=80); /* IE */
		opacity:0.8; /* allgemein */
		-moz-opacity:0.8; /* Mozilla */
		-khtml-opacity:0.8; /* KTHML */
		-opera-opacity:0.8; /* Opera */		
		margin:60px 0 0 770px;
	}
	
	#mainHeader .bottomHeader div.preisrechner div.shortheader{
		font-weight:bold;
		text-transform:uppercase;
		color:#231f20;
		padding:10px 0 10px 10px;
	}
	
	#mainHeader .bottomHeader div.preisrechner div.firstbutton{
		padding:0 0 7px 8px;
	}

	#mainHeader .bottomHeader div.preisrechner div.secondbutton{
		padding:0 0 7px 8px;
	}
	
	#mainHeader .bottomHeader div.preisrechner div.thirdbutton{
		padding:0 0 12px 8px;
	}

	#mainHeader .bottomHeader div.preisrechner div.fourthbutton{
		padding:10px 0 0px 8px;
		border-top:1px solid #fff;
	}
	
	#mainHeader .bottomHeader div.preisrechner div.firstbutton div.merkliste,
	#mainHeader .bottomHeader div.preisrechner div.secondbutton div.merkliste,
	#mainHeader .bottomHeader div.preisrechner div.thirdbutton div.merkliste,
	#mainHeader .bottomHeader div.preisrechner div.fourthbutton div.merkliste{
    	background-color: #EFEFEF;
    	border: 1px solid #666666;
    	color: #000000;
    	font-family: arial;
    	font-size: 11px;
    	font-weight: bold;
    	padding: 1px 0 1px 0;
    	text-align: center;
    	text-decoration: none;
    	width: 143px; 	
	}	
	
	#mainHeader .bottomHeader div.preisrechner div.firstbutton div.merkliste a,
	#mainHeader .bottomHeader div.preisrechner div.secondbutton div.merkliste a,
	#mainHeader .bottomHeader div.preisrechner div.thirdbutton div.merkliste a,
	#mainHeader .bottomHeader div.preisrechner div.fourthbutton div.merkliste a{
    	color: #000000;
    	font-weight: bold;
    	text-decoration: none;	
	}	
	
	#mainHeader .bottomHeader div.preisrechner div.firstbutton div.merkliste a:hover,
	#mainHeader .bottomHeader div.preisrechner div.secondbutton div.merkliste a:hover,
	#mainHeader .bottomHeader div.preisrechner div.thirdbutton div.merkliste a:hover,
	#mainHeader .bottomHeader div.preisrechner div.fourthbutton div.merkliste a:hover{
   	 	color: #000000;
    	font-weight: bold;
    	text-decoration: none;	
	}	
	
	/*Aktive Merkliste*/
	#mainHeader .bottomHeader div.preisrechner div.firstbutton div.merklisteactive,
	#mainHeader .bottomHeader div.preisrechner div.secondbutton div.merklisteactive,
	#mainHeader .bottomHeader div.preisrechner div.thirdbutton div.merklisteactive,
	#mainHeader .bottomHeader div.preisrechner div.fourthbutton div.merklisteactive{
    	background-color: #a8a9aa;
    	border: 1px solid #666666;
    	color: #fff;
    	font-family: arial;
    	font-size: 11px;
    	font-weight: bold;
    	padding: 1px 0 1px 0;
    	text-align: center;
    	text-decoration: none;
    	width: 143px; 	
	}	
	
	#mainHeader .bottomHeader div.preisrechner div.firstbutton div.merklisteactive a,
	#mainHeader .bottomHeader div.preisrechner div.secondbutton div.merklisteactive a,
	#mainHeader .bottomHeader div.preisrechner div.thirdbutton div.merklisteactive a,
	#mainHeader .bottomHeader div.preisrechner div.fourthbutton div.merklisteactive a{
    	color: #fff;
    	font-weight: bold;
    	text-decoration: none;	
	}	
	
	#mainHeader .bottomHeader div.preisrechner div.firstbutton div.merklisteactive a:hover,
	#mainHeader .bottomHeader div.preisrechner div.secondbutton div.merklisteactive a:hover,
	#mainHeader .bottomHeader div.preisrechner div.thirdbutton div.merklisteactive a:hover,
	#mainHeader .bottomHeader div.preisrechner div.fourthbutton div.merklisteactive a:hover{
   	 	color: #fff;
    	font-weight: bold;
    	text-decoration: none;	
	}	
	
	
}