/*
Stylesheet-datei
Gibt das generelle Aussehen der Seite Thw-bensheim vor.
Hier werden sowohl das Verhalten von Schriften, Bildern und Links als auch die Seitenaufteilung festgelegt.
(c)2006 Kai Gorski
*/

/*body{
        background-color: transparent;
        margin: 0 0 0 0;
        font:  12px verdana, tahoma, arial, helvetica, sans-serif;
        background-image:url(img/bg_fruehling.jpg);
        background-size: auto 100%;
        background-repeat:no-repeat;
        background-attachment: fixed;
        overflow: visible;
        /*AUssehen der Scrollbar
        scrollbar-base-color:#000000;
        scrollbar-darkshadow-color:#000000;
        scrollbar-face-color:#000000;
        scrollbar-shadow-color:#000000;
        scrollbar-track-color:#000000;
        scrollbar-highlight-color:#000000;
        scrollbar-arrow-color:#ffffff;*/*/

}

/*linkverhalten*/
a:link {color:#930012;text-decoration:none;font-weight:bold;}
a:visited {color:#930012;text-decoration:none;font-weight:bold;}
a:hover {color:#686868;text-decoration:underline;font-weight:bold;letter-spacing:0.1em}


/*Rahmen-container für alle weiteren Container(<div>)*/
.layout{
        width:1020px;
        height:1080px;
        position: absolute;
        left: 20%;            
        overflow: visible;
        background-color: #ffffff;
}

/*Kopfzeile*/
.header{
        width:100%;
        height: 20%;
background-color: #000000;
background: url(img/baudershof_logo.jpg) no-repeat;
background-size: contain;
}


/*Navigator*/
.left{
        width:50px;
        height:660px;
        font:  12px verdana, tahoma, arial, helvetica, sans-serif;
        text-align: left;
        line-height: 1.5;
        float:left;
        background-color: transparent;
}

/*Sonderformatierung für die Unterkategorien im Navigator*/
span.kleiner {font:  12px verdana, tahoma, arial, helvetica, sans-serif;letter-spacing:none;}

/*div {border: 5px solid red}*/

/*Inhalt/Seitenmitte*/
.content{
        /*width:1020px;*/
        height:1300px;
        float:left;
        text-align: justify;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 160px;
        overflow: hidden;
        background-color: #a2c050;
        
}
.text{
margin: 50px 50px 0px 10px;
float: left;
}

/*Platzhalter/Werbung, infos, etc*/
.right{
        font:  10px verdana, tahoma, arial, helvetica, sans-serif
        width:154px;
        height:460px;
        float:left;
        margin-top: 200px;
        margin-left: 3px;
        background-color: transparent;
        }


/*Fusszeile*/
.footer{
        font:  10px verdana, tahoma, arial, helvetica, sans-serif;
        width:100%;
        height:20%;
        background-color: transparent;
        color:#686868;
        clear: both;
        padding-top:0px;
        padding-left:0px;
        text-align: right;

}

/*Sonderformatierung für Absätze, Listen, etc.*/

img{float:left;
margin-right:10px

}

/*Textpassagen nicht über die ganze Seitenbreite*/
p{margin-left:40px;margin-right:70px;}


/*Überschrift 1. Ordnung; Seitenkopf*/
h1{
        margin-left:10px;
        margin-right:360px;
        font:  24px verdana, tahoma, arial, helvetica, sans-serif;
        font-weight: bold;
        text-align:right;

}

/*Überschrift 2. Ordnung; Absatz*/
.h2{
        margin-left:60px;
        margin-right:60px;
        font:  14px verdana, tahoma, arial, helvetica, sans-serif;
        font-weight: bold;
}

/*Einrückung für Listenelemente*/
ul{        margin-left:60px;}

li{        margin-left:30px;}

/*Formatierung für Fotoseiten*/

#box {
background-color:#000000;
width:70px;
}

#box a {
font:14px courier, sans-serif;
text-decoration:none;
background-color:#000000;
display:block;
text-align:center;
}

#box a:visited {
background-color:#000000;
}

#box a:hover {
text-decoration:none;
background-color:#cccccc;
}

#box a:active {
background-color:#000000;
}

#box a .info {
display:none;
}

#box a:hover .info {
color:black;
background:#000000;
font:14px courier,sans-serif;
display:block;
position:absolute;
top:105px;
left:200px;
padding:5px;
text-align:left;
}

/*Formatierung für Postit*/
#link {
background-color:transparent;
width:70px;
}

#link a {
font:14px verdana, sans-serif;
text-decoration:none;
background-color:transparent;
display:block;
text-align:center;
}

#link a:visited {
background-color:transparent;
}

#link a:hover {
text-decoration:none;
background-color:transparent;
}

#link a:active {
background-color:transparent;
}

#link a .test {
display:none;
}

#link a:hover .test {
color:#000000;
background-color:transparent;
font:10px verdana,sans-serif;
display:block;
position:absolute;
top:-150px;
left:500px;
text-align:center;
width:100px;
height:100px;
background-image:url('img/postit.gif');
background-position: left top;
}

/*für radiergummi*/
#link a .rad {
display:none;
}
#link a:hover .rad {
color:#000000;
background-color:transparent;
font:10px verdana,sans-serif;
display:block;
position:absolute;
top:-60px;
left:-80Px;
text-align:center;
width:100px;
height:100px;
border-style:none;
}

/*für handy*/
#link a .handy {
display:none;
}
#link a:hover .handy {
color:#000000;
background-color:transparent;
font:10px verdana,sans-serif;
display:block;
position:absolute;
top:-48px;
left:-11Px;
text-align:center;
width:100px;
height:100px;
background-image:url('img/overhandy.gif');
background-position: left top;
}