/*----------------------------
  Screen CSS created by Michael Kasten january 2008
  ---------------------------- 
*/

/*----------------------------
  ------reset default styles--
  ---------------------------- */
* {
   margin: 0;
   padding: 0;
   }

  
/*----------------------------
  ------reset font sizes------
  ---------------------------- */

li, p, td, th{
	font-size: 1em;
   }

/*----------------------------
  ---generic element styles---
  ---------------------------- */

html{
   height: 101%;
   }

body {
	font-family: Verdana, Arial, sans-serif;
        font-size:0.75em;
	height: 100%;
	margin: 0;
	text-align:center;
	background:#000;
   }
   
   
/*Layout*/
#headbox {
   height:24px;
   border-bottom:solid 1px #454545;
	background:url("../images/layout/body-top.jpg") repeat-x ;
	color:#fff;	
	text-align:right;
	margin:0 0 10px 0;
   }
   

a { }

img {border:none;}


/*----------------------------
  ---Visual hidden elements---
  ---------------------------- */
  
.aural,h1{
   position: absolute;
	left: -5000px;
	width: 250px;
   }

/*----------------------------
  ---global layou helper------
  ---------------------------- */

.clear{
   clear:both;
   }

/*----------------------------
  -------layout elements------
  ---------------------------- */

.clear{
   clear:both;
   }
   
#page-body{
   width:81.6em;
   margin:10px auto;
   background:url("../images/layout/n2.gif") repeat-x #fff;
   border:solid 1px #454545;
   position:relative;
   }

#foot-dekor{
  background:url("../images/layout/bottom-bg.jpg") bottom repeat-x;
  }


#page-body * {
	position:relative;
   }

#one {
	background: url(../images/layout/topleft.gif) top left no-repeat;
	left: -1px;
	top: -1px;
   }

#two {
	background: url(../images/layout/topright.gif) top right no-repeat;
	top: -2px;
	padding: 32px 1em 0 1em
   }

#three {
	background: url(../images/layout/bottomright.gif) bottom right no-repeat;
	right: -2px;
	bottom: -2px;
   }

#four {
	background: url(../images/layout/bottomleft.gif) bottom left no-repeat;
	left: -2px;
	padding: 32px 1em 0 1em
   } 
   

#page-headerarea-wrapper {}

#page-headerarea {
	height:89px;
   }

#page-headerarea-mainbox, 
#page-headerarea-rightbox{
   min-height:89px;
   }

#page-headerarea-leftbox{
   position:absolute;
   width:15em;
   left:0;
   }

#page-headerarea-mainbox{
   margin: 0 15em;
   }
  #footdeko{
background:red;
}
#page-headerarea-rightbox{
   position:absolute;
   right:0;	
   top:0;
   width: 15em;
   }
 
#page-wrapper {
	float:left;
	margin-left:-1px;
   }

#body-head-navi {
	height:1.8em;
	background: url("../images/layout/headnavi-bg.png");
	width:81.6em;
	position:relative;
   }


#page-leftside {
	width:15em;
	float:left;
   position:relative;
   border-top:solid 2px #fff;
   }

#page-main {
	width:51.5em;
   margin:0;
   float:left;
   position:relative;
    border-top:solid 2px #fff;
   }
   
#page-rightside {
   width: 15em;
	float:right;
   position:relative;
   margin:0 2px 0 0;
    border-top:solid 2px #fff;
   }

	
#page-main-footer {
	clear: both;
	position:relative;
	bottom: 0;
	text-align:center;
	color:#ccc;
	font-size:2em;
   }

#page-footer {
	clear: both;
	position:relative;
   height:2px;
   margin-left:-1px;
 	}


#page-leftbox,
#page-rightbox{
   min-height:30em;
   }

#page-rightbox{
padding-top:10px;
font-size:0.9em;
}

#page-mainbox{
   padding:10px 15px 15px 20px;
   min-height:30em;
   border-right:solid 1px #fff;
   text-align:left;
   } 
   


/*----------------------------
  --------Navigationen--------
  ---------------------------- */
/*Navigation*/   
#headbox ul {
   padding:4px;
   list-style:none;
   width:900px;
   margin:0 auto;
   }   
   
#headbox ul li {
   padding:4px;
   display:inline;
   }   
   
#headbox ul li a{
   color:#fff;
   text-decoration:none;
   }   
   
#headbox ul li a:hover,
#headbox ul li span{
   text-decoration:underline;
   }   
  
 
 
#body-head-navi ul{
   list-style:none;
   padding-left:15em;
   height:1.8em;
   background: url("../images/layout/headnavi-bg.png");
   }   
   
#body-head-navi ul li {
   float:left;
   display:block;
   height:1.8em;
   }   
   
#body-head-navi ul li a,
#body-head-navi ul li span{
   padding:0 20px;
   display:block;
   text-align:center;
   color:#fff;
   text-decoration:none;
   border-top:solid 4px #c20000;
   border-bottom:solid 4px #a30000;
   }   
   
