@charset 'utf-8';



/* Reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0px; 
    padding:0px; 
} 
fieldset,img {  
    border:0px; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym {
    border:0px; 
}
a{
    text-decoration:none;
}




/* Layout */

body{
    background-repeat:no-repeat;
    background-color:#999688;
    font-family:'trebuchet ms', arial;
}




/* Page backgrounds */

body#home,
body#imprint{
    background:#000000 url(../images/home_bg.jpg) no-repeat top center;
}
body#downloads,
body#about{
    background:#000000 url(../images/photos_bg.jpg) no-repeat top center;
}
body#guestbook,
body#pics{
    background:#000000 url(../images/goodies_bg.jpg) no-repeat top center;
}


#page{
    margin:auto; /* trick für zentrieren */
    /*border:1px solid red;*/
    width:452px; /* 980 - 550(padding-left) */
    padding-left:528px;
}

#head{
    float:left;
    height:48px;
    padding-top:30px;
    width:452px;
}
#head h1{
    display:none;
}


#language {
    float:left;
    padding-left:275px;
}

#language li {
    color:#ffffff; /* inactive farbe */
    font-family:'trebuchet ms',arial,helvetiva,sans-serif;
    float:left;
    font-size:10px;
    margin:20px 0px 0px 4px;
}

#language a{
    float:left;
    color:#ffffff;
    text-decoration:none;
}
#language a:hover{
    color:#ffffff;
    background-color:#353b31;
    text-decoration:none;
}
#language .active{
    float:left;
    color:#ffffff;
    background-color:#000000;
    text-decoration:none;
}

#logo{
    margin-left:15px;
}

#logo,
#logo li {
    float:left;
    width:46px;
    height:48px;
}
   
ul#logo li a span {
    display:none;
}
    
ul#logo li a{
    width:46px;
    height:48px;
    float:left;
    display:block;
    background:url(../images/logo_verein.gif) no-repeat top center;
}
#logo a:hover{
    background:url(../images/active_logo_verein.gif) no-repeat top center;
}
    
#navigation{
    width:430px;
    float:left;
}
#navigation ul{
    float:left;
    width:430px;
    padding-top:58px;
    height:16px;
}
#navigation ul li {
    float:left;
    height:16px;
}
#navigation ul li a {
    display:block;
    height:16px;
}
#navigation ul li a span {
    display:none;
}



#nav_home a{
    background:url(../images/home.png) no-repeat top left;
    width:62px;
}
#nav_about a{
    background: url(../images/about.png) no-repeat top left;
    width:78px;
}
#nav_photos a{
    background: url(../images/photos.png) no-repeat top left;
    width:88px;
}
#nav_goodies a{
    background: url(../images/goodies.png) no-repeat top left;
    width:96px;
}
#nav_guestbook a{
    background: url(../images/guestbook.png) no-repeat top left;
    width:106px;
}
#nav_home a:hover,
#home #nav_home a{
    background: url(../images/active_home.png) no-repeat top left;
}
#nav_about a:hover,
#about #nav_about a{
    background:url(../images/active_about.png) no-repeat top left;
}
#nav_photos a:hover,
#pics #nav_photos a{ 
    background:url(../images/active_photos.png) no-repeat top left;
}
#nav_goodies a:hover,
#downloads #nav_goodies a{
    background:url(../images/active_goodies.png) no-repeat top left;
}
#nav_guestbook a:hover,
#guestbook #nav_guestbook a{
    background:url(../images/active_guestbook.png) no-repeat top left;
}




/* Headlines */

#home #content {
    background: url(../images/welcome.gif) no-repeat 78px 40px;
}
#imprint #content {
    background: url(../images/imprint.gif) no-repeat 78px 40px;
}
#about #content {
    background: url(../images/about.gif) no-repeat 78px 40px;
}
#pics #content {
    background: url(../images/photos.gif) no-repeat 78px 40px;
}
#downloads #content {
    background: url(../images/goodies.gif) no-repeat 78px 40px;
}
#guestbook #content {
    background: url(../images/guestbook.gif) no-repeat 78px 40px;
}



#content a{
    background: url(../images/bullet.gif) no-repeat 4px 6px;
    color:#ffffff;
    text-decoration:none;
    padding-left: 20px;
}

#content a.back{
    background: url(../images/bullet_back.gif) no-repeat 4px 6px;
    color:#ffffff;
    text-decoration:none;
    padding-left: 20px;
}
    
#content a:hover{
    background-color:#436544;
    text-decoration:none;
}





/* Subnavigation */

#subnavigation {
    width:359px;
    float:left;
}
#subnavigation #subnavi li.active a{
    color: #393d32;
    background-color: #999688;
    text-decoration:none;
}
#subnavi li {
    float:left;
    border-right:1px solid #393d32;
}
#subnavi {
    float:left;
    width:100%;
}
#subnavi a{
    float:left;
    color:#ffffff;
    font-weight:bold;
    background-image:none;
    padding-left:9px;
    padding-right:9px;
    font-size:12px;
}
#subnavi a:hover{
    color:#393d32;
    background-color:#999688;
}




/* Content */

