/*  =================================================================================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 1em; } 

/* Allgemeine Selektoren */

html { height: 101%; } 

body { 
   color: white; 
   background-color: #00aaFF; /* #8c8c8c; */
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 62.5%;
}
h1 { font:24px Verdana, Arial, Helvetica, sans-serif;
	 color: #FFFFFF;
	 letter-spacing:.2em;
	 line-height:30px;
} 
h2 { font:12px Verdana, Arial, Helvetica, sans-serif;
	 color: orange;
	 letter-spacing:.2em;
	 line-height:30px;
}
h3 { font-size: 150%; }
p, ul, ol { font-size: 130%; }
ul ul { font-size: 100%; }

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

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
/*
a:link { color: #d90000; } 
a:visited { color: #cc6666; }
a:hover, a:focus {  border-bottom: 1px solid #d90000 }
a:active { color: white; background-color: #d90000; }
*/

/* Allgemeine Klassen und IDs */
.bildlinks {
   float:left; 
   padding: 3px; 
/*   border: 5px solid #ccc;  */
   margin-right: 6px; 
   margin-bottom: 6px; 
}
.bildrechts {
   float:right; 
   padding: 3px; 
/*   border: 5px solid #ccc;  */
   margin-bottom: 6px;
   margin-left: 6px; 
}
.clearing { clear: both; }

.skiplink {
   	background: #E6F3FF;
	color: #E6F3FF;
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	font-size: 0px;
	line-height: 0px;
}

.skiplink a:link {
   	background: #E6F3FF;
	color: #E6F3FF;
	position: absolute;
	display: inline;
	font-size: 0px;
}

.hiddenlink {
   	background: #0066FF;
	color: #0066FF;
	 border-color: #0066FF;
	 	 border-width:0px;
   float:right; 
   padding: 0px; 
   margin-bottom: 0px;
   margin-left: 0px; 
	display: inline;
	font-size: 0px;
	line-height: 0px;
}


.hiddenlink a,.hiddenlink:link, .hiddenlink a:visited, .hiddenlink a:focus, .hiddenlink a:active {
   	background: #0066FF;
	color: #0066FF;
	 border-color: #0066FF;
	 border-width:0px;
	  border-bottom: 0px solid;
	font-size: 0px;
	line-height: 0px;
}

.infobereich {
   	background: #E6F3FF;
	color: #E6F3FF;
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	font-size: 0px;
}

.infobereich a:link, .infobereich a:visited, .infobereich a:hover, .infobereich a:focus { 
   	background: #E6F3FF;
	color: #E6F3FF;
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	font-size: 0px;
}


/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper { 
   color: black; 
   background: #E6F3FF;
   border-color: #000099;
   border-style: solid;
   border-width: 1px;
   width: 1024px;
   margin: 10px auto;
}

#kopfbereich {
   position: relative;  
   color: black; 
   background: #3366CC url("images/head_img.png") repeat-y top left;
   padding: 10px 20px 10px 20px; 
   height: 100px;
}

#infobereich {
	position: relative;
	color:black;
	background: #CCFF99;
    border-style: solid;
    border-width: 1px;
    border-left-style: none;
    border-right-style: none;
	font:8px Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
    padding: 1px 1px 1px 10px; 
}
	#infobereich ul, #infobereich li {
	    display: inline;
	    list-style-type: none;
	    color:black;
	}
	#infobereich ul {
	    margin: 0;
	    padding: 0;
	}
	#infobereich ul li {
	    margin-right: 3px;
	}
	#infobereich ul li a {
	    padding-right: 15px;
	    color:black;
	}
	#infobereich ul li p {
	    display: inline;
	    margin: 0;
	    padding: 0;
	    font-size: 1em;
	}
	#infobereich ul li a, .path ul li a:link, .path ul li a:visited, .path ul li a:hover, .path ul li a:active {
    	background: transparent url(images/icon_path.gif) no-repeat right;
	} 	

