html
{	overflow: hidden;
}
body
{  color: #f0f0f0;
   background-color: #000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 1.5em;
   background-image: url(../graphics/bkgrnd3.jpg);
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: center top; 
	overflow: auto;
}

body, #sb, #inhalt
{	scrollbar-base-color: #666;
	/*scrollbar-3dlight-color: #f55;*/
	scrollbar-arrow-color: #666;
	scrollbar-darkshadow-color: #000;
	/*scrollbar-face-color: #000;*/
	scrollbar-highlight-color: #666;
	scrollbar-shadow-color: #111;
	scrollbar-track-color: #222;	
}

#background
{	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: center top; 
}
#background
{
	background-image: url(../graphics/bkgrnd3.jpg);
	z-index:2;
	
} 

/*  addresses the background of the bar itself. It is usually covered by the other elements */
#sb::-webkit-scrollbar,
#inhalt::-webkit-scrollbar
{
   width: 1em;
	background-color: #222;
}

/* addresses the directional buttons on the scrollbar */
#inhalt::-webkit-scrollbar-button, 
#sb::-webkit-scrollbar-button 
{
	background-color: #222;
	-webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}
/* addresses the empty space �below� the progress bar */
#sb::-webkit-scrollbar-track, 
#inhalt::-webkit-scrollbar-track 
{	/*background-color: #fafafa;*/
   /* -webkit-box-shadow: inset 0 0 6px #D2DA87; */
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   border-radius: 10px;
   background-color: #222;
   color: red;*/
}


/* is the top-most layer of the the progress bar not covered by the draggable scrolling element (thumb) */
/*
#sb::-webkit-scrollbar-track-piece, 
#inhalt::-webkit-scrollbar-track-piece 
{
}
*/
/* addresses the draggable scrolling element that resizes depending on the size 
of the scrollable element */ 
#sb::-webkit-scrollbar-thumb, 
#inhalt::-webkit-scrollbar-thumb 
{
  background-color: #666;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  /*outline: 1px solid black; / *#A8C495;*/
}

/* addresses the (usually) bottom corner of the scrollable element, where two scrollbars might meet */
#sb::-webkit-scrollbar-corner, 
#inhalt::-webkit-scrollbar-corner 
{
	background-color: #e0e0e0;
	
}
/* addresses the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements */
#sb::-webkit-resizer, 
#inhalt::-webkit-resizer 
{
	background-color: #f5f5f5;
}


h1 
{	font-size: 16px;
/*	text-transform: uppercase; */
	padding: 5px 15px;
	margin: 0px 
}

h2 
{	font-size: 20px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0px;
}

h3
{	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
.hint
{	color: #9999ff;
	font-size: 14px;
}

.mittig, .hint
{	text-align: center;
	
}
.table p, .table ol, .table ul
{	font-weight: bold;
	/*visibility: hidden; */
	display: none
}
.table p/*, .table p ol p*/
{	text-align: center; }
.table 
{	margin: 0 auto 0 auto ;}

.table:hover p, .table:hover ol, .table:hover ul
{	color:#ff0;
	/*visibility: visible;*/
	display: block;
}

hr
{	border:  1px solid #c0c0c0;
	color: #c0c0c0; /*IE */
	background-color: #c0c0c0; /*Opera, Mozilla */
	margin-left: -10px;
	clear: both;
	width: 100%;
}

a:link 
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #99f;
}

