@charset "UTF-8";
/* CSS Document */

*{
margin: 0;
padding:0;
}

body{
background: #fff url(../images/bg-body.png) 0 0 repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #666;
line-height: 150%;
}


a:link{color: #666; text-decoration: none}
a:visited{color: #666; text-decoration: none}
a:active{color: #f00; text-decoration: none}
a:hover{color: #f00; text-decoration: none}


#wrapper{
margin: 10px 0 50px 0;
}

#innerwrapper{
width: 980px;
margin: 0 auto;
border-left: #eee 0px solid;
box-shadow: #666 2px 2px 2px;
}

#header{
border-bottom: #f00 8px solid;
height: 130px;
background: url(../images/bg-header.png) 0 0 no-repeat;
}

#header h1{
text-indent:-1000em;
}

#content{
background: #fff url(../images/bg-content.jpg) 30px 0 no-repeat;
border: #000 0px solid;
width: 980px;
}

#contentwrapper{
width: 920px;
border: #69c 0px solid;
margin: 0 auto;
}

p, li{
margin: 0 0 0.5em 0;
}

p i{
font-size:85%;
line-height:120%;
}

#content h1{
margin: 1em 0;
font-size:1.3em;
font-weight:normal;
}

#content h2{
margin: 1.2em 0 1em 0;
font-size:1em;
}

#content h3{
margin: 1.3em 0 0 0;
font-size:1em;
font-weight:normal;
color: #444;
}


#navigation{
border: #0f0 0px solid;
float:left;
width: 220px;
padding: 45px 0 0 0;
}

#navigation ul{
float:right;
}

#navigation ul li{
list-style:none;
box-shadow: #666 2px 2px 2px;
}

#navigation ul li a{
display:block;
width: 130px;
height:25px;
background: #999;
color:#fff;
margin: 0 0 10px 0;
padding: 0 5px;
}



#navigation ul li a.active{
color:#f00;
}


#innercontent{
width: 680px;
float:right;
padding: 50px 0 30px 0;
border: #f00 0px solid;
}

#content #textinfo{
margin: 0;
float:left;
min-height:400px;
width:100%;
}


#content .tiny{
font-size:60%;
line-height: 130%;
}

#content .tiny h3{
font-weight: bold;
margin: 0.3em 0 0 0;
}





#textinfo ul{
border: #000 0px solid;
margin: 0 0 0 20px;
}

#textinfo ul li{
list-style-image:url(../images/listbullet.png);
}




.leftcol{
width: 400px;
}

#portrait{
width: 160px;
float:right;
margin: 50px 0;
}

#footer{
border-top: #ccc 0px solid;
clear:both;
}


#footer img#icon-email,
#footer img#icon-telefon{
margin:5px 5px 0 0;
}


#footer p{
font-size: 69%
}

.clearfix{}

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


#logoarea{
border: #000 0px solid;
clear:both;
margin: 3em 0 0 0;
}

#bsblogo{
float:right;
width: 73px;
height: 41px;
margin:-20px 75px 0 0;
}

table#kontakt{
font-size:1.1em;
border: #f00 0px solid;
}

table#kontakt td{
padding: 7px;
}


p.impressum{
float:right;
clear:both;
}



#emailicon{
float:right;
margin: 80px 30px 0 0;
}