﻿body{
	margin:0;
	padding:0;
/*	background-image:url(../img/hintergrund_wolken_breit_balken.jpg);*/
	background-image:url(../img/hintergrund_wolken_breit.jpg);
	background-position:center 133px;
	background-repeat:repeat-x;
	text-align:center;
	font-size:10pt;
	line-height:1.4em;
/*	color:#777777;*/
	color:#555555;
	font-family:Arial, Helvetica, Sans-Serif;
}
div{
	float:left;
	margin:0;
	padding:0;
}
ul{
	margin:0;
	padding:0;
	clear:both;
	float:left;
}
img{
	margin:0;
	padding:0;
	border:none;
	float:left;
}
a{
	color:#777777;
	font-weight:bold;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	color:#0066CC/*#3c66aa*/;
	float:left;
	clear:both;
}
p{
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
div#wrapper{
	width:100.01%;
	float:none;
	text-align:center;	
}
div#inner_wrap{
	margin:0px auto;
	text-align:left;
	width:980px;
	float:none;
}
div#top{
	width:980px;
	background:url(../img/rath_energie_ist_unser_thema.jpg) no-repeat 0px 40px;
	height:133px;
}
div#kopf_navi{
	margin-top:20px;
}
div#kopf_navi ul{
	float:left;
	font-size:12pt;
	color:#999999;
	list-style:none;
}
div#kopf_navi ul li{
	display:inline;
	padding:0 10px 0 0;
}
div#kopf_navi ul li a{
	font-weight:normal;
}
div#kopf_navi ul li a:hover,
div#kopf_navi ul li a:focus{
	text-decoration:underline;
}

div#middle{
	width:980px;
	background:url(../img/rath_ballon_bg.png) 680px 220px no-repeat;
}
/* ######## oben ################### */

div#top{
	position:relative;
}
div#logo img{
	position:absolute;
	top:40px;
	left:713px;
}

 /*+++ STARTSEITE ++++++++++++++++++++*/
div.thema{
	width:180px;
	margin:8px;
	margin-top:25px;
}
div.thema_ueberschrift{
	width:180px;
	border-bottom:1px solid #0066CC/*#3c66aa*/;
	padding:20px 0 5px 0;
}
div.thema_ueberschrift h1{
	font-size:14pt;
}
div.thema_ueberschrift h1 a{
	font-size:14pt;
	color:#0066CC;
}
div.thema_ueberschrift h1 a:hover,
div.thema_ueberschrift h1 a:focus{
	color:#0066CC;
}
div.thema_text{
	padding-top:10px;
}
div.thema_text a{
	font-weight:normal;
	display:block;
}
div.thema_text a:hover,
div.thema_text a:focus{
	color:#0066CC/*#3c66aa*/;
/*	background-image:url(../img/white_50.png);*/
}
div.thema_bild{
	position:relative;
}
div.flashmovie_startseite{
position:absolute;
top:5px;
left:5px;
}

/*+++ BOTTOM ++++++++++++++++++++*/
div#bottom{
	width:100.01%;
	background-color:#0066CC/*#3c66aa*/;
	height:30px;
	color:#ffffff;
	font-weight:bold;
	font-size:13pt;
	letter-spacing:12px;
	line-height:30px;
	vertical-align:middle;
	margin-top:40px;
	text-align:center;
}
/* #### PRODUKTBEREICHE ############################ */

div#produktbereiche{
	width:960px;
	height:30px;
	position:relative;
}
div#produktbereiche ul{
	margin:0;
	padding:0;
	position:absolute;
	top:2px;
	left:0px;
}
div#produktbereiche ul li{
	float:left;	
	display:inline;
	padding:5px 40px 5px 0;
	color:#0066CC;
}
div#produktbereiche ul li a{
	text-decoration:none;
	font-size:8pt;
	color:#0066CC;
}
div#produktbereiche ul li a:hover,
div#produktbereiche ul li a:focus{
	color:#ff0000;
}

