/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
strong {
	font-weight: bold;
	}
:focus {
	outline:0;
	}
body{
	line-height: 1;
	color: #000000;
	background: #FFFFFF;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* GENERAL */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	}
a {
	color: #75AC10;
}

a:hover {
	color: #4B695A;
}
h2, h3, h4, h5, h6 {
	color: #91B257;
	font-size: 13px;
}
legend{
	display:none;
	}
html, body {
	height: 100%;
	color: #4B695A;
	background: #FFFFFF url(vieler_hg.gif) repeat-x left top;
	}
td {
	padding-right: 4px;
	}
tbody, tfoot, thead, tr, th, td {
  text-align: left;
  vertical-align: top;
}
.clear {
  clear: both;
}

/* Layout */

/* hide from ie on mac \*/
html {
	height: 99%;
	overflow: visible;
}
	
#flashcontent {
	min-height: 605px;
	min-width: 905px;
	height: 100%;
	overflow: visible;
}
/* end hide */
  
.txt {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	vertical-align: middle;
}

.t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	vertical-align: middle;
}

.whitebg {
	background-color: #FFFFFF;
  padding: 15px;
  text-align: left;
  vertical-align: top;
}
.headline {
	color: #91B257;
	font-size: 13px;
}

.head {
	color: #91B257;
}

.gruen {
	color: #3E8D27;
}

.gruen :link, .gruen:active, .gruen :visited{
	color: #3E8D27;
	text-decoration: none;
}

.gruen:hover {
	color: #91B257;
	text-decoration: none;
}

.green2 {
	color: #6D8579;
	font-family: Arial;
	font-size: 11px;
}

#outerwrapper {
  margin: 0px auto;
  width: 896px;
  height: 615px;
  padding: 10px;
}

#sitewrapper {
  margin: 0px auto;
  width: 896px;
  height: 615px;
  background: url(html_hg_8bit.png) no-repeat left top;
}

#logo {
  position: relative;
  width: 896px;
  height: 70px;
  text-indent: -9999px;
}

#content {
  position: relative;
  float: left;
  width: 896px;
  padding: 21px 0 0 50px;
}

#imprintleft {
  position: relative;
  float: left;
  width: 352px;
  height: 413px;
  padding: 25px 0 0 50px;
  background: url(imp.jpg) no-repeat left top;
}

#picture {
  position: relative;
  float: left;
  width: 402px;
  height: 438px;
  padding-right: 38px;
}

#contenttext {
  position: relative;
  float: left;
  width: 390px;
  height: 420px;
  overflow: auto;
}

#picturestart {
  position: relative;
  float: left;
  width: 800px;
  height: 273px;
  padding-bottom: 20px;
}

#contenttextstart {
  position: relative;
  float: left;
  width: 800px;
  height: 160px;
  overflow: auto;
}

#contentstart {
  position: relative;
  float: left;
  width: 775px;
}



/* Navigation */
#menu {
  width: 100%;
  z-index: 497;
  padding: 15px 0 0 122px;
  float: left;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  z-index: 498; 
  float: left;
}

.flvl:link, .flvl:visited, .flvl:active {
  display: block;
  margin: 0;
  padding: 0px 10px;
  color: #FFFFFF;
  text-decoration: none;
  height: 26px;
}

.flvl:hover {
  color: #d2eca6;
}

.slvl:link, .slvl:visited, .slvl:active {
  display: block;
  margin: 0;
  padding: 3px 10px;
  color: #135b3d;
  text-decoration: none;
  height: 20px;
}

.slvl:hover {
  color: #135b3d;
  padding: 3px 10px 3px 15px;
  background: url(submenu_hg_on_8bit.png) no-repeat left top;
}

.fli {
  border-right: 1px solid #FFF;
}

.lfli {
}

.sli {
}
/*
#menu li {
  position: absolute;
  z-index: 499; 
}
*/
#menu ul ul {
  position: absolute;
  z-index: 500;
  width: 200px;
  background-image: url(submenu_hg_off_8bit.png);
}

#menu ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
} 

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
  display: none;
} 

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
  display: block;
}


/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
  width: 382px;
  padding: 20px 10px 10px 10px;
  font-size: 12px;
  background-color: #eaf7f0;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}

.formhinweis {
  padding-bottom: 5px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
  margin-bottom: 15px;
  margin-top: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 2px;
  padding-left: 5px;  
  
}
 .forminfo, #form-module-thanks
{
  width: 382px;
  margin-bottom: 5px;
  background-color: #eaf7f0;
  padding: 5px 10px;
  font-weight: bold;
  color: #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
  width: 250px;
  height: 100px;
  margin-left: 4px;
  padding: 5px;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}


/* Textfeld */
.formgen .formtext
{
  width: 250px;
  margin-left: 4px;
  padding: 4px;
  font-size: 1em;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
}



/* Label */
.formgen label {
  width: 100px;
  clear: left;
  float: left;
  font-weight: normal;
  color: #4B695A;
  background-color: #FFFFFF;
  padding: 5px;
  margin-bottom: 5px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
  width: 200px;
  background-color: #33FF33;
  margin-left: 4px;
  color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
  width: 100px;
  text-align: center;
  float: left;
  color: #4B695A;
  border: 0px none;
  margin-right: 12px;
}



/* Fieldsetbeschriftung */
.formgen legend {
  color: #FFFFFF;
  background-color: #990000;
  width: 150px;
}
.formgen .fieldset {
  margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
  
  border-bottom-width: 1px;
  color: #bc5023;
}

.formgen .formcaptcha
{
  border: 2px solid #990000;
  vertical-align: top;
  float: left;
  margin-right: 10px;
}

.formgen .formreq {
  color: #000000;
}

.formgen .formheadline {
  color: #993300;
  background-color: #FFF7EA;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-style: italic;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */