/* CSS Document */
body{
font:normal 100.01% verdana, arial, verdana, sans-serif;
/*background-color: #ebeded;*/
background-color: #666666;
background-image:url(bilder/bg.jpg);
background-repeat: repeat-x;
padding: 0;
margin: 0;
}
#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}

#reinart
{
width: 800px;
height: 100px;

margin: 0;
padding: 0;
}

#reinart img{
width: 800px;
 height: 100px;
 border: 0px;  
}
#navi
{
background-color:#333333;
margin-top: -3px;
z-index:10;
padding: 0;
}

#content {
min-height:500px; /* Mindesthöhe in modernen Browsern */
height:auto !important; /* !important-Regel für moderne Browser */
height:500px; /* Mindesthöhe in IE <7 */
padding: 15px 30px 5px 30px;
margin: 0;
/*border: 2px solid red;*/
background-color: #f3f1e9;
color: black;
border-left: 2px solid #ebeded;
border-right: 2px solid #ebeded;
border-bottom: 1px solid #cccccc;
} 

#content .home_bild1{
width: 730px;
 height: 325px;
  border: 0px;
}

#content .dudtradvert{
width: 570px; 
height: 70px;
border: 0px;
margin-top: 50px; 

}

#content .vika{
 background-color: white; 
 padding: 0; 
 border-top: 2px solid #d8d9d9; 
 border-right: 2px solid #d8d9d9; 
 border-left: 2px solid #d8d9d9;
 width: 200px;
  height: 309px; 
}

#navibereich{
margin: 0;
padding:8px 1px 6px 15px; /* Innenabstand: oben/unten 4px, li/re 0 */
border-top: 3px solid #666666;
border-bottom: 2px solid white;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: small;
color: #bbb6b6;
border-left: 0px solid #66666;
border-right: 0px solid #666666;
background-color: #043c21;
}

#navibereich a{
text-decoration: none;
display: inline;
padding: 6px 6px;  
font-weight:bold;
margin: 0;
color: #aaa4a4;
}


#navibereich a:hover,
#navibereich a:active,
#indexseite #index, 
#homeseite #home,
#dudtradseite #dudelsack_traditionell,
#dudmodernseite #dudelsack_modern,
#bioseite #biographie,
#newsseite #news,
#kontaktseite #kontakt,
#galerieseite #galerie,
#sitemapseite #sitemap a { 
  background-color: #f3f1e9;
 /* background-image: url(bg.jpg);/* Hintergrundgrafik einfügen */
  /*background-repeat: repeat-x; /* von links nach rechts wiederholen */
background-position: top left; /* oben links beginnen */ 
margin: 0;
padding: 6px 6px;
color: #333333;
}

#navibereich li {
  display: inline; /* Listenelemente nebeneinander */
  list-style-type: none; /* Aufzählungszeichen entfernen */
  margin: 0;
  /*border: 2px solid blue;*/
}
 
#navibereich li li a, li li a:hover{
padding-left:20px;
color: #FFFF00;
margin: 0;
}

/*  ----------------footer---------------------- */ 
#footer {
width:790px;
position: relative;
padding:5px;
margin-top: 0px;
margin-bottom: 0px;
text-align: right;
color: #999999;
background-color: #ebeded;
border-top: 1px solid #e3e4e3;
border-bottom: 2px solid #e4e3e4;
/*background-image: url(bg1.jpg);*/
/*background-repeat: repeat-x; } */
}


#sehbehinderung{
position: absolute;
margin-left: 644px;
margin-top: 25px;
}

#sehbehinderung a {
text-decoration: none;
display: block;
color: black;
padding: 1px 4px;  
font-weight:bold;
background-color: #ebeded;
border: 0px;
}


#sehbehinderung a:hover,
#sehbehinderung a:active
{ 
  background-color: white;
 /* background-image: url(bg.jpg);/* Hintergrundgrafik einfügen */
  /*background-repeat: repeat-x; /* von links nach rechts wiederholen */
background-position: top left; /* oben links beginnen */ 
border: 0px;
}

#sehbehinderung li {
  display: inline; /* Listenelemente nebeneinander */
  list-style-type: none; /* Aufzählungszeichen entfernen */
  margin: 0 0 0 -4px;
  /*border: 2px solid blue;*/
}

.groesser{
font-size: 13px;
}

.kleiner{
font-size: 11px;
}

/* lightbox*/
#lightbox {
	background-color:#eee;
	padding: 10px 10px 10px 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#thumbnail{
background-color: #f3f1e9;
float: left;
}

#thumbnail img{
width:80px;
height: 80px;
}
.thumbnail
{
float: left;
display:inline;
border: 1px solid white;
margin: 0 10px 15px 15px;
padding: 8px 5px 5px 8px;
width: 82px;
height: 110px;
background-image: url(bg4.jpg);
background-repeat:repeat-x;

}

.th_hervorhebung{
color: #999999;
font-weight: bold;
font-size: 0.7em;
}


.clearboth { clear: both; }

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



a {color: #ebeded; text-decoration: none;}
a:visited {color: #ebeded; text-decoration: none;}
a:hover {color: #ebeded; text-decoration: none;}
a:active { color: #564b47; text-decoration: none;}

h1 {
font-size: 0.9em;
text-transform:uppercase;
padding:5px 10px 5px 0;
margin:0px; 
color: #666666;}

.pinline {
font-size: 0.7em;
text-transform:uppercase;
padding:5px 10px;
margin:0px; 
display: inline;
color: #666666;}
h2 {
font-size:0.7em;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: black;
z-index: 14;
}

.hervorheben {
font-weight: bold;
}

p a,
p a:active {
color: #333333;
text-decoration: underline;
font-weight: bold;
}

p a:hover {
color: green;
text-decoration: underline;
font-weight: bold;
}

p a:visited {
color: #666666;
text-decoration: underline;
}

input:hover, input:active, input:focus, 
select:hover, select:active, select:focus
textarea:hover, textarea:active, textarea:focus {
    background-color: #5ece56;
    border: 2px solid #ccc;
}


/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	/*background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;*/
	padding: 2px;
	vertical-align: top;
	width: 80px;
	height: 80px;
	background-image: url(bg4.jpg);
background-repeat:repeat-x;
background-color: #f3f1e9;
border-style: none;
}

.hoverbox li
{
	/*background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;*/
	/*color: inherit;*/
	display: inline;
	float: left;
	margin: 20px;
	padding: 5px;
	position: relative;
	background-image: url(bg4.jpg);
background-repeat:repeat-x;
background-color: #f3f1e9;
border-style: none;
}

.hoverbox .preview
{
	
	width: 250px;
	height: 250px;
}