/*  ------------------------------------------------------

Stylesheet zu www.xxx.de
2010                   
*  *  *  *                              
Design: www.owmedia.de // 

DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT UND FUER AKTUELLE
BROWSERVERSIONEN OPTIMIERT UND GETESTET.    

--------------------------------------------------------*/

/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
font: 100.1% "Arial", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Verdana", sans-serif;
background: #d9dadb;
color: #707173;
}

table, tr, th, td, img, fieldset {border: 0 none;}

div.clear, 
div.borderClear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
}

div.borderClear {
border-bottom: #72c5ce 1px solid;
margin: 0 0 24px 0;
}

input, textarea {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Verdana", sans-serif;
}

a {outline: none;}

img {
vertical-align: middle;
}

/*  ------------------------------------------------------
FLOATSTUFF
--------------------------------------------------------*/
.floatLeft {
float: left; 
}

.floatRight {
float: right; 
}

/*  ------------------------------------------------------
SPACES
--------------------------------------------------------*/
.mSpaceBot {margin-bottom: 12px !important;}
.mSpaceTop {margin-top: 12px !important;}
.mSpace {margin-top: 12px !important; margin-bottom: 12px !important;}

.bSpaceTop {margin-top: 24px !important;}
.bSpaceBot {margin-bottom: 24px !important;}
.bSpace {margin-top: 24px !important; margin-bottom: 24px !important;}

.sSpaceBot {margin-bottom: 8px !important;}
.sSpaceTop {margin-top: 8px !important;}
.sSpace {margin-bottom: 8px !important; margin-top: 8px !important;}

/*  ------------------------------------------------------
TYPO AND COLOUR
--------------------------------------------------------*/
ul {
list-style-type: none;
}

address {font-style: normal;}

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/
div#wrapper {
width: 1050px;
background: #fff url(/basics/img/body.gif) repeat-y 0 0;
}

/*  ------------------------------------------------------
LEFTCOLUMN
--------------------------------------------------------*/
div#leftColumn {
width: 246px;
background: url(/basics/img/bg_column.gif) repeat-y 0 0;
float: left;
}

/*  ------------------------------------------------------
NAVTOP
--------------------------------------------------------*/
div.navTop {
height: 190px;
width: 240px;
padding: 38px 0 0 0;
background: url(/basics/img/bg_navtop.gif) no-repeat 0 0;
}

div.navTop a.logo {
display: block;
text-align: center;
}

/*  ------------------------------------------------------
NAVBOT
--------------------------------------------------------*/
div.navBot {
background: #95141b url(/basics/img/bg_navbot.gif) no-repeat 0 100%;
width: 240px;
padding: 0 0 100px 0;
}

div.navBot ul li {
display: inline;
}

div.navBot ul li a {
color: #fff;
padding: 5px 0 5px 70px;
font-size: 17px;
font-weight: bold;
text-decoration: none;
display: block;
background: url(/basics/img/nav_division.gif) no-repeat 100% 100%;
}

div.navBot ul li a:hover, 
div.navBot ul li a.current {
color: #cb8d87;
}

div.navBot ul li ul li a {
padding: 4px 0 4px 70px;
font-size: 14px;
font-weight: normal;
background: transparent;
}

div.navBot ul li ul {
padding: 4px 0;
}

/*  ------------------------------------------------------
SUBNAV
--------------------------------------------------------*/
div.subNav {
background: #707173 url(/basics/img/bg_subnav.gif) no-repeat 0 0;
width: 240px;
padding: 0 0 144px 0;
}

div.subNav ul {
margin: 0 0 0 70px;
padding: 20px 0 0 0;
}

div.subNav ul li {
display: inline;
}

div.subNav ul li a {
font-size: 14px;
color: #fff;
text-decoration: none;
margin: 0 0 6px 0;
display: block;
}

div.subNav ul li a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
CONTENT
--------------------------------------------------------*/
div#content {
background: url(/basics/img/bg_img.jpg) no-repeat 100% 0;
margin: 0 0 0 240px;
}

div#content_biogas {
background: url(/basics/img/header_biogas.jpg) no-repeat 100% 0;
margin: 0 0 0 240px;
}

div#content_solarthermie {
background: url(/basics/img/header_solarthermie.jpg) no-repeat 100% 0;
margin: 0 0 0 240px;
}

