/* CSS-Datei 08/2009 Martin Rieger */
/* ************************************* */


/* body */
html {
min-height: 100.1%;
}

body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	background-image:url(img-style/bg-body.png);
	background-repeat:repeat-x;
    }
	
	p, td, th, h1, h2, h3, h4 {
	font-size:13px;
	margin:0;
	padding:0;
	margin-left:10px;
	margin-right:0px;
	}
	
	p, li {
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	line-height:1.5em;
	}

	li {
	margin-bottom:5px;
	margin-top:5px;
	}
	
	ul {
	padding:0px;
	margin:0px;
	margin-left:10px;
	}
	
	
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#336699;
	letter-spacing:0.0em;
	margin-top:25px;
	margin-bottom:15px;
	margin-left:25px;
	padding:0;
	}
	
	h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#7A6A53;
	margin:0;
	padding:0;
	}
	 .blue {color:#336699}
    
	img{border:0;}

	form {
	margin:0px;
	padding:0px;
	}
	
    input {
	font-family:Arial, Helvetica, sans-serif;
    }
	
	textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	a {	color:#6F504B;}
	

	
#header {
position:relative; 
width:960px; 
height:110px; 
margin-left: auto; 
margin-right: auto;
margin-top:0px;
background-image:url(img-style/bg-header.png);
background-repeat:no-repeat;
}

#header-logo {position:absolute; left:45px;top:7px;}

#header-search {position:absolute; left:788px; top:80px;width:145px; height:20px; background-color:#FFFFFF;}

#content {
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:960px; 
margin-left: auto; 
margin-right: auto;
min-height:400px;
padding-top:0px;
padding-bottom:0px;
height:auto !important;  /* für moderne Browser */
height:400px;  /*für den IE */
}   

#text-left {
float:left; width:264px;
min-height:320px;
height:auto !important;  /* für moderne Browser */
height:320px;  /*für den IE */
background-image:url(img-style/bg-info.jpg);
background-repeat:no-repeat;
}

#text-right {
float:right; width:696px;
min-height:320px;
position:relative;
height:auto !important;  /* für moderne Browser */
height:320px;  /*für den IE */
background-color:#FFFFFF;
display: inline;
padding-bottom:50px;
}

#text-right p{margin-left:25px; margin-right:25px;}
#text-right h2{margin-left:25px; margin-right:25px; font-weight:normal;}
.header-img {margin:0!important; padding:0!important;}


.fright {
float:right; margin-left:20px; margin-bottom:20px;
background-color:#E9FFBF;
padding:1px; border:1px solid #336699;
}


#tipps{
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:960px; 
margin-left: auto; 
margin-right: auto;
min-height:370px;
padding-top:0px;
padding-bottom:0px;
background-image:url(img-style/bg-tipps.png);
background-repeat:no-repeat;
height:auto !important;  /* für moderne Browser */
height:370px;  /*für den IE */
}   
#tipps p, #under-tipps p {
font-size:11px; color:#666666; margin-left:0px; margin-right:0px;
}

#under-tipps { width:960px; margin-bottom:40px;overflow:auto !important;overflow:inherit;}
#under-tipps h1 { margin:0; display:block; border-bottom:1px solid #336699; padding-bottom:5px; }

#under-tipps-left {width:420px; float:left; background-color:#EFE3C2; padding:20px;min-height:140px;height:auto !important; height:140px;}
#under-tipps-right {width:420px; float:right; background-color:#EFE3C2; padding:20px;min-height:140px;height:auto !important; height:140px;}

#under-tipps-right ul { margin:20px 0 0 10px;}


#h2-kanufahren { position:absolute; left:2px; top:18px; width:220px;}
#h2-wandern { position:absolute; left:248px; top:18px; width:220px;}
#h2-unterkuenfte { position:absolute; left:494px; top:18px; width:220px;}
#h2-radfahren { position:absolute; left:739px; top:18px; width:220px;}


#kanufahren { position:absolute; left:2px; top:44px; width:220px;}
#wandern { position:absolute; left:248px; top:44px; width:220px;}
#unterkuenfte { position:absolute; left:494px; top:44px; width:220px;}
#radfahren { position:absolute; left:739px; top:44px; width:220px;}

#footer {
position:relative;
clear:both; 
width:100%;
margin-top:20px;
height:163px; 
background-image:url(img-style/bg-footer-100.png);
background-repeat:repeat-x;
}

#footer-inhalt {
position:relative;
margin-top:0px;
padding-top:13px;
width:990px;
height:150px; 
margin-left: auto;
margin-right:auto;
background-image:url(img-style/bg-footer2.png);
background-repeat:no-repeat;
text-align:center; 
}
#footer-inhalt p {
font-size:11px;
color:#6B839C;
margin-left:50px; margin-right:50px; margin-bottom:30px; }
.pf, a.pf { font-size:11px !important; font-weight:bold; color:#6B839C; text-decoration:none;}




#slideshow{
position:absolute;
left:0px;
top:0px;
background:transparent;
}
#slideshow img {
display:none;
position:absolute;
top:0; left:0;
}
#slideshow img.start {
display:block;
}




#menu {
margin:0px;
min-height: 320px;
height: auto !important; /* für moderne Browser */
height: 320px; /*für den IE */
display:inline;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
margin:10px;
padding-top:20px; padding-bottom:20px;
border:1px solid #D9CEB2;
min-height: 258px;
height: auto !important; /* für moderne Browser */
height: 258px; /*für den IE */
}
#menu li {
padding:0px; margin:0;
margin-left:20px; margin-right:20px;
}
#menu a {
display:block; margin:0px!important;
line-height:25px; height:25px;
padding-top: 0px;
padding-bottom:0px;
padding-left:20px;
text-decoration: none;
color:#FFFFFF;
font-size: 12px;
background-image:url(img-style/bg-nav.gif); background-position:center left; background-repeat:no-repeat;
border-bottom:1px solid #B5AB92;
}
#menu ul li.current_page_item a {
background-color:#B4AB91;
background-image:url(img-style/bg-nav-current.gif); background-position:center left; background-repeat:no-repeat;
color:#2F2920!important;
}
#menu a:hover {
text-decoration: none;
background-color:#9F9277!important;
color:#FFFFFF!important;
}



#header-navi{
margin: 0;
padding: 0;
font-size:13px;
width: 480px;
position: absolute;
left:264px; top:69px;
height:40px;
}
#header-navi ul {
margin: 0;
padding: 0;
}
#header-navi li {
display: inline;
}
#header-navi li a {
float: left;
color: white;
padding: 10px 25px;
text-decoration: none;
border-right: 1px solid #B4AB91;
}
#header-navi li a:hover {
background-image:url(img-style/topnavi-hover.png); background-repeat:repeat-x;
}

#header-navi ul li.current_page_item a { background-image:url(img-style/topnavi-current.png); background-repeat:repeat-x;}