html, body {
  font-family:Arial,Verdana,Geneva,Helvetica;
  margin:0px;
  padding:0px;
  height:100%;
  background-color:#F5F5EE; /*:dynChange:changeColor:0=F5F5EE:1=FFFFFF:*/
}



#main {
  position:relative;
  width:950px; /*:dynChange:calcValue:this+(x*20):min=cal(700+(250+(x*10))):*/
  background-color:#8BA300; /*:dynChange:changeColor:0=8BA300:1=FFFFFF:*/
}

#mainYellow {
  position:relative;
  width:950px; /*:dynChange:calcValue:this+(x*20):min=cal(700+(250+(x*10))):*/
  background-color:#F9D946; /*:dynChange:changeColor:0=F9D946:1=FFFFFF:*/
}


.leftColumn {
  position:relative;
  float:left;
  display:block;
  width:250px; /*:dynChange:calcValue:this+(x*10):*/
}

.rightColumn {
  position:relative;
  float:right;
  display:block;
  width:700px; /*:dynChange:calcValue:this+(x*10):min=this:*/
}




/* Definition des Contentbereichs */

#contentDIV {
  position:relative;
  width:100%;
}

#contentRight {
  background-color:#FFFFFF;
  text-align:center;
}

/* Formatierung Content */

#content {
  position:relative;
  margin:auto;
  width:640px; /*:dynChange:calcValue:this+(x*5):min=this:*/
  text-align:left;
  margin-bottom:20px;
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  line-height:1.5em;
  min-height:400px;
}

#breadcrumb {
  margin-top:5px;
}

#breadcrumb a {
  text-decoration:none;
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  color:#000000;
}

#content h1 {
  font-size:13pt; /*:dynChange:calcValue:this+x:*/
  font-weight:normal;
  margin:0px;
  margin-top:20px;
  margin-bottom:15px;
  padding-bottom:3px;
  width:100%;
  border-left-width:0px;
  border-right-width:0px;
  border-top-width:0px;
  border-bottom-width:1px;
  border-style:solid;
  border-color:#000000;
}

#content h2 {
  font-size:11pt; /*:dynChange:calcValue:this+x:*/
  font-weight:normal;
  margin:0px;
  margin-top:20px;
  margin-bottom:15px;
  padding-bottom:3px;
  width:100%;
}


.vzMoreInfos {
  text-decoration:none;
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  color:#CF0000;
}





/* Definition des Menü */

#contentLeft div {
  position:relative;
  width:250px; /*:dynChange:calcValue:this+(x*10):*/
  min-height:20px;
  margin-bottom:1px;
  padding-left:25px;
  padding-right:25px;
  padding-top:5px;
  padding-bottom:2px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:200px; /*250 - 25 - 25*/ /*:dynChange:calcValue:this+(x*10):*/
  min-height:20px; /*25 - 5*/
}



/* Definiert die Klasse wenn der Menüpunkt aktiv ist */

#contentLeft div.activeGreenLevel2 {
  background-color:#2E4A22; /*:dynChange:changeColor:0=2E4A22:1=FFFFFF:*/
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  padding-right:25px;
  /*:dynChange:insertString:0=:1=text-decoration underline;:*/
}

#contentLeft div.activeGreenLevel3 {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:35px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:190px; /*250 - 25 - 35*/
}

#contentLeft div.activeGreenLevel4 {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:45px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:180px; /*250 - 25 - 45*/
}

#contentLeft div.activeGreenLevel5 {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:55px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:170px; /*250 - 25 - 55*/
}

#contentLeft div.activeGreenLevel6 {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:65px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:160px; /*250 - 25 - 65*/
}

/* Mit der folgenden Definition wird der onMouseOver Effekt realisiert */

#contentLeft div.activeGreenLevel2Eff {
  background-color:#2E4A22; /*:dynChange:changeColor:0=2E4A22:1=FFFFFF:*/
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  padding-right:25px;
  /*:dynChange:insertString:0=:1=text-decoration underline;:*/
}

#contentLeft div.activeGreenLevel3Eff {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:35px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:190px; /*250 - 25 - 35*/
}

#contentLeft div.activeGreenLevel4Eff {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:45px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:180px; /*250 - 25 - 45*/
}

#contentLeft div.activeGreenLevel5Eff {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:55px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:170px; /*250 - 25 - 55*/
}

#contentLeft div.activeGreenLevel6Eff {
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:65px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:160px; /*250 - 25 - 65*/
}

/* Definiert wir ein Link aussehen muss */

#contentLeft div a.blackLevel2 {
  text-decoration:none;
  font-weight:bold;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
}

