/* Hauptfarben
#467A40; dunkelgruen
#CEDBC6; hellgruen
#dae7d2; hellgruen
#646464; graue Schrift
#5F7D4B; Hintergrundfarbe
#DBDBDB; hellgrau f. Navigationselemente
#848484 graue Schrift wenn bold ??
*/

/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	padding:0;
	margin:0;
}

/* Taeusche NS und FF lange Seiten vor damit das Layout bei langen Seiten nicht wg. dem Scrollbalken huepft */
html {height:100%}
body {
  min-height:101%;
  /* verhindern dass positionierte Elemente bei Ver?nderung der Fenstergroesse nicht mit verschoben werden */
  position: relative;
}

body {
  
  margin-top: 24px;
  color: #646464;
  background: #5F7D4B;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.74em;
  padding: 0 0;
  text-align: center;
}

h1,h2,h3 {
/* im Typo ueberschreiben */
font-family: News-Gothic, Arial, Helvetica, sans-serif;
  color:#467A40;
  font-size: 1.33em;
  /*line-height: 1em;*/
  /*margin-left:10px;*/
}
p {
line-height: 1.4; 
margin: 0.5em 12px 1em 0;
}

a:link, a:visited    { 
  color: #848484;
  text-decoration: none;
  font-weight: bold;
}
/* In Typo3 mit gleicher Farbe wie H1 berschreiben*/
a:focus, a:hover, a:active, li.on a:link, li.on a:visited { 
  color: #467A40;
  text-decoration: none;
}


table{width: 100%;}
th, td {padding: 0;}

/*
/* Anpassungen CSC-Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-textpic-caption{
	/*font-size:70%;*/
	color:#467A40;
}


/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.mini{
font-size: 10px;
color:#467A40;
}
.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

/* Struktur
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
#wrapper {
  width: 811px;
  /*background: #E4EEF3 url(images/back.gif) 25% 0 repeat-y;*/
  margin: 0 auto;
  text-align: left;
}

#top {
  height:12px;
  overflow:hidden;
  background: #CC9900 url(images/top.gif) no-repeat top;
}

#middle {
  width:751px;
  min-height: 612px;
 /* position: absolute;*/
  background: #FBFCF3 url(images/middle.gif) repeat-y;
  padding: 20px 30px 0 30px;
}
/* IE 6 bekommt 60px mehr weil er das padding nicht mit zur Weite nimmt*/
* html #middle {
  width:811px;
}
#logo {
  width: 200px;
  height: 132px;
  float: left;
  background: url(images/buehler.gif) no-repeat;
  border-bottom: #467A40 1px solid;
  /*background-color:orange;*/
  overflow: hidden;
}
/*** Bildermenue oben (Ebene1) ***/  
#menu1 {
  width: 530px;
  height: 132px;
  float:left;
  /*background: #red; */
  border-left: #467A40 1px solid;
  border-bottom: #467A40 1px solid;
  /*font-size: 70%;*/
  font-weight: bold;
  line-height: 25px;

}

/* wg. border  1px mehr f?r IE 6 */
* html #menu1{
  width: 531px;
}

#menu1-top{
  text-align:right;
  /*background: blue;*/
  float: right;
  width: 530px;
}
* html menu1-top{
  width: 530px;
}
#menu1-top li{
  display: block;
  float:  right;
  margin-left: 10px;
  text-align:center;
  color: #467A40;
  width: 122px;
  /*background-color: pink;*/
  overflow:hidden;
}
* html menu1-top li{
  margin-left: 0;
}


#menu1-top a {
  display: block;
  margin-top: 4px;
}
#menu1-top a.bild{
margin:0;
}

#menu1-top a:link, #menu1-top a:visited{
  text-decoration: none;
  color: #646464;
  background-color: #DBDBDB;
}

#menu1-top a:hover{
  color: #FFF;
  background-color: #467A40;
  text-decoration: none;
}

#menu1 li.on a:link, #menu1 li.on a:visited{
   background:#CEDBC6;
      color: #467A40;
   }



/*** Menu links (Ebene1.2) ***/
#menubar-left{
  width: 200px;
  height: 20px;
  float: left;
  padding-top:4px;
}
#menubar-right{
  width: 530px;
  height: 20px;
  float: left;
  border-left: 1px solid #467A40;
  /*font-size: 80%;*/
  padding-top:4px;
  padding-bottom: 10px;
}
#menubar-right li{
  list-style: none;
  display:inline;
  white-space: nowrap;
}
#menu2{
  float:left;
  width: 60%;
}
#menu2 ul{
margin-left:10px;
white-space: nowrap;
}
#menu2 {}
#menu3{
  float:right;
  width: 100px;
  text-align: right;
}

#menu4 ul{
  padding: 0.25em 30px;
  list-style: none;
  font-weight: bold;
}
#menu4 li{
line-height: 1.4em;
}


