/* --------------------------------------------------------------
Basic Stylesheet

autor: Werner Friedl
email: getraenkefriedl@gmx.de
website: get-f.de
---------------------------------------------------------------*/



/*auszeichungen
------------*/

.rot {
	color:#FF3333;
	font-size:16px;
	}
.gruen {
	color: #99CC33;
	font-weight:bold;
	}
.rosa {
	color:#FF99CC;
	font-stretch:extra-expanded;
	font-weight:500;
	font-size:18px;
	}
.gelb {
	color:#FFCC33;
	font-size:16px;
	font-weight:bolder;
	}
	
.getraenkekiste {
	font-size:8px;
	}





/*Allgemeines
------------*/



* {
padding: 0;
margin: 0;
}

body {
	margin: 0 auto;
	background-image:url(../getraenkelieferservice-bilder/getraenkelieferservice-neuried.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}

a {	border: hidden;
	text-decoration:none;
	color:	#666666;
	
	}

a img {
    border: none;
}

	
a visted {
	text-decoration:none;}	
		
ul {
	text-decoration:none;
	list-style:none;	
	}	
li {
	text-decoration:none;
	list-style:none;
	}	
	
h1{ 
 	padding:20px 0 5px 0;
	}

h2{
 	padding:20px 0 5px 0;
	color:#A6B841;
	}
	


.green	 {
		margin:0 0 10px 0;	
		color:#A6B841;
		font-weight: bold;
		}

.orte li {
	float:left;
	padding:0 10px 0 0;
	}		
	
.orte a {
	font-weight:400;
	text-decoration:underline;
	color:#FF9900;
	}	
	
/*Bildersetzung auf Produktseiten 
------------*/
	
	
#sideContent li img{
	margin: 0 0 0 40px;
	}	
	
#sideContent li p{
	margin: 0 0 30px 0;
	}	
		
/*Logo und navi 
------------*/

	
#mainNav {
	margin:27px 0 0 30px;
	position:absolute;
	width:1000px;
	}
	
	#mainNav a {
		font-size:16px;
		font-weight:300;
		color:#666666;
		}
	
		#mainNav li {
		float:left;
		line-height:50px;
		}

.subNav {
	margin:110px 0 0 140px;
	position:absolute;
	}
	
	.subNav a {
		font-size:14px;
		font-weight:300;
		color:#FF9900;
		}
	
		.subNav li {
		float:left;
		line-height:50px;
		}


body.home #mainNav a#home {
	color:#3399FF;
	}	
body.getraenkemarkt #mainNav a#getraenkemarkt{
	color:#3399FF;
	}		
body.lieferservice #mainNav a#lieferservice{
	color:#3399FF;
	}	
body.kontakt #mainNav a#kontakt{
	color:#3399FF;
	}	

body.impressum #mainNav a#impressum {
	color:#3399FF;	
	}	
	
	

/*index Layout
------------*/	

	
#indexColLayout {
		width: 1000px;
		
	}

#indexColLayout #primaryContent {
	position:absolute;
	float:left;
	width:475px;
	margin: 225px 0 20px 30px;
	}
	
#indexColLayout #secondaryContent {
	position:absolute;
	float:left;
	width:475px;
	margin: 225px 0 20px 505px;
	}	
		#indexColLayout h1 a{
		text-decoration:underline;
		color:#3399FF;
		font-size:34px;
		}		
		#indexColLayout h2 a{
		text-decoration:underline;
		color:#A6B841;
		font-size:34px;
		}	
	
		#unten {
			position:absolute;
			margin:670px 0 0 30px;
			width:900px;
			
				}	
				
		#unten h3 {
			color:#FF9900;
			margin: 0 0 10px 0;
			}
	
	
		
	

	

/*Zwei Spaltiges Layout
------------*/	
#twoColLayout {
	width: 1000px;
	}

#twoColLayout #head {
	position:absolute;
	padding: 5px 5px 0 5px;
	margin:180px 0 0 30px;
	background:#FF9900;
	height:30px;
	width:900px;
	color:#FFFFFF;
	}	

#twoColLayout #primaryContent {
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:570px;
	margin: 225px 0 20px 345px;
	}



		
#twoColLayout #sideContent {
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:270px;
	margin: 225px 0 20px 30px;
	}
	
/*Kontakt Google Map ------------*/
#twoColLayout #primaryMapContent {
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:330px;
	height: 500px;
	overflow: scroll;
	margin: 225px 0 20px 600px;
	}


#twoColLayout #sideMapContent {
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:950px;
	margin: 225px 0 20px 30px;
	}

#twoColLayout #map{
	width:500px;
	height:500px;
	}	





/*Drei Spaltiges Layout
------------*/	
#threeColLayout {
	width: 1000px;
	}

#threeColLayout #primaryContent {
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:270px;
	margin: 225px 0 20px 345px;
	
	}


#threeColLayout	 #secondaryContent{
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:270px;
	margin: 225px 0 20px 680px;
	text-decoration:none;
	}
		
#threeColLayout #sideContent {
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:270px;
	margin: 225px 0 20px 30px;
	}
	
#threeColLayout #head {
	position:absolute;
	padding: 5px 5px 0 5px;
	margin:180px 0 0 30px;
	background:#FF9900;
	height:30px;
	width:930px;
	color:#FFFFFF;
	}		
#threeColLayout #bottom {
			position:absolute;
			margin: 1300px 0 0 0;
			width:900px;
			
			}
			

/*Layout für ANGEBOT
------------*/	

	
.angebot h5{
margin: 20px 0 0 80px;
font-size:48px;
font-weight:bolder;
color:#CC0000;
}	

.angebot h4{
	margin: -170px 0 40px 80px;
	}

.angebot li img{
	margin: -60px 0 40px 0;
	}

#threeColLayout #mainNav img{
	margin: 0;
	}	
	
.angebot li {
margin:0 0 20px 0;
border:solid 1px #FF9900;
height: 220px;
background:#FFFFFF;
}

.angebot h2{
	margin: 100px 0 0 0;
	}

#threeColLayout #sideAngebotContent {
	border:solid 1px #FF9900;
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:270px;
	margin: 225px 0 20px 30px;
	}


/*
TabellenLayout
--------------------------------------------*/	

.blue {
	background-color:#C9E1EA;
	}

.normal {
	width: 125px;
	}	
.big {
	width: 390px;
	}	

table {
	border-collapse: collapse;
	width: 550px;
	border:1px solid #999999;
	font-size:12px;
	}
th {
	background-color:#A6B841;
	font-size:12px;}	

th, td {
	text-align:left;
	line-height: 2em;
	padding: 0.1em 01em;
	}

caption {
	padding: 0 0 0 8px;
	width: 552px;
	background-color:#A1B6C5;
	color:#FFFFFF;
	line-height:50px;
	border:1px solid #999999;
	font-size:24px;
	font-weight: bold;
	text-align:left;

	}	
	
tr:hover {
	background-color:#FDD600;
	color:#000000;
	}
thead tr:hover {
	background-color: transparent;
	color: inherit;
	}