#content{
    float:left;
    width:360px;
    min-height:450px;    
    padding-top:150px;
    padding-left:78px;
    
    font-family: 'trebuchet ms', arial;
    font-size: 12px;    
    color: #393d32;
    line-height: 17px;
}
#content h1{
    display:none;
}
#content span{
    background-color:#999688;
    padding:0px 2px 0px 0px;

}
#content .konter{
    text-align:right;
    margin-bottom:10px;
}
h3.tabelle {
    margin-bottom: 10px;
}
h3.tabelle span{
    padding-left: 6px;
    padding-right: 4px;
    font-weight:bold;
}
#inhalt table {
    width: 349px;
    margin-bottom: 30px;
	float:left;
}
#inhalt table td.spalte1{
    color: #0a4616;
    font-weight:bold;
    background-color: #999688;
    width: 105px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 4px;

}
#inhalt table td.spalte2{
    background-color: #999688;
    width: 90px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
}
#inhalt table td.spalte3{
    color: #0a4616;
    background-color: #999688;
    width: 105px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 4px;
}
#inhalt table td{
    background-color: #999688;
    width: 180px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 4px;
}

#inhalt table td.td_bg{
    background-color: #999688;
    width: 60px;
    padding-left: 2px;
    padding-right: 2px;
}

#inhalt table .input_field{
    background-color: #999688;
    color: #ffffff;
    width: 265px;
    padding-right: 2px;
    margin-left: 6px;
    border: none;
}

#inhalt table .text_area{
    background-color: #999688;
    overflow: auto;
    color: #ffffff;
    width: 350px;
    padding-right: 2px;
    margin-left: 4px;
    border: none;
    min-height: 200px;
}

#content p.gb-eintragen{
    float: left;
}

#content .gb-ueberschrift{
    float: left;
}

#content p.lesen{
    float: right;
}

#content p.eintragen{
    padding-top: 10px;
    float: right;
}

#seiten{
    float: right;
}

#content #seiten li{
    float: left;
    background-color:#999688;
    padding:0px 3px 0px 3px;
}

#content #seiten a{
    background: none;
    padding:0px;
}

#content #seiten a:hover{
    color: #ffffff;
}







#inhalt .datum{
    color: #393d32;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 4px;
}

#inhalt .datum.datum_player{
}

#inhalt .name{
    color: #393d32;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 2px;
}

#inhalt strong{
    font-weight: bold;
}

#inhalt .eintrag{
    color: #ffffff;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 10px;
}


#inhalt .frage{
    color: #264c27;
    font-weight:bold;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 4px;
}

#inhalt .antwort{
    color: #ffffff;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 4px;
	padding-top: 10px;
    padding-bottom: 4px;
	margin-bottom: 10px;
}

#inhalt .eintrag{
    background: url(../images/ecken_unten.gif) no-repeat bottom left;
}

#inhalt .datum{
    background: url(../images/ecken_oben.gif) no-repeat top left;
}

#inhalt .datum_player{
    background: url(../images/ecken_oben_rot.gif) no-repeat top left !important;
}


#inhalt .eintrag_player{
    background: url(../images/ecken_unten_rot.gif) no-repeat bottom left !important;
}

#inhalt .frage{
    background: url(../images/ecken_oben.gif) no-repeat top left;
}

#inhalt .antwort{
    background: url(../images/ecken_unten.gif) no-repeat bottom left;
}

#subnavigation {
    background: url(../images/ecken_links.gif) no-repeat top left;
}

#subnavi {
    background: url(../images/ecken_rechts.gif) no-repeat top right;
}


#container_downloads{
    float: left;
    width: 360px;
}



.galerie_container{
    float: left;
    width: 120px;
    margin-bottom:10px;
    margin-top:15px;
    margin-right:15px;
    text-align:center;
    background-color: #999688;
}


/*.galerie_container{
    float: left;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
    margin-right: 5px;
    text-align: center;
    background-color: #999688;
}
*/

.galerie_container .text{
    padding-top: 10px;
    text-align: center;
}
.galerie_container .bild{
    padding: 5px 0px 5px 0px;
    display: inline;
    text-align: center;
}

#content .galerie_container .text a{
    display: inline;
    text-align: center;
}

#content .galerie_container .text a:hover{
    background: #ffffff;
    display: inline;
    text-align: center;
}

#content .galerie_container a{
    padding: 0px;
    background: none;
    text-align: center;
}

#content .galerie_container a:hover{
    background: none;
}

#interview {
    float: left;
	width:365px;
}



#textspalte{
    float: left;
    width:200px;
}


#textspalte strong{
    color: #0a4616;
    font-weight:bold;
}

.bezeichnung{
    padding-top: 15px;
    padding-bottom: 5px;
}

    

#inhalt{	
	float:left;
    padding-top: 35px;
	width:349px;
}
 
#footer {
    float:left;
    padding-top:30px;
    padding-bottom:100px;
}

#sponsoren{
	float:left;
}
#sponsoren li{
    float:left;
    margin-right:50px;
}
#sponsoren li.last{
    margin-right:0px;
}


#footer a {
	background:none;
	padding:0px;
}

#impressum{
    float:left;
    padding-top:15px;
	text-align:center;
	width:290px;
	padding-left:70px;
}

#impressum a{
    color: #ffffff;
    text-decoration:none;
    margin: 10px 0px 0px 10px;
    font-size:10px;
}

#impressum a:hover{
    color: #ffffff;
    background-color: #999688;
    text-decoration:none;
    font-size: 10px;
}