body {
background: #e1ddd9 url(images/background.gif) repeat;
font-size: 12px;
font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
color:#000;
padding:0px;
margin:0px;
line-height: 1.4em;
}
a {color: #000;}
a:visited {color:#000;}
a:hover {color: #e15a23;}
a:active { color:#e15a23;}

h1 {
font-size: 14px;
text-transform:uppercase;
border:4px solid #fff;
padding:6px;
margin:0px;
background-color: #e15a23;
color:#fff;}

h2 {
font-size:18px;
font-weight: bold;
padding: 20px 10px 10px 10px;
margin:0px;}

h3 {
font-size:10px;
padding: 5px 10px;
margin:0px;}

h4 {color: white; background-color: #e15a23; padding: 5px; font-size: 16px; margin: 5px 10px;}
h5 {border: 2px solid #e15a23; padding: 5px; font-size: 13px; margin: 0px;}
h6 {border: 2px solid #e15a23; color: white; background-color: #e15a23; padding: 3px; font-size: 13px;margin: 0px;}

ol, ul {
	line-height: 16px;
	list-style-position: outside;
	list-style-type: square;
	margin-left: 10px;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background: #e1ddd9 url(images/content.png) repeat-y;
}

/* ----------banner for logo-------------- */
#banner {
background: #fff url(images/header.png) no-repeat;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px;
min-height:380px;
height:expression(this.scrollHeight > 380 ? "auto":"380px"); 
}
#banner img {padding:18px 0px 0px 20px;}


/* ----------menu top-------------- */
#menu {
text-align: left;
padding: 0px;
margin: 0px;
}

table {
text-align: left;
padding: 0px;
margin-left: 15px;
}

.foto-link {width: 123px; height: 70px; display: block; margin: 0 auto;}

.infos {background: url(images/infos.png) no-repeat;}
.aktuelles {background: url(images/aktuelles.png) no-repeat;}
.fragen {background: url(images/fragen.png) no-repeat;}
.preise {background: url(images/preise.png) no-repeat;}
.vertraege {background: url(images/vertraege.png) no-repeat;}
.ueberuns {background: url(images/ueberuns.png) no-repeat;}
.kontakt {background: url(images/kontakt.png) no-repeat;}
.presse {background: url(images/presse.png) no-repeat;}

.foto-link:hover{background-position: 0 -70px;}

/* -----------------content--------------------- */
#content {
background: #e1ddd9 url(images/content.png) repeat-y;
padding: 5px 0px;
margin: 0px;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

p, pre{
padding: 5px 10px 10px 10px;
margin:0px;
}

form {
padding: 0px 10px 10px 10px;
margin:0px;
}

/* -----------------content left--------------------- */
#content-left {
background: #fff;
padding: 0px;
margin-right: 250px;
margin-left: 30px;
margin-top: 0px;
position:relative;
}
div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

/* --------------content right------------- */
#right {

float: right;
width: 200px;
margin: 0px 32px 0px 0px;
padding: 0px;
text-align: center;
}

#right a {text-decoration: none;}
#right a:hover, #right .active a {text-decoration: none;}
#right img {border:0;}

/* --------------gasrechner------------- */
#gasrechner {

float: center;
width: 200px;
margin: 0px 32px 0px 0px;
padding: 0px;
text-align: center;
background: #fff;
}

#gasrechner input {
  border: thin solid #e15a23;
}

/* -----------footer--------------------------- */
#footer {
background: #e15a23 url(images/footer.png) no-repeat;
clear: both;
margin: 0px;
padding: 12px 0px;
text-align: left; }

#footer p {
margin-left: 28px; font-weight: bold;
}

/* -----------calculator--------------------------- */

#calc_container {
width: 700px;
background: #fff url(images/gasrechner_background.gif) no-repeat;
}

#calc_content {
padding: 0px;
padding-top: 15px;
margin-left: 260px;
margin-right: 0px;
text-align: center;
}

div#calc_content { 
min-height:90px;
height:expression(this.scrollHeight > 90 ? "auto":"90px"); 
}

#calc_content p {
font-size: 13px;
line-height: 1.5em;}

