/* --------------------------------------------------------------
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;
	}

.datum {
	
	color:#FF3333;
	font-size:9px;
	}





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



* {
padding: 0;
margin: 0;
}

body {
	margin: 0 auto;
	
	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;}	

a:hover {color: #FF0033;}	
		
ul {
	text-decoration:none;
	list-style:none;	
	}	
li {
	text-decoration:none;
	list-style:none;
	}	
	

h2{
 	padding:0 0 15px 0;
	color:#A6B841;
	}

h1{
 	padding:20px 0 5px 0;
	color: #CC0000;
	}	
	
h5{
 	padding: 0 0 10px 0;
	color: #F60;
	font-size:18px;
	}		
	


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

.orte li {
	float:left;
	padding: 0px 10px 20px 0;
	
	}		
	
.orte a {
	font-weight:400;
	text-decoration:underline;
	color:#3399ff;
	}	
	
.orte a:hover {
		color: #FF0033;
		}	
	

	

		
/*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;
		}

		#mainNav a:hover {
		color: #FF0033;
		}
	
#subNav {
	margin:110px 0 0 140px;
	position:absolute;
	
	}
	
	#subNav a {
		color:#3399ff;
		font-size:14px;
		font-weight:300;
		}
	
		#subNav li {
		float:left;
		line-height:50px;
		}

		#subNav a:hover {
		color: #FF0033;
		}	


		

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;	
	}	
	
	




#twoColLayout {
	width: 1000px;
	}
/* Rausgenommen weiß noch nicht wohin damit	
	#twoColLayout #head {
	position:absolute;
	padding: 5px 5px 0 5px;
	margin:180px 0 0 30px;
	background:#3399ff;
	height:30px;
	width:900px;
	color:#FFFFFF;
	}	
-------------------*/	

#twoColLayout #primaryContent {
	
	
	position:absolute;
	float:left;
	width:600px;
	margin: 180px 0 20px 345px;
	}



		
#twoColLayout #sideContent {
font-weight:400;
	
	position:absolute;
	float:left;
	width:300px;
	margin: 180px 0 20px 30px;
	}
	
/*Kontakt Google Map ------------*/




#twoColLayout #sideMapContent {
	
	padding: 10px 10px 10px 10px;
	position:absolute;
	float:left;
	width:950px;
	margin: 150px 0 20px 10px;
	}

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





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

#threeColLayout #primaryContent {
	
	padding: 10px 10px 100px 10px;
	position:absolute;
	float:left;
	width:300px;
	height: auto;
	margin: 150px 0 20px 335px;
	
	
	}


#threeColLayout	 #secondaryContent{
	
	padding: 10px 10px 100px 10px;
	position:absolute;
	float:left;
	width:300px;
	margin: 150px 0 20px 660px;
	text-decoration:none;

	
	}
		
#threeColLayout #sideContent {
	
	padding: 10px 10px 100px 10px;
	position:absolute;
	float:left;
	width:300px;
	margin: 150px 0 20px 10px;
	
	}
	
#threeColLayout #head {
	position:absolute;
	padding: 5px 5px 0 5px;
	margin:150px 0 0 15px;
	height:30px;
	width:950px;
	color:#666666;
	}		
#threeColLayout #head {
font-size:xx-small;
}
#threeColLayout #bottom {
			position:absolute;
			margin: 1300px 0 0 0;
			width:900px;
			
	}
#threeColLayout #foot {
	font-size:xx-small;
	position:absolute;
	padding: 5px 5px 0 5px;
	margin:700px 0 0 15px;
	height:30px;
	width:950px;
	color:#666666;
	}		
			
			



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

	
.blue {
	background-color: #C9E1EA;
	}

.normal {
	width: 115px;
	}	
.big {
	width: 380px;
	}	

table {
	background-color: transparent;
	margin: 0 0 0 -5px;	
	width: 102%;
	font-size:12px;
	}
th { 
	background-color: transparent;
	font-size:12px;}	

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

caption {
	
	padding: 10px 0 0 8px;
	width: 100%;	
	color: #3399ff;
	font-size:24px;
	text-align:left;

}
	


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



.saft { position:absolute;
		margin: -40px 0 0 450px;
	}
	
.saftstart { position:absolute;
		margin: 115px 0 0 650px;
	}	





/* fieldset und weitere tests für 2.0
------------------------------------------------*/

fieldset {
	margin: 15px 0 0 0;
width: 250px;
	border: solid 0 transparent;
	background:#FFFFFF;
	}		

legend {
	font-weight: bold;
	color:#666666;
}

label {
	display:block;
}

input {
	width: 180px;
}			

.required {
	font-size:9px;
	color:#F60;
}
/* versuch für abgerundete ecken
----------------------------------------------------------*/
.cb img {
padding: 0 0 35px 30px;
}

.cb {
	margin: 0.5em 0;
	line-height:170%;
}
.bt {
	background:url(../getraenkelieferservice-bilder/box.gif) no-repeat 100% 0 !important;
	margin:0 0 0 18px;
	height: 27px;
}

.bt div {
	height:27px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(../getraenkelieferservice-bilder/box.gif) no-repeat 0 0 !important;
}

.bb {
	background:url(../getraenkelieferservice-bilder/box.gif) no-repeat 100% 100% !important;
	margin:0 0 0 12px;
	height:14px;
} 	
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(../getraenkelieferservice-bilder/box.gif) no-repeat 0 100% !important;
}

.i1 {
	padding: 0 0 0 12px;
	background:url(../getraenkelieferservice-bilder/borders.gif) repeat-y 0 0 !important;
}

.i2 {
	padding: 0 12px 0 0;
	background:url(../getraenkelieferservice-bilder/borders.gif) repeat-y 100% 0 !important;
}

.i3 {
	background:#FFF;
	border: 1px solid #FFF;
	border-width:1px 0;
	padding: 0 5px;
}