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;
}