#navibereich {
   float: left; 
   width: 150px;
   padding-left: 2px; 
   padding-top: 2px; 
} 

#textbereich {
   float: right; 
   width: 870px; /* = 1024 - navibereich Width - 2 */
}
   #textbereich a { 
      border-bottom: 1px dotted #cc0000; 
   }
   #textbereich a:hover,
   #textbereich a:focus { 
      border-bottom: 1px solid #d90000; 
   }
#text01 { 
	/* background: #C0DFFD; */
   float: left; 
   width: 670px; /*= textbereich.width - rightbanner.width - Rand (=40) */
   color: black; 
   background-color: #C0DFFD;  
   padding: 10px 1em 10px 1em; /* NEU */
}
	#text01 h2 {
		color:black;
	   	text-align: left;  
   		font-size: 150%;      
   		font-style: normal;  
   		letter-spacing: 2px; 
   		line-height: 1.5em;  
	}
	
#rightbanner {  
   float: right;  
   width: 170px; /* NEU */
   padding: 2px 2px 2px 1px; 
   text-align: center;
}

#rightbanner p {
	text-align: center;
}

#fussbereich {
   clear: both; 
   color: black; 
   background-color: white; 
   padding: 10px 20px 20px 20px;
   border-top: 1px solid #8c8c8c; 
}

#counter {
	position: absolute ;
	top:300px;
	padding: 2px 2px 2px 2px;
	border-style: solid;
    border-width: 1px;
    width:74px;	
}

#counterdiv {
//	position: absolute ;
//	top:340px;
margin-top:50px; margin-left:3%; 
	padding: 1px 1px 1px 1px;
	border-style: none;
    border-width: 0px;
    width:144px;		
}
#countertitle {
	text-align: center;
	font: 8pt Arial;
	color: #FFFFFF;
	background-color: #003366;
	border-style: solid;
	border-bottom-style : none;
	border-width: 1px;
	border-color: #000099;
}
#counterline {
	text-align: center;
	font: 8pt Arial;
	color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #000099;
	background-color: #C0DFFD;

}



.photo {
	float:left;
	padding: 0px 10px 10px 10px;
	width : 330px;	
}

.photoright {
	float:right;
	padding: 0px 10px 10px 10px;
	width : 330px;	
}

.text {
	float:left;
	padding: 0px 10px 10px 10px;
	width : 330px;	
}


/* ==================================== 
   3. Sonstige Styles 
   ==================================== */

/* Das Kontaktformular */
xform {
   background-color: #eee;
   width: 388px;
   padding: 20px; 
   border: 1px solid #8c8c8c;
}

/* Die Fotogalerie */
div.galerie { 
   overflow: hidden; 
   padding: 25px 10px 10px 0; 
   margin: 0 3px 3px 0; 
 }
/* für IE6 */
* html div.galerie { height: 1%; } 
 
div.galerie img { 
   float: left; 
   padding: 4px;
   border: 1px solid #ddd; 
   border-right-color: #aaa; 
   border-bottom-color: #aaa; 
   margin-right: 15px; 
   margin-bottom: 15px;  
}


/* Tabellen */

.thead {
	background-color: #003366;
	color:white;
	/* font-size: medium ; */
	font-size: 18px;
	text-align: center ;
}

.theadsmall {
	background-color: #003366;
	color:white;
	/* font-size: small ; */
	font-size: 13px;
	text-align: center ;
}

.tline1 {
	background-color: #3399FF;
	color:white;
	/* font-size: small ; */
	font-size: 13px;
	text-align: left ;
}



.tline2 {
	background-color: #0066CC;
	color:white;
/* font-size: small ; */
	font-size: 13px;
	text-align: left ;
}

.buttontable {
	background-color: gray;
	width: 700px;
	color:white;
	/* font-size: medium ; */
	font-size: 18px;
}


.tablebutton {
	font-size: 120%;  
	text-align: center ;
	color:white;
}

