/* CSS Document Hartmut Kaiser/Silberdistel */

/* Main Body */
#body{
	position:absolute;
	background-color: #808000;
	margin: 0px;
	background-image: url(images/linien.jpg);
	background-attachment: fixed;
	
}

/* Beginn der neuen Navigation*/
					
    a {
      font-family: verdana, arial, "ms sans serif", sans-serif; 
      font-size: 12px;
      text-decoration: none;
      font-weight: normal;
      color: #33560E;
    }

    a:hover {
      font-family: verdana, arial, "ms sans serif", sans-serif; 
      background: #EEEEEE;
      font-size: 12px;
      text-decoration: none;
      font-weight: normal;
      color: #FF8000;
    }

    a:visited {
      font-family: verdana, arial, "ms sans serif", sans-serif; 
      font-size: 12px;
      text-decoration: none;
      font-weight: normal;
      color: #696B53;
    }
	

    .small { 
      font-family: verdana, arial, "ms sans serif", sans-serif; 
      font-size: 12px; 
      font-weight: normal;
      padding-left: 10px;
      line-height: 14px;
      color: #999999;
    }
	
	
	.marginal { 
      font-family: verdana, arial, "ms sans serif", sans-serif; 
      font-size: 12px; 
      font-weight: normal;
      line-height: 14px;
      color: #999999;
    }
	
  	h1{
	font-family: verdana, arial, "ms sans serif", sans-serif;	
	  font-size: 24px; 
      font-weight: normal;
      padding-left: 0px;
      line-height: 21px;
      color: #696B53;
	  }
	  h2{
	font-family: verdana, arial, "ms sans serif", sans-serif;	
	  font-size: 16px; 
      padding-left: 0px;
      line-height: 0px;
      color: #696B53;
	  }
	 .text12px{
	  font-family: verdana, arial, "ms sans serif", sans-serif;
	  font-size: 12px; 
      font-weight: normal;
      padding-left: 0px;
      line-height: 15px;
      color: #696B53;
	  }
	  .text12pxPadding{
	  font-family: verdana, arial, "ms sans serif", sans-serif;
	  font-size: 12px; 
      font-weight: normal;
      padding-left: 7px;
      line-height: 15px;
      color: #696B53;
	  }
	  .h3{
	font-family: verdana, arial, "ms sans serif", sans-serif;	
	  font-size: 18px; 
      font-weight: normal;
	  
      padding-left: 10px;
      line-height: 20px;
      color: #696B53;
	  }
	  
	  .h2{
	  font-family: verdana, arial, "ms sans serif", sans-serif;	
	  font-size: 14px; 
      font-weight: normal;
	  
      padding-left: 10px;
      line-height: 20px;
      color: #006600;
	  }
	  .text10px{
	  font-family: verdana, arial, "ms sans serif", sans-serif;	
	  font-size: 10px; 
      font-weight: normal;
	  text-transform: normal;
      padding-left: 0px;
      line-height: 14px;
      color: #696B53;
	  }
	  
	  .text9px{
	  font-family: verdana, arial, "ms sans serif", sans-serif;	
	  font-size: 9px; 
      font-weight: normal;
	  text-transform: normal;
      padding-left: 10px;
      line-height: 18px;
      color: #696B53;
	  }
	  
/* rahmen beschreibt den eigentlichen body*/
#rahmen {
	position:absolute;
	top:49px;
	left:250px;
	width:700px;
	height:500px;
	}	  
	/* Navigationsleiste mit Sublink */
	
#top_navigation {
	position:absolute;
	top:0px;
	left:100px;
	
	
	z-index:1;
	}
	

a.top_link{

	display:block;
	position:absolute;
	width:180px;
	text-align:left;
	height:18px;
	font-family:"verdana, arial, "ms sans serif", sans-serif";
	font-size:14px;
	font-weight:normal;
	padding-top:1px;
	text-decoration:none;
	top: 389px; /*389*/
	visibility: visible;
	left: -35px;



	}
a.top_link:link; a.top_link:visited {
	color:#EEEEEE;/*color:#696B53;*/
	}
a.top_link:hover; a.top_link:active {
	color:#EEEEEE;
	}
	
	
a#startseite {
	
	bottom:0px;
	left:-91px;
	top:249px;
	
	z-index:1;
	}
a#tippsundaktuelles {
	bottom:1px;
	left:-91px;
	top:274px;
	z-index:4;
	}
a#pension {
	bottom:0px;
	left:-91px;
	top:298px;
	z-index:5;
	}
a#wegbeschreibung {
	bottom:0px;
	left:-91px;
	top:322px;
	z-index:6;
	}
a#preise {
	bottom:0px;
	left:-91px;
	top:347px;
	z-index:7;
	}
a#anmeldung {
	bottom:0px;
	left:-91px;
	top:371px;
	z-index:8;
	}
a#restaurant {
	bottom:0px;
	left:-91px;
	top:396px;
	z-index:8;
	}
a#camping {
	bottom:0px;
	left:-91px;
	top:421px;
	z-index:9;
	}
	
a#links {
	bottom:0px;
	left:-91px;
	top:448px;
	z-index:9;
	}
	
a#kontakt {
	bottom:0px;
	left:-91px;
	top:473px;
	z-index:10;
	}	
	
a#startseite:hover, a#startseite:active;
a#tippsundaktuelles:hover, a#tippsundaktuelles:active;
a#pension:hover, a#pension:active;
a#wegbeschreibung:hover, a#wegbeschreibung:active;
a#preise:hover, a#preise:active;
a#anmeldung:hover, a#anmeldung:active;
a#restaurant:hover, a#restaurant:active;
a#camping:hover, a#camping:active;
a#links:hover, a#links:active;
a#kontakt:hover, a#kontakt:active;

{
	z-index:9;
	}
	
	
	#tippsundaktuelles_sublinks {
	    position:absolute;
		top:274px;
		left:180px;
		width:150px;
		border-bottom:0px ;
		border-left:0px ;
		border-right:0px ;
		z-index:10;
		visibility:hidden;
		}
	
	
	
	 #wegbeschreibung_sublinks {
	 	position:absolute;
		top:301px;
		left:180px;
		width:150px;
		border-bottom:0px ;
		border-left:0px ;
		border-right:0px ;
		z-index:11;
		visibility:hidden;
		}
		
		#preise_sublinks {
	    position:absolute;
		top:347px;
		left:180px;
		width:150px;
		border-bottom:0px ;
		border-left:0px ;
		border-right:0px ;
		z-index:10;
		visibility:hidden;
		}
		
		
		
	.sub_link {
		display:block;
		width:180px;
		text-align:left;
		height:18px;
		font-family:verdana, arial, "ms sans serif", sans-serif;
		font-size:12px;
		padding-top:1px;
		text-decoration:none;
		border-top:0px ;
		}
	.sub_link:link, .sub_link:visited {
		background-color:#F39F00;
		color:#33560E;
		}
	.sub_link:hover, .sub_link:active {
		background-color:#33560E;
		color:#FFFFFF;
		}
		
		
</style>