/******************************************************************************
Stylesheet fuer: www.brettenhalls.de Medien:          screen Autor:  Webdesign Marco Kohler <leutkircher-fototorten@online.de>*/


a:link { text-decoration:none; font-weight:bold; color:#705051; }
a:visited { text-decoration:none; font-weight:bold; color:#705051; }
a:hover { text-decoration:underline; font-weight:bold; color:#BC8789; }
a:active { text-decoration:underline; font-weight:bold; color:#BC8789; }


body {
background-color: transparent;
background-image: url(backhouse.jpg);
}

p {
font-size:12px;
margin: 0px;
padding: 0px;
}

h1 {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight:bold;
color: #705051;
margin:0px;
padding:0px;
}

#gesamt {
color: #000;
background-color: transparent;
width: 800px;
margin: auto;
margin-top: 10px;
padding: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

#header {
padding: 0px;
margin: 0px;
}


#headerimg {
padding: 0px;
padding-top: 10px;
margin: 0px;
width: 800px;
height: 299px;
background-color: #000;
background-image: url(banner.jpg);
}

#spacer {
font-size: 5px;
margin: 0px;
padding: 0px;
background-color: #000;
width: 800px;
height: 6px;
border-top: 1px solid white;
border-bottom: 1px solid white;
}



#main {
margin: 0px;
padding: 0px;
background-color: #705051;
width: 800px;
}

#seitentitel {
margin-bottom: 5px;
}

#content {
background-color: #fff;
margin:0px 0px 0px 2px;
padding: 10px;
min-height: 400px;
width: 776px;
}
/* Nur für IE */
* html #content {width: 796px;}


#col-left {
color: #fff;
background-color: transparent;
float:left;
border: 0;
font-size:12px;
margin:0px;
width:180px; 
padding: 0px 0px 10px 0px;
}

#logo {
background-color: #000;
margin-left:5px;
width: 170px;
}

#wappenlogolinks {
background-color: transparent;
background-image: url(willkommensschild-transparent.gif);
margin-top: 20px;
margin-left:1px;
width: 170px;
height: 170px;
}

#navigation {
color: #fff;
background: transparent;
border: 0px solid white;
border-left: 0px;
width: 170px;
height: 280px;
margin-top: 0px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 3px;
}

#navigation ul {
border:0;
margin:0;
padding:0;
list-style: none;
}

#navigation a {
color: #fff;
background: #BC8789;
display: block;
font-weight: normal;
border-bottom: 1px solid white;
border-left: 5px solid white;
width: 155px;
margin-bottom: 5px;
padding-left: 3px;
padding-bottom: 1px;
}
/* Nur für IE */
* html #navigation a {width: 165px;}

#navigation a:hover {
color: #888;
background: #fff;
font-weight: bold;
text-decoration:none
}

#footer {
background-color: #fff;
border-top: 1px solid black;
border-bottom: 1px solid black;
margin-top: 5px;
padding-top: 1px;
padding-bottom: 1px;
}

#footermenu {
margin-left: 210px;
}

#footermenu a {
color: #000;
font-weight: normal;
}


#counter {
color: #000;
font-weight: normal;
}

.box {
width: 770px;
background-color: transparent;
margin-left: 0px;
margin-bottom: 10px;
padding: 0px;
border: 0px solid #aaa;
}

.line {
width: 770px;
background-color: transparent;
height: 1px;
margin-left: 0px;
margin-bottom: 10px;
margin-top: 10px;
padding: 0px;
border-bottom: 1px solid #aaa;
}

.line2 {
width: 770px;
background-color: transparent;
height: 1px;
margin-left: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
border-bottom: 1px solid #aaa;
}

#menuparent ul a{
background-color: #aaa;
color: #fff;
border: 1px solid white;
margin-left: 10px;
width: 125px;
}
/* Nur für IE */
* html #menuparent ul a {width: 130px;}

#adds {
background-color: #fff;
border-top: 0px solid black;
border-bottom: 0px solid black;
margin-top: 5px;
padding-top: 1px;
padding-bottom: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */