/*--- Screen styles for oeko-domo.de ---*/

BODY { 
 font-family : Arial,sans-serif;
 font-size : 1em;
 margin-top : 0;
 margin-left : auto;
 margin-right : auto;
 background-color : #D7D7D7;
}

/*--- Printer output ---*/

#footer {
 display : none;
}
#print_menu {
 display : none;
}
#header {
 display : none;
}

/*--- General ---*/

img {
 padding : 0;
 margin : 0;
}

#container1 {
 display : block;
 background-color : #D7D7D7;
 width : 913px;
 height : 304px;
 margin : 0px auto;
}

#container4 {
 display : block;
 width : 913px;
 margin : 0px auto;
}

#container2 {
 display : block;
 float : left;
 width : 913px;
 height : auto;
 text-align : left;
 background-color : #fff;
 font-size : 0.7em;
 line-height : 1.5em;
}

#container3 {
 display : block;
 float : left;
 width : 446px;
 height : 169px;
 background-color : #D7D7D7;
}

#rightcontainer {
 display : block;
 float : left;
 width : 446px;
 height : 50px;
}

#rightcontainer_oben {
 display : block;
 float : left;
 width : 446px;
 height : 50px;
}

#lang {
 display : block;
 float : left;
 width : 70px;
 height : 26px;
 margin-left : 15px;
 margin-top : 10px;
}

#lang2 {
 display : block;
 float : left;
 width : 100px;
 margin-left : 3px;
 color : #000;
}

#menuoben {
 float : left;
 margin-left : 35px;
 width : 211px;
 height : 26px;
 margin-top : 12px;
}

#menuoben2 {
 float : right;
 margin-right : 35px;
 width : auto;
 margin-top : 2px;
}

#suche {
 display: block;
 float : left;
 width : 100px;
 height : 26px;
 margin-top : 12px;
}

#suche2 {
 display : block;
 float : right;
 width : 100px;
}

#rightcontainer_unten {
 display : block;
 float : right;
 width : 402px;
 height : 115px;
}

#logo1 {
 display : block;
 float : left;
 width : 467px;
 height : 169px;
}

#menucontainer {
 display: block;
 width: 100%;
 float: left;
 height: auto;
 background-color: #E08603;
 border-top: 2px solid #F1C38A;
 background : url(../images/menu_border.gif) bottom left repeat-x #E08603;
}

#menu {
 display : block;
 background-color : #E08603;
 width : 913px;
 height : 1.2em;
 margin : 0px auto;
 text-align : left;
 padding : 0;
 background : url(../images/menu_border.gif) bottom left repeat-x #E08603;
}

#left_container {
 display : block;
 float : left;
 width : 155px;
 height : auto;
 min-height : 200px;
 padding-top : 10px;
}

#left_container UL {
 margin : 0;
 padding : 0;
}
#left_container UL LI {
 margin : 0;
 padding : 0;
}
#content_container {
 display : block;
 width : 680px;
 float : left;
 height : auto;
 min-height : 300px;
 margin-top : 8px;
 margin-left : 45px;
}

#content_container_right {
 display : block;
 width : 420px;
 float : left;
 height : auto;
 min-height : 300px;
}

#content_right {
 width : 230px;
 float : right;
 height : auto;
 min-height : 300px;
 margin-left : 10px;
 margin-top : 4px;
 display : block;
}

#linhalt {
 display : block;
 float : left;
 width : 179px;
}

#druckversion {
 display : block;
 clear : both;
 margin-left : 10px;
 width : 870px;
 height : 1.4em;
 padding-top : 0.6em;
}

#freecall .free {
 display : block;
 float : left;
 font-family : Arial, sans-serif;
 font-size : 0.75em;
 color : #fff;
 line-height : 1.5em;
 font-weight : bold;
 margin : 0;
 padding : 0 0 0 25px;
 width : 167px;
}

/*--- TYPO3 content ---*/

.csc-firstHeader,
H1,
H2 {
 display : block;
 font-family : Arial;
 font-size : 1.36em;
 line-height : 1.4em;
 color : #007D40;
}
.csc-subheader {
 display : block;
 font-family : Arial;
 font-size : 1.07em;
 font-weight : bold;
 line-height : 1.4em;
 color : #007D40;
}
#content_right H1,
#content_right H2 {
 display : block;
 font-family : Arial;
 font-size : 1.07em;
 font-weight : bold;
 line-height : 1.4em;
 color : #007D40;
}
#linhalt H1,
#linhalt H2 {
 display : block;
 font-family : Arial;
 font-size : 1.07em;
 font-weight : bold;
 line-height : 1.4em;
 color : #007D40;
}
P,
P.bodytext {
 margin-top : 3px;
 margin-bottom : 7px;
 color : #555;
}
DIV#content_container UL LI {
 color : #555555;
}
DIV#content_container OL LI {
 color : #555555;
}

#content_container .caption, 
#content_container DD.csc-textpic-caption {
 font-size : 0.79em;
 color : #E08603;
 text-align : left;
}

