
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:100.1%; 
	color:#000000;
	}
a {
	text-decoration: none;
	outline: none;
	color: #03DAFF;
}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	color: #333;
}

hr {
	margin: 0px; 
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	}
p {
	font-size: 100%;
	line-height: 140%;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	}

hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img {
	border: 0;
	}

div,p{margin:0}

table{
	font-size: 12px;
	color: #F6D84B;	
}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* */
}
body{
  background:#57AD21;
  min-width:783px;
  text-align:center;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:783px;
/* \*/
  height:100%;
/* */
}
#wrapper { background: #46668C url("../img/site/mainbg.gif") repeat-y; height: 100%; min-height: 100% }
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* */
#outer { background: #46668C url("../img/site/contentbg.gif") repeat-y; margin-left: 302px; position: relative; z-index: 1; width: 481px; height: 100% }

* html #outer{
  width:482px;
  w\idth:481px;
}
#left{
  width:304px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-303px;
}
*>html #left{width:303px;}
#container-left { width: 302px; }
/* \*/
* html #left{margin-right:-3px;}
/* */
#container-center{
	position: relative;
}
#center{
  width:481px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* */
}
#icons{
	position: absolute;
	top: 195px;	
	left: 90px;
}
#icons a{
	margin-right: 100px;	
}
#clearheadercenter{
  height:216px;
  overflow:hidden;
}
#clearheaderleft{
  height:216px;
  overflow:hidden;
}
#clearfootercenter{
  height:65px;
  overflow:hidden;
}
#clearfooterleft{
  height:65px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:783px;
  height:65px;
  overflow:hidden;
  margin-top:-65px;
}
#subfooter1 { background: #46668c url("../img/site/mainbg.gif") repeat-y; text-align: center; height: 65px }
#header{
  z-index:1;
  position:absolute;
  top:0px;
  width:783px;
  height:216px;
  overflow:hidden;
}
#subheader1  { background: #3c9c18 url("../img/site/headnav.jpg") no-repeat; text-align: center; height: 32px }
#subheader2 { height: 184px }
.home, .error{
	background: #ffe7aa url("../img/site/headpic_bank.jpg") no-repeat;
}
.firma {
	background: #ffe7aa url("../img/site/headpic_baum.jpg") no-repeat;
}
.produkte {
	background: #ffe7aa url("../img/site/headpic_huegel.jpg") no-repeat;
}
.kontakt, .anfahrt, .impressum, .danke {
	background: #ffe7aa url("../img/site/headpic_teich.jpg") no-repeat;
}
.leistung {
	background: #ffe7aa url("../img/site/headpic_flower.jpg") no-repeat;
}

#gfx_bg_middle { background: #46668C url("../img/site/contentbg.gif") repeat-y; margin-left: 302px; position: absolute; top: 0; width: 481px; height: 100%; overflow: hidden;}
* html #gfx_bg_middle{
  display:none;
}
#verlauf { background-image: url("../img/site/bgverlauf.gif"); background-repeat: repeat-x; position: absolute; top: 0; left: -294px; width: 766px; height: 202px }
#hsep { 
	background-image: url("../img/site/hseparator.jpg"); 
	background-repeat: none; 
	position: absolute; 
	top: 30px; left: -10px; 
	width: 1px; 
	height: 258px; 
}
#content{
	z-index: 50;
	position: relative;
	font-size: 12px;
	color: #F6D84B;
	width: 445px;
}
#content hr{
	background-image: url("../img/site/vseparator.jpg"); 
	background-repeat: no-repeat;
	border: 0;
}
#navbot  { background-image: url("../img/site/bgnavbot.jpg"); background-repeat: no-repeat; background-position: 50px 0; height: 49px; }
#navbotmenue{
	color: #fff;
	padding-top: 18px;	
	font-size: 13px;
}
#content h2 { background-image: url("../img/site/titlebg.jpg"); background-repeat: no-repeat; height: 50px; margin: 0; padding: 15px 0 0 30px; font-size: 13px }
#content p, #content h4{
	padding: 10px 0 5px 35px;
}
#content h4{
	margin: 5px 0;	
}
#leftnav { 
	background-image: url("../img/site/leftnavbg.jpg"); 
	background-repeat: no-repeat; 
	width: 190px; 
	height: 190px; 
	margin-left: 60px; 
	color: #03DAFF; 
	padding: 20px 0 0 20px;
}

ul#Navigation {
  margin: 0 0 0 9px;
  padding: 0;
  text-align: center;
  font-size: 80%;
  font-weight: normal;
}
ul#Navigation li {
  list-style: none;
  display: inline;
  margin: 0; 
  padding: 0;
}

ul#Navigation a, ul#Navigation span {
  float: left; 
  width: 125px; 
  padding-top: 7px;
  text-decoration: none;
  font-weight: normal;
  color: #fff;
  border-right: 1px solid #8FDB30;
  height: 25px;
}

ul#Navigation a:hover, ul#Navigation span {
  font-weight: bold;
  color: #000;
}
/*------------*/
ul#footerNav {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 80%;
  font-weight: normal;
}
ul#footerNav li {
  list-style: none;
  display: inline;
  margin: 0 20px; 
  padding: 0;
}

ul#footerNav a, ul#footerNav span {
  text-decoration: none;
  font-weight: normal;
  color: #fff;
}

ul#footerNav a:hover, ul#footerNav span {
  color: #000;
}
/*----------------*/
ul#sideNav {
	list-style-image: url("../img/site/round.gif"); 
	list-style-position: outside; 
	padding: 0;
	margin: 0 0 0 20px;
}

ul#sideNav li  { 
	font-size: 12px; 
	line-height: 18px;
	padding-left: 3px;
	margin: 9px 0;
}
ul#sideNav li  a{
	color: #03DAFF;
	font-size: 12px;
}

.label{
	float: left;
	text-align: right;
	width: 120px;
	line-height: 20px;
	margin: 6px 20px 5px 0;
	font-size: 12px;
}

.inputFeld {
	margin: 5px 0;
	padding-top: 2px;
	border: 1px solid #F6D84B;
	width: 250px;
	background-color: #03DAFF;
}
.txtarea{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
.inputFeld:focus{
	border: 1px solid #03DAFF;
	background-color: #fff;
}
.leftAlign{
	float: left;
}
.rightAlign {
	float: right;
}

.ierror{
	font-weight: bold;
	color: #fff;	
}

#map{
	width: 408px;
	height: 408px;
	border: 1px solid #F6D84B;
	margin: 5px 0 5px 35px;
}

#link{
	margin-left: 35px;
}

.submitBtn { 
	cursor: pointer;
}

/* GREYBOX */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #30465E;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #46668C;
    border-top: 2px solid #30465E;
}

.GB_header .inner {
    background-color: #30465E;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #F6D84B;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #F6D84B;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #30465E;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #46668C;
    border-top: 1px solid #30465E;
    border-left: 3px solid #30465E;
    border-right: 3px solid #30465E;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #F6D84B;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }
