/* css reset*/



html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
  }

/* remember to define focus styles! */



:focus {
    outline: 0;
  }


body {
    background-color : #ffff99;
    color : black;
    line-height : 1;
  }


ol, ul {
    list-style: none;
  }

/* tables still need 'cellspacing="0"' in the markup */



table {
    border-collapse: separate;
    border-spacing: 0;
  }


caption, th, td {
    text-align: left;
    font-weight: normal;
  }


blockquote:before, blockquote:after,q:before, q:after {
    content: "";
  }


blockquote, q {
    quotes: "" "";
  }


/* end css reset*/


/* css biohof-gutenbruennen*/





body {
    text-align:center;
    font-size: 13px;
    font-family: 'Verdana', 'Arial', 'Bitstream Vera Sans', 'Sans Serif';
    padding:0;
    margin:0;
background-color:#C6C6C6;
  }

/*...links...*/




/*  titel ..*/


/*h1 {
    color : #FFCC00;
    font-size : 4.0em;
    padding-left : 20px;
    padding-top : -15px;
    margin :0;
  }


h2 {
    color : #FFFFCC;
    font-size : 2.4em;
    padding-left : 20px;
    padding-bottom: 4px;
    margin:auto;
  }
*/



h1 , h2 {
    position: absolute;
    left: -9999px;
  }


h3 {
    color : #070707;
    font-size : 22px;
    padding-left : 35px;
    padding-top : 30px;
    padding-bottom : 10px;
    padding-right:30px;
    margin :0;
  }


h4 {
    color : #070707;
    font-size : 19px;
    padding-left : 35px;
    padding-top : 25px;
    margin :0;
    padding-bottom : 10px;
  }


h5 {
    color : #070707;
    font-size : 16px;
    padding-left : 35px;
    padding-top : 0px;
    margin :0;
    padding-bottom : 5px;
  }


h6 {
    color : #000000;
    font-size : 1em;
    padding-left : 35px;
    padding-top : 0px;
    margin :0;
    padding-bottom : 5px;
  }


p {
    color : #070707;
    font-size : 12px;
    padding-left : 35px;
    padding-top : 20px;
    padding-bottom : 0px;
    padding-right:35px;
    margin :0;
    line-height: 1.3;
  }


#pOhne {
    color : #070707;
    font-size : 12px;
    padding-left : 0px;
    margin-top : 20px;
    padding-bottom : 0px;
    padding-right:35px;
    margin :0;
    line-height: 1;
display:inline;
  }

#kaestchen p, #startseiteKaestchen1 p, #startseiteKaestchen2 p {
    color : #070707;
    font-size : 12px;
    padding-left : 15px;
    padding-top : 10px;
    padding-bottom : 15px;
    padding-right:15px;
    margin :0;
    line-height: 1.3;

  }

#kaestchen h3 {

color : #070707;
    font-size : 22px;
    
    padding-left : 15px;
    padding-top : 15px;
    padding-bottom : 0px;
    padding-right:15px;
    margin :0;

  }
/* ----------container zentriert das layout--------------  */




#container {
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    margin-top : 25px;
    text-align : left;
    width : 976px;
  }


#ungcontainer {
    background-color : #FFFFFF;
    background-image : url('../../Startseite.jpg');
    background-position : top left;
    background-repeat : no-repeat;
    float : left;
    text-align : left;
    width : 1000px;
  }



/* ----------banner for logo-------------- */

#ueberschrift
{background-color:#C6C6C6;
      height : 600px;
    width : 56px;
float:left;
  }


#banner {
    
    height : 450px;
    width : 920px;

float:right;
  }

/* adresse unter banner */





/* -----------------Inhalt--------------------- */







#content {
    background-color : #ffffff;
    margin-bottom : 0;

    margin-top : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-top : 0;
    font-size: 1.0em;
    width:650px;

    
    
float:left;
  }


#huelle {
    background-color : #ffffff;
    
    font-size: 1.0em;
    width:920px;

    
    
float:right;
  }




#kaestchen {
    float:right;
    width : 240px;
    border-color : black;
    border-style : solid;
    border-width : 1px;
    margin-right:20px;
margin-top:35px;
margin-bottom:35px;

  }