.csc-mailform {
 width : 394px;
 border : 1px solid #007747;
 margin-bottom : 2em;
}

.csc-mailform-field LABEL {
 font-family : Arial,sans-serif;
 font-size : 1em;
 width : 70px;
 float : left;
 margin: 0 15px 6px 5px;
 text-align : right;
 padding-right : 12px;
}
.csc-mailform-field INPUT,
.csc-mailform-field TEXTAREA,
.csc-mailform-field SELECT {
 font-size : 1em;
 width : 230px;
 border-top : 1px solid #99c9b5;
 border-right : 1px solid #007747;
 border-bottom : 1px solid #007747;
 border-left : 1px solid #99c9b5;
}
.csc-mailform-field INPUT:hover,
.csc-mailform-field TEXTAREA:hover {
 border : 1px solid #d02a27;
}
.csc-mailform-field INPUT:focus, 
.csc-mailform-field TEXTAREA:focus {
 background-color: #cce4da;
}
.csc-mailform-field INPUT#mailformformtype_mail {
 margin-left : 103px;
}

.csc-mailform-field {
 clear : both;
 margin-top : 5px;
 margin-bottom : 10px;
}

/*--- Links ---*/

A:link {
 background-color : transparent;
 color : #007D40;
 text-decoration : none;
 font-weight : normal;
}
A:visited {
 background-color : transparent;
 color : #007D40;
 font-weight : normal;
 text-decoration : none;
}
A:hover {
 background-color : transparent;
 color : #007D40;
 font-weight : normal;
 text-decoration : underline;
}
A:active {
 background-color : transparent;
 color : #007D40;
 font-weight : normal;
 text-decoration : none;
}

/*--- Additional Content ---*/

DIV#toprow {
 height : 20px;
 background-color : #D7D7D7;
 padding-top : 4px;
}
DIV#toprow A {
 color : #000;
}

DIV#flashcontent {
 width : 913px;
 height : 280px;
 text-align : left;
 background : url(../images/header_bg.gif) top left no-repeat #015F2D;
}
DIV#flashcontent IMG {
 vertical-align : bottom;
 border : none;
}
DIV#flashcontent A.hidden {
 display : none;
}

DIV.lelement {
 padding-left : 15px;
 border-bottom : 1px solid #666;
}
DIV.relement {
 border-bottom : 1px solid #666;
}

DIV#druckversion { padding-bottom : 1em; }
DIV#druckversion a:link,
DIV#druckversion a:visited,
DIV#druckversion a:hover,
DIV#druckversion a:active {
 font-family: Arial;
 color: #6D6F71;
 font-weight: bold;
 font-size: 0.79em;
 text-decoration: none;
}

DIV#tip {
 float : left;
 margin-left : 14px;
 width : 94px;
}
DIV#druck {
 float : left;
 width : 82px;
}
DIV#pdf {
 float : left;
 width : 371px;
}
DIV#zurueck {
 float : left;
 width : 150px;
}
DIV#toplink {
 float : left;
}

A IMG {
 border : none;
}

/*--- Mailform ---*/

.domo-mailform LABEL {
 margin: 3px 15px 3px 5px;
 display: block;
 width: 70px;
 text-align: right;
 float: left;
}

.domo-mailform INPUT,
.domo-mailform TEXTAREA {
 font-family : Arial,sans-serif;
 font-size : 1em;
 line-height : 1.5em;
 width : 230px;
 border-top : 1px solid #99c9b5;
 border-right : 1px solid #007747;
 border-bottom : 1px solid #007747;
 border-left : 1px solid #99c9b5;
}
.domo-mailform INPUT:hover,
.domo-mailform TEXTAREA:hover {
 border : 1px solid #d02a27;
}
.domo-mailform INPUT:focus, 
.domo-mailform TEXTAREA:focus {
 background-color: #cce4da;
}
.domo-mailform FIELDSET DIV {
 clear: both;
 position: relative;
 left: 9px;
}

.domo-mailform FIELDSET DIV.cr LABEL {
 text-align: left;
 margin-left: 90px;
 width: auto;
 float: none;
}
.domo-mailform FIELDSET DIV.zz LABEL {
 text-align: left;
 margin-left: 0px;
 width: auto;
 float: none;
}
.domo-mailform FIELDSET DIV.cr INPUT { width: auto; }

.domo-mailform FIELDSET DIV.zz INPUT, 
.domo-mailform FIELDSET DIV.zz SELECT {
 margin-left : 90px;
 margin-bottom : 3px;
}
.domo-mailform P {
 font-size : 1em;
}
.domo-mailform SELECT {
 font-size : 1em;
}
.domo-mailform LEGEND {
 color : #d02a27;
}
.domo-mailform FIELDSET {
 border : 1px solid #007747;
 margin-bottom : 10px;
 padding-bottom : 5px;
}

