/* Layout Klausenhof / Annas */


body {
background:#346633 url(/img/default/bg.jpg) fixed repeat-x top left;
font-size:0.8em;
text-align:center;
margin:0px;
padding:0px;
}

ul
{
margin:10px 0px;
list-style:square;
padding:0px;
}

li
{
margin:5px 0px 0px 20px;
padding:0px;
}


/* LAYOUT ELEMENTS
--------------------------------------------------------------*/


#maincontainer {
background:transparent url(/img/default/bg_main.jpg) repeat-y top center;
margin:0px auto;
text-align:left;
width:796px;
padding:0px;
float:none;
display:block;
}

#topcontent {
margin:0px;
padding:0px;
background:transparent url(/img/default/bg_top.jpg) no-repeat top center;
display:block;
width:796px;
}

#maincontent {
margin:0px 0px 0px 0px;
padding:0;
display:block;
}

#content {
position:relative;
top:30px;
left:20px;
width:450px;
margin:0px 0px 60px 240px;
}

#end {
clear:both;
text-align:center;
padding:0;
margin:0 0 0 1px;
display:block;
font-size:0.85em;
background:transparent url(/img/default/bg_bottom.jpg) no-repeat bottom center;
}

*+html #end {
position:relative;
top:0px;
left:-1px;
}

* html #end {
position:relative;
top:0px;
left:-1px;
}
/* MENU LAYOUT
---------------------------------------------------------- */

#leftside {
float:left;
width:175px;
}

#menu {
clear:both;
display:block;
padding:0 25px;
margin:141px 0px 0px 0px;
text-align:right;
}

#menu #home {background:url(/img/buttons/home0.jpg) no-repeat top left;}
#menu #home:hover {background:url(/img/buttons/home1.jpg)}
#menu #offers {background:url(/img/buttons/offers0.jpg) no-repeat top left;}
#menu #offers:hover {background:url(/img/buttons/offers1.jpg)}
#menu #route {background:url(/img/buttons/route0.jpg) no-repeat top left;}
#menu #route:hover {background:url(/img/buttons/route1.jpg)}
#menu #contact {background:url(/img/buttons/contact0.jpg) no-repeat top left;}
#menu #contact:hover {background:url(/img/buttons/contact1.jpg)}

#sidemenu {
position:relative;
top:20px;
left:35px;
clear:both;
float:left;
width:190px;
color:#ddaf60;
padding:0 0px 50px 0;
background:transparent url(/img/default/menu.gif) no-repeat bottom center;
font-size:12px;
line-height:130%;
}

#sidemenu h4 {
font-size:11px;
color:#729c41;
border-bottom:1px dotted #efd79a;
background:transparent url(/img/default/menu.gif) no-repeat top center;
margin:0;
padding:10px 5px 3px 10px;
position:relative;
top:-10px;
left:0px;
font-weight:normal;
}

#submenu {
position:relative;
top:-5px;
left:10px;
}

#sidemenu li {
margin:5px 15px 0 10px;
padding:0 0 3px 0;
line-height:130%;
list-style:none;
border-bottom:1px dotted #a3c877;
}

#sidemenu li.break {margin-bottom:20px;}
#submenu li {
border-bottom:none;
margin:5px 0 0 10px;
padding:2px 0;
list-style:none;
line-height:110%;
}

#submenu li a:link, #submenu li a:visited, #submenu li a:active, #submenu li a:hover,
#sidemenu li a:link, #sidemenu li a:visited, #sidemenu li a:active, #sidemenu li a:hover
{
font-weight:normal;
color:#336633;
text-decoration:none;
padding:8px 0px 3px 0px;
}

#sidemenu li a:link, #sidemenu li a:visited, #sidemenu li a:active, #sidemenu li a:hover
{
font-weight:bold;
color:#336633;
}

#submenu li a:link, #submenu li a:visited, #submenu li a:active, #submenu li a:hover {
font-weight:normal;
}

#submenu li a:hover, #sidemenu li a:hover
{
color:#c09555;
border:none;
}

#submenu li.active a, #sidemenu li.active a
{
color:#976f35;
font-weight:bold;
}

/* IMAGES
------------------------------------------------ */
.imgbox {
display:block;
width:460px;
text-align:center;
font-size:0.8em;
color:#6F6F6F;
vertical-align:top;
}

.imgbox img {
cursor:pointer;
background-color:#f9ecd8;
border:3px double #f0d6b1;
padding:2px;
margin:2px;
}

.imgbox p {
display:block;
width:480px;
clear:right;
margin:10px 0;
text-align:center;
}


/*  GALLERY
------------------------------------------------ */


.galbody
{
margin:0px;
padding:0px 10px;
background-color:#eecc80;
background-image:none;
font-size:0.8em;
}

.thumbview {
width:90px;
height:90px;
float:left;
margin:10px;
border:3px double #d6b76d;
}

#gallery_preview {
float:right;
width:250px;
border-left:1px solid #DFCB9F;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 15px;
}


/* FORMS
-------------------------------------------------------- */

.formbox
{
padding:2px;
background-color:#ffffff;
border:2px solid #f0d6b1;
width:95%;
}

.formbox td, .formbox tr
{
padding:3px;
vertical-align:middle;
}

.boxcontent
{
background-color:#f9ecd8;
padding:3px;
}

.boxcontent td
{
font-size:10px;
}

.boxtitle
{
font-weight:bold;
background-color:#eed3ac;
padding:3px;
}