@charset 'utf-8';

/* Reset */
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; 
} 
table { 
    border-collapse:collapse; 
    border-spacing: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;
outline:none;
}

/* LAYOUT */

body{
background:#000000 url(../images/background.jpg) no-repeat center top;
font-size:12px;
line-height:19px;
font-family:arial;
color:#fff;
}

#page{
margin:20px auto;
width:690px; 
}




/* HEADER*/

#header {
height:268px;
width:690px;
background:url(../images/header_bg.jpg) no-repeat;
}

#header a.logo{
position: absolute;
display:block;
width:108px;
height:108px;
margin:25px 0px 0px 37px;

}


#kontakt {
text-align:right;
padding:5px 10px 0px 0px;
}

#kontakt a{
font-size:11px;
color:#c0c0c0;
text-decoration: none;
}

#kontakt a:hover{
color:#fff;
}



/* NAVIGATION*/

#navigation{
height:133px;
width:478px;/*688px - 211px margin*/
margin-left:211px;
}

#navigation ul{
float: left;
display: block;
height: 27px;
margin-top:106px;
}

#navigation ul li{
float: left;
display: block;
margin-right:1px;
background: url(../images/navigation_bg.gif) left top repeat-x;
cursor: pointer;
}

#navigation ul li.active{
background: url(../images/navigation_bg_active.gif) left top repeat-x;
}

#navigation ul li a{
float: left;
display: block;
line-height: 27px;
font-size: 12px;
font-weight: bold;
text-decoration:none;
color: #fff;
background: url(../images/navigation_bg_right.gif) right top no-repeat;
}
#navigation ul li a.active{
background: url(../images/navigation_bg_right_active.gif) right top no-repeat;
}

#navigation ul li a:hover{
color: #b5b5b5;
cursor: pointer;
}

#navigation ul li a span{
float: left;
display: block;
height: 27px;
padding:2px 10px 0px 10px;
background: url(../images/navigation_bg_left.gif) left top no-repeat;
}
#navigation ul li a span.active{
background: url(../images/navigation_bg_left_active.gif) left top no-repeat;
}



/* HEADLINE*/

#headline{
width:688px;/*690px - 2px Border*/
height:58px;/*110px - 52px*/
padding-top:52px;
border-left: 1px solid #636363;
border-right: 1px solid #636363;
border-top: 1px solid #636363;
}

#headline_left{
float:left;
height:55px;
width:160px;/*210px -50px Padding */
padding:0px 30px 0px 20px;
}

#headline_right{
float:right;
width:478px;
height:55px;
}


/* CONTENT*/

#content{
float:left;
width:688px;/*690px - 2px Border*/
border-left: 1px solid #636363;
border-right: 1px solid #636363;
border-bottom: 1px solid #636363;
background-color:#000;
min-height:650px;
}


#inhalt{
float:right;
width:458px; /*478px - 20px padding*/
padding:0px 20px 60px 0px;
}


#inhalt p{
float:left;
width:458px; /*478px - 20px padding*/
padding-top:20px;
}

#inhalt p span{
font-weight: bold;
}

#inhalt p.first{
float:left;
width:458px; /*478px - 20px padding*/
padding-top:0px;
margin:0px;
}

#inhalt p.last{
padding-top:0px;
padding-bottom:20px;
}

#inhalt p.kurs{
margin-top:20px;
padding:10px;
width:438px;
line-height:25px;
border: 1px solid #636363;
}

#inhalt h1{
float:left;
width:458px;
font-size:15px;
font-weight: bold;
color:#fff;
text-transform:uppercase;
margin:20px 0px 0px 0px;
padding:0px 3px 0px 0px;
}


#inhalt h1.first{
float:left;
width:458px;
font-size:15px;
font-weight: bold;
color:#fff;
text-transform:uppercase;
margin-top:0px;
padding:0px 3px 0px 0px;
}

#inhalt h1.first_padding{
float:left;
width:458px;
font-size:15px;
font-weight: bold;
color:#fff;
text-transform:uppercase;
margin-top:0px;
padding:0px 3px 20px 0px;
}

#inhalt h2{
float:left;
font-size:12px;
font-weight: bold;
color:#fff;
text-transform:uppercase;
margin:20px 0px 0px 0px;
}

#inhalt h2.first{
float:left;
font-size:12px;
font-weight: bold;
color:#fff;
text-transform:uppercase;
margin:0px;
}



#inhalt img{
float:left;
border:1px solid #636363;
padding:4px;
}

#inhalt a{
font-size:12px;
font-weight: bold;
color:#fff;
text-decoration:none;
padding:0px 5px 0px 10px;
background: url(../images/arrow.gif) left top no-repeat;
}

#inhalt a.back{
background: url(../images/arrow_back.gif) left bottom no-repeat;
}

#inhalt a:hover{
background-color: #575757;
}




/*VORSTAND UND LISTEN ALLGEMEIN*/

#inhalt dl{
float:left;
width:458px; /*478px - 20px padding*/
margin-bottom:25px;
}

.news{
float:left;
width:458px; /*478px - 20px padding*/
border-bottom:1px solid #4e4e4e;
padding-top:20px;
padding-bottom:10px;
margin-bottom:10px;
}

#inhalt dl dt{
font-weight: bold;
color:#fff;
}

#inhalt dl dt img{
float:left;
margin-right:15px;
}

