/* =========================================================
Werner Westenfelder GmbH - Gartenbau und Landschaftsbau
Datei: design.css
Media: screen
Datum Erstellung: 15. Januar 2010
Datum Änderung: 
Autor: Vitalis Ferkert
Mail: ferkert@navigate.de
========================================================== */

/* ===============================
   = Korrekturen
=============================== */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }


dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}

ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}
ul {list-style: circle;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}

fieldset {margin: 0; padding: 0; border: 0;}
fieldset legend {display: none;}

input, select, textarea, button {font: inherit;}

/* ===============================
   = Korrekturen Ende
=============================== */

*{
font-size: 1em; /* don't edit! */
}

html {
font-size: 62.5%; /* don't edit */
}

body {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: left;
	font-size: 12px; /* edit here to change font size globaly 1em = 10px */
	margin: 0px;
  color: #000;
  background: #fffae8;
  margin-top:36px;
  margin-bottom:60px;
}
div.normalo,
div.normalo b{font-weight: normal; color: #000;}
div.normalo a:hover {text-decoration:none!important;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
a {font-size: 12px; font-weight:bold;}

#page{
width:900px;
margin:0 auto;
position:relative;
margin-top:20px;
margin-bottom:30px;
}

.hidden {display:none;}


/* ===============================
   = Header
=============================== */
#header {margin-bottom: 20px;}
#header img {display:block;}


.inhaltWelleTop h1,
.inhaltWelleTop h2,
.inhaltWelleTop h3 {font-size: 14px; margin: 0 0 10px 0;}

/* ===============================
   = MainNavigation
=============================== */
.active {background: #d6e0d5;}

#nav {width: 190px; margin-top: 36px; text-align: right;}

#nav ul {list-style-type: none; margin:0; padding:0;}
#nav ul li {height: 26px; width: 190px; margin:0; padding:0; margin-top: 4px; margin-bottom: 4px;}
#nav ul li a {font-weight:normal; color: #45754d; font-size: 16px; display:block; padding-right: 10px; padding-top: 3px; padding-bottom: 4px;}
#nav ul li a:hover {background: #d6e0d5;}

.contentBoxInnerWrapper ul.csc-menu {list-style: none; margin: 0 30px 30px 0; padding: 0; width: 285px; float: right;}
.contentBoxInnerWrapper ul.csc-menu li {display: block;}
.contentBoxInnerWrapper ul.csc-menu li a {display: block; background: #ecf1ed; padding: 5px 5px 5px 30px; float: none; margin: 0 0 5px 0; border: 1px solid #df8200;}
.contentBoxInnerWrapper ul.csc-menu li a:hover,
.contentBoxInnerWrapper ul.csc-menu li.current a {background: #df8200 url(../img/active.gif) 0 10px no-repeat; color: #fff!important;}


/* ===============================
   = SubNav
=============================== */
.box2 ul.csc-menu li {margin-left:30px;}

/* ===============================
   = Content
=============================== */
#content {width: 700px; margin-left:10px; margin-bottom: 20px; line-height:20px;}
div .WelleTop {background:url(../img/welle_top.png) no-repeat; width: 700px; height: 50px;}
div .inhaltWelleTop {min-height: 220px; background:url(../img/content_welle_top.png) #ebf0ec no-repeat top; width: 698px; border-left:1px solid #E08606; border-right:1px solid #E08606;}
div.inhaltWelleTopInnerWrapper{padding-top: 20px; padding-left: 30px;}
div.inhaltWelleTopInnerWrapper .message,
div.inhaltWelleTopInnerWrapper .box1,
div.inhaltWelleTopInnerWrapper .textLinks {width: 335px; margin-bottom: 20px;}
div.inhaltWelleTopInnerWrapper .bild,
div.inhaltWelleTopInnerWrapper .box2,
div.inhaltWelleTopInnerWrapper .bildRechts {width: 285px; margin-left: 20px; margin-bottom: 20px;}

div.contentBoxInnerWrapper{padding-top: 32px; padding-left: 30px; padding-right: 10px;}

div.contentBoxInnerWrapper .box1 {width: 335px; margin-bottom: 40px;}
div.contentBoxInnerWrapper .box2 {width: 285px; margin-left: 20px; margin-bottom: 40px;}

div.inhaltWelleTopInnerWrapper h1 a {font-size: 14px; color: #000!important;}
div.inhaltWelleTopInnerWrapper .bild {float: right;}
div.inhaltWelleTopInnerWrapper .message {float: left;}


h1.headline {margin:0; color: #c6c8be; font-size: 18px; text-transform: uppercase; font-weight: normal; margin-left: 52px;}

div.contentBox {height:100%; border-left: 1px solid #e08606; border-right: 1px solid #e08606; border-bottom: 1px solid #e08606;  background: #fff;}
#content img.keyvisual {display:block;}

div.contentBoxInnerWrapperStartseite{padding-top: 39px; padding-left: 119px;}

div.contentBoxInnerWrapperStartseite .box1 {width: 265px; margin-bottom: 40px;}
div.contentBoxInnerWrapperStartseite .box2 {width: 214px; margin-left: 70px; margin-bottom: 40px;}
/*
.contentBox .csc-textpic {width: 285px; margin-right: 30px;}
*/
#content a {color: #e08606;} 
#content a:hover {text-decoration: underline;}

.latest {background: #ecf1ed; width: 245px; padding: 20px; border: 1px solid #e08606; float: right; margin: 0 30px 30px 0;}
.latest h2 a {color: #000!important; font-size: 14px; margin: 0 0 10px 0!important; display: block;}
/* ===============================
   = Footer
=============================== */
#footer {text-align: right;}

#footernav ul li.last {border-right: 1px solid #4b7951; padding-right: 11px;}

#footernav ul {list-style-type: none; margin:0; padding:0;}
#footernav ul li{margin:0; padding:0; display:inline; border-left: 1px solid #4b7951; padding-left: 11px; padding-right: 8px;}
#footernav ul li a {color: #e8a33e;}

#galabauLogo {float:left; margin-left: 200px; margin-bottom: 10px;}

/* ===============================
   = Formulat
=============================== */

#mailform textarea,
#mailform input {width: 180px;}

label {cursor: pointer;}
.csc-mailform-field {display: block; padding: 5px 0 0 0; clear: both;}
.csc-mailform-field label {float: left; displaY: block; width: 100px;}
.csc-mailform-field input {float: left; padding: 2px;}
.csc-mailform-field textarea {padding: 2px;}
.csc-mailform-radio * {display: inline;}
.csc-mailform-radio br {display: none;}
.csc-mailform-radio label {display: inline; width: auto; padding-right: 20px;}
#mailform .csc-mailform-radio input {width: auto; background: none; border: 0; margin: 3px 4px 0 0;}
#mailformgeschlecht legend {display: none;}
#mailform .csc-mailform-submit {width: auto; margin-left: 100px;}


/* ===============================
   = Lightbox
=============================== */
#lightbox-imageBox {border-top: 1px solid #e7a242!important; border-left: 1px solid #e7a242!important; border-right: 1px solid #e7a242!important;}
#lightbox-infoBox {border-bottom: 1px solid #e7a242!important; border-left: 1px solid #e7a242!important; border-right: 1px solid #e7a242!important;}

div.bild a {position: relative;}
.lightbox-enabled {position: relative; height: 80px; width: 80px;}
.plus {position: absolute; bottom:3px; right:0;}

/* ===============================
   = Weiterempfehlen
=============================== */
div.tipbox {padding:10px; width: 85%; height: 40px; background: #EBF0EC; border: 1px solid #E08606;}
 
div.tipform {margin-bottom: 30px;}
div.tipform ol {list-style-type:none; margin: 0; padding: 0;}
div.tipform ol {margin-top: 30px;}
div.tipform ol li {margin: 0; padding: 0;}
div.tipform ol li {margin-bottom: 5px;}
div.tipform .captchaWrapper {display:block; padding-top:5px; padding-left:150px; width:300px;}

div.tipform ol li textarea {width: 193px;}
div.tipform ol li label {float:left; width:150px;}
div.tipform ol li input,
div.tipform ol li textarea,
div.tipform ol li button {padding:2px;}
div.tipform ol li button.indent {margin-left:150px;}


/* ===============================
   = Unsere Partner
=============================== */
#partner {margin-bottom:30px;}
#partner td {width:120px; text-align:center;}
#partner tr {height: 110px;}

/* ===============================
   = 2 Zeilen Bilder
=============================== */
.csc-textpic-imagewrap .csc-textpic-imagerow {display: none!important;}
.csc-textpic-imagewrap .item-0,
.csc-textpic-imagewrap .item-1 {display: block!important;}



/* ===============================
   = Lesenswert tt_news
=============================== */
h2.newsheadline a {font-size: 14px; color: #000!important;}
.readmore {margin-top: 7px;}
.contentBox .message {border-bottom: 1px solid #E08606; padding-bottom: 20px;}
.contentBox .aktuellesHome .bild {display: none;}
.NEWS_SUBHEADER {margin-bottom:10px;}

.contentBox .message_aktuelles {background: #EBF0EC; padding:8px; border: 1px solid #E08606; }



/* ===============================
   = Kontakt Formular Start
=============================== */
fieldset.tx-powermail-pi1_fieldset{width:300px;margin-top:20px;}

.tx_powermail_pi1_fieldwrap_html {clear:both;margin:0 0 10px;}

fieldset.tx-powermail-pi1_fieldset label {
  float:left;
  font-size:1em;
  font-weight:bold;
  height:25px;
  width:80px;
}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html input {
  padding:4px;
  width:180px;
}

fieldset.tx-powermail-pi1_fieldset textarea{font-family: Arial, Helvetica, sans-serif; width:200px;height:170px; padding: 4px;}
fieldset.tx-powermail-pi1_fieldset img{margin-top:10px; margin-left:80px;}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_submit input{width:100px;float:none;font-weight:bold;margin-left:80px;margin-top:10px;}

.tx_powermail_pi1_fieldwrap_html_radio_title {font-weight: bold; float:left; margin-right:31px;}
fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_radio label{
float:none;
height:25px;
font-weight: normal;
}
fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_radio input{
padding:4px;
width:20px!important;
}
.powermail_radio_inner {float:left;}
/* ===============================
   = Kontakt Formular Stop
=============================== */


/* ===============================
   = Startseite Zitatzeichen
=============================== */
span.q1 {background: url(../img/qmark-f.gif) no-repeat top left; margin-left: -27px; padding-bottom:8px; padding-right:7px;}
span.q2 {background: url(../img/qmark-l.gif) no-repeat top left; margin-left: -3px; padding-right:5px; padding-top:4px;}