/* ###### Allgemeine Anweisungen ###### */

* {
  margin: 0;
  padding: 0; }
  
h1, .navigation, .navigation div {
border-color: #0080ff; }

h1, h2 {
  font-size: 150%;
  font-family: "trebuchet ms", tahoma, sans-serif;
  padding-bottom: 0.3em;
  text-align: center;
  color: #5FB13A; }

h1 {
  margin: 15px;
  border-bottom: 1px solid #5FB13A; }

h2 {
  border-bottom: 1px solid #5FB13A; }

h3 {
  
  font-size: 115.01%;
  font-weight:bold;
  text-align: center; }


p {
  margin: 15px 20px;
  line-height: 1.3em;
  font-size: 100.01%;
  color: black;
  text-align: center;  }
  
  p2 {
  font-family: "trebuchet ms", tahoma, sans-serif;
  color: #000;
  text-align: left;
  padding-bottom: 0.3em;
  font-size: 100%;
  margin-left: 5px; 
    }
  
  p3 {
  margin: 0px 0px;
  line-height: 1.3em;
  font-size: 90%;
    }


.left {
  line-height: 1.3em;
  font-size: 100.01;
  color: black;
  text-align: left;  }

.small {
  line-height: 1.3em;
  font-size: 70%;
  color: black;
  text-align: left;  }

.bigger {
  line-height: 1.3em;
  font-size: 80%;
  color: black;
  text-align: center;  }

.leftsmall {
  line-height: 1.3em;
  font-size: 80%;
  color: black;
  text-align: left;  }
  
.center {
	line-height: 1.3em;
	font-size: 100.01;
	color: black;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 170px;
}

.center2 {
		background: url(images/background.jpg);
}


  a img {border: 1px solid #fdf1d9;}

.wohnung  {border: 0px;}

  a:hover img {border: 1px solid black;}

a.nohover:hover img {border: 0px;}


/* ###### Body ###### */

body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 100.01%;
  text-align: center;
  background: url(images/background.jpg); }
  

/* ###### Rahmen ###### */ 
#rahmen {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  height: 100%;}
  
/* ###### Header ###### */ 

#header {
  border-bottom: 1px solid #5FB13A;
  width: 958px;
  height: 125px;
  background: url(images/wald.jpg) no-repeat; }
 
/* ###### Linke Menüspalte ###### */

#navigation {
  float: left;
  width: 170px;
  border-right: 1px solid #5FB13A;
  padding: 10px 10px 10px 10px;
  min-height: 770px;
  height: auto;  /* für moderne Browser */
  background-color: #fdf1d9; }

#navigation2, #navigation3, #navigation4, #navigation5, #navigation6, #navigation7, #navigation8 {
  float: left;
  width: 170px;
  border-right: 1px solid #5FB13A;
  padding: 10px 10px 10px 10px; 
  background-color: #fdf1d9; }

#navigation2 {
  height: 2470px; }

#navigation3 {
  height: 1250px; }

#navigation4 {
  height: 936px; }

#navigation5 {
  height: 837px; }
  
#navigation6 {
  height: 2505px; } 
  
#navigation7 {
  height: 1235px; }

#navigation8 {
  height: 1500px; }


* html #navigation { height: 770px; } /* nur für IE 5.5 - 6.x */
html + body #navigation { height: 770px; } /* nur vom IE 5.0 */


#flaggen {
margin-left: 5px; }

.flaggenabstand {
margin-right: 15px; }


/* ###### Navigationscontainer ###### */

#navcontainer { width: 156px; }

#navcontainer ul {
margin-top: 27px;
list-style-type: none;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 80.01%;
font-weight: bold; }

#navcontainer a {
display: block;
width: 146px;
margin-right: 0px;
background-color: #5FB13A;
color: #fff;
padding: 3px 0px 5px 10px;
text-decoration: none;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee; }

#navcontainer a:hover {
background-color: #369;
color: #fff; }


.menuetop {
color: #fff;
background: url(images/menuetop.gif) no-repeat;
padding: 3px 0px 3px 10px; }

.menue {
background-color: #0C580E;
color: #fff;
padding: 3px 0px 5px 10px; }

.menuedown {
background: url(images/menuedown.gif) no-repeat;
padding: 3px 0px 5px 10px; }


/* ###### Inhaltstext ###### */

#bodyText, #bodyText2, #bodyText3 {
  float: left; 
  width: 768px;
  min-height: 785px;
  height:auto;  /* für mod. Browser */
  background-color: #fdf1d9; }

#bodyText2 {
  background: url(images/goslar/goslhint.jpg); }

#bodyText3 {
  background: url(images/wohnung/hint2.jpg); }
  
* html #bodyText { height: 785px; } /* nur für IE 5.5 - 6.x */
html + body #bodyText { height: 785px; } /* nur vom IE 5.0 */

/* ###### Footer ###### */

#footer {
  float: left;
  width: 958px;
  margin: -5px 0px 0px 0px;
  border-top: 1px solid #5FB13A;
  background-color: #0C580E; }

#footer p { 
  font-size: 0.7em; text-align: center; color: white; }

#footer a:hover { 
  text-decoration: none; }



/* ###### Bilder ###### */

#pfalz, #brocken { 
   float: left; 
   margin-right: 10px; 
   margin-left: 10px; }

#brocken {
   margin-top: 50px;
   border: 1px solid #5FB13A; }

#wohnung { 
   margin-left: 190px;
   margin-top: 50px;
   margin-bottom: 50px; }


/* ###### Tabellen ###### */

#tabelle table {
   border-bottom: 1px solid #5FB13A;
   
   }

#tabelle2 table {
   border-bottom: 1px solid #5FB13A;
   margin-left: 10px;
   
   }


#links {
	text-align: left;
	margin-left: 30px;
	}
	
#links a {
	text-decoration: none;
	margin-left: 40px;
	color: #5FB13A;
	
	}
	
	 .fitness6{
 text-align: left;
 font-size: 75.01%;
 margin-left: 5px;
 }
 
 #preload {
display: none
}


#preload img {
height: 0; width: 0; border: none;
position: absolute;
bottom: 0;
left: 0;
z-index: -30;
}