/* ===================================
Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; } 
h2 { margin-bottom: 0em; } 
p, ul, ol { margin-bottom: 1em; } 

ol ul { margin-bottom: 0; } 

li { margin-left: 2em; }    
   
/* ==================================
   2. Allgemeine Styles 
   =============================== */   
html {
overflow-x: hidden;
}
   
body { 
  background-color: #000000; 
  color: white; 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%;   
  margin:20px;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }

address {
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5; 
}

/* ================
   Hyperlinks    */  

a { 
  text-decoration:underline;
  outline: none; 
} 
a.bildlink{text-decoration:none}
a:link { color: #FFFFFF; text-decoration:underline; } /* nicht besuchte Links */ 
a:visited { color: #F0F0F0; text-decoration:underline;} /* besuchte Links */ 
/*
a:hover, 
a:focus { 
  border-bottom: 1px solid #d90000; 
} 

a:active { 
  background-color: #000000; 
  color: white; 
}  
*/
/* =====================
   Klassen und IDs    */

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}



#logo {
  color: black; 
  padding: 15px;  
}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   
   
#iframe_1 {
text-align: justify;
width: 800px;
height: 560px;

}

.abstand_iframe{
padding: 0px ;
} 



.scrollbereich {
overflow-x: hidden;
overflow: auto;
width: 730px;
height: 560px;
padding-right: 15px;
}
   

#outer {
 background:#000000;
 text-align:left;
 width:800px;
 height:730px;
 margin:auto;
 }

#top {
 height:150px;
 color: #ffffff;
 width:500px;
 float: left;
 text-align:right;
 background: url(../images/logo.jpg);
 background-repeat:no-repeat;
 background-position: right;
 }

#bar {
 /*width: 600;*/
 height:150px;
 color: #ffffff;
 text-align:right;
 }



#cont {
 overflow-x: hidden;
 color: #ffffff;
 height: 560px;
 text-align:left;
 padding: 10px 50px;
 background:url(../images/bg.jpg);
 background-repeat:no-repeat;
 background-position: bottom;

 }

#ftr {
 height:20px;
 /*background:#fd803d;*/
 color: #ffffff;
 margin:0;
 }

#zentrieren { text-align: center; }

#textbereich {
  font-family: serif;
  font-size: 120%;
  overflow:hidden;
  padding: 20px 10px 20px 20px; 
}
    #textbereich a {
      border-bottom: 1px dotted #cc0000; 
    }
    #textbereich ul li { list-style-type: square; }
    #textbereich img { float:left; 
                       padding: 0px 10px 10px 0px;
                     }
    #textbereich a:hover,
    #textbereich a:focus {
      border-bottom: 1px solid #d90000; 
    }
#profilbild {
   float:right;   
   padding: 10px 10px 0px 0px;

} 

#gaestebuch {
 width:680px;
 color: #000000;
 border-bottom:1px solid #FFFFFF;	
 border-left:1px solid #FFFFFF;	
 border-right:1px solid #FFFFFF;	
 border-top:1px solid #FFFFFF;	
 text-align:left;
 padding: 10px 10px 10px 10px; 
}
#gbnav {
 width:680px;
}
#gbvor
{ text-align:right;
 float:right;
}
#gbzurueck
{ text-align:left;
 float:left;
}
#datum {
 color: #000000;
 text-align:right;
 float:right;
 }
#counter{
 width:120px; 
 border:0px;
 text-align: center;
 position:absolute; 
 bottom:10px; 
 right:10px;
}

#album1{
width:350px;
float:left;
}
#album2{
}
/* ==================================
   4. Sonstige Styles 
   =============================== */   

 #Galery {
	text-align: left;
	}
#Galery .Main {
	width: 700px;
	border:0px solid #000000;
	padding: 0px;
	margin:0px;
	}
#Galery img{
	border:0px;
	}
	
/* Navigation */
#Galery .navigation {
	padding:0px ;
	}	
#Galery .navigation img{
	border:0px;
	}	
		
/* Links */
#Galery  a{
	text-decoration:none;
	color: #FFFFFF;
	}
#Galery a:hover{
	text-decoration:none;
	color: #FF0000;
	}
	
/* Seitennummern */
#Galery .seitennr a{
	text-decoration:none;
	font-size:small;
	}
#Galery .aktseitennr{
	color:#ffffff;
	text-decoration: underline overline;
	}

/* Thumbnails */
#Galery .thumb td{
	padding:5px;
	font-size:smaller;
	}
#Galery .thumb img{
	border:#ffffff solid 1px;
	}	
	
/* Vorschubild */
#Galery .show td{
	padding:5px;
	}
#Galery .show img{
	border:#ffffff solid 1px;
	}

/* Info */			
#Galery .info {
font-size:small;
}

/* Download */			
#Galery .download {
font-size:small;
}		
#Galery .download a{
color: #666666;
font-size:small;
}

/* Kategorieauswahl Menue */
#Galery form {
	margin:0;
	}
#Galery .kategorie select {
	color: #222222;
	font-size: 9pt;
	border: 1px solid #444444;
	}
	
/* Bilder Pro Seite Auswahl*/
#Galery .bilders {
font-size:smaller;
}
#Galery .bilders select {
	color: #222222;
	font-size: 9pt;
	border: 1px solid #444444;
	}		

   
   
   


/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */