/*----------------------------
  CSS April 2010
  ---------------------------- 
*/

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

img{
   border:none;   
   }  
/*----------------------------
  ------reset font sizes------
  ---------------------------- */

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

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

html{
   height: 101%;
   }

body {
	font-family: Arial, Verdana, sans-serif;
   font-size:0.75em;
	height: 100%;
	margin: 0;
	text-align:center;
	background:url('../images2010/Page-BgSimpleGradient.jpg') repeat-x left top #4a4a4a;
	color:#a8a8a8;
   }

#headbox {
   height:20px;
	color:#fff;	
	text-align:right;
	}
   
a {
   color:#a8a8a8;   
    }
    
a:hover {
   color:#ccc;   
    }

/*----------------------------
  ---Visual hidden elements---
  ---------------------------- */  
.aural,h1{
   position: absolute;
	left: -5000px;
	width: 250px;
   }
/*----------------------------
  ---global layout helper------
  ---------------------------- */
  
.clear{
   clear:both;
   }
   
#page-body{
   width:74.2em;
   margin:0 auto 10px auto;
   background:url("../images2010/header.jpg") no-repeat top center;
   position:relative;
   }

#foot-dekor{ }

#page-body * {
	position:relative;
   }

#page-headerarea-wrapper {}

#page-headerarea {
	height:335px;
	border-left:solid 1px #000;
   }

#page-headerarea-mainbox, 
#page-headerarea-rightbox,
#page-headerarea-leftbox{
   display: none;
   }

#page-wrapper {
	float:left;
   background-color: #262626;
   }

#body-head-navi {
	height:2.3em;
	background: url("../images2010/mainnavi.png") left top repeat-x #262626;
	position:relative;
	width:74.2em;
   }

#page-leftside {
	width:14.6em;
	float:left;
   position:relative;
   }

#page-main {
	width:45.4em;
   margin:0;
   float:left;
   position:relative;
   }
   
#page-rightside {
   width: 14em;
	float:right;
   position:relative;
   margin:0 2px 0 0;
   }
	
#page-main-footer {
	clear: both;
	position:relative;
	bottom: 0;
	text-align:center;
	color:#ccc;
	font-size:2em;
   }

#page-footer {
	clear: both;
 	}

#page-leftbox,
#page-rightbox{
   min-height:42em;
   background-color: #262626;
   padding-top:10px;
   }

#page-mainbox{
   padding:10px 12px 15px 12px;
   text-align:left;
   background:#363636;
   margin:10px;
   border:solid 1px #242424;
   border-right:solid 3px #191919;
   border-bottom:solid 3px #191919;
   }
   
.shadowbox{
   padding:10px;
   text-align:left;
   background:#363636;
   border:solid 1px #242424;
   border-right:solid 3px #191919;
   border-bottom:solid 3px #191919;
   margin:0 6px 6px 6px;
   } 

#bday{
   background:#4f4b45;
   }

hr{
   border:solid 1px #363636;
   margin:6px;
   clear:both;   
   }

a.download{
   padding-left:16px;
   background: url("../images2010/download.png") left 2px no-repeat;
   }

h2, h2 a{
   font-size: 1.6em;
   color: #d4d4d4;
   text-decoration: none;
   margin-bottom:1em;
   }

h2 a{
   color: #d4d4d4;
   text-decoration: none;
   }

h3{
   font-size: 1.2em;
   font-weight: bold;
   text-align: left;
   color: #a8a8a8;
   text-decoration: none;
   margin-bottom:1em;
   }

h3 a{
   color: #a8a8a8;
   text-decoration: none;
   }


#page-mainbox p{
   text-align: justify;
   margin-bottom:1.5em; 
   }

p.member{
   float:left;
   margin-right:5px;
   width:160px;
   }

#page-mainbox ul{
   margin:0 0 1.5em 20px;
   list-style: square;
   list-style-image:url("../images2010/BlockContentBullets.png"); 
   }

#page-mainbox ul li{
   padding-bottom:6px;

   }

.teaser{
   clear:both;
   margin-bottom:2em;   
   }

.teaser span.thumb2,
.teaser span.thumb,
.teaser span.img,
.full span.img{
   float:left; 
   padding-right: 20px;  
   } 
   
.full span.img{
   padding-right: 30px;  
   } 
   
.imagetext{
   font-style: italic;
   color: #696969;   
   display: block;
   padding:0 0 0.5em 0;
   }

#page-rightbox h3,
#page-rightbox  h3 a{
   font-size: 1em;
   font-weight: bold;
   text-align: left;
   color: #c2c2c2;
   text-decoration: none;
   margin-bottom: 10px;
   background: url("../images2010/BlockHeaderIcon.png") left 3px no-repeat;
   padding-left:12px; 
   }
#page-rightbox p{
   padding:0 4px 10px 0;
   }
#page-rightbox ul{
   padding:0 4px 0 0;
   list-style: none;
   }