.textbereich .tablebutton a {
	color:white ;
    border-bottom: 1px dotted #cc0000; 
}


/* ==================================== 
   G�stebuch Styles
   ==================================== */

.ueberschrift {
	COLOR: #aaaa55; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 8pt
}
.ueberschriftklein {
	COLOR: #885555; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 8pt
}
.ueberschriftklein2 {
	COLOR: #555500; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 8pt
}
.ueberschriftrot {
	COLOR: #FF9999; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 8pt
}
.normalertext {
	COLOR: #cccccc; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 8pt
}
.normalertextschwarz {
	COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 9pt
}
.normalertextklein {
	COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 7pt
}
.eintragstext {
	COLOR: #000000; FONT-FAMILY: Tahoma,Arial,Helvetica; FONT-SIZE: 10pt
}

.style0 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:4px;
    padding: 1px 1px 1px 1px; 

	margin-left: 10px;
}
.style1 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:4px;
    padding: 1px 1px 1px 1px; 

	margin-left: 20px;
}
.style2 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:4px;
    padding: 1px 1px 1px 1px; 

	margin-left: 40px;
}

/* ==================================== 
   Bücherlisten Styles
   ==================================== */

#buch 		{ font-size:12px; }
#buch h2 	{ font-size:17px;letter-spacing:1px;line-height:1.2em; color:maroon; font-weight: normal; margin-top:10px; }
#buch img 	{ margin-right: 10px; }
#buch p 	{ margin:0pt; padding:0pt; margin-left: 0px; padding-left:0px; }
#buch table { border-style: solid; font-size:12px; }
#buch td 	{ }
#buch td#l1 { color:blue;}

/* ==================================== 
   GoogleSearch iFrame 
   ==================================== */

#cse-search-results iframe 
{
	width: 150px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: black; 
   	background-color: #C0DFFD; 
}

#cse-search-results
{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: black; 
   	background-color: #C0DFFD; 
}

#cse-search-box
{
	width: 150px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: black; 
   	background-color: #C0DFFD; 
}

#gsc-branding table
{
	height:0px;
}

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */


/* ==================================== 
   Neues Menü
   ==================================== */

#newmenu
{
  	margin-top:3px; margin-left:3%; padding:0px 0px 0px 0px; width:142px; border:1px solid black;
  	background-color:#c0dffd; color:#000;
	font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 9pt; font-size-adjust: none;
	font-stretch:normal; -x-system-font: none; 
}
#newmenu 
{
  font-size:9pt;line-height:20px;
}
#newmenu a,#newmenu a link
{
  color:#000000; background-color:transparent; padding-left:2px; text-decoration:none;
}
#newmenu a:hover,#newmenu a:focus
{
  color:#000; background-color:#ffffff; width:140px;
}

#newmenu a 
{
  display:block; width:99%;
}


#newmenu_title
{
	background-color:#003366;
	border-color:#000099;
	border-style:solid solid none;
	border-width:0px;
	color:#f0f0Ff;
	font-family:Arial;
	font-size:10pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	text-align:center;	
}

#newmenu_section
{
 	padding:0px 0px 0px 0px; width:141px; border:0px none; border-width:0px;
  	background-color:#3366CC; background-color:#003366; color:#F0F0FF;
	font-family: Arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10pt; line-height: 24px; font-size-adjust: none;
	font-stretch:normal; -x-system-font: none; 
	padding-left:2px;
}


/* ======================================= 
   Developerlinks 
   ======================================= */

#DevLinks 	{ font-size:12px; }
#DevLinks table { border-style: solid; font-size:12px; }
#DevLinks tr#h	{ height:20px; }
#DevLinks td#h	{ height:20px; }
#DevLinks td 	{ height:40px; }
#DevLinks td#l1 { color:blue;}

/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */

#tweetmeme_button
{
   	background: #CCFF99;
	color: #CCFF99;
}