#menu2 a:link,#menu2 a:visited, 
#menu3 a:link,#menu3 a:visited, 
#menu4 a:link,
#menu-foot a:link,#menu-foot a:visited{
  text-decoration: none;
  color: #858583;
}

#menu2 a:hover, #menu-foot a:hover, #menu3 a:hover, #menu4 a:hover{
  text-decoration: underline;
  color: #467A40;
}
#menu2 li.on a:link,#menu2 li.on a:visited,
#menu3 li.on a:link,#menu3 li.on a:visited,
#menu4 li.on a:link,#menu4 li.on a:visited{
  color:#467A40;
}

#foot-menu a{
  font-weight:normal;
}
#foot-menu{
  width: 530px;
  height: 20px;
  float: left;
  font-weight: normal;
}
#foot-menu li{
  list-style: none;
  display:inline;
  white-space: nowrap;
}
#col1 {
  /*font-size:80%;*/
  /*text-align: right;*/
  /*background-color:#FF6600;*/
  float:left;
  width: 190px;
  padding-right: 10px;
  list-style-position: inside;
}
* html #col1 {
  width:200px;
}


#col2 {
  /*font-size: 80%;*/
  float: left;
  width: 518px;
  min-height: 372px;
  border-left: 1px solid #467A40;
  padding-left:12px;
}


#col5 {
  /*font-size:80%;*/
  /*text-align: right;*/
  /*background-color:#FF6600;*/
  float:left;
  width: 719px;
  padding-right: 10px;
  list-style-position: inside;
}
* html #col5 {
  width:730px;
}
* html #col2{
  width: 530px;
}
  

#col2 ul{
  padding: 0em 1.4em 1.4em;
  list-style: inside;
  line-height: 1.4em;
}

* html #col2{
  height: 372px;
}
#footer{
  clear: both;
}
#foot-left{
  /*background: lightblue;*/
  float: left;
  width: 200px;
  height: 70px;
  overflow: hidden;
  border-top: 1px solid #467A40;
}
#fblock-left{
  height: 60px;
  background: #DAE7D2;
  margin-top: 10px;
  margin-right: 12px;
}
#fblock-left img{
  float: left;
  margin: 15px 8px;
}
#foot-right{
  float: left;
  width: 530px;
  height: 70px;
  overflow: hidden;
  border-top: 1px solid #467A40;
  border-left: 1px solid  #467A40;
}
#fblock-right{
  height: 60px;
  background: #DAE7D2;
  background-image:url(images/handy.gif);
  background-repeat:no-repeat;
  background-position: 54px bottom;
  margin-top: 10px;
  margin-left: 12px;
}

#telefon-nt{
  position: relative;
  left: 22px;
}
#telefon-tue{
  position: relative;
  left: 25px;
  /*background-color:silver;*/
}

#telefon-text{
 position: relative;
  left: 10px;
}


#telefon-nt, #telefon-tue{
  width: 200px;
  float: left;
  font-size: 1em;
  color: #467A40;
  margin-top:1em;
  overflow:hidden;
}


#telefon-nt a:link, #telefon-nt a:visited, #telefon-tue a:link, #telefon-tue a:visited{
  color: #467A41; 
  font-weight: normal;
}

#telefon-text{
  width: 80px;
  float: left;
  font-size: 1em;
  color: #467A40;
  margin-top:1em;
/*background-color:silver;
  //overflow:hidden;*/
}


#foot-menu{
  /*background: silver;*/
  float: left;
  width: 731px;
  line-height: 1.7em;
  text-align: right;
  color: #467A40;
  font-size: 0.9em;
}
#bottom {
height: 12px;
background: url(images/bottom.gif) no-repeat ;
/*border-bottom: solid 1px white;*/
}

/* Formular 
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
.csc-mailform-submit{
color: #999;
font-weight:bold;
}

.csc-mailform-check{
text-align:left;
width:20px;
background:#123;
}

.csc-mailform-field, .csc-mailform-label{
margin: 0.4em 0;
}

#content #mailform{
width:481px;
margin-left:0px;
}

#content fieldset{
border:none;
padding-bottom:20px;
}

label {
  clear:both;
  float: left;
  width: 130px;
  text-align: right;
}


label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: 1em;
  font-weight: normal;
  margin-right: 10px;
}

/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */

input,textarea {
  width: 20em;
  background: transparent;
  font-family: verdana, arial, sans-serif;
  font-size: .9em;
  border: 1px solid #646464;
  margin-bottom:0.3em;
}

#mailform input.csc-mailform-submit{
  width:9em;
  margin-left:140px;
}
/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #CEDBC6;
  border: 1px solid #646464;
}

input:focus,
textarea:focus {
  background: #CEDBC6;
  border: 1px solid #467A40;
}

.csc-mailform{
border:none;
}

.tx-veguestbook-pi1 table{
font-size: 1em;
}

.tx-guestbook-list-small{
font-size: 0.8em;}

li {list-style-position:outside}

#map_container img{
border: none;
}

.marker-layer{
background: white;
padding: 10px;
border: 1px solid #5F7D4B;
}