/*
Projekt:		CSS fuer gastankstelle24.de
erstellt von:	am
Datum:			2010-05-28	
Copyright:		wpt-online e.K.


head + headlines - gruen = 8BD02F
text - grau  = 333333

sonstiges: weiß - ffffff und schwarz - 000000
*/

body { 
	margin: 			0px;
	padding:			0px;
	border:				0px;
	padding-left:		10px;
}

button, input[type="submit"], input[type="button"], input[type="reset"] {
	background-color	: #8bd02f;
	border				: 1px solid #73ab28;
	color					: #FFFFFF;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background-color	: #73ab28;
	border				: 1px solid #5e8c21;
}

/* Layoutelemente */

#container {
	width:				980px;
	background-color:	#ffffff;
	font-family:		Arial, Verdana, sans-serif;
	font-size:			10px;
}

#head {
	width:				980px;
	height:				180px;
	margin-top:			10px;
	background-color:	#8BD02F;
	font-family:		Arial, Verdana, sans-serif;
}

#head .teaser {
	margin-left:		10px;
	width:				235px;
	height:				180px;	
}

#head .headline {
	position:			absolute;
	top:				00px;
	left:				240px;
	height:				100px;
	width:				400px;
	text-align:			right;
	color:				#ffffff;
}

#head .topmenue {
	position:			relative;
	left:				670px;
	bottom:				30px;
	height:				20px;
	width:				300px;
	text-align:			right;
	color:				#000000;
	font-size:			13px;	
}

#banner_top {
	width:				980px;
	height:				70px;
	padding-top:		10px;
}

#main {
	width:				960px;
	padding:			10px;
}

#menue {
	float:				left;
	width:				200px;
	color:				#666666;
}

#content {
	float:				left;
	width: 				605px;
	padding-left:		15px;
	color:				#666666;
	font-size:			14px;
}

#content .links {
	float:				left;
	margin-right:		15px;
	width:				255px;
}

#content .rechts {
	float:				right;
	margin-left:		15px;
	width:				255px;
}

#banner_rechts {
	float:				left;
	width:				125px;
	padding-left:		15px;	
}






/* Typographie 
   -----------
*/

a { 
	color:				#999;
	text-decoration:	none;
}

a:hover {
	color:				#666;
}

#head .headline h1 {
	font-family:		Arial, Verdana, sans-serif;
	font-size:			40px;
	font-weight:		bold;
	color:				#ffffff;
	margin-bottom:		0px;
	line-height:		40px;
	text-decoration:	none;
}

#head .headline h2 {
	font-family:		Arial, Verdana, sans-serif;
	font-size:			18px;
	color:				#ffffff;
	font-weight:		normal;
	margin-top:			0px;
}

#head .topmenue a {
	color:				#000000;
	font-size:			13px;
	text-decoration:	none;	
	font-weight:		bold;
}

#head .topmenue a:hover {
	color:				#ffffff;
}

#head .topmenue a:active {
	color:				#000000;
}



#menue h3 {
	display:			block;
	font-size:			16px;
	font-weight:		bold;	
}

#menue .menue {
	display:			block;
	width:				180px;
	height:				20px;
	padding-left:		20px;
	font-size:			13px;
	font-weight:		bold;
	color:				#666;
	padding-top:		5px;
	margin-top:			5px;
	border-top:			2px solid #999;
}

#menue .last {
	border-bottom:		2px solid #999;
}

#menue .submenue {
	display:			block;
	width:				140px;
	padding-left:		40px;
	margin-top:			3px;
	font-size:			13px;
	color:				#666;
}

#menue a {
	text-decoration:	none;
	color:				#666
}

#menue a:hover {
	color:				#8BD02F;
	background-color:	#fafafa;
}

#menue a:active {
	color:				#8BD02F;
}

#menue p {
	font-size:			13px;
}



#content {
	font-size:			13px;
}

#content h1 {
	color:				#8BD02F;
	font-size:			20px;
	font-weight:		bold;
}