/*+++ Navigation +++++++++++++++++++*/
div#navigation{
	width:223px;
	position:relative;
	margin:30px 0;
}
div#nav_top{
	width:223px;
	height:7px;
	background:url(../img/nav_top_t.png) no-repeat;
}
div#nav_main{
	width:223px;
	background:url(../img/nav_main_t.png) repeat-y;
}
div#nav_bot{
	width:223px;
	height:7px;
	background:url(../img/nav_bot_t.png) no-repeat;
	position:relative;
}
div#navigation_bild{
	width:223px;
	height:167px;
}
div#navigation_bild img{
	position:absolute;
	left:20px;
	top:-5px;
}
div#navigation_bild div#flashmovie{
	position:absolute;
	left:25px;
	top:0px;
	height:147px;
	width:170px;
}
div#navigation_thema{
	width:180px;
	margin:0 21px;
	padding:5px 0;
	border-bottom:1px solid #3c66aa;
}
div#navigation_thema h1{
	font-size:14pt;
	line-height:1.2em;
}
div#navigation_liste{
	width:223px;
	padding:15px 0 20px 0;
}
div#navigation_liste ul{
	list-style:none;
	margin-left:21px;
}
div#navigation_liste ul li{
	line-height:1.2em;
	padding:5px 0px 7px 12px;
	background:url(../img/flamme_liste.png) no-repeat 0px 6px;
}
div#navigation_liste ul li:hover{
	background-image:url(../img/flamme_liste_blue.png);
}
div#navigation_liste ul li a{
	display:block;
}
div#navigation_liste ul li a:hover,
div#navigation_liste ul li a:focus{
/*	color:#3c66aa;*/
	color:#ff0000;
}
div#navigation_liste ul li.no_bg{
	background-image:none;
}
div#navigation_liste ul li ul{
	list-style:none;
	margin-left:2px;
}
div#navigation_liste ul li ul li{
	background:url(../img/flamme_liste_sw.png) no-repeat 0px 4px;
	line-height:1.2em;
	padding:3px 0px 5px 12px;
}
div#navigation_liste ul li ul li a{
	font-size:8pt;
}
div.zurueck{
	width:223px;
	margin:20px 0 10px 21px;
	line-height:1.5em;
}
div.zurueck a{
	padding-left:15px;
	background:url(../img/back.png) 0px 3px no-repeat;
	line-height:1.5em;
}
div.zurueck a:hover,
div.zurueck a:focus{
	/*color:#0066CC#3c66aa*/
	color:#ff0000;
}
/*++++++ ICONS ++++++++++++++++++++++*/
div#nav_bot div#icon_box_mainmenue{
	position:absolute;
	top:-10px;
	/*left:105px;*/
	left:143px;
	width:223px;
	height:10px;
}
div#nav_bot div#icon_box_mainmenue img{
	border:none;
	margin-right:5px;
}
/*+++ CONTENT ++++++++++++++++++++++*/
div#content{
	width:460px;
	min-height:300px;
	margin:30px 30px;
}
div#content_top{
	width:460px;
	height:7px;
	background:url(../img/bg_content_top_t.png) no-repeat;
}