* html #kaestchen {
    
    margin-right:10px;


  }


#cl-left {
    clear:both;
  }

/* --------------Navigavtion------------- */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */





#navContainer {
width:920px;
    background:#666;
float:right;

  /*  border-right:1px solid #000;*/
  }

/* Remove List Formattings*/




ul.menu, li.menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
  }

	 





#header_menu {
    position: absolute;
    margin-left: 20px;
    background:#555;
  }


#header_menu li {
    line-height: normal;
  }


ul#header_menu {
    z-index: 10;
    clear: both;
  }


#nav {
    
    
    border-bottom: 0;
    padding:0;
  }


#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 81%;
    text-transform: uppercase;
    width: auto;
    /*(Disappearing List-Background)http://www.positioniseverything.net/explorer/ie-listbug.html*/position: relative;
    /* Fix the Stupid IE6 Bug */;
  }


#nav ul li {
    float: left;
    color: #fff;
    text-align: center;
    font-weight: normal;
   
  }


#nav ul li a {
    font-weight: bold;
    display: block;
    background: #666;
padding-top:5px;
padding-left:36px;
padding-right:36px;
padding-bottom:4px;
    /* border-left: 1px solid #000;
    border-right: 1px solid #000;
    */ color: #fff;
    text-decoration: none;
  }

/* Root Level Link Formatting */





#nav ul li a:hover, #nav li a:focus {
    background: #d1d2d4;
    border-color: #fff;
    color: #4b4c4d;
  }


#nav li a:active, #nav ul li a.active {
    background: #d1d2d4;
    border-color: #fff;
    color: #4b4c4d;
  }

/* Current page Customisations*/





#nav li.menu-current a , #nav li.menu-parent a{
    background: #000;
    color: #fff;
    border-bottom: 0px solid #000;
font-weight: bold;
  }



/* 2nd Child menu */





#nav .menu li ul {
    position: absolute;
    width: 199px;
    margin: 0;
    display: none;
    text-transform: none;
    /*border: 1px solid #000;
    */ border-top: 0;
    font-size: 100%;
  }


#nav .menu li ul li {
    width:94px;
    text-align: left;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.2em;
    text-align: center;
  }


#nav .menu li ul a {
    width:94px;

    padding: .6em .1em .6em .4em;
    background: #666;
    color: #fff;
    border: 0;
  }

/* 2nd Child link hover */





#nav .menu li ul a:hover {
    /*color: #4b4c4d;
    background: #666;
    border: 0;
    color:#fff;
    */background: #d1d2d4;
    border-color: #fff;
    color: #4b4c4d;
  }

/* Show and hide */





#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
    display: block;
    width:99px;
  }


#nav .menu li ul ul {
    display: none;
  }


#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
    display: none;
  }


#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
    display: block;
  }

/* 3rd Child Menu Appreances */





#nav .menu li ul li ul li a {
    width: 11.5em;
    padding: .6em .1em .6em .4em;
    background: #c6c6c6;
    color: #fff;
  }

/* Positioning the Pop-out Drops */





#nav li {
    position: relative;
  }


#nav ul ul ul {
    position: absolute;
    top: 1px;
    left: 100%;
  }

/* navigation 2 Stufe */


#navigation2 {
    
    
    padding:0px;
    margin-left:25px;
  }


* html body #navigation2 {
    /*IE7 only*/ top: 142px;
  }


#navigation2  a {
    margin-left : 10px;
    margin-right:5px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 2px;
    padding-bottom : 3px;
    text-decoration : none;
    font-size : 81%;
background: #000;
    color: #fff;
    border-bottom: 0px solid #000;
font-weight: bold;
    text-transform: uppercase;

  }

#navigation2 span a:hover, #navigation2 span a:focus {
    background: #d1d2d4;
    border-color: #fff;
    color: #4b4c4d;
  }


 #navigation2 .menu-current a {margin-left : 10px;
    margin-right:5px;
    padding-left : 20px;
    padding-right : 20px;
    padding-top : 2px;
    padding-bottom : 3px;
    text-decoration : none;
    font-size : 81%;
background: #d1d2d4;
    color: #fff;
    border-bottom: 0px solid #000;
font-weight: bold;
    text-transform: uppercase;

  }