/* CSS-Datei für www.donautalurlaub.de  03/2009 Martin Rieger - Rieger-Lampprecht GbR <www.rieger-lampprecht.de> */
/* ************************************* */


/* 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:12px;
	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;
	}
	
	td {padding:5px; background-color:#E9FFBF;}

	li {
	margin-bottom:5px;
	margin-top:5px;
	}
	
	ul {
	padding:0px;
	margin:0px;
	margin-left:10px;
	}
	
	
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:0.1em;
	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:#7EA227;
	margin:0;
	padding:0;
	}
	 .blue {color:#336699}


	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:#FF8A00;*/
	color:#0044CC;
	}
	

	
#header {
position:relative; 
width:960px; 
height:150px; 
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:32px;
top:7px;
}

#header-search {
position:absolute; left:788px; top:120px;
width:145px; height:20px; background-color:#FFFFFF;
}


#header-navi{margin: 0; padding: 0; font-size:13px; width: 480px; position: absolute; left:264px; top:108px; height:40px;}
#header-navi ul {margin: 0;padding: 0;}
#header-navi li {display: inline;}
#header-navi li a {float: left; color:#E6FFAF; padding: 10px 20px; text-decoration: none; border-right: 1px solid #C6E884;}
#header-navi li a:hover {background-color:#8DBB2F;}
li.current_page_item a {background-color:#8DBB2F; font-weight:bold; color:#FFFFFF;}

img{
border:0;
}

#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;
position:relative;
height:auto !important;  /* für moderne Browser */
height:320px;  /*für den IE */
background-image:url(../img-style/bg-navi-top.png);
background-repeat:no-repeat;
}
#text-left p {
color:#FFFFFF;
margin-left:25px;
margin-right:25px;
}

#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 h1{margin:20px;padding:0 0 3px 0;color:#336699; display:block; border-bottom:1px solid #336699; }
#text-right h2{margin:30px 20px 0 20px;}
#text-right p{margin:10px 20px 10px 20px;}
#text-right ul{margin-left:40px;}
.header-img {margin:0!important; padding:0!important;}
#text-right table{margin:20px;}

.fright {
float:right; margin-left:20px;
background-color:#E9FFBF;
padding:1px; border:1px solid #7EA227;
}
.imgbottom {
margin-bottom:20px;
margin-top:20px;
background-color:#E9FFBF;
padding:1px; border:1px solid #7EA227;
}

#tipps{
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;
background-image:url(../img-style/bg-tipps.png);
background-repeat:no-repeat;
height:auto !important;  /* für moderne Browser */
height:400px;  /*für den IE */
}   
#tipps p {
font-size:11px; color:#666666; margin-left:0px; margin-right:0px;
}

#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:193px; 
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:180px; 
margin-left: auto;
margin-right:auto;
background-image:url(../img-style/bg-footer2.png);
background-repeat:no-repeat;
text-align:center; 
}

#spons {position:relative; margin:10px auto 0 auto; width:960px; height:80px; margin-bottom:30px;}

#spons1 {float:left; width:234px; height:60px; margin-right:8px;} 
#spons2 { float:left; width:234px; height:60px; margin-right:8px; background-color:#CCCCCC;}
#spons3 { float:left; width:234px; height:60px; margin-right:8px; background-color:#CCCCCC;}
#spons4 { float:right; width:234px; height:60px; background-color:#CCCCCC;}

#footer-inhalt p {
font-size:11px;
color:#6B839C;
margin-left:50px; margin-right:50px; margin-bottom:0px; margin-top:10px; }
.pf, a.pf { font-size:11px !important; font-weight:bold; color:#6B839C; text-decoration:none;}




#navigation_li {
margin-top:0px;
margin-bottom:50px;
}
		
#navigation_li UL {
margin-top:40px;
margin-bottom:0px;
list-style:none!important;
list-style-type:none!important;
}

#navigation_li LI {
padding:0;
margin:0;
list-style:none!important;
list-style-type:none!important;
}

#navigation_li LI A {
display : block;
width:179px;
font-family : Arial, Tahoma, Helvetica, sans-serif;
font-size:12px;
font-weight : normal;
text-decoration : none;
margin-left:15px;
padding-left : 17px;
line-height: 26px;
text-align : left;
border-top: 1px solid #BEDE7C;
background : url(../img-style/bg-navi.gif) no-repeat ;
background-position:left center;
color:#E6FFAF;
}

#navigation_li LI A:hover {
color:#FFFFFF;
background : url(../img-style/bg-navi-hover.gif) no-repeat ;
background-position:left center;
}

#navigation_li LI A.current {
background : url(../img-style/bg-navi-active.gif) no-repeat !important; /* !!! Hintergrundfarbe */
background-position:left center!important;
color:#FFFFFF !important;
font-weight:bold !important;
}

#navigation_li LI UL {
	padding:0;
	margin:0;
	margin-bottom:10px;
}

#navigation_li LI LI {
	list-style:none!important;
	list-style-type:none!important;
	margin:0;
	padding:0;

}

#navigation_li LI LI A {
display : block;
width:166px;
			color:#E6FFAF;
			font-family : Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			text-decoration : none;
			padding : 4px;
			padding-top:0px;
			padding-bottom:0px;
			margin-left : 35px;
			padding-left : 15px;
			text-align : left;
			border-top: 0px solid #FFFFFF;
			line-height: 24px;
}

#navigation_li LI LI A:hover {
	display:block;
	font-weight:bold;
}

#navigation_li LI LI A.current {
background : url(../img-style/bg-navi-active.gif) no-repeat !important; /* !!! Hintergrundfarbe */
background-position:left center!important;
font-weight:bold;
}

A.level0 {
background : url(../img-style/bg-navi-active.gif) no-repeat !important; /* !!! Hintergrundfarbe */
background-position:left center!important;
color:#333 !important;
font-weight:bold !important;
}

#footer-inhalt a {color:#6B839C; text-decoration:none;}
#footer-inhalt a:hover {text-decoration:underline;}