#page-rightbox li{
   padding:4px 0;
   }
   
#page-rightbox a.random{
   display:block;
   text-align: center;
   margin:10px auto;  
   }
   
#page-rightbox a.random img{
   display:block;
   text-align: center;
   margin:auto;     
   width:120px;  
   border:solid 1px #262626;
   }
   

table {
   width:100%;
   background-color:#4c4c4c ;
   }	

td, th {
   margin: 0;
   vertical-align:top;
   font-size:0.9em;
   padding:2px 0 2px 4px ;
   text-align: left;
   }

th {
   background-color: #363636;
   }

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

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


/*Bildergalerie*/

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

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

#page-mainbox div.katfoto img{
   border:solid 1px #262626;
   }
#page-mainbox div.foto-archiv,
#page-mainbox div.foto{
   display:block;
   float:left;
   width:160px;
   text-align:center;
   padding:3px 4px;
   }

#page-mainbox div.foto-archiv{
   width:150px;
   }



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

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

#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;
   border:solid 1px #262626;
   }

#page-mainbox div#paspertou{
   text-align:center;
   min-height:315px;
   clear:both;
   margin:0 -4px;
   overflow: hidden;
   }

#page-mainbox div#paspertou img{
   width:500px;
   }

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

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

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

#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:#262626;
   }    

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

/* Videos */
#page-mainbox .videothumb{
   width:160px;
   height:120px;
   float:left;
   padding-bottom:10px;
   margin:0 10px 0 0;
  }

#page-mainbox #videoscreen{
   padding-bottom:20px;
   margin-left: -2px;
  }

#page-mainbox div#OOshowOO div.vid{
   overflow:hidden;
   width:100px;
   height:90px;
   float:left;
   padding-bottom:10px;
   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;
   }									      
/*----------------------------
  ----------Formulare---------
  ---------------------------- */

fieldset{
   border:none;
   padding:0 0 30px 30px;
   }

legend{
   display:none;
   }

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

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: url("../images2010/Button.png") left top repeat-x;
   margin:10px 34px 0 0;
   width:100px;
   color: #fff;
   cursor:pointer;
   float:right;
   font-size: 0.95em;
   }

input.submit:hover{
   background: url("../images2010/Button.png") left bottom repeat-x;
   color:#000;
   }
   
input#Ergebniss{
   width:100px;
   }
      
div.form-header{
   padding:10px 0;
   font-weight: bold;
   color:#ccc;   
   }

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

div.msg{color:red;}
div.succes{color:green;}
   
/*----------------------------
  --------Navigationen--------
  ---------------------------- */
/*Navigation*/   
#headbox ul {
   padding:4px;
   list-style:none;
   width:870px;
   margin:0 auto;
   }   
   
#headbox ul li {
   padding:4px;
   display:inline;
   }   
   
#headbox ul li a{
   color: #a8a8a8;
   text-decoration:none;
   }   
   
#headbox ul li a:hover,
#headbox ul li span{
   text-decoration:underline;
   color: #a8a8a8;
   }  

#body-head-navi ul{
   list-style:none;
   padding-left:1em;
   height:1.8em;
   }   
   
#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:5px 20px 2px 20px;
   display:block;
   text-align:center;
   color:#d4d4d4;
   height:20px;
   text-decoration:none;
   height:1.3em;
   border-right:solid 1px #262626;
   border-left:solid 1px #363636;
   
   }   
   
#body-head-navi ul li a:hover,
#body-head-navi ul li span{
   background:#262626;
   color:#fff;
   } 
   
#page-leftbox-navigation {
   text-align:left;
   }   
  
#page-leftbox-navigation ul{
   list-style:none;
   }

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

#page-leftbox-navigation ul li a,
#page-leftbox-navigation ul li span{
   padding:4px 0 4px 10px;
   text-decoration:none;
   display:block;
   background: url("../images2010/BlockContentBullets.png") left center no-repeat;
   }
   
#page-leftbox-navigation ul li a:hover,
#page-leftbox-navigation ul li span{
  
  }

#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:6px;
   padding:2px 0 2px 10px;
   }

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

#footer-navi {
   background:url("../images2010/footer.jpg") top no-repeat;
	clear: both;
	position:relative;
   height:50px;
   color:#a8a8a8;
   padding-top:12px;
	}
  
#footer-navi ul li {
   padding:8px;
   display:inline;
   } 
   
#footer-navi a{
   text-decoration:none;
   color:#a8a8a8;
   }

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

 /*----------------------------
  --------Guestbook--------
  ---------------------------- */  
#page-mainbox p.comment{
   font-size: 0.95em;
   font-style: italic;
   padding-left:1em;
   }  
   
#page-mainbox p.guestbook{
   margin-bottom: 0.5em;  
   }    
 
#page-mainbox hr.guestbook{
   border:solid 1px;
   margin:1em;  
   }