/*
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;
        /*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:1024px;
        height:800px;
	/*position: absolute;
 	left:0px; top:0px; width:1024px; height:800px;
	left: 20%;
        margin-left: -125px;*/
        background-image:url('bg.jpg');
        background-repeat:no-repeat;
        overflow: visible;
}

/*Kopfzeile*/
.header{
        width:1024px;
        height:100px;
        background-color: transparent;
        color:#000000;
}


/*Navigator*/
.left{
        width:170px;
        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:  10px verdana, tahoma, arial, helvetica, sans-serif;letter-spacing:none;}



/*Inhalt/Seitenmitte*/
.content{
        width:700px;
        height:660px;
        float:left;
        text-align: justify;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
        background-color: transparent;
}
.text{
margin: 50px 60px 0px 35px;

}

/*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:1024px;
        height:40px;
        background-color: transparent;
        color:#686868;
        clear: both;
        padding-top:0px;
        padding-left:0px;
        text-align: right;

}

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

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


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

}

/*Ü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;
}