body, html {
padding: 0;
margin: 0;
background-color: #F2F2F3;
color: #fff;
text-align: center;
height:100%;
font-family:verdana, arial, helvetica;
}

#contents{
margin:0;
padding:0;
width: 988px;
height:676px;
background-color: #668000;
color: #000;
text-align: left;
position:relative;
}

h2{
color: #fff;
font-size:1.1em;
font-weight:bold;
}

h3{
color: #fff;
font-size:0.9em;
}

p{
color: #fff;
font-size: 0.7em;
margin-bottom:10px;
}


table{
height:100%;
color:#fff;
}

#header{
position:relative;
}


#header-level0{

}

#header-level1{
position:absolute;
top:160px;
right:40px;
z-index:10;
font-size:0.8em;
color:#3A4D68;
}


/************* CONTENT AND COLUMNS */

.outer-start {
    padding-left: 280px;
	background-image:url(images/bg_start.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-ferleiten {
    padding-left: 280px;
	background-image:url(images/bg_ferleiten.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-wildpark {
    padding-left: 280px;
	background-image:url(images/bg_wildpark.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-freizeitpark{
    padding-left: 280px;
	background-image:url(images/bg_freizeitpark.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-parkansicht {
    padding-left: 280px;
	background-image:url(images/bg_parkansicht.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-gastronomie {
    padding-left: 280px;
	background-image:url(images/bg_gastronomie.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-unterkunft {
    padding-left: 280px;
	background-image:url(images/bg_unterkunft.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-anfahrt {
    padding-left: 280px;
	background-image:url(images/bg_anfahrt.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-preise {
    padding-left: 280px;
	background-image:url(images/bg_preise.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-kontakt {
    padding-left: 280px;
	background-image:url(images/bg_kontakt.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-links {
    padding-left: 280px;
	background-image:url(images/bg_links.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-presse {
    padding-left: 280px;
	background-image:url(images/bg_presse.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}
.outer-impressum {
    padding-left: 280px;
	background-image:url(images/bg_impressum.gif);
	background-rpeat:no-repeat;
	background-position:top left;
	height:485px;
}

.inner {
    width: 708px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
    width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
    float: left;
    width: 988px;
    margin-left: -280px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
    /*** No need for hacking IE on this layout ***/
}
#content {
    float: right;
    width: 708px;
}
* html #content {
    position: relative;  /*** IE needs this  ***/
}
.contentWrap{
    padding: 15px 25px 10px 25px;
    margin-top: 0px;
}

/************* LEFT COLUMN */

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

#left {
    float: left;
    width: 280px;
    padding: 0px;
    font-size:0.9em;
    overflow: hidden;
}

* html #left {
    position: relative;  /*** IE needs this  ***/
}



#left ul{
list-style:none;
display:block;
margin:0;
padding:0;
margin-left:36px;
margin-top:30px;
}

#submenu{
position:absolute;
left:40px;
bottom:4px;
z-index:100;
}

#submenu ul, li{
list-style:none;
display:inline;
margin:0;
padding:0;
}

#content ul, #content  li{
color:#fff;
font-size:0.82em;
list-style:disc;
display:block;
}

#content ul{
margin-left:20px;
}
#content li{
padding-left:0px;
}

.textbox{
margin-left:150px;
margin-top: 45px;
}

.textbox_links{
margin-left:105px;
margin-top: 20px;
width:200px;
float:left;
}
.textbox_links2{
margin-right:20px;
margin-top: 20px;
width:300px;
float:right;
}
.blocksatz{
text-align:justify;
}

#content a, #content a:link, #content a:visited, #content a:active{
color:#fff;
text-decoration:none;
}

#content a:hover{
color:#fff;
text-decoration:underline;
}

.link-gross{font-size:1em;color:#fff;
text-decoration:none;font-weight:bold;}

.tableclass{
font-size:0.9em;
}

.linkliste{
font-weight:bold;
display:block;
margin-bottom:10px;
font-size:12px;
}

#content .pressebilder ul{
list-style:none;
display:inline;
margin:0;
padding:0;
}

.pressebilder li{
float:left;
margin-right:15px;
}

.pressebilder{
display:block;
}

#content .logodownload ul{
list-style:none;
display:inline;
margin:0px;
padding:0;
}

.logodownload li{
float:left;
}

.logodownload{
display:block;
margin-bottom:-10px;
}

.farbwerte{
margin-top:10px;
font-size:0.9em;
}

.fahrplanbox{
margin-left:60px;
margin-top:10px;
width:585px;
height:300px;
overflow:scroll;
}

#header-level1 a, #header-level1 a:link, #header-level1 a:visited{
color:#3A4D68;
text-decoration:none;
}

#header-level1 a:hover{
color:#3A4D68;
text-decoration:underline;
}

#textblock{
width: 180px;
padding: 0px 25px 0px 0px;
float:right;
}

.schrift-gross{font-size:0.9em;color:#fff}

*html #rechter-block  ul{
margin-bottom:-3px;

}

#rechter-block  li{
list-style:none;
background:url(images/arr.gif) no-repeat 0 5px;
padding-left:20px;
padding-bottom:3px;

}

*html #content #rechter-block li{
margin-left:35px;
background:none;
list-style:disc;
padding:0;
}