#inhalt dl dd{
float:left;
width:330px;
}

#inhalt dl dd span{
font-weight:bold;
}

#inhalt dl.first{
padding:20px 0px 0px 0px;
}



#inhalt table{
float:left;
width:458px; /*478px - 20px padding*/
border: 1px solid #636363;
border-collapse:separate;
border-spacing:1px;
margin:10px 0px 40px 0px;
}

#inhalt table tr{
width:454px;/*458 - 2 border-spacing - 2 border*/

}

#inhalt table td{
float:left;
width:116px;
background:#3e3e3e;
padding:3px;
margin-left:1px;
}

#inhalt table td.first{
width:79px;
margin-left:0px;
font-weight:bold;
background:#2f2f2f;
}

#inhalt table td.last{
width:450px;

}

#inhalt table td.head{
font-weight:bold;
background:#2f2f2f;
}

#inhalt table td span{
background:#2f2f2f;
}




/* BOXEN*/

#boxen{
float:left;
width:190px;/*210px - 20px padding*/
min-height:650px;
padding:0px 0px 0px 20px;
/*background-color:#ff00ff;*/
}
#boxen a.box_first{
float:left;
width:160px;
height:135px;
background: url(../images/trenner.gif) left bottom repeat-x;
padding-top:0px;
}

#boxen dl dt{
float:left;
width:160px;
padding-top:15px;
}

#boxen dl dd{
display:block;
float:left;
width:160px;
padding-bottom:15px;
background: url(../images/trenner.gif) left bottom repeat-x;
}

#boxen dl dd a{
font-size:12px;
font-weight: bold;
color:#fff;
text-decoration:none;
padding:0px 5px 0px 10px;
background: url(../images/arrow_subnavigation.gif) left bottom no-repeat;
}

#boxen dl dd a:hover{
background-color: #575757;
}




/* SUBNAVIGATION*/

#subnavigation{
float:left;
width:190px;/*210px - 20px padding*/
padding:0px 0px 0px 20px;
/*background-color:#ff00ff;*/
}

#subnavigation ul{
float:left;
width:160px; /*160px - 1px Border*/
}

#subnavigation ul li{
float:left;
height:21px;/*24px - 3px Padding*/
width:155px; /*160px - 5px Padding*/
padding:3px 0px 0px 5px;
margin-bottom:1px; /*Abstand zwischen zwei Navigationspunkten*/
background: url(../images/subnavigation_bg.png) left bottom no-repeat;
}

#subnavigation ul li.active, #subnavigation ul li:hover{
background: url(../images/subnavigation_bg_active.png) left bottom no-repeat;
}

#subnavigation ul li a{
display:block;
width:155px;
font-size:12px;
font-weight:bold;
text-decoration:none;
background: url(../images/arrow_subnavigation.gif) left center no-repeat;
padding:0px 0px 0px 10px;
color:#cccccc;
}

#subnavigation ul li a:hover, #subnavigation ul li a.active{
color:#ffffff;
}



/*BILDERGALERIE*/




#content dl.thumb dt {
  float:left;
	width:135px;
	background:none;

}

#content dl.thumb dt a {
  float:left;
	width:141px;
	padding:0px;
	background:none;
}

#content dl.thumb dt a:hover {
	background:none;
}

#pics #content dl.thumb dt,
#pics #content dl.thumb a {
	width:135px;
}

#pics #content dl.thumb dd{
	width:170px;
}

#content dl.thumb dt img {
	display:inline;
	float:none;
}
#content dl.thumb dd {
	width:295px;
	padding-left:21px;
}

#content dl.thumb dd ul {
	padding-top:10px;
}

#content p.intro {
	padding-bottom:30px;
}

#content p.head_title {
	width:auto;
  float:left;
	padding-top:20px;

}

#content p.head_nav,
#content p.pager {
	width:auto;
	padding:0px;
	float:right;
	padding-bottom:20px;
}

.gallery {
	float:left;
	display:inline;
	width:468px;
}


.gallery li {
	float:left;
  display:inline;
}


#content .gallery a,
#content .gallery a:hover {
	float:left;
	width:131px;
	height:101px;
	background:none;
	padding:0px 25px 0px 0px;
	text-align:center;

}

#content .gallery li {
	margin-bottom:28px;
}




/* FOOTER*/

#footer{
text-align:right;
font-size:11px;
color:#c0c0c0;
width:690px;
}

#footer a{
font-size:11px;
color:#c0c0c0;
text-decoration: none;
}

#footer a:hover{
color:#fff;
}

/* IMAGE FADER */

#fade-box-container{
    float:left;
    width:160px;
    height:100px;
    background:transparent url('../images/sponsoren/logos_bg.png') top left no-repeat;
}

.fade-box{
    position:absolute;
    padding-top:15px;
}

#box-1 {
    
}
#box-2 {
    
}
#box-3 {
    
}
#box-4 {
    
}
#box-5 {
    
}
#box-6 {
    
}
#box-7 {
    
}
#box-8 {
    
}
#box-9 {
    
}
#box-10 {
    
}
#box-11 {
    
}
#box-12 {
    
}
#box-13 {
    
}
#box-14{
    
}
#box-15 {
    
}
#box-16 {
    
}
#box-17 {
    
}
#box-18{
    
}
#box-19 {
    
}
#box-20 {
    
}
#box-21 {
    
}
#box-22 {
    
}