div#content_geothermie {
background: url(/basics/img/header_geothermie.jpg) no-repeat 100% 0;
margin: 0 0 0 240px;
}

div#content_windkraft {
background: url(/basics/img/header_windkraft.jpg) no-repeat 100% 0;
margin: 0 0 0 240px;
}

/*  ------------------------------------------------------
TOPNAV
--------------------------------------------------------*/
div.topNav {
overflow: hidden;
height: 230px;
position: relative;
}

div.topNav h1 {
bottom: 28px;
left: 18px;
position: absolute;
color: #95141b;
font-size: 16px;
}

div.topNav ul {
padding: 0 0 0 14px;
}

div.topNav ul li, 
div.topNav ul li a {
float: left;
}

div.topNav  ul li a {
color: #fff; 
text-decoration: none;
margin: 4px 20px 0 0;
font-size: 14px;
}

div.topNav  ul li a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
MAINCONTENT
--------------------------------------------------------*/
div.mainContent {
margin: 10px 140px 20px 20px;
}

div.mainContent h1 {
color: #95141b;
font-size: 24px;
font-weight: normal;
margin: 0 0 10px 0;
}

div.mainContent p {
font-size: 12px;
line-height: 140%;
}

/*neu*/
div.mainContent h2.subHeader {
color: #95141b;
font-size: 14px;
margin: 0 0 10px 0;
}

/*neu*/
div.mainContent h3.subHeader {
font-size: 14px;
padding: 12px 0;
}

/*neu*/
div.mainContent p {
font-size: 12px;
line-height: 140%;
margin: 0 0 12px 0;
}

/*  ------------------------------------------------------
CONTENTINNER
--------------------------------------------------------*/
div#contentInner {
float: left;
width: 660px;
}

/*  ------------------------------------------------------
INFOBOX
--------------------------------------------------------*/
div.infoBox {
margin: 0 0 6px 6px;
width: 654px;
float: left;
}

div.infoBox h2 {
background: #707173;
color: #fff;
font-size: 14px;
font-weight: normal;
padding: 4px 9px;
margin: 0 6px 0 0;
}

div.infoBox h3 {
font-weight: normal;
font-size: 12px;
line-height: 140%;
margin: 10px 0 0 9px;
}

div.infoBoxMain {
border: #e2e3e3 1px solid;
}

div.infoBoxMainInner {
background: #e2e3e3;
margin: -1px 5px 5px 0;
overflow: hidden;
}

div.infoBoxMainInner h1 {
color: #95141b;
font-size: 24px;
font-weight: normal;
margin: 0 0 10px 9px;
padding: 8px 0 0 0;
}

div.infoBoxMainInner p {
font-size: 12px;
line-height: 140%;
margin: 0 10px 10px 9px;
}

p.more a {
font-weight: bold;
color: #95141b;
text-decoration: none;
}

p.more a:hover {
text-decoration: underline;
}

div.infoBoxMainInner .floatRight {
margin: -0 0 0 10px;
}

/*  ------------------------------------------------------
INFOBOXCONT
--------------------------------------------------------*/
div.infoBoxCont {
float: right;
width: 323px;
}

div.small {
width: 324px;
float: left;
}

/*  ------------------------------------------------------
INFOBOXMINI
--------------------------------------------------------*/
div.infoBoxMini, 
div.infoBoxMini2 {
float: right;
width: 323px;
margin: 0 0 6px 0;
}

div.infoBoxMiniMain {
border: #cb8d87 1px solid;
}

div.infoBoxMiniMainInner {
background: #95141b;
margin: -1px 5px 5px 0;
overflow: hidden;
}

div.infoBoxMini2 div.infoBoxMiniMainInner {
padding: 0 0 0 127px;
}

div.infoBoxMiniMainInner h1 {
color: #fff;
font-size: 18px;
line-height: 120%;
font-weight: bold;
margin: 0 10px 6px 127px;
padding: 6px 0 0 0;
}

div.infoBoxMiniMainInner p {
font-size: 12px;
line-height: 120%;
color: #fff;
margin: 0 10px 6px 127px;
}
div.infoBoxMiniMainInner p a, div.infoBoxMiniMainInner h1 a {
color: #fff;
text-decoration: none; 
}

div.infoBoxMiniMainInner .floatLeft {
margin: 0 0 0 -1px;
}


