/* 

CSS Sheet for "Peter Bäk - Heizung Bäder"

created:	2010-05-06
by:			AM
for:		wpt-online e.K.



Colors:	
	backgrounds:	#FDFCD0
	headlines:	#000
	text:		#333
	borders:	#FFFE00	(forms)

*/

* { margin:0px; padding:0px; border:0px; }

html { overflow:	auto; }

body {  background-color:	#FDFCD0; }

img { border: 0px; }


/* PLATZIERUNGSELEMENTE */

#container { 
	position:	absolute; 
	width:		986px; 
	top:		20px;
	left:		20px;
}

#menue {
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		177px;
}

#main-area {
	position:	absolute;
	left:		177px;
	top:		0px;
	width:		808px;
	padding-bottom:	20px;
}

#content {
	width:		748px;
	background:	url(images/content_bg.png) repeat-y;
	padding:	30px;
	min-height:	375px;
}

#footer {
	width:		808px;
	height:		81px;
	text-align:	center;
	padding-top:	25px;
	background:	url(images/footer_bg.png) no-repeat;
}


/* Menue-Elemente */
	
a.menue {
	display:	block;
	width: 		157px;
	height:		20px;
	background:	url(images/menue_bg.png) repeat-y;
	padding-left:	20px;
	padding-top:	3px;
	padding-bottom:	3px;
	font-family:	Arial, Verdana, sans-serif;
	font-size:	14px;
	color:		#333;
	text-decoration:none;
}

a.menue:hover {
	background:	url(images/menue_hover.png) repeat-y;
}

a.menue_on  {
	display:	block;
	width: 		157px;
	height:		20px;
	background:	url(images/menue_hover.png) repeat-y;
	padding-left:	20px;
	padding-top: 	3px;
	padding-bottom:	3px;
	font-family:	Arial, Verdana, sans-serif;
	font-size:	14px;
	font-weight:	bold;
	color:		#333;
	text-decoration:underline;
}

a.submenue {
	display:	block;
	width: 		142px;
	height:		20px;
	background:	url(images/menue_bg.png) repeat-y;
	padding-left:	35px;
	padding-top: 	3px;
	padding-bottom:	3px;
	font-family:	Arial, Verdana, sans-serif;
	font-size:	13px;
	color:		#333;
	text-decoration:none;
}

a.submenue:hover {
	display:	block;
	width: 		142px;
	height:		20px;
	background:	url(images/menue_hover.png) repeat-y;
	padding-left:	35px;
	padding-top: 	3px;
	padding-bottom:	3px;
	font-family:	Arial, Verdana, sans-serif;
	font-size:	13px;
	color:		#333;
}

a.submenue_on  {
	display:	block;
	width: 		142px;
	height:		20px;
	background:	url(images/menue_hover.png) repeat-y;
	padding-left:	35px;
	padding-top: 	3px;
	padding-bottom:	3px;
	font-family:	Arial, Verdana, sans-serif;
	font-size:	12px;
	font-weight:	bold;
	color:		#333;
	text-decoration:underline;
}
	
/* Content-Design */

#content h1 {
	font-family:	Arial, Verdana, sans-serif;
	font-size:	25px;
	font-weight:	bold;
	color:		#000;
	margin-bottom:	25px;
}

#content p {
	font-family:	Arial, Verdana, sans-serif;
	font-size:	16px;
	line-height:	18px;
	font-weight:	normal;
	color:		#333;
	margin-bottom:	20px;
}

#content ul {
	padding-left:	40px;
	padding-bottom:	20px;
}

#content li {
	list-style-image:url(images/ul_bullet.png);
	font-family:	Arial, Verdana, sans-serif;
}

#content img {
	border:		0px;
}

#content img.right {
	float:		right;
	margin-right:	20px;
}

#content input {
	background-color:	#FDFCD0;
	border:		1px solid #FFFE00;
	color:		#000;
	margin-top:	3px;
}

#content textarea {
	background-color:	#FDFCD0;
	border:		1px solid #FFFE00;
	color:		#000;
	margin-top:	3px;
}

#content a {
	color:		#000;
	text-decoration:none;
	border:		0px;
}

#content a:hover {
	color:		#000;
	text-decoration:underline;
	border:		0px;
}


/* Footer-Design */
#footer p {
	font-family:	Arial, Verdana, sans-serif;
	font-size:	13px;
	font-weight:	bold;
	margin-top:		15px;
}

#footer a {
	color:		#000;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

#footer img {
	border:		0px;
}