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

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

/* Allgemeine Selektoren */

html { height: 101%; } 
body {
	color: #595959;
	background-color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	line-height: 1.4;
	background-image: url(../bilder/bg01.gif);
}
h1 {
	font-size: 160%;
	font-weight:normal;
	font-style: italic;
	margin-bottom: 0.4em;
} 
h2 { font-size: 130%; }
h3 { font-size: 110%; }
address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal;  
   letter-spacing: 2px; 
   line-height: 1.5em;  
}

/* Hyperlinks */
a { text-decoration: underline; outline: none;} 
a:link, a:visited { color: #996600; } 
a:hover, 
a:focus {
	color: #CD8F12;
	text-decoration: underline;
}
a:active { 
   color: #996600; 
}

/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}
.bildlinks {
   float:left; 
   padding: 3px; 
   border: 5px solid #ccc; 
   margin-right: 10px; 
   margin-bottom: 10px; 
}
.bildrechts {
   float:right; 
   padding: 3px; 
   border: 5px solid #ccc; 
   margin-bottom: 10px;
   margin-left: 10px; 
}
.clearing { clear: both; }

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

#wrapper {
	width: 640px;
	margin: 0px auto auto auto;
	background: url(../bilder/bg_main_05.gif) repeat-y;
}

#kopfbereich {
	position: relative;
}
#textbox {
	width: 575px;
	background-repeat: no-repeat;
	padding: 0px;
}
#textinhalt {
	width: 360px;
	margin: 0 auto 0 auto;
}


#navibereich {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	position: static;
	height: 50px;
	font-size: 15px;
	background: url(../bilder/bg_main_03.gif) no-repeat;
} 
   #navibereich ul {
	margin-left: 130px;
	height: 49px;
   } 
   #navibereich li {
	list-style-type: none;
	margin: 0;
    float:left;
	height: 49px;
   }
   #navibereich a {
	display: block;
	text-decoration: underline;
	color: #465126;
	height: 34px;
	padding: 15px 8px 0px 9px;
   }  
   #navibereich a:hover,
   #navibereich a:focus,
   #startseite #navi01 a, 
   #musikseite #navi02 a,
   #bilderseite #navi03 a,
   #kontaktseite #navi04 a {
	color: #996600;
	border-bottom: none;
   }  
   #navibereich a:active {
	color: black;
   }  

#textbereich {
	padding: 30px 30px 30px 30px;
	height: 300px;
	position: relative;
	margin-bottom: 0px;
}

   #textbereich a { 
   }
   #textbereich a:hover,
   #textbereich a:focus { 
   }
   
   #textbereich ul {
	margin-left: 0.5em;
	margin-bottom: 0em;
	padding-left: 0.5em;
	padding-bottom: 1em;
}

#fussbereich {
	background: url(../bilder/bg_main_07.gif) bottom no-repeat;
	padding: 5px 0 15px 138px;
	font-style: italic;
	color: #747767;
	margin: 0 auto;
	clear: both;
	width: 502px;
/*   margin-top: 20px; entfernen */
}
#fussbereich a, #fussbereich a:visited {
	color: #747767;
}
#fussbereich a:hover, #fussbereich a:focus {
	color: #996600;
}

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

/* Das Kontaktformular */
input, textarea, .pulldown  {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-color: #666666;
border: 1px #CCCCCC solid;
background-color: #E8E9E1;
width: 210px;
padding: 3px;
margin-bottom:5px;
}

input:focus, textarea:focus, .pulldown:focus {
background-color:white;
border: 1px #999999 solid;

}

.auswahl
{
background-color: #fff;
border: 0px;
width: auto;
}
.btn
{
width: auto;
cursor:pointer;
border: none;
background-color: none;
}

.chkbx {
	width: auto;
	cursor:pointer;
	border: none;
	background-color: #D4D6C9;
	margin: 0;
	padding: 0;
}


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