/*  ------------------------------------------------------
BOXBUTTON
--------------------------------------------------------*/
div.boxButton {
float: right;
width: 323px;
margin: 0 0 6px 0;
}

div.boxButtonMain {
border: #cb8d87 1px solid;
}

div.boxButtonMainInner {
background: #95141b;
margin: -1px 5px 5px 0;
overflow: hidden;
}

div.boxButtonMainInner a {
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 4px 0 0 38px;
text-decoration: none;
display: block;
background: url(/basics/img/dl.gif) no-repeat 0 0;
height: 22px;
}

div.boxButtonMainInner a:hover {
text-decoration: underline;
}

/* ow */
.rot {
  color: #95141b; /* 10.08.11 */
}
.weiss {
  color: #fff;  /* 10.08.11 */
}
.gross {
  font-size: 16px;
}
.klein {
  font-size: 12px;
}
.gross_rot {
  color: #95141b; /* 10.08.11 */
  font-size: 16px;
}
.klein_rot {
  color: #950C18;
  font-size: 12px;
}
.gross_weiss {
 color: #FFFFFF; /* 10.08.11 */
 font-size: 16px; /* 10.08.11 */
}

.textspaltelinks, .textspalterechts, .textspaltealleine {
        color: #707173;
	float: left;
	line-height: 16px;
	font-size: 13px;
}
.textspaltelinks {
	width: 299px;
	padding-left: 0;
}
.textspalterechts {
	padding-left: 40px;
	width: 299px;
}
.textspaltealleine {
	width: 638px;
	padding-left: 0;
}
.textspaltelinks, .textspalterechts, .textspaltealleine {
	font-size: 13px;
}

.textspaltelinks p, .textspalterechts p, .textspaltealleine p {
   margin: 0 0 13px 0;
}


.textspaltelinks h1, .textspalterechts h1, .textspaltealleine h1 {
	font-size: 16px;
	font-weight: bold;
}
.textspaltelinks h2, .textspalterechts h2, .textspaltealleine h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0; /* 10.08.11 */
}
.textspaltelinks h2.h2block, .textspalterechts h2.h2block, .textspaltealleine h2.h2block {
       color: #FFFFFF; /* 10.08.11 */
       margin: 0; /* 10.08.11 */
}
.textspaltelinks h3, .textspalterechts h3, .textspaltealleine h3 {
	font-size: 13px;
	font-weight: bold;
        /* margin: 12px 0 9px 0; */
        margin: 20px 0 12px 0;
}
.textspaltelinks ul, .textspalterechts ul, .textspaltealleine ul {
   list-style-type: disc;
  margin-left: 15px;
}
.textspaltelinks li, .textspalterechts li, .textspaltealleine li {
font-size: 13px;
line-height: 140%;

}
.textspaltelinks a, .textspalterechts a, .textspaltealleine a {
	text-decoration: none;
	color: #95141b; /*10.08.11 */
}
.textspaltelinks a:hover, .textspalterechts a:hover, .textspaltealleine a:hover {
	text-decoration: underline;
}
.textspaltelinks a.linkweiss, .textspalterechts a.linkweiss, .textspaltealleine a.linkweiss {
	color: #FFF; /*10.08.11 */
}
.textspaltelinks a.linkweiss:hover, .textspalterechts a.linkweiss:hover, .textspaltealleine a.linkweiss:hover {
        color: #c6c7c8;
}

.news a {
	text-decoration: none;
	color: #666;
}
.news a:hover {
	text-decoration: underline;
	color: #666;
}
.news {
	list-style-type: none;
}
.news li {
     margin: 0 0 12px 0;
}

/*  ------------------------------------------------------
FORMULAR NEU!
--------------------------------------------------------*/
div.formular {
border: #d6d6d6 1px solid;
width: 540px;
background: #fff;
padding: 0 5px 5px 0;
}

div.formular table {
width: 100%;
background: #ccc url(/basics/images/bg_form.png) no-repeat 100% 0;
}

div.formular table table {
background: transparent;
}

div.formular table tr td.header {
padding: 12px;
}

div.formular table tr td h3 {
color: #95141b;
font-size: 14px;
margin: 0 0 3px 0;
}

div.formular table tr td h4 {
color: #95141b;
font-size: 24px;
font-weight: normal;
padding: 0 0 4px 0;
border-bottom: #bababa 1px solid;
}

