/* Original Source by gimmixx New Media */

html, body, div, span, ul, li, a, h1, h2, h3, h4, h5, h6, p, table, tr, td, img, fieldset, legend, label, form{ margin:0px; padding:0px; font-family:"Lucida Grande", Arial, Helvetica;}
body{ background-image:url(../images/main_bg_neu.gif); background-repeat:repeat-y; font-family:"Lucida Grande", Arial, Helvetica; color:#666; }

sup{ font-size:8px; }
a:link {color:#666;}



a:hover{color:#666;}
a:visited{color:#666;}
a:active{color:#666;}
.lastitem{ border: 0px !important; }
.clear{ clear:both; overflow:hidden; height:0px; }
.hidden { visibility: hidden;}

/* Container */
div#container{ font-size:12px; width:937px; }

/* Rundgang */
.rundgangimg{ border:0 solid #fff !important; padding:0; margin:0; background-color:#fff !important; }

/* Header */
div#header{ width:100%; height:100px; background-color: #094c2a; }
div#header h1{ padding:0 0 0 50px; float:left; }
div#header h1 a{ display:block; width:297px; height:100px; background-image: url(../images/logohead2.jpg); background-repeat: no-repeat;}
div#header h1 a span{ display:none; }

div#header ul#option-navigation{ list-style:none; float:right; padding:45px 30px 0 0; }
div#header ul#option-navigation li{ float:left; padding:0 10px 0 10px; border-right:1px solid #fff; }
div#header ul#option-navigation li a{ color:#fff; display: block; text-decoration:none;}
div#header ul#option-navigation li a img{ padding-top: 2px; border:0px;}
div#header ul#option-navigation li.lastitem { border: 0px; !important;}
div#header ul#option-navigation li a:hover{ color: #baf4c3; text-decoration:underline; }
div#header ul#option-navigation li a.active{ color:#baf4c3; text-decoration:underline !important; }


/* Imageteaser and Navigation */
div#teaser-navigation-container.index{ width:100%; height:238px; background-color:#253840; background-image:url(../images/baum-brunnen.jpg); background-repeat:no-repeat; background-position:bottom left; }
div#teaser-navigation-container.geschichte{ width:100%; height:238px; background-color:#253840; background-image:url(../images/geschichte_bg2.jpg); background-repeat:no-repeat; background-position:bottom left; }
div#teaser-navigation-container.baumschule{ width:100%; height:238px; background-color:#253840; background-image:url(../images/baumschule_bg2.jpg); background-repeat:no-repeat; background-position:bottom left; }
div#teaser-navigation-container.sportplatzbau{ width:100%; height:238px; background-color:#253840; background-image:url(../images/sportplatzbau_bg2.jpg); background-repeat:no-repeat; background-position:bottom left; }
div#teaser-navigation-container.referenzen{ width:100%; height:238px; background-color:#253840; background-image:url(../images/referenzen_bg2.jpg); background-repeat:no-repeat; background-position:bottom left; }
div#teaser-navigation-container.galabau{ width:100%; height:238px; background-color:#253840; background-image:url(../images/galabau_bg2.jpg); background-repeat:no-repeat; background-position:bottom left; }


/* Main Navigation */
ul#main-navigation{ width:297px; height:238px; margin:0 0 0 50px; list-style:none; background-image:url(../images/navbg.png); }
ul#main-navigation li{}
ul#main-navigation li a{ display:block; width:287px; line-height:35px; height:33px; color:#fff; text-decoration:none; padding:0 0 0 10px; border-bottom:1px solid #61777f; }
ul#main-navigation li a:hover{ background-color: #b4e4a8; border-color:#fff; }
ul#main-navigation li a.active{ background-color: #66cb62; border-color:#fff; font-weight:normal; }

/* Left */
#left{ float:left; width:267px; margin:0 0 0 0; padding:0 15px 0 65px; }
#left h2{ margin:30px 0 15px 0; color: #1b5f23; font-family:"Lucida Grande", "Myriad Pro", Arial, Helvetica; font-size:18px; }
#left h2 span{ font-weight:normal; }
#left p{ line-height:1.7em; color:#6d6e72; }

/* Right */
#right{ float:left; width:510px; margin:0 0 0 40px; }
#right h2{ margin:30px 0 15px 0; color:#6d6e72; font-family:"Lucida Grande", "Myriad Pro", Arial, Helvetica; font-size:18px; }
#right h2 span{ font-weight:normal; }
#right p{ line-height:1.7em; color:#6d6e72; padding: 0 0 15px 0; }
#right p a, #right ul li a{ text-decoration:underline; color:#6d6e72;}
#right p em{ padding:0 0 0 25px; border-left:5px solid #d9d9db; display:block;}
#right p img{ float:left; margin:0 15px 15px 0; padding:3px; border:2px solid #d9d9db;}

#right table{ line-height:1.7em; color:#6d6e72;}
#right ul{ padding:0 0 0 15px; margin:0 0 15px 0; line-height:1.7em; }
#right ul li span{ text-weight:bold; }

#right fieldset{ border:0px solid #fff; margin:0; padding:0; font-size:12px; color:#59483f;  }
#right fieldset legend{ display: none; }
#right fieldset .txt{ width:400px; padding:2px; font-size:12px; color:#6d6e72; margin:0 0 10px 0;}
#right fieldset .txtarea{ width:400px; height:150px; padding:3px; font-size:12px; color:#6d6e72; margin:0 0 10px 0;}

#right fieldset .field-label label{ display: block; margin:0 0 5px 0; color:#6d6e72; margin-top: 10px; }
#right fieldset .field-label input { width:400px; }
#right fieldset .field-label textarea { width:400px; }

.submiter{ padding:0px 10px 0px 10px; font-size:12px;}

/* Form validator */

input.disabled {
	border: 1px solid #d5d5d5; 
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #767571;
}
input.validate-number, input.text {
	border: 1px solid #d5d5d5; 
}
input.validate-email {
	border: 1px solid #767571;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300 !important; 
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00 !important;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	width: 400px;
	// padding: 5px;
	background-color: #fff9f9;
	color: #ff3c30;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

#right p.thanks {
	margin: 5px 0;
	width: 450px;
	color: #338619;
	font-weight: bold;
}
#right p.error {
	margin: 5px 0;
	width: 450px;
	color: #ff3c30;
	font-weight: bold;
}


/* ABC */
#right h2.abc{ margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #d9d9db; }
#right p.abc-text{ padding:0 0 0 0; margin:0 0 15px 30px;  }
#right ul.abc-text{ padding:0 0 0 0; margin:0 0 20px 30px; }
#right ul.abc-text li p{ padding:0 0 0 0; color: #348819;}

/* Bildervorschau Sidebar */
.imagepreview_sidebar {margin-top: 35px;}
.imagepreview_sidebar img{ padding:3px; border:2px solid #d9d9db;}

/* Bildervorschau auf der Startseite */
}
.imagepreview img.rightmarginimage{ margin:0 25px 0 0; }

/* Footer */
div#footer{ width:100%; margin:15px 0 25px 0; border-top:1px solid #d9d9db; }
div#footer p{ text-align:left; color:#6d6e72; font-size:12px; padding:5px 0 0 0; }

#impressum-text span{ float:left; display: block; width:220px; margin:0 0 25px 0;}
.smalltxt{ font-size:10px; display: block; padding:0 0 5px 0; color:#85746b;}
element{ }