div#content_main{
	width:460px;
	background:url(../img/bg_content_main_t.png) repeat-y;
	padding-top:5px;
}
div#content_main img{
	margin:5px 20px 10px;
	border:1px solid #A2B8D5;
}
div#content_main h2{
	font-size:11pt;
	margin:5px 20px 0 20px;
}
div#content_main h3{
	font-size:10pt;
	margin:5px 0 0 20px;
	color:#ff0000;
}
div#content_main ul{
	font-size:10pt;
	margin:3px 20px 10px;
	list-style:none;
	width:420px;
}
div#content_main ul li{
	padding-left:15px;
	padding-bottom:5px;
	background:url(../img/flamme_liste_blue.png) no-repeat 0px 3px;
	line-height:1.3em;
}
div#content_main p{
	padding:3px 20px 10px;
	text-align:justify;
}
div#content_main p.subline{
	text-align:left;
	font-weight:bold;
}
div#content_main p.adresse{
	padding-bottom:30px;
}
div#content_main a:hover
,divdiv#content_main a:focus{
	color:#ff0000;
}
div#content_main table{
	width:420px;
	margin:3px 20px 10px;
	float:left;
}
div#content_bot{
	width:460px;
	height:7px;
	background:url(../img/bg_content_bot_t.png) no-repeat;
}
div#powered,
div#powered a{
	width:460px;
	font-weight:normal;
	font-size:8pt;
	color:#a2b8d5;
	text-align:right;
}
/*+++ BOXES ++++++++++++++++++++++++++++*/
div#boxes{
	width:223px;
	margin:30px 0;
	line-height:1.3em;
}
div#infobox_top,
div#newsbox_top,
div#contactbox_top{
	width:223px;
	height:7px;
	background:url(../img/nav_top_t.png) no-repeat;
}
div#infobox_main,
div#newsbox_main,
div#contactbox_main{
	width:223px;
	background:url(../img/nav_main_t.png) repeat-y;
}
div#infobox_main a,
div#newsbox_main a,
div#contactbox_main a{
	font-weight:normal;
	display:block;
}
div#infobox_main a:hover,
div#infobox_main a:focus,
div#newsbox_main a:hover,
div#newsbox_main a:focus,
div#contactbox_main a:hover,
div#contact_main a:focus{
	color:#0066CC/*#3c66aa*/;
}
span.link{
	color:#ff0000;
	font-size:12pt;
	font-weight:bold;
}
span.link:hover,
span.link:focus{
	color:#0066CC;
}
div#infobox_bot,
div#newsbox_bot,
div#contactbox_bot{
	width:223px;
	height:7px;
	background:url(../img/nav_bot_t.png) no-repeat;
	margin-bottom:30px;
	position:relative;

}
div#infobox_top{
	background:url(../img/nav_top_blue_t.png) no-repeat;
}
div#infobox_main{
	background:url(../img/nav_main_blue_t.png) repeat-y;
}
div#infobox_bot{
	background:url(../img/nav_bot_blue_t.png) no-repeat;
}
div#newsbox_bot div.icon_box,
div#contactbox_bot div.icon_box{
	position:absolute;
	top:-10px;
	left:10px;
	width:223px;
	height:10px;
}
div#infobox_bot div.icon_box img,
div#contactbox_bot div.icon_box img{
	margin-right:5px;
}
div#infobox_main p,
div#newsbox_main p,
div#contactbox_main p{
	padding:0 10px 20px;
	font-size:9pt;
}
div#infobox_main p{
	font-style:italic;
	font-weight:bold;
	font-size:10pt;
	color:#3c66aa;
	padding:10px;
}
div#newsbox_main p strong,
div#newsbox_main strong{
	color:#ff0000;
	text-transform:uppercase;
}
div#newsbox_main strong{
	padding-left:10px;
	font-size:10pt;
}
div#newsbox_main{
	font-size:9pt;
}
div#newsbox_main div{
	padding:10px;
}
/*
div#newsbox_main p div a{
	padding:10px;
	background-color:#CCCCCC;
}
*/
div#content_main div.bildbesch{
	width:460px;
	padding:5px 20px;
	margin-bottom:10px;
}
div#content_main div.bildbesch p.bildbeschreibung{
	margin:0;
	margin-right:10px;
	padding:0;
	width:135px;
	font-size:8pt;
	clear:none;
	text-align:left;
}
div#content_main div.bildbesch p.bildbeschreibung{
	font-size:8pt;
	line-height:1.3em;
}
div#content div#karte{
	background-color:#ffffff;
	margin:20px;
}
/* +++++++++ BALLONE ++++++++++++++++++ */
div.ballon{
	width:200px;
	margin-left:20px;
}
div.ballon dl dt{
	font-weight:bold;
	font-size:10pt;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	color:#0066CC;
}
div.ballon dl dd{
	font-size:10pt;
	padding:0;
	margin:0;
	margin-bottom:10px;
	float:left;
	clear:both;
}
div.ballon dl dd a{
	font-size:10pt;
	line-height:1.2em;
}

/* ++++++ iframes ++++++++++++++++ */
iframe{
	float:left;
	margin:20px;
	width:420px;
}

/* +++++++ Bild in Box +++++++++++++ */

div#infobox_main img{
	margin:4px 11px;
	border:1px solid #ffffff;
}
div#content_main small{
	float:left;
	margin:-20px 20px 5px 20px;
	width:420px;
	padding:0;
	font-size:8pt;
}

/* +++++++ Chronik ++++++++++++ */
div#content div.chronikbild{
	margin-left:20px;
	width:420px;
}
div#content div.chronikbild img{
	margin:0 5px 5px 0;	
}

/*++++++ Flaschengas +++++++++++++*/

div#content div.flaschengasangebot{
	width:420px;
	margin-left:20px;
	margin-top:10px;
/*	border-bottom:1px solid #A2B8D5;*/
	padding-bottom:5px;
	height:120px;
}
div#content div.flaschengasangebot div.angebot_text{
	width:330px;
	line-height:2em;
}
div#content div.flaschengasangebot div.angebot_bild a img{
	border:none;
	margin:0;
	padding:0;
}

/*+++++++ AKTUELLES ++++++++++++++++++++++*/
div#content div.aktuelles_topic{
	border-bottom:none/*1px solid #A2B8D5*/;
	margin-bottom:50px;
	clear:both;
}

/*+++++++ Kontakt ++++++++++++++++++++++++*/