#body-head-navi ul li a:hover,
#body-head-navi ul li span{
   border-top:solid 4px #fff;
   border-bottom:solid 4px #fff;
   background:#000;
   } 

  
#footer-navi ul{
  list-style:none;
   }
   
   
#footer-navi ul li{
   display:inline;
   }
  
#footer-navi ul li{
   margin-right:20px;
   padding:0 0 0 20px;
   }
body .footerlink{color:#666;}
   
#footer-navi ul li a:hover,
#footer-navi ul li span{
   color:#bc0e1d;
   text-decoration:underline;
   }

#page-leftbox-navigation {
   margin:10px;
   text-align:left;
   
   }   
  
#page-leftbox-navigation ul{
   list-style:none;
   }

#page-leftbox-navigation ul li{
   padding:2px 0;
   
   }

#page-leftbox-navigation ul li a,
#page-leftbox-navigation ul li span{
   padding:4px 0 4px 10px;
   background:url("../images/layout/leftnav-bg.jpg") #333;
   text-decoration:none;
   color:#fff;
   display:block;
   border:solid 1px #666;
   border-top-color:#afaea4;
   border-left-color:#afaea4;
   font-weight:bold;
   }
   
#page-leftbox-navigation ul li a:hover,
#page-leftbox-navigation ul li span{
   border:solid 1px #ccc;
   background:url("../images/layout/leftnav-bg-current.jpg") #333;
   color:#000;
  }

#page-leftbox-navigation ul li ul {
   padding-bottom:10px;
   }

#page-leftbox-navigation ul li ul li{
   border:none;
   }
      
#page-leftbox-navigation ul li ul li a,
#page-leftbox-navigation ul li ul li span{
   margin-left:20px;

   }

#page-leftbox-navigation ul li ul li a:hover,
#page-leftbox-navigation ul li ul li a.current{
   }
   


#footer-navi {
	clear: both;
	position:relative;
   height:13px;
   margin:4px 0;
   color:#484947;
	}
   
#footer-navi a{
   text-decoration:none;
   color:#484947;
   }

#footer-navi a:hover{
   color:#bc0e1d;
   }


/*----------------------------
  -----standard Inhalte-------
  ---------------------------- */

#page-mainbox h2{
   padding:0.15em 0;
   font-size:1.3em;
   text-align:left;
   clear:both;
   height:1%;
   }

#page-mainbox h3,
#page-mainbox h4,
#page-mainbox h5 {
   padding:0.15em 0;
   font-size:1.1em;
   text-align:left;
   clear:both;
   height:1%;
   } 

#page-mainbox p{
   padding:4px 0;
   text-align:left;
   } 

#page-mainbox img{
   float:left;
   padding:4px 10px 4px 0;
   }
   
#page-mainbox ul{
   margin:10px 0 10px 24px;
   list-style-image:url("../images/layout/ul-list-image.gif");
   list-style:square;
   }    


#page-mainbox ul.infolist {
   margin:0;
   list-style:none;
   font-weight:bold;
   }    

#page-rightbox a{
   color:#a30000;   
   }

#page-mainbox a{
   color:#a30000;
   font-weight:bold;
   font-style:italic;
   }

#page-mainbox a.backlink{
   color:#bc0e1d;
   position:absolute;
   right:10px;
   padding-left:10px;
   background:url("../images/layout/backlink-arrow.gif") left center no-repeat;
   }
   
#page-rightbox img{
   margin:0 auto 10px auto;
   }

#page-rightbox h3,
#page-rightbox p,
#page-rightbox ul{
   text-align:left;
      }

#page-rightbox h3{
   color:#333;
   font-size:1em;
   margin-right:4px;
   }

#page-rightbox p{
   padding:0 4px 10px 0;
   }

#page-rightbox ul{
   padding:0 4px 10px 0;
   list-style: none;
   }
   
#page-rightbox ul li{
   padding:4px 0;
   }

#page-leftbox #area-dekor{
   margin:40px 0;
   padding:10px 0;
   text-align:center;
   background:#f1f1f1;
   }

#page-leftbox #area-dekor strong{
   padding:4px 0 0 0;
   display:block;
   }
   

.teaser,
.full{
   margin:0 0 10px 0;
   }

#page-mainbox .teaser h3 a{
   font-style:normal;
   }

#page-mainbox .teaser p a,
#page-mainbox .full p a{
   display:block;
   text-align:right;
   }


#page-mainbox .teaser p a.mail,
#page-mainbox .full p a.mail,
#page-mainbox .full p a.normlink,
#page-mainbox .teaser p a.normlink{
   display:inline;
   }



#page-mainbox .teaser span.thumb{
   display:block;
   width:80px;
   min-height:50px;
   float:left;
   margin:0 10px 0 0;
   overflow:hidden;
   }

#page-mainbox .full span.thumb{
   width:0;
   height:0;
   display:none;
   }

#page-mainbox .teaser span.thumb strong{
   display:block;
   padding-top:5px;
   width:80px;
   height:80px;
   color:#0c183a;
   text-align:center;
   }