a:visited { color: #99f; }
a:focus, 
a:hover, 
a:active { text-decoration: underline; }

a img
{	border:0;
}

button
{	background-color: #5a8cc6;
	color: #fff;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

button:hover
{	background-color: #666;
	color: #fff;
}

/* .em { color: #ff0; } */
/* .e { color: #ee0; } */
fieldset
{	padding: 5px;
}

legend
{	margin: -7px 10px 10px 10px;
}

legend.contrast
{color: #fff;
}

.links 
{	text-align: left;
}
#mitte, #inhalt
/* {	scrollbar-base-color: #5a8cc6; */
/* 	scrollbar-3dlight-color: #5a8cc6; */
/* 	scrollbar-arrow-color: #3C6EA2; */
/* 	scrollbar-darkshadow-color: #3C6EA2; */
/* 	scrollbar-face-color: #5a8cc6; */
/* 	scrollbar-highlight-color: #88ADD2; */
/* 	scrollbar-shadow-color: #4D83BB; */
/* 	scrollbar-track-color: #759FC9; */
/* } */

/* #inhalt, #inh  */
/* {	scrollbar-base-color: #000; */
/* 	scrollbar-3dlight-color: #000; */
/* 	scrollbar-arrow-color: #000; */
/* 	scrollbar-darkshadow-color: #000; */
/* 	scrollbar-face-color: #000; */
/* 	scrollbar-highlight-color: #000; */
/* 	scrollbar-shadow-color: #000; */
/* 	scrollbar-track-color: #000; */
/* } */

#inhalt a:link
{ 	color: #5a8cc6;
	font-weight: normal;
	text-decoration: none;
}

#inhalt a:visited
{ 	color: #6a9cd6;
}

#inhalt a:hover
{	text-decoration: underline;
}

#inh
{ 	color: #fff;
	min-height: 80%;
	bottom:0;	
}
.title
{	color: #fff;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
}

#untenmobil a { display: inline-block; padding:4px; }
#untenmobil a, 
#untenlinks a,
/* #untenmobil a:link, */
/* #untenmobil a:hover,  */
/* #untenlinks a:hover { color: #fff; } */
/* #untenmobil a:visited, */
/* #untenlinks a:visited { color: #cee7ff; } */

#untenrechts
{	/*color: #cee7ff;*/
	text-align: right;
/* 	font-size: 0.9em; */
}

.alarm
{ 	font-weight: bold;
	color: #f00; 
}

.angebot
{	max-width: 160px; 
   text-align: left; 
   padding: 5px; 
}


.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #f0f0f0;
}

.eingerueckt
{	padding: 10px 0 5px 125px;
}

.eingerueckt2
{	padding: 0 0 0px 40px;
}

.fehler  
{ 	font-size: 2em;
	font-weight: bold;
	color: #f00; 
}

.fett
{	font-weight: bold;
}

.gaestebuch
{	text-align: left;
	padding: 10px;
}

.undurchsichtig
{	opacity: 1.0;
	filter: alpha(opacity=100);	
}

.hell { background-color: #fff; }

.dunkel { background-color: #000; }

.gastarea	
{ 	height: 100px;
	width: 565px;
	font-family: Arial, sans-serif;
	scrollbar-base-color: #f33;
	scrollbar-3dlight-color: #555;
	scrollbar-arrow-color: #c0c0c0;
	scrollbar-darkshadow-color: #000;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: #666;
	scrollbar-shadow-color: #111;
	scrollbar-track-color: #222;
	
/* 	scrollbar-base-color: #B9D1EA; #5a8cc6; */
/* 	scrollbar-3dlight-color: #5a8cc6; */
/* 	scrollbar-arrow-color: #3C6EA2; */
/* 	scrollbar-darkshadow-color: #3C6EA2; */
/* 	scrollbar-face-color: #B9D1EA; #5a8cc6; */
/* 	scrollbar-highlight-color: #fff; #88ADD2; */
/* 	scrollbar-shadow-color: #4D83BB; */
/* 	scrollbar-track-color: #B9D1EA; #759FC9; */
/* 	opacity: 0.8; */
/* 	filter: alpha(opacity=80); */
	
}

.gastfieldset
{	width: 620px;
	padding: 0px 10px;
	margin-bottom: 10px;	
}

.gastfieldset legend
{	font-weight: bold;
	font-size: 1.2em;
}
.gastfieldset hr
{	margin: 5px 0px;
}
		
.gastselect
{	width: 600px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.hervor,
.hervor5
{	position: relative;
	left: 0px;
	background-color: #5a8cc6;
	color: #fff;
	font-weight: bold;
	width: 75px;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.hervor
{	padding: 10px 2px;
	font-size: 2em;
}

.hervor2,
.hervor4
{	position: relative;
	left: 79px;
	background-color: #B9D1EA; 
	color: #000;
	width: 521px;
	text-align: left;
	padding: 0 10px;
	font-size: 1.2em;
	vertical-align: middle;
}

.hervor2
{	height: 47px;
}

.hervor2 div,
.hervor4 div
{	position: absolute;
/*	height: 100%;*/
}

.hervor2 a:link,
.hervor4 a:link
{	font-weight: bold !important;
}

.hervor2 a:hover,
.hervor4 a:hover
{	font-weight: bold !important;
}	

.hervor3
{	position: relative;
	left: 0;
	display: block;
	background-color: #E8F1FA; /*#CEE7F7;*/
	color: #000;
	width: 600px;
	text-align: left;
	padding: 10px 10px;
	font-size: 1.2em;
	clear: both;
}

.hervor4
{	position: relative;
	left: 74px;
	background-color: #B9D1EA; 
	color: #000;
	width: 526px;
	text-align: left;
	padding: 0 10px;
	font-size: 1.2em;
	vertical-align: middle;
}

.hervor4
{	height: 29px;
	padding: 3px 10px;
}		

.hervor5
{	height: 15px;
	padding: 10px 0;
}

.hervorgehoben
{	font-size: 1.2em;
	font-weight: bold;
	color: #5a8cc6;
}

.impressumdiv
{	font-size: 1.0em;
	text-align: left;
}

.impressumdiv a
{	font-size: 1.0em;
}

.infodiv
{	padding: 20px 10px 10px 10px;
/*	background-image: URL(../bilder/news/P1020340-klein02.jpg); */
	background-image: URL(../bilder/teich/fische/P1020314-500.jpg); 
	background-repeat: no-repeat;
/*	background-attachment:fixed;*/
	background-position: center center;
	width: 95%; 
	height: 350px;	
	vertical-align: top; 
	text-align: center;
}

.infodiv h2
{	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
}

.inhalt
{	/*padding-bottom: 140px;*/
	position: relative;
	top -5px;
	width: 670px;
	background-color: #000;
	color: #f0f0f0;
	margin:0 auto;
	
   background-image: url(../graphics/bkgrnd3.jpg);
	background-attachment: fixed; 
	background-repeat: no-repeat; 
	background-position: center top; 
	
/*	height: 80%;*/
}

.inhalt input,
.inhalt textarea,
.inhalt button
{ 	opacity: 0.7; 
	filter: alpha(opacity=70); 	
}

.inhalt h2
{	padding: 15px 0 5px 0px;
	font-size: 1.25em;
	font-weight: bold;
}

.inhalt h3
{	padding: 15px 0 5px 0px;
	font-size: 1.1em;
	font-weight: bold;
}

.inhalt p, .inhalt li
{	font-size: 1.2em;
}

.inhalt a
{	font-weight: bold;
/* 	color: #5a8cc6; */
}

.inputfehler
{	background-color: #ffc0c0;
}

.inputok
{	background-color: #fff;
}

.klein
{	font-size: 0.7em;
}

.img
{	position: relative;
	margin: 0 auto;
	text-align: center;
	clear: both;
	width: 50%;
	height: 50%;
}

.img h1
{	color: #fff;
}

.img img
{	width: 100%;
	height: 100%;
}

.impressum
{	color: #fff;
	display: block; 
	width: 50%; 
	min-width: 100px; 
	text-align:left; 
	margin: 0 auto;
}
.impressum a
{	color: #00f;
}
.impressum a:link
{	color: #00f;
}
.impressum a:visited
{	color: #00f;
}
.impressum a:focus
{	color: #0f0;
}
.impressum a:hover
{	color: #00f;
}
.impressum a:active
{	color: #00f;
}

.linklist
{	position: relative;
	margin: 0 auto;
	text-align: left;
	clear: both;
	width: 90%;
	height: 50%;
}
.ok	
{ 	font-size: 2em;
	font-weight: bold;
	color: #5a8cc6;
}

.pflicht,
.pflicht2
{	background-color: #E8F1FA;/*#5a8cc6; */
}

/*
.pflicht2
{	background-color: #B9D1EA;
}
*/

.preis 
{	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5a8cc6;
}

.rechts
{	text-align: right;
}

.table
{	display:table;
}

.teamdiv
{	position: relative;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 140px;
/*	text-align: center;*/
}

.teamtable
{	border-spacing: 10px;
	table-layout: fixed; 
	margin: auto;
	font-size: 1.2em;
}

.teamtd
{	width: 285px;
	height: 200px;
	padding: 5px;
	border: 1px solid #5a8cc6;
	text-align: center;	
}
.teamtd3
{	width: 50%;
	/*height: 200px;*/
	padding: 10px;
	/*border: 1px solid #5a8cc6;*/
	text-align: left;	
}

.teamtd2
{	width: 570px;
	height: 200px;
	padding: 5px;
	border: 1px solid #5a8cc6;
	text-align: center;	
}

.teamtd h2,
.teamtd2 h2
{	font-size:1.4em;
	font-weight: bold;
	color: #5a8cc6;
}
	
.teamtd img,
.teamtd2 img
{	float: right;
	padding: 5px;
}

.teamtd h1, .teamtd2 img, .inhalt h1
{	/*padding: 15px 0 5px 125px;*/
	font-size: 1.5em;
	font-weight: bold;
}

.teamtd h1,
.teamtd2 h1
{	color: #5a8cc6;
	font-size: 1.5em;
	font-weight: bold;
}

.teamtd a, .teamtd a:link,
.teamtd2 a, .teamtd2 a:link
{	color: #5a8cc6;
	text-decoration:none;
	font-weight: bold;
	text-align: right;
	clear: both;
}

.trans25
{	background-image: URL(../bilder/bgtrans25.png);
	background-repeat: repeat;
}
.trans50
{	background-image: URL(../bilder/bgtrans50.png);
	background-repeat: repeat;
}
.trans75
{	background-image: URL(../bilder/bgtrans75.png);
	background-repeat: repeat;
}
.uebersicht
{	width: 210px;
	float: left; 
	text-align: center; 
	line-height: 1.7em;
}

.uebersicht2
{	width: 260px;
}

.uebersichtL
{	width: 150px;
	float: left; 
	text-align: left; 
	line-height: 1.7em;
	margin: 0 5px;
}
.uebersichtL1bis3
{	clear: left; 
}
.uebersichtL13
{	width: 150px;
	float: left; 
	clear: left; 
	text-align: center; 
	line-height: 1.7em;
	vertical-align: bottom;
	padding-top: 40px;
}

.uebersichtL23
{	width: 200px;
	float: left; 
	text-align: center; 
	line-height: 1.7em;
	margin:10px;
}

.uebersichtL33
{	position: relative;
	width: 150px;
	float: left; 
	text-align: left; 
	line-height: 1.7em;
	vertical-align: bottom;
	min-height:100%;
	height: auto !important;
	height: 100%;
	padding: 30px 0 0 0;
	margin: 30px 0 0 10px;
}

.w300	{	width: 300px; }
.w400	{	width: 437px; }
.w430	{	width: 465px; }
.w460	{	width: 490px; }
.w470	{	width: 495px; }
.w490	{	width: 488px; }

.zentriert
{	text-align: center;
}

.zentriert2
{	margin: 0 auto;
}