.domo-mailform UL {
 font-size : 1em;
}
.domo-mailform UL LI {
 font-weight : bold;
}

.domo-mailform {
 width : 420px;
 clear : both;
}

.domo-mailform2 INPUT {
 font-family : Arial,sans-serif;
 font-size : 1em;
 line-height : 1.5em;
 width : 230px;
 border-top : 1px solid #99c9b5;
 border-right : 1px solid #007747;
 border-bottom : 1px solid #007747;
 border-left : 1px solid #99c9b5;
}
.domo-mailform2 INPUT:hover,
.domo-mailform2 TEXTAREA:hover {
 border : 1px solid #d02a27;
}
.domo-mailform2 INPUT:focus, 
.domo-mailform2 TEXTAREA:focus {
 background-color: #cce4da;
}
.domo-mailform2 LEGEND {
 color : #d02a27;
}
.domo-mailform2 FIELDSET {
 border : 1px solid #007747;
 margin-bottom : 10px;
 padding-bottom : 5px;
}
.domo-mailform2 P {
 font-size : 1em;
}
.domo-mailform2 INPUT.right { text-align : right; }
.domo-mailform2 INPUT.w13 { width : 76px; }
.domo-mailform2 INPUT.w23 { width : 151px; }
.domo-mailform2 INPUT.w14 { width : 57px; }
.domo-mailform2 INPUT.w16 { width : 38px; }
.domo-mailform2 INPUT.w19 { width : 26px; }
.domo-mailform2 INPUT.wa {
 margin-left : 20px;
 width : auto;
}
.domo-mailform2 INPUT.wa2 {
 margin-right : 20px;
 width : auto;
}
.domo-mailform2 SPAN.green {
 color : #007D40;
 font-weight : bold;
}
.domo-mailform2 {
 line-height : 1.2em;
 width : 680px;
 background-color : #fff;
 clear : both;
}

/*--- Berechnungsformular --*/

TABLE#berechnung {
 width : 600px;
 text-align : left;
 border-collapse : collapse;
}
TABLE#eigenleistung {
 font-family : Arial,sans-serif;
 font-size : 1em;
 width : 100%;
 border-collapse : collapse;
}
TABLE#berechnung TBODY,
TABLE#eigenleistung TBODY {
 background-color : #fff;
}
TABLE#berechnung TD {
 padding : 0px;
 vertical-align : top;
 border : 1px solid #ddd;
}
TABLE#berechnung TD H1 {
 font-size : 1.4em;
 color : #070;
 text-align : center;
 padding : 0;
 margin : 0;
}
TABLE#berechnung TD INPUT.green {
 background-color : #cfc;
 border : 1px solid #cfc;
 width : 63px;
 margin : 0;
 padding : 0 2px;
 text-align : right;
 font-family : Arial,sans-serif;
 font-size : 1em;
}
TABLE#berechnung TD INPUT.green:hover {
 background-color : #fff;
 border : 1px solid #fff;
}
TABLE#berechnung TD INPUT.green:focus {
 background-color : #fff;
 border : 1px solid #800;
}
TABLE#berechnung TD.spacer {
 padding : 0;
}
TABLE#berechnung TD.button {
 text-align : center;
 padding : 8px;
}
TABLE#berechnung TD.blue {
 background-color : #cff;
}
TABLE#berechnung TD.red {
 background-color : #fc9;
}
TABLE#berechnung TD.yellow {
 background-color : #ff9;
}
TABLE#berechnung TD.green {
 background-color : #cfc;
}
TABLE#berechnung TD.info {
 color : #800000;
 font-size : 1em;
 font-weight : bold;
 width : 10%;
}
TABLE#berechnung TD.summary {
 color : #800000;
 font-size : 1em;
 font-weight : bold;
}
TABLE#berechnung TD.zyellow {
 background-color : #ff9;
 text-align : right;
 width : 13%;
}
TABLE#berechnung TD.zgreen {
 background-color : #cfc;
 text-align : right;
 width : 13%;
}

/*--- Tip-A-Friend Form ---*/

.tipafriend_form {
 font-size : 1em;
}

.tipafriend_form INPUT {
 border-top : 1px solid #99c9b5;
 border-right : 1px solid #007747;
 border-bottom : 1px solid #007747;
 border-left : 1px solid #99c9b5;
}
.tipafriend_form INPUT:hover,
.tipafriend_form TEXTAREA:hover {
 border : 1px solid #d02a27;
}
.tipafriend_form INPUT:focus, 
.tipafriend_form TEXTAREA:focus {
 background-color: #cce4da;
}


div.csc-frame-rulerAfter{
	border-bottom:1px solid #666666;
}

div.csc-frame-rulerAfter{
	border-bottom:1px solid #666666;
}
div.greenBG{
background-color:#007D40;
}

p.greenBG {
background-color:#007D40;
color:#FFFFFF;
font-size:12px;
margin-bottom:3px;
}

p.greenBG a{
color:#FFFFFF !important;
font-size:12px !important;
}