#page-mainbox span.img{
   float:left;
   padding-right:10px;
  }

#page-mainbox span.img img{
   float:none;
   }


#page-mainbox span.imagetext{
   float:left;
   display:block;
   font-style:italic;
   color:#666;
   }

#page-mainbox hr,
#page-rightbox hr{
   border:none;
   border-top:dotted 2px #ccc;
   height:0;
   clear:both;
   margin:10px 0;
   }

p.member{
   width:160px;
   float:left;
   margin:10px 20px 0 0;
   }

/*Bildergalerie*/

#page-mainbox div.katfoto{
   display:block;
   float:left;
   width:130px;
   text-align:center;
   padding:1px 4px;
   }

#page-mainbox div.katfoto a{
   display:block;
   border:solid #fff;
   width:100px;
   height:60px;
   overflow:hidden;
   text-align:center;
   padding:1px 4px;
   font-size:0.9em;
   font-weight:normal;
   }


#page-mainbox div.foto{
   display:block;
   float:left;
   width:160px;
   text-align:center;
   padding:3px 4px;
   }



#page-mainbox div#OOshowOO{
   text-align:center;
   }

#page-mainbox div#OOshowOO div.foto{
   overflow:hidden;
   width:100px;
   height:60px;
   float:left;
   padding-bottom:10px;
   border-bottom:solid 10px #fff;
   }

#page-mainbox div.foto a{
   text-decoration:none;
   font-size:0.9em;
   font-style:normal;
   font-weight:normal;
   }


#page-mainbox div.foto img,
#page-mainbox div#centercol img{
   float:none;
   margin:0 auto;
   }

#page-mainbox div#paspertou{
   text-align:center;
   min-height:315px;
   clear:both;
   }


#page-mainbox div#centercol{
   text-align:center;
   min-height:375px;
   }

#OOsingleViewOO .fototext{
   text-align:center;
   color:#600;
   }    

#OOsingleViewOO .fototext a{
   text-decoration:none;
   color:#600;
   }

#OOsingleViewOO .fototext a.fwd{
  font-weight:bold;
  float:right;
  font-size:1.2em;
  }

#OOsingleViewOO .fototext a.rew{
  font-weight:bold;
  font-size:1.2em;
  float:left;
  }

#OOsingleViewOO .fototext span.fwd{
   font-weight:bold;
   float:right;
   font-size:1.2em;
   color:#ccc;
   }    

#OOsingleViewOO .fototext span.rew{
   font-weight:bold;
   float:left;
   font-size:1.2em;
   color:#ccc;
   }   

/* Videos */
#page-mainbox #videoscreen{
   padding-bottom:20px; 
  }

#page-mainbox div#OOshowOO div.vid{
   overflow:hidden;
   width:100px;
   height:90px;
   float:left;
   padding-bottom:10px;
   border-bottom:solid 10px #fff;
   margin:0 0 0 14px;
   }

#page-mainbox div.vid a,
#page-mainbox div.vid span{
   text-decoration:none;
   font-size:0.9em;
   font-style:normal;
   font-weight:normal;
   }

#page-mainbox div.vid span{
   font-weight:bold;
   }

#page-mainbox div.vid img{
   float:none;
   margin:0 auto;
   }									      

/*----------------------------
  ----------Tabellen----------
  ---------------------------- */
  
table {
   width:96%;
   border-collapse:collapse;
   background:#fff;
}	

td, th {
   vertical-align:top;
   font-size:0.9em;
   padding:2px 0 2px 4px ;
   border-bottom:solid 1px #ccc;
   }

th {
   border-bottom:solid 1px #000;
	background: url("../images/layout/headnavi-bg.png") #bd0000;
	color:#fff;
   }

td.time{
   font-weight:bold;
   white-space:nowrap;
   } 
   
.col1{
   background-color:#fff;
   width:16%;
   }

.col2 {
   background-color:#f2f2f2;
   width:16%;
   }


.even {

}
.odd {

   }
   
/*----------------------------
  ----------Formulare---------
  ---------------------------- */

fieldset{
   border:none;
   }

legend{
   display:none;
   }

label{
   font-weight:bold;
   display:block;
   width:100px;
   margin:4px 0;
   }

input{
   width:330px;
   border:solid 1px #666;
   margin:4px 0;
   }

input:focus,
   textarea:focus{
   background:#fffcdf;
   }

textarea{
   border:solid 1px #666;
   width:430px;
   height:200px;   
   }
   
#gb textarea{
   height:100px;   
   }


input.submit{
   display:block;
   background:#ccc;
   margin:10px 0;
   width:100px;
   font-weight:bold;
   cursor:pointer;
   }

div.msg,
div.succes{
   padding:2px;
   margin:10px 0;
   font-weight:bold;
   }

div.msg{color:red;}
div.succes{color:green;}


input#Ergebniss{
   width:100px;
   }
      
div.form-header{
   padding:10px 0;
   font-weight: bold;
   }