/* Layout Harms Brunnenbau */


body {
background:#59c3ef url(/img/default/bg.gif) 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_content.gif) repeat-y top left;
margin:0px auto;
text-align:left;
width:789px;
padding:0px;
float:none;
display:block;
}

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

#left_side {
position:relative;
top:0px;
left:10px;
float:left;
background-color:#555555;
padding:5px;
width:175px;
}

#contact {
margin:0 0 40px 5px;
font-size:0.9em;
color:#ffffff;
}

#contact a {color:#ffffff;}
#contact a:hover {text-decoration:underline;}

#content {
position:relative;
top:30px;
left:20px;
width:500px;
margin:0px 0px 0px 220px;
padding:120px 0 50px 0;
}

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

#wokaweb {
font-size:0.85em;
padding:0 0 30px 0;
}

#wokaweb a:hover {
color:#ffffff;
}

/* MENU LAYOUT
---------------------------------------------------------- */

#menu {
display:block;
width:160px;
border:solid #ffffff;
border-width:1px 0 0 0;
margin:0 0 50px 5px;
}

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

#menu li
{
list-style-type:none;
margin:0;
padding:6px 8px;
font-size:12px;
line-height:16px;
border-bottom:1px dashed #8f8f8f;
}

#submenu li {
border:none;
margin:5px 0 0 5px;
padding:2px 0 2px 10px;
}

#menu li a:link, #menu li a:visited, #menu li a:active, #menu li a:hover
{
color:#ffffff;
text-decoration:none;
padding:6px 10px 0px 0px;
font-weight:bold;
}

#submenu li a:link, #submenu li a:visited, #submenu li a:active, #submenu li a:hover
{font-weight:normal;}
#menu li a:hover
{
color:#FDCC00;
border:none;
}

#menu li.active a {font-weight:bold;}
#submenu li.active a {font-weight:normal;}

#menu li.active {
background:transparent url(/img/default/arrow.gif) no-repeat center left;
}