html, body, div, span, a, form, textarea, input, select, h1, h2, h3, h4, h5, h6, p, ol, ul {font-family:'Arial', Helvetica, sans-serif;margin:0;padding:0;}
body { color:#626262;font-size:62.5%;position:relative;text-align:center;font-size:12px; background: #fff url(gfx/bg-body.jpg) no-repeat 0 0;}

/* @section =body green biogas
-------------------------------------------------------------------*/
body.biogas{background:url(gfx/bg-body-green.jpg) no-repeat 50% 0%;}
body.biogas h1,body.biogas h2,body.biogas h3,body.biogas h4,body.biogas h5,body.biogas h6{ color:#385600; font-weight:normal;}
body.biogas a:link,body.biogas a:visited,body.biogas a:focus,body.biogas a:hover,body.biogas a:active {color:#385600;outline:none;}
body.biogas .download{background:url(gfx/icon-download-gruen.gif) no-repeat center left; padding-left:12px; text-decoration:none; font-size:0.85em;}

/* @section =body ooegaswaerme
-------------------------------------------------------------------*/
body.ooegaswaerme {background:url(gfx/bg_ooegaswaerme.jpg) no-repeat 50% 0%;}
body.ooegaswaerme .c-logo { position: absolute; top: 20px; left: 680px; }
body.ooegaswaerme #menu { position: absolute; top: 13px; left: 60px; }

/* @section =standard Elemente
-------------------------------------------------------------------*/
/* ----- =anchors ----- */
a:link, a:visited, a:focus, a:hover, a:active {color:#f26522;outline:none;}
a:hover { text-decoration:underline;}
body.biogas a:hover { text-decoration:underline;}

a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;} 
a.nu:hover {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #BF4342;}
a.spc:hover {}

.more{ background:url(gfx/icon-more.gif) no-repeat center left; padding-left:7px; margin-left:5px; text-decoration:none;}
.download{background:url(gfx/icon-download.gif) no-repeat center left; padding-left:12px; text-decoration:none; font-size:0.85em;}


/* ----- =headlines/ Überschriften/ Absätze ----- */
/* Zeilenhöhe 18px */
h1,h2,h3,h4,h5,h6{ color:#f26522; font-weight:normal;}
h2 {font-size: 1.8em;line-height:1;margin:1em 0 .33em;}/*20px*/
h3 {font-size: 1.2em;line-height:1.13;margin:1.11em 0 0; color:#636363; font-weight:bold;}/*14,4px*/
h1,h4 {font-size: 1.3em;line-height:1.23;margin:1.29em 0 .43em;}/*14px*/
h5 {font-size: 0.9em;line-height:1.5;margin:1.5em 0 .5em;}/*12px*/
h6 {font-size: 0.8em;line-height:1.64;margin:1.64em 0 .55em;}/*11px*/
p {line-height: 1.5;margin: 0 0 1.5em;}

.csc-header h1 { margin-top:0 !important;}

/* ----- =list ----- */
li {line-height: 1.5;}
ol {margin:1.5em 0 1.5em 2.5em;}
ul.tarn li ul, ul.tarn li ol, ul {margin:1.5em 0 1.5em 1.67em; list-style-image:url(gfx/li-bullet.gif);}
ul.tarn {list-style:none;margin:0;padding:0;}

/* ----- =image ----- */
img {border:0;}
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}

/* @section =base
-------------------------------------------------------------------*/
#c-parent {margin: 0 auto;position:relative;text-align: left;width:915px; }
#c-header {background:url(gfx/header-bg.png) no-repeat top left; position:relative; height:100px;}
#c-content {font-size:1em;min-height:600px; background: url(gfx/content-bg.png) no-repeat top left; padding-top:85px; padding-left:60px;}
#footer{ margin-left:60px; padding-bottom:30px;}

.c-logo{ position:absolute; top:20px; left:60px;}

/* @section =navigation
-------------------------------------------------------------------*/

/* ----- =headernav ----- */
#menu{position:absolute; top:13px; left:290px;}
#menu li{float:left; padding:23px 10px 23px 10px; background:url(gfx/navtrenner.jpg) no-repeat center left; display:inline-block;  list-style-image:none;}
/*#c-header #menu li:first-child{background:none;}*/

#menu li a{display:block; height:14px; width:100%; background-repeat:no-repeat; text-decoration:none; color:#636363; font-size:1.15em;}
#menu li a:hover, #menu li a.on { color:#f26522; }
#menu li span { white-space:nowrap; }

*html #menu li {width:1%;}

#menu ul{margin:0; padding:0; list-style:none;}
ul#menu li{ position:relative;}
ul.menu ul{position:absolute; top:40px; left:0; display:none; opacity:0; list-style:none;}
/*aufklapp ul styling */
#c-header #menu li ul li {margin:0;float:none;padding:0 10px 0 10px;background-image:none; background-color:#FFFFFF; opacity:0.8;width:12em; }
#c-header #menu li ul{width:14em; margin-top:15px;}
#c-header #menu li ul li a {background-image:none;color:#636363; padding:10px 0 10px 0; text-decoration:none; font-family:'Arial', Helvetica, sans-serif;}
#c-header #menu li ul li a:hover, #c-header #menu li ul li a.on { color:#f68121; }

/* ----- =sidebar----- */
#quicklink{ margin:35px 0 25px 0; list-style-image:none; list-style:none;}
#quicklink li{border-bottom:1px solid #efefef; width:50%;}
#quicklink li a{color:#636363; text-decoration:none;}
#quicklink li a:hover{}



/* ----- =sidebar-nav----- */

#sidebar-nav{list-style:none;width:160px; list-style-image:none; font-size:1.3em;}
#sidebar-nav a{color:#636363;}
#sidebar-nav a:hover, #sidebar-nav a.on {color:#f26522;}

#sidebar-nav ul { margin:8px 0 30px 0; padding:0; list-style:none; list-style-image:none; font-size:0.8em;}
#sidebar-nav ul li { margin:0 0 8px 0; padding:0; /*display:inline-block;*/}
#sidebar-nav ul li a { padding-left:15px; white-space:nowrap; }

#sidebar-nav ul li ul li a { padding-left:25px; white-space:nowrap; }

#sidebar-nav li a {text-decoration:none;}
#sidebar-nav li a:hover {}


.meta li{ float:left; margin-right:5px; font-size:.85em;}
.meta a:link,.meta a:visited,.meta a:focus,.meta a:hover,.meta a:active, .meta span{color:#8e8e8e; text-decoration:none;}
.meta a:hover{ text-decoration:underline;}

#logolist img{ margin:0;}
#logolist{margin-top:50px;}
#logolist li{float:left;}

/* @section =module
-------------------------------------------------------------------*/
/* ----- =c-content-start-2spaltig----- */

.col-right, .col-left{ float:left;}
.col-right{ width:434px;}
.col-left{width:264px;margin-right:63px;}


/* ----- =c-content-subsite-2spaltig---- */

.subsite .col-left{ width:160px;}
.subsite .col-right{ width:540px;}


.txt-pic-right{width:366px; float:left;}
.pic-right{float:right; font-size:0.9em; color:#adadad;}


/* ----- =c-content-generell content---- */
#newslist{ margin:0;}
#newslist p{ margin:0;}
#newslist li{ width:540px; padding:0; min-height:79px;display:inline-block;}
#newslist img{ float:left; margin:0 10px 0 0; padding:0;}


/* @section =Form
-------------------------------------------------------------------*/
#c-search{ width:100%;}
#c-search fieldset{ border:none; margin:0; padding:0;}
#c-search input{ color:#bbb; border:solid 1px #bbb; border-right:none; padding:2px 0  2px 5px; width:130px;/*height:21px;*/}
#c-search #go{ border:none; padding:0; width:auto;}
#suche{ height:16px;}
.subsite #c-search input{width:128px;/*height:21px;*/ }
.subsite #c-search #go{width:auto;}

#send {width:5em; background-color:#f26522; border:none; color:#FFF; font-weight:bold; margin:20px 0 0 286px;}
/* ----- +form layout ----- */
form {clear: both;margin: 1em 0;padding:0;width:100%;}
form.bg {padding:2%;width:96%;}
fieldset {border:0 none;margin:0;padding:0;text-align: left;}
legend {font-weight:bold;font-size:1.1em;margin-bottom: .5em;}
form h2 {margin-top:0;}
form p {margin:.5em 0;}
form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
form ul li {background-image:none;float:left;list-style-image:none;padding:4px 0;width:100%;}
form ul label {display:block;float:left;margin:0;width:8em;}
form li.req {background-color:#ccc;}

/* ----- +form label ----- */
form small {clear:both;}
label {float:left;margin:.2em .5em 0 0;width:7em;}
form .checktxt, form .radioktxt {margin-top:.15em;vertical-align:top;width:13.5em;}
label span{ color:#e8e4e1;}
/* ----- +form elements ----- */
input, select, textarea {background-color: #fff;border: 1px solid #e8e4e1;color:#636363;float:left;font-size:0.8em;padding:.2em .4em;width:20em;}
select {margin-right:.3em;padding:0;width:auto;}
option {padding-left: 0.4em;} /* resets rendering error */
textarea {vertical-align:top;}
input.button {padding:.2em .4em;text-align:center;width: 15.8em;}
input.nobutton {border:0 none;font-weight:bold;padding:.2em .4em;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:.2em;padding:0;width:auto;}
input.check {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
input.radio {background-color: transparent;border: 0 none;margin:.3em .3em 0 0;padding:0;width:auto;}
input:focus, select:focus, textarea:focus {border-color:#626262;}
label, input[type=checkbox], input[type=radio], input[type=submit] {cursor:pointer;}

/* ----- +form standard----- */
form .auto {width:auto;}
form .info {background-color:#ccc;color:#333;font-size:0.85em;margin: 0 0 1em;padding:.5em;}
form .inline {display:inline;}
form .long {width:20em;}
form .right {margin-left:7.5em;text-align:left;}
form .short {width:7em;}
form .top {margin-top:.2em;vertical-align:top;}




/* @section =snippets
-------------------------------------------------------------------*/
/* ----- =layout ----- */
ul#c-sitenav, .v {height:0;left:-1000px;display:inline;overflow:hidden;position: absolute;top:-1000px;width:0;}
.ir  {text-indent: -1000em;outline:0;}
.none {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
.cfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.cfix {display: block;}
.ofix {overflow: hidden;}


/* ----- =standard ----- */
.auto {width:auto;}
.brd img {border:1px solid;display:block;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.m0 {margin:0;}
.mtd {margin-top:2em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.pad {padding:.5em 1em;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.vcenter {vertical-align:middle;}
.vcenter img {vertical-align:middle;}
.versal {text-transform:uppercase;}


/* ----- =tabellen ----- */
table {border-collapse:collapse;border-spacing:0;empty-cells:show;font-family:Verdana, Arial, Helvetica, sans-serif;width:100%;}
caption{}
thead{}
tbody{}
tfoot{}
thead th {}
th, td {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;padding: .5em .5em;text-align: left; }
thead td, th {font-weight:bold;}

#refSelectList{ list-style-image:none; list-style-type:none; margin-right:50px; margin-bottom:30px;}
#refSelectList li a{ background:url(gfx/icon-ref-list.jpg) no-repeat center left; padding-left:10px; text-decoration:none;}
#refSelectList li a:hover{text-decoration:underline;}



#referenzTopFix li{float:left; background-color:#e8e4e3; margin:0 3px 0 0;padding-top:5px; padding-bottom:5px;}
#referenzTopFix .plz{ background-image:none;}

#scroll{ height:195px; overflow:auto; width:102%; float:left;}
.referenzTopItem_1 li{float:left; background-color:#FFFFFF; margin:0 3px 0 0;padding-top:5px; padding-bottom:5px;}

.referenzTopItem_1{width:530px;}
.referenzTopItem_1 td{ border-right:solid 3px #FFFFFF; padding-right:1px;}

.odd li{background-color:#e8e4e3;}
.odd{background-color:#e8e4e3;}
.plz{ width:50px; padding-left:20px; background:url(gfx/punkt_orange.png) no-repeat 10% 50%; }
.ort{width:102px;padding-left:10px;}
.strasse{width:200px;padding-left:20px;}
.leistung{width:100px;padding-left:20px;}


.legende li{ float:left;  margin:20px 30px 0 5px;}
.legende .green{background:url(gfx/punkt_gruen.png) no-repeat center left; padding-left:10px;}
.legende .orange{background:url(gfx/punkt_orange.png) no-repeat center left; padding-left:10px;}

.green{background:url(gfx/punkt_gruen.png) no-repeat 10% 50%;}
.orange{}



/* @section =ie6 / ie7 debug
-------------------------------------------------------------------*/
.cfix, .ofix, .iefix {zoom:1;}
* { zoom: 1; }



#c-header #menu li ul li{margin:0;float:none;padding:0 10px 0 10px;background-image:none; background-color:#FFFFFF; filter:alpha(opacity=80);}

* html #c-header{z-index:1000000000;}

* html #c-content {height:600px;}


img, div { behavior: url(/fileadmin/templates/iepngfix.htc) }

/* @section =TYPO3 styles
-------------------------------------------------------------------*/

#c-content .csc-textpic-caption{margin-top:5px;}