/* ----------------------------------------------------
author:   Ralph Scholze - http://www.webpixelkonsum.de
email:    info@webpixelkonsum.de
title:    Stylesheet Medium Sreen
version:  1o.1o.2oo7
website:  http://www.redlin.info
------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;	
}

#body {
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
	direction: ltr;
	margin: 0;
	padding: 0;
}

#home, #LeistungHeizung {
	background: #daedff url(images/Redlin_background.gif) repeat-x;
}

#mainbody { 
	background-color: #fff;
	border: .5em solid #fff;
	position: relative; 
	top: .5em;
	width: 59.8em;
	left: 50%;
	margin-left: -29.8em;
	-moz-border-radius: 1.2em;
	-webkit-border-radius: 1.2em;
}
	
#head {
	clear: both; 
	margin: 0;
	padding: 0;
}
	
#Logo { 
	border-bottom: 1px solid #6780fd;
	border-right: 1px solid #6780fd;
	float: left;
	height: 5.4em;
	padding-top: 1.4em;
	padding-left: .5em;
	width: 17.9em; 
}

#Logo a:link {
	background-color: #fff;
	color: #000;
	display: block;
	text-decoration: none;
}

#Logo p {
	font-size: .9em;
}

h1 { 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.7em;
	font-weight: 100;
}

h2 { 
	font-family: Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: 100;
}
	
h3 { 
	font-family: Verdana, sans-serif;
	font-size: 1.0em;
	font-weight: 100;
}

#maincontent {
	background-color: #fff;
	clear: both;
	font-size: 1.0em;
	position: relative;
}

#content {
	border: 1px solid #6780fd;
	float: left;
	padding-bottom: .5em;
	width: 34.7em;
}
	
#content h1 {
	background-color: #6780fd;
	border-bottom: 1px solid #6780fd;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0 .5em;
}
	
#content h2 {
	background-color: #6780fd;
	border-bottom: 1px solid #6780fd;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
	padding: 0 .5em;
}

#content h3 {
	background-color: transparent;
	color: gray;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
	margin-bottom: -.7em;
	padding: .5em;
}

#content img {
	background-color: #fff;
	float: left;
	width: 100%;
}
	
#content #heizungsleistung {
	background-color: #fff;
	float: left;
	margin-top: .5em;
	width: 16.9em;
}

#content #sanitaerleistung {
	background-color: #fff;
	float: right;
	margin-top: .5em;
	width: 16.9em;
}
	
#content p {
	font-size: .9em;
	padding: .5em .3em 0 .5em;
}

#content ul {
	list-style-type: none;
	padding: .7em 0 .7em 2.5em;
}

#content ul li {
	font-size: .9em;
	list-style-image: url(images/icon_link.gif);
	list-style-position: outside;
	padding: 0;
}

#sidebar {
	border: 1px solid #6780fd;
	float: right;
	width: 24.6em;
}

#sidebar h1 {
	background-color: #6780fd;
	border-bottom: 1px solid #6780fd;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0 .5em;
}
	
#sidebar h2 {
	background-color: #6780fd;
	border-bottom: 1px solid #6780fd;
	color: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em;
	padding: 0 .5em;
}
	
#sidebar img {
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	float: right;
	margin-top: .5em;
	margin-right: 4.5em;
	padding: .5em;
	width: auto;
}
	
#sidebar #kontaktleistung {
	float: right;
	margin-top: .5em;
	width: 100%;
}
	
#sidebar dl { 
	font-size: .9em;
	margin: .5em 0 0 0;
	padding: 0 .5em;
}
	
#sidebar dt { 
	height: .9em;
	text-align: left;
	width: auto;
}

#sidebar dd { 
	height: .9em;
	left: 7.2em;
	margin: 0 0 0 0;
	position: relative;
	top: -.9em;
	width: 20em;
}

#sidebar p {
	font-size: .9em;
	padding: .5em .3em 0 .5em;
}

#sidebar ul {
	list-style-type: none;
	padding: .7em 0 .8em 2.5em;
}

#sidebar ul li {
	font-size: .9em;
	list-style-position: outside;
	padding: 0;
}

#footer {
	clear: both;
	top: 1em;
	}
	
#footer p {
	font-size: .9em;
	padding: .5em;
}

a:link, a:visited {
	background-color: transparent;
	color: #679EF1;
	text-decoration: none;
}

a:hover {
	background-color: #daedff;
	color: #fb4132;
	text-decoration: none;
}

/******* Navigation *******/

#head dl {
	border-bottom: 1px solid #6780fd;
	border-top: .3em solid #6780fd;
	border-right: 1px solid #6780fd;
	display: inline; /* fixt den Bug der Randverdoppelung im IE/Win */
	height: 6.5em;
	float: left;
	margin-bottom: .2em;
	width: 8.2em;
	}

#head dt {
	color: #6780fd;
	font-size: 1.1em;
	font-weight: 600;
	letter-spacing: .1em;
	padding: .5em;
	}

#head dd {
	color: #6780fd;
	display: block;
	font-size: .8em;
	padding-left: .7em;
	}

#head dd a:link #head dd a:visited { 
	background-color: transparent;
	color: #679EF1;
	display: block;
	padding: .1em .5em 0 0;
	text-decoration: none;
}

#head dd a:hover #head dd a:active { 
	color: red;
	display: block;
	}

#head .active {
	background-color: yellow;
}
	
	
/******* impressum allgemein ******/

#imprint {
	color: #261414;
	font: .8em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: .2em 0 0 0;
}
	
#imprint dt {
	height: .9em;
	padding-left: .5em;
	text-align: left;
	width: auto;
}

#imprint dd { 
	font: 1.0em Arial, Helvetica, sans-serif;
	height: 1em;
	left: 8.5em;
	margin: 0 0 0 0;
	position: relative;
	top: -.9em;
	width: 10em;
}

/******* Formulare *******/

#anfrage { 
	padding: .3em .5em .5em .5em;
}

label {
	color: #313131;
	display: block;
	font-size: .9em;
	margin-top: .5em;
}
	
input { left: .5em;
	border: 1px solid red;
	display: block;
	padding: 0;
	width: 17.9em;
}

#date {
	border: 1px solid red;
	display: block; 
	float: left;
	padding: .2em;
	width: 2.5em;
}

select#anrede {
	width: 8.8em;
}

select#monat {
	margin-left: 1.5em;
}

#submitButton {
	background-color: #ff0000;
	border: 1px solid #fff;
	color: #fff;
	margin-top: .5em;
	width: 18em;
}

#submitButton:hover {
	background-color: #a3ff00;
	color: #373737;
}

#name, #mail, #telefon, #pax, #anfrage select { 
	border: 1px solid red;
}

#anfrage textarea {
	border: 1px solid #D9E0E6;
	border-bottom-color: #C8CDD2;
	border-right-color: #C8CDD2;
	height: 11.5em;
	padding: 0 .2em;
	width: 17.5em;
}

/******* impressum haftung ******/

#blockquoteimpressum {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #261414;}

#blockquoteimpressum p { margin: 0;
	padding: 0;
	text-align: justify;
	width: 28.7em;
	height: 13.9em;}