div.formular table tr.formElements input, 
div.formular table tr.formElements select, 
div.formular table tr.formElements textarea {
background: #fff;
border: #b6b6b6 1px solid;
font-size: 11px;
padding: 5px 5px 5px 10px;
color: #888;
vertical-align: middle;
}

div.formular table tr td  {
width: 1px;
vertical-align: middle;
font-size: 11px;
}

/*selection*/
div.formular table tr td.selection {
width: 1px;
padding: 12px;
text-align: center;
}

div.formular table tr td.selection table tr td p {
padding: 8px 0 0 0;
font-size: 11px;
}

div.formular table tr td.selection table tr td p strong {
padding: 0 0 0 8px;
}

/*roofOrientation*/
div.formular table tr td.roofOrientation {
text-align: center;
padding: 24px 12px;
background: url(/basics/images/roof.png) no-repeat 0 50%;
}

div.formular table tr td.roofOrientation p {
text-align: center;
}

/*semiFooter*/
div.formular table tr div.semiFooter  {
border-bottom: #bababa 1px solid;
border-top: #bababa 1px solid;
padding: 8px 0;
margin: 12px 0 0 0;
}

div.formular table tr div.semiFooter strong {
padding: 0 24px 0 0;
font-size: 11px;
}

/*semiFooter2*/
div.formular table tr div.semiFooter2  {
border-bottom: #bababa 1px solid;
padding: 8px 0 24px 0;
}

div.formular table tr td p  {
font-size: 11px !important;
}

/*spacer*/
div.formular table tr td  p.spacer {
width: 164px;
}



/*formField2-s*/
div.formular table tr td.formField2-s p, 
div.formular table tr td.formField2-s2 p, 
div.formular table tr td.formField2-m p, 
div.formular table tr td.formField2-m2 p, 
div.formular table tr td.formField2-l p  {
margin: 6px 0 3px 0 !important;
}



/*formField2-m*/
div.formular table tr td.formField2-m  {
width: 1px;
padding: 0 0 0 12px;
}

div.formular table tr td.formField2-m div {
width: 140px;
}

div.formular table tr td.formField2-m2  {
width: 100%;
padding: 0 0 0 12px;
}


/*formField2-l*/
div.formular table tr td.formField2-l  {
width: 1px;
padding: 12px 0 0 12px;
}





/*formField-s*/
div.formular table tr td.formField-s  {
padding: 0 0 0 12px;
width: 1px;

}

/*formField-s2*/
div.formular table tr td.formField-s2  {
width: 262px;
text-align: right;
}

/*formField-m*/
div.formular table tr td.formField-m  {
padding: 0 0 4px 12px;
width: 1px;
}

/*formField-m2*/
div.formular table tr td.formField-m2  {
width: 180px;
text-align: right;
padding: 0 0 4px 0;
}

/*formField-l*/
div.formular table tr td.formField-l  {
padding: 0 0 4px 12px;
}

/*detailImage*/
div.formular table tr td.detailImage  {
padding: 0 24px 0 12px;
width: 1px;
}

/*roofData*/
div.formular table tr td.roofData  {
width: 100%;
}

div.formular table tr td.roofData table {
width: 1px;
}

div.formular table tr td.roofData table td {
padding: 0 !important;
}

div.formular table tr td.roofData table td p {
font-size: 11px !important;
}

div.formular table tr td.roofData table tr td.first p {
width: 100px;
}

div.formular table tr td.roofData table tr td.second p {
width: 90px;
}

div.formular table tr td.roofData table tr td.third p {
width: 100px;
}

div.formular table tr td.roofData table tr td input {
margin: 0 10px;
}

div.formular table tr td.roofData table tr td strong {
white-space: nowrap;
}

/*alternateData*/
div.formular table tr td.alternateData  {
width: 100%;
}

div.formular table tr td.alternateData table {
width: 1px;
margin: 12px 0 0 0;
}

div.formular table tr td.alternateData table  td {
padding: 0 !important;
}

div.formular table tr td.alternateData table  td p {
font-size: 11px !important;
}

div.formular table tr td.alternateData table  tr td.first p {
width: 267px;
padding: 0 0 0 12px;
}

div.formular table tr td.alternateData table  tr td.second p {
width: 90px;
}

