/* CSS Document */


/* General styles */
body {
 background-image: url(bg.gif);
 background-repeat:repeat-y;
 color: #333;
 font: 11px/1.46 Verdana,Arial,Helvetica,sans-serif;
 margin: 0;
 padding: 0;
}

:link, :visited {
 color: #7c7d05;
 text-decoration: underline;
}

h1 {
 color: #7c7d05;
 font: 13px/1.46 Verdana,Arial,Helvetica,sans-serif;
 font-weight: bold;
}
h2 {
 color: #a6a653;
 font: 8px/1.0 Verdana,Arial,Helvetica,sans-serif;
 font-weight: normal;
}
.auszeichnung {
 color: #7c7d05;
 font-weight: bold;
}
.beschreibung {
 color: #767676;
 font-size: 10px;
}
  

/* Navigation */ 
#nav { 
 background-image: url(navbg.gif);
 background-repeat: no-repeat;
 position: absolute;
 left: 0;
 top: 202px;
 width: 198px;
 border-right: 4px solid #fff;
 padding: 20px 0 0 0;
 margin: 0;
 height: 400px;
}

#nav ul {
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 0;
 top: 30px;
}
#nav li {
 line-height: 20px;
 margin: 0;
 padding: 0;
}

#nav ul li ul {
 position: absolute; 
 top: 202px;
 left: 0px;
}



#nav a { background: no-repeat; display: block; width: 198px; height: 20px; text-indent: -5000px }

#nav .active a, #nav a:hover, #nav ul ul .inactive a:hover { background-position: 0 -20px }
#nav ul ul .inactive a { background-position: 0 0 }

#nav .item1 a { background-image: url(images/nav_startseite.gif) }
#nav .item2 a { background-image: url(images/nav_haus.gif) }
#nav .item21 a { background-image: url(images/nav_grundriss.gif) }
#nav .item22 a { background-image: url(images/nav_inventar.gif) }
#nav .item3 a { background-image: url(images/nav_umgebung.gif) }
#nav .item31 a { background-image: url(images/nav_lageplan.gif) }
#nav .item32 a { background-image: url(images/nav_fotos.gif) }
#nav .item4 a { background-image: url(images/nav_freizeit.gif) }
#nav .item41 a { background-image: url(images/nav_links.gif) }
#nav .item5 a { background-image: url(images/nav_kalender.gif) }
#nav .item6 a { background-image: url(images/nav_kontakt.gif) }
#nav .item61 a { background-image: url(images/nav_anfahrt.gif) }
#nav .item62 a { background-image: url(images/nav_abreise.gif) }
#nav .item63 a { background-image: url(images/nav_impressum.gif) }





/* Banner  */ 
#banner {
 background-color:#a6a653;
 background-repeat:no-repeat;
 height: 198px;
 position: absolute;
 left: 0px;	
 top: 0px;
 width: 100%;
 border-bottom: 4px solid #fff;
}

#banner ul {
 list-style: none;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 406px;
 top: 172px;
 white-space: nowrap;
}



#banner li {
 line-height: 20px;
 float: left;
 position: relative;
 margin: 0;
 padding: 3px;
}


#banner a { background: no-repeat; display: block; height: 20px; text-indent: -5000px }
#banner a:hover { background-position: 0 -20px }

#banner .fud { width: 327px; }
#banner .lageplan { width: 74px; }
#banner .links { width: 50px; }
#banner .impressum { width: 83px; }


#banner .fud a { background-image: url(images/ban_fotografie-und-design.gif) }
#banner .lageplan a { background-image: url(images/ban_lageplan.gif) }
#banner .links a { background-image: url(images/ban_links.gif) }
#banner .impressum a { background-image: url(images/ban_impressum.gif) }



#main img{
  vertical-align:top;
  padding: 0 4px 4px 0;
}



/* main */
#main {
 position: absolute;
 left: 202px;
 top: 202px;
}

#main img{
  vertical-align:top;
  padding: 0 4px 4px 0;
}


/* content */
#content {
 position: absolute;
 left: 38px;
 top: 31px;
 width: 420px;
}


/* sidebar */
#sidebar {
 position: absolute;
 left: 526px;
 top: 0px;
 width: 240px;
 text-align: right;
}

#sidebar img{
  vertical-align:top;
  padding: 0 4px 4px 0;
}


/* kalender */
#kalender {
 position: absolute;
 left: 38px;
 top: 31px;
 width: 720px;
}

#kalender td {
 width: 21px;
 height: 22px;
 line-height: 18px;
 background-color: #fff;
 border: 1px solid #eeede1;
 text-align: center;
 margin-bottom: 2px;
 border-bottom-width: 6px;
}

#kalender .monat {
 width: 40px;
 color: #7c7d05;
 font-weight: bold;
 text-align: left;
 text-indent: 4px;
}



#kalender .belegt {
 background-color: #efcece;
}

#kalender .sonntagb {
 background-color: #efcece;
 color: #c00;
 font-weight: bold;
}

#kalender .sonntag {
 color: #c00;
 font-weight: bold;
}