#calc_left {
float: left;
width: 250px;
margin: 0px;
padding: 0px;
text-align: center;
padding-top: 15px;
}

#calc_left p {
font-size: 13px;
font-weight: bold;
line-height: 1.5em;}

#calc_aendern {
margin-left: 369px;
padding: 0px;}

#calc_aendern p {
font-size: 12px;
font-weight: bold;}

#calc_footer {
padding-right: 70px;
padding-top: 20px;}

/* -----------forms--------------------------- */
#formular {
	margin:0 auto;
	padding:0;
	width:650px;
	text-align:left;
	border: 1px solid #000;
}


form {
	margin:0;
	padding:0;
}
fieldset {
	border:1px solid #999;
	padding:10px;
	margin:5px;
	text-align:left;
	border: solid 0px #e15a23;
}
fieldset input:active, input:focus, input:hover {
	background: #f9ded3;
	border: solid 1px #db6711;
}
legend {
	font-size:1.0em;
	color:#000;
	padding:5px 5px 5px 0;
	background:none;
	font-style:italic;
}
label {
	color:#000;
	font-size:1em;
	margin:0 3px 3px 0;
	padding:0;
	line-height:1.5em;
	width:180px;
	display:block;
	float:left;
	clear:left;
}
input {
	border:1px solid #666;
	padding-left:0.3em;
	margin-bottom:0.6em;
	width:300px;
	background:#fff;
}
select {
	border:1px solid #666;
	padding-left:0.3em;
	margin-bottom:0.6em;
	background:#fff;
	width:100px;
}
option {
	color:#000;
}
.submitbtn {
	float: right;
	width:135px;
	background:#E15A23;
	border:1px solid #db6711;
	color:#fff;
	font-weight: bold;
	cursor:pointer;
	padding:3px;
	margin:5px 0 0 10px;
}
.submitbtn:hover {
	color:#000;
	border:1px solid #db6711;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
}

.error {
	border:#FF0000 1px solid;
}
.error_text {
	color:#F00;
}

/* Button */
.button {
	background-position:top left;
	border:none;
	cursor:pointer;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	padding:8px 0 26px 0;
	margin:0;
	text-align:center;
	display:block;
	text-decoration:none;
}
a.button_a {
	background-position:top left;
	border:none;
	cursor:pointer;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	padding:8px 0 25px 0;
	margin:0;
	text-align:center;
	display:block;
	text-decoration:none;
}
.button_121 {
	background:url(images/button_blank_121.png) no-repeat #fff;
	width:121px;	
}

.button_121:hover, .button_121:active, .button_121:focus {
	background:url(images/button_blank_121.png) no-repeat #fff;
	background-position:bottom left;
	border:none;
	color:#fff;
}
.button_150 {
	background:url(images/button_blank_150.png) no-repeat #fff;
	width:150px;	
}

.button_150:hover, .button_150:active, .button_150:focus {
	background:url(images/button_blank_150.png) no-repeat #fff;
	background-position:bottom left;
	border:none;
	color:#fff;
}
.button_190 {
	background:url(images/button_blank_190.png) no-repeat #fff;
	width:190px;	
}

.button_190:hover, .button_190:active, .button_190:focus {
	background:url(images/button_blank_190.png) no-repeat #fff;
	background-position:bottom left;
	border:none;
	color:#fff;
}



 
#submitbtnChange {
	background:url(images/daten_aendern.png) no-repeat;
	border:none;
	width:300px;
	height:89px;
	cursor:pointer;
	float:right;
	margin-left:10px;
}
#submitbtnAbschicken {
	background:url(images/vertrag_erstellen.png) no-repeat;
	border:none;
	width:300px;
	height:89px;
	cursor:pointer;
	float:right;
}
#submitbtnVorschau {
	background:url(images/vertrag_vorschau.png) no-repeat;
	border:none;
	width:100px;
	height:89px;
	cursor:pointer;
	float:left;
	padding:5px 10px;
	background:#E15A23;
	border:1px solid #db6711;
}
#hotline {
	position:absolute;
	top:140px;
	right:10px;
}