/*___________________________________________Stylesheet für die Royal Ranger Website_______________________________________________________*/

/*
	   ----------------------------------------------------------------------
	   ||			Code by David Knizia & Matthias Heinlein			   ||
       ||							license GPL                            ||
	   ----------------------------------------------------------------------

*/

   * { padding: 0; margin: 0; }

   /*ALLGEMEIN*/   
   body {
		background-color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
    }
   
   #wrapper {
     background-image: url(bilder/graphics/wrapper.png);
     background-color: #09f;
     width: 900px;
     min-height: 900px;
     background-repeat: repeat-y;
     margin-top: auto;
     margin-right: auto;
     margin-bottom: auto;
     margin-left: auto; 
	 height: auto;
   }
   
   #hinweis{
		font-weight: bold;
		color: #FF0000;
		background-color: #FFFFFF;
		border: 2px solid #FF0000;
		margin-left: 190px;  
		width: 600px;
		text-align: center;
		padding: 20px;
		margin-top: 20px;
	}

	#vspace50{
		height: 50px;
	}

	#kontaktbox{
		border: 1px solid #0000FF;
		width: 500px;
		margin-left: 200px;
		padding: 10px;
		background-color: #FFFFFF;
	}


	#kontakte{
		padding: 10px;
		background-color: #AA7755;
		border: 1px solid #000000;
		float: right;
	}
	
	#wichtigerhinweis, #wichtigerhinweis b{
		color: #FFFF7F ;
		font-family: arial, helvetian, times new roman;
		font-weight: bold;
	}



	
		/*ALLGEMEINE, SONST. EINSTELLUNGEN*/
		address {
			text-align: center;
			font-size: 80%;
			font-style: normal;
			letter-spacing: 2px;
			line-height: 1.5em;
		}
		
		#vspace50{
			height: 50px;
		}
		
		a { text-decoration: none; }
	
		a:link { color: #FFFFFF;}
		a:visited { color: #FFFF00; }
		a:hover, a:focus { text-decoration: underline; }
		a:active {}

		.skiplink { display: none; }
	
		.header_link a {
			display: none;
			height: 120px;
			width: 900px;
		}
		
		ol, li{
			margin-top:10px;
			margin-left: 20px;
		}

		h1 { 
			font-size: 300%;
			font-weight: bold;
			margin-bottom:1em;
			margin-top:2em;
		}
   
		h2 { 
			font-size: 180%;
			font-weight: bold;
			color: white;
			margin-bottom:10px;
		}
	
		h3 {
			font-size: 140%;
			font-weight: bold;
			color: white;
			padding-top:40px;
		}

		h4 {
			text-align: center;
			font-weight: bold; 
			font-size: 250%;
			color: white;
			padding-top:10px;
			padding-bottom: 20px;
			border-bottom: 1px solid blue;
			margin-bottom: 20px;
		}
	
		h5 {
			text-align: center;
			font-weight: bold;
			font-size: 120%;
			color: white;
			border: 1px dotted white;
			text-decoration: none;
			margin-bottom: 20px;
			padding:10px;		
		}
	
		p, ul {
			color: black;
			margin:0;
		}

		ol, ul {
			margin: 0;
		}

		li {
			margin-top: 0;
			margin-right: 0;
			margin-bottom: 0;
			margin-left: 1em;
		}

		textarea {
			font-family: arial;
		}
		/*--------------------------------------------------------------------------*/
	/*--------------------------------------------------------------------------*/
	
	/*KOPF*/   
	#kopfbereich {
		background-image: url(bilder/graphics/header.gif);
        background-repeat: no-repeat;
		width: 900px;
		height: 160px;
		background-color: #fff;

	}
	/*--------------------------------------------------------------------------*/
	
	/*NAVI*/	                 
    #navibereich a { 
		background:transparent url(bilder/graphics/navi.jpg) no-repeat scroll 0 0;
		color: white;
		display: block;
		height: 35px;
		line-height:35px;
		padding-left:10px;
		text-decoration:none;
		width:151px;
		font-family:Arial;
		font-size: 11.5pt;
		font-weight: bold;
    }

    #navibereich a:active{ 
		background-position:0 bottom;
		font-weight: normal;
	}

	#navibereich {
		float: left;
		width: 160px;
		padding-left: 10px;
		padding-top: 0px;
	}
	

	#navibereich li, #navibereich ul {
		list-style: none;
		margin-top:10px; 
		margin-left:0px;   
	}
	
	a.navioben{
		border: 2px solid red;
		margin-top: 0px;
		padding: 2px;
		background-color: lightgrey;
	}
	
	a.navioben:hover{
		background-color: orange;
		text-decoration: none;
	}
	/*--------------------------------------------------------------------------*/
	
	/*FUSS*/
	#fussbereich {     
		font-weight: bold;
		width: 860px;
		background-color: transparent;
		padding: 20px;
		padding-top: 10px;
		background-image: url(bilder/graphics/foot.jpg);
		height: 30px;
		
	}

	#fussbereich p {
		color: white;
	}
	/*--------------------------------------------------------------------------*/

	
	/*GÄSTEBUCH*/
	#gaestebuch{
		border:2px solid black;
		//padding:2px;
		width: 500px;
		//background-color: blue;
	}

	#eintrag{
		width: 480px;
		min-height: 85px;
		border:1px solid black;
		padding: 5px;
		margin:5px;
		background-color: black;
		text-align:left;
	}

	#selberschreiben{
		width: 480px;
		height: 55px;
		border:1px solid black;
		padding: 5px;
		padding-top:0px;
		margin:5px;
		background-color: black;
	}

	#eintragskopf{
		color: white;
		border: 1px solid black;
		padding: 5px;
		padding-left: 10px;
		height: 15px;
		background-color:brown;
	}

	#eintragstext{
		padding:5px;
		padding-left: 10px;
		border: 1px solid black;
		margin-top: 5px;
		min-height: 40px;
		background-color:#B0BBBB;
	}

	#middle{
	 margin-top:100px; 
	 margin-left: 250px;
	 border: 1px solid black;
	 width: 250px;
	 text-align:center;
	 padding:5px;
	}


	#nsbf {
		border-width:1px;
		border-style:solid;
		border-color:#FF0000;
		padding:2.5em;
		text-align:justify;
		margin-left: 140px;
	}

	#nsbn {
		border-width:1px;
		border-style:solid;
		border-color:#FF0000;
		text-align:justify;
		float: left;
		margin-left:20px;
		width: 130px;
		margin-top:100px;
		padding:10px;
	}
	/*--------------------------------------------------------------------------*/
	
	/*TEXT*/
	#textbereich {
		color: black;
		width: 613px;
		min-height: 300px;
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 222px;
		background-color:transparent;
		border-left: 2px solid #ffcc00;
		margin-left: 160px;
		padding-left: 20px;
	}
   
	#textbereich p{   
		padding-top:2ex; 
	}  	
	
	#textbereich u {
		color: #FFFFFF;
	}
	#textbereich b {
		color: #AAFFAA;
		font-size: 120%;
	}

	#textbereich h6  {
		color: yellow;
		text-align: center;
		font-size: 100%;
		font-size: 100%;
	}
	/*--------------------------------------------------------------------------*/
	
	/*WICHTIGESITES*/	
	#wichtigesites {
		padding-left: 14em;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	/*--------------------------------------------------------------------------*/
	
	/*KONTAKTFORMULAR*/

	#textformular form {
		font-weight: bold;
		background-color: white;
		width: 310px;
		padding: 20px;
		border: 1px solid #8c8c8c;
	}
 
	label {display: block; }
 
	#absender, textarea {
		font-weight: bold;
		width: 300px;
		border: 1px solid #000000;
		margin-bottom: 1em;
	}
 
	textarea {height: 7em; }
 
	input:focus, textarea:focus
	{
		background-color: white;
		color: black;
	}
 
	#text-formular {
		font-weight: bold;
		color: #ffffff;
		width: 600px;
		height: 300px;
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 300px;
		padding-left: 20px;
		margin-left: 160px;
		
		border-left: 2px solid #ffcc00;
	}	
	/*--------------------------------------------------------------------------*/
	
	/*INTERNER_BEREICH*/
	td{
		margin: 5px;
		padding: 5px;
	}

	#adminbereich{
		border: 1px solid red;
		padding: 10px;
		margin-top: 10px;
		text-align: center;
	}
	/*--------------------------------------------------------------------------*/