#content h2 {
	color:				#6C0;
	font-size:			16px;
	font-style:			italic;
	font-weight:		bold;
}

#content h3 {
	color:				#6C0;
	font-size:			14px;
	font-weight:		bold;
}

.email {
	display:			block;
	width:				190px;
	height:				20px;
	background:			url(/images/email.gif) top left no-repeat;
}

.email:hover {
	background:			url(/images/email_ho.gif) top left no-repeat;
}




/* Banner */

.banner_s {
	float:				left;
	width:				234px;
	height:				60px;
	margin-left:		8px;
}

.banner_s_layout {
	float:				left;
	width:				230px;
	height:				36px;
	margin-left:		8px;
	border:				2px solid #8BD02F;
	padding-top:		20px;
	text-align:			center;
	color:				#999999;
	font-size:			14px;
}

.banner_s_layout_aktiv {
	float:				left;
	width:				230px;
	height:				36px;
	margin-left:		8px;
	border:				2px solid #FC5E07;
	padding-top:		20px;
	text-align:			center;
	color:				#666666;
	font-size:			14px;
	background-color:	#efefef;
	font-weight:		bold;
}

.banner_s_layout:hover {
	background-color:	#efefef;
}

.banner_m_hier {
	width:				545px;
	text-align:			center;
	padding-top:        10px;
	padding-left:		60px;	
}

.banner_m {	
	width:				468px;
	height:				60px;
	margin-top:			15px;
	margin-bottom:		15px;	
}

.banner_m_layout {	
	width:				464px;
	height:				40px;
	padding-top:		20px;
	text-align:			center;
	border:				2px solid #8BD02F;
	font-size:			14px;
	color:				#999999;	
}

.banner_m_layout_aktiv {	
	width:				464px;
	height:				40px;
	padding-top:		20px;
	text-align:			center;
	border:				2px solid #FC5E07;
	font-size:			14px;
	color:				#666;	
	background-color:	#efefef;
	font-weight:		bold;
}

.banner_m_layout:hover {	
	background-color:	#efefef;	
}

.banner_l {
	width:				728px;
	height:				90px;
	margin-top:			15px;
	float:				right;
	margin-right:		0px;
}

.banner_l_layout {
	width:				724px;
	height:				50px;
	margin-top:			15px;
	border:				2px solid #8BD02F;
	padding-top:		30px;
	font-size:			14px;
	color:				#999999;
	float:				right;
	margin-right:		10px;
	text-align:			center;
}

.banner_l_layout_aktiv {
	width:				724px;
	height:				50px;
	margin-top:			15px;
	border:				2px solid #FC5E07;
	padding-top:		30px;
	font-size:			14px;
	color:				#666;
	float:				right;
	background-color:	#efefef;
	margin-right:		10px;
	text-align:			center;
	background-color:	#fefefe;
	font-weight:		bold;
}

.banner_l_layout:hover {
	background-color:	#efefef;
}
	
.skyscraper_s {
	height:				240px;
	width:				125px;
	margin-bottom:		10px;
}

.skyscraper_m {
	height:				400px;
	width:				125px;
	margin-bottom:		10px;
}

.skyscraper_l {
	height:				600px;
	width:				125px;
	margin-bottom:		10px;
}

.skyscraper_xl {
	height:				800px;
	width:				125px;
	margin-bottom:		10px;
}

.skyscraper_s_layout {
	height:				135px;
	width:				121px;
	margin-bottom:		10px;
	padding-top:		105px;
	color:				#999999;
	text-align:			center;
	font-size:			14px;
	border:				2px solid #8BD02F;
	margin-right:		10px;
}

.skyscraper_s_layout_aktiv {
	height:				135px;
	width:				121px;
	margin-bottom:		10px;
	padding-top:		105px;
	color:				#666;
	text-align:			center;
	font-size:			14px;
	border:				2px solid #FC5E07;
	margin-right:		10px;
	background-color:	#efefef;
	font-weight:		bold;
}

.skyscraper_s_layout:hover {
	background-color:	#efefef;
}