div#content table.kontakt{
	width:420px;
	margin:0;
	margin-left:20px;
	padding:0;
}
div#content table.kontakt tr{
	padding:0;
	margin:0;
}
div#content table.kontakt tr td{
	padding:0;
	margin:0;
	text-align:left;
}
div#content table.kontakt tr td.foto{
	width:110px;
	}
div#content table.kontakt tr td img{
	padding:0;
	margin:5px 20px 5px 0px;
}
div#content table.kontakt tr td p{
	padding:0;
	margin:0;
	text-align:left;
	float:left;
	width:auto;
}
div#content table.kontakt tr td h3{
	padding:0;
	margin:0;
}

.BestellformularLinks { padding-left: 20px; }

.BestellformularLinks input[type=submit] { margin-bottom: 10px; background: none; cursor: pointer; border: none; }

.BestellformularFlaschen { padding: 20px; }

.BestellformularLagertank { padding: 20px; width: 400px; }



.BestellformularAllgemein { margin-top: 20px; }

.BestellformularAllgemein input { float:left; width:170px; }

.FormularLabels { float:left; width:110px; }

.BestellformularInnerDiv { width: 440px; margin-bottom: 5px; }

.Validate 
{ 
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:white none repeat scroll 0 0;
    border:1px solid black;
    margin-left:10px;
    padding-left:5px;
    position:absolute;
    width:230px; 
}

.BestellformularFlaschenTable { margin-left: -2px; }

div#content_main .BestellformularFlaschen table,
div#content_main .BestellformularFlaschen table { margin:20px 0px 0px 0px; }

div#content_main .BestellformularFlaschen table tr td.tdGroesse,
div#content_main .BestellformularFlaschen table tr td.tdGroesse { width: 35px; text-align: right; }

div#content_main .BestellformularFlaschen table tr td.tdMenge,
div#content_main .BestellformularFlaschen table tr td.tdMenge { width: 50px; text-align: center; }

div#content_main .BestellformularFlaschen table tr td.tdBeschreibung,
div#content_main .BestellformularFlaschen table tr td.tdBeschreibung { width: 150px; }

div#content_main .BestellformularFlaschen table tr th.thMenge,
div#content_main .BestellformularFlaschen table tr th.thMenge { padding: 0px 20px 0px 20px; }

.LastInformation { margin-top: 20px; }

.BestellformularRadioBox { padding: 0px 0px 20px 85px; }

div#content_main .BestellformularFlaschen .BestellformularRadioBox table,
div#content_main .BestellformularLagertank .BestellformularRadioBox table { margin: 0px; width:170px; }

div#content_main .BestellformularLagertank .BestellformularRadioBox input,
div#content_main .BestellformularFlaschen .BestellformularRadioBox input{ width: 50px; }

div#content_main .BestellformularLagertank h2,
div#content_main .BestellformularFlaschen h2 { margin: 0px; } 

.BestellformularInnerDiv2{ }
.BestellformularInnerDiv2 span { float: left; width:110px; }
.BestellformularInnerDiv2 input { float: left; width:47px;}

.AcceptNachweis { margin: 10px 0px 10px 0px; }

.AcceptPruef { margin-top: 10px; }

.LastInformation span { float:left; width:220px; }

.error { display: none; }
.block { display: block; }

div#ballonliste { width: 240px; }

.pnlFirstBestellformular { padding: 0px 0px 30px 28px; }

.pnlFirstBestellformular input[type="image"] { float: left; }

.pnlFirstBestellformular input[type="submit"] { width: 320px; float: left; padding-top: 20px; padding-left: 0px; color: #777777;  text-decoration: underline; }
 
.pnlSecondBestellformular input[type="submit"] { width: 340px; float: left; padding-top: 10px; color: #777777;  text-decoration: underline; }

.pnlSecondBestellformular input[type="image"] { float: left; padding: 0px 10px 0px 10px; }

.MietparkFormular { padding: 20px; }
.MietparkFormular div { clear: both; }
.Mietparkformularspan { float: left; width: 80px; }
.MietparkFormular .FormularLabels { width: 80px; }
.Mietgeraete { clear: both; margin-bottom: 10px; }
.Mietgeraete label { float: left; width: 320px; }
.Mietgeraete div select {  }
.Mietgeraete div { border-bottom: 1px dashed black; padding: 5px 0px 5px 0px; width: 100%; }

.Mietgeraete div input[type="checkbox"] { float: left; margin-left: 0px; }

div#content_main ul.Mietparkformularul { font-size: 10pt; list-style: none outside none; margin: 3px 12px 10px; width: 400px; color: Red; }
div#content_main ul.Mietparkformularul li { background: none; list-style: square outside none; padding: 0px; }