#contentLeft div a.blackLevel3 {
  text-decoration:none;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}

#contentLeft div a.blackLevel4 {
  text-decoration:none;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}

#contentLeft div a.blackLevel5 {
  text-decoration:none;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}

#contentLeft div a.blackLevel6 {
  text-decoration:none;
  color:#FFFFFF; /*:dynChange:changeColor:0=FFFFFF:1=000000:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}













#contentLeft div.activeYellowLevel2{
  background-color:#FDC215; /*:dynChange:changeColor:0=FDC215:1=FFFFFF:*/
  font-weight:bold;
  color:#000000;
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  padding-right:25px;
  /*:dynChange:insertString:0=:1=text-decoration underline;:*/
}

#contentLeft div.activeYellowLevel3 {
  font-weight:bold;
  color:#000000; 
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:35px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:190px; /*250 - 25 - 35*/
}

#contentLeft div.activeYellowLevel4 {
  font-weight:bold;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:45px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:180px; /*250 - 25 - 45*/
}

#contentLeft div.activeYellowLevel5 {
  font-weight:bold;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:55px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:170px; /*250 - 25 - 55*/
}

#contentLeft div.activeYellowLevel6 {
  font-weight:bold;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:65px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:160px; /*250 - 25 - 65*/
}


#contentLeft div.activeYellowLevel2Eff{
  background-color:#FDC215; /*:dynChange:changeColor:0=FDC215:1=FFFFFF:*/
  font-weight:bold;
  color:#000000;
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  padding-right:25px;
  /*:dynChange:insertString:0=:1=text-decoration underline;:*/
}

#contentLeft div.activeYellowLevel3Eff {
  font-weight:bold;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:35px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:190px; /*250 - 25 - 35*/
}

#contentLeft div.activeYellowLevel4Eff {
  font-weight:bold;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:45px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:180px; /*250 - 25 - 45*/
}

#contentLeft div.activeYellowLevel5Eff {
  font-weight:bold;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:55px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:170px; /*250 - 25 - 55*/
}

#contentLeft div.activeYellowLevel6Eff {
  font-weight:bold;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  padding-left:65px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:160px; /*250 - 25 - 65*/
}




#contentLeft div a.whiteLevel2 {
  text-decoration:none;
  font-weight:bold;
  color:#000000;
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
}

#contentLeft div a.whiteLevel3 {
  text-decoration:none;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}

#contentLeft div a.whiteLevel4 {
  text-decoration:none;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}


#contentLeft div a.whiteLevel5 {
  text-decoration:none;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}


#contentLeft div a.whiteLevel6 {
  text-decoration:none;
  color:#000000;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
}




#contentLeft div.deactiveLevel3 {
  padding-left:35px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:190px; /*250 - 25 - 35*/
}

#contentLeft div.deactiveLevel4 {
  padding-left:45px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:180px; /*250 - 25 - 45*/
}

#contentLeft div.deactiveLevel5 {
  padding-left:55px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:170px; /*250 - 25 - 55*/
}

#contentLeft div.deactiveLevel6 {
  padding-left:65px;
  padding-right:25px;
  voice-family: "\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  width:160px; /*250 - 25 - 65*/
}






.barrButtons {
  margin-top:5px;
  margin-right:7px;
}


/* Formatierung Sitemap */

.sitemap {
  text-decoration:none; /*:dynChange:delLine:0=false:1=true:*/
  font-size:9pt; /*:dynChange:calcValue:this+x:*/
  color:#CF0000; /*:dynChange:changeColor:0=CF0000:1=000000:*/
}


/* Definition Fussbereich */

#footer {
  position:relative;
  clear:both;
  padding-top:10px;
  padding-left:25px;
  padding-bottom:10px;
  padding-right:10px;
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  color:#000000;
}

#footer a {
  text-decoration:none; /*:dynChange:delLine:0=false:1=true:*/
  font-size:8pt; /*:dynChange:calcValue:this+x:*/
  color:#CF0000; /*:dynChange:changeColor:0=CF0000:1=000000:*/
}

#tree {
  position:absolute;
  left:0px;
  bottom:0px;
  width:232px; /*:dynChange:calcValue:this+(x*10):max=this:*/
}

#schwarzwaldTourismus {
  width:230px; /*:dynChange:calcValue:this+(x*10):max=this:*/
}

#suchenbox {
  position:relative;
  margin-top:10px;
  margin-bottom:20px;
}

.search{
  font-size:9pt;
}

.button {
  border:solid 1 black;
  font-size:9pt;
}