div.formular table tr td.alternateData table tr td.third p {
width: 100px;
}

div.formular table tr td.alternateData table  td input {
margin: 0 10px;
}

div.formular table tr td.alternateData table td strong {
white-space: nowrap;
}


/*selectForm-s*/
div.formular table select.selectForm-s {
width: 96px;
}

/*selectForm-m*/
div.formular table select.selectForm-m {
width: 120px;
}

/*selectForm-l*/
div.formular table select.selectForm-l {
width: 364px;
}

/*textareaForm-l*/
div.formular table textarea.textareaForm-xl {
width: 480px;
height: 80px;
}

/*inputForm-xs*/
div.formular table input.inputForm-xs {
width: 50px;
}

/*inputForm-s*/
div.formular table input.inputForm-s {
width: 80px;
}

/*inputForm-s*/
div.formular table input.inputForm-s2 {
width: 244px;
}

/*inputForm-m*/
div.formular table input.inputForm-m {
width: 162px;
}

/*inputForm-l*/
div.formular table input.inputForm-l {
width: 347px;
}

/*inputForm-l*/
div.formular table input.inputForm-xl {
width: 480px;
}

div.formular table tr td.footer {
padding: 0 0 12px 12px;
}

div.formular table tr td.footer input.submitButton {
color: #95141b;
font-weight: bold;
font-size: 12px;
background: transparent;
border: 0 none;
padding: 0 !important;
margin: 0 !important;
cursor: pointer;
}

div.formular table tr td.footer a.submitButton {
color: #95141b;
font-weight: bold;
font-size: 12px;
cursor: pointer;
}

div.formular table tr td.footer input.submitButton:hover {
text-decoration: underline;
}


/*  ------------------------------------------------------
NAVIGATORLIST - NEU!
--------------------------------------------------------*/
ul.navigatorList li {
display: block;
border: #f1e1db 1px solid;
margin: 0 0 7px 0;
width: 296px;
padding: 0 4px 4px 0;
}

ul.navigatorList li a {
display: block;
margin: -1px 0 0 -1px;
padding: 7px 0 7px 50px;
text-decoration: none;
color: #fff;
font-size: 16px;
background: #95141b url(/basics/images/bullet.png) no-repeat 14px 50%;
}

ul.navigatorList li a:hover {
color: #cb8d87;
}


/*  ------------------------------------------------------
JOBDETAIL NEU
--------------------------------------------------------*/
div.jobDetail {
width: 616px;
}

/*neu*/
div.jobDetail h2 {
color: #95141b;
font-size: 50px;
margin: 0 0 3px 0;
}

div.jobDetail h3 {
background: #95141b;
color: #fff;
font-size: 18px;
padding: 8px;
width: 400px;
border-top: #333  1px solid;
border-right: #333  1px solid;
}

div.jobDetailInner {
background: url(/basics/images/jobinner.png) repeat-y 100% 100%;
overflow: hidden;
}

div.jobDetail .jobImage {
float: right;
}

div.jobDetail p.jobDescription {
margin: 30px 0 30px 8px;
width: 400px;
}

div.jobDetail p.jobDescription a {
color: #707173;
text-decoration: none;
}

div.jobDetail p.jobDescription a:hover {
text-decoration: underline;
}

div.jobDetail dl.requirementList {
border: #f1e1db 1px solid;
padding: 24px 24px 12px 8px;
font-size: 12px;
}

div.jobDetail dl.requirementList dt {
float: left;
clear: left;
}

div.jobDetail dl.requirementList dd {
width: 300px;
margin: 0 0 0 70px;
}

div.jobDetail dl.requirementList dd ul li  {
display: block;
margin: 0 0 10px 0;
background: url(/basics/images/bullet_list.png) no-repeat 0 50%;
padding: 0 0 0 22px;
}


div.jobDetail div.bar  {
border: #333 1px solid;
background: #95141b;
height: 12px;
overflow: hidden;
}

ul.news li {
list-style: none;
}

h2.news {
margin-bottom: 5px;
padding-bottom: 15px;
margin-top: 2px;
color: #95141b;
font-size: 16px;
}

a.news {
color: #95141b;
font-weight: bold;
}

a.news:hover {
color: #95141b;
font-weight: bold;
}

div.trenner {
border-bottom: 1px solid #95141b;
margin: 10px 0;
}

img.news {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}