/* -- css von http://www.erlebnisraeucherei-scheller.de/ ---*/


html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}


html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,  font, img, ins,  kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	font-family: "Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
	color: #000;
		}
		
		
/* remember to define focus styles */
:focus {
	outline: 0;
}

ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/* ------------------------------*/
/* -- 0# -- globale einstellungen -- */
/* ------------------------------*/


body{
	background-color: #fff;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-left.png);
	background-repeat: repeat-y;	
	padding: 0 0 0px 0;
	}


h1{
	
	}
h2{

	}
h3{
	font-size: 18px;
	color: #22722c;
	margin: 0px 0px 10px 0px;
	}
	


h4{
	font-size: 14px;
	
	}
	
h5{
	}

p{
	line-height: 1.5em;
	margin: 0 0px 7px 0px;
	padding: 0px;
	}

strong{
	font-weight: bold;
	color: #306dc6;
	}
	
em{
	font-style: normal;
	color: #63000b;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

a{
	color: #094010;
	text-decoration: underline;
	}
a:hover{
	color: #36a43e;
	text-decoration: none;
	}

/* ------------------------------*/
/* -- layout  -- */
/* ------------------------------*/

.fixl{
	clear: left;
	}
.fixr{
	clear: right;
	}
.fixb{
	clear: both;
	}
.dist{
	margin: 15px 0 0px 0;
	}
.dist1{
	margin-bottom: 15px;
	}

.helper{
	width: 100%;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
	}
/* ------------------------------*/
/* -- accessibility --*/
/* ------------------------------*/






/* ------------------------------*/
/* -- #1 -- header -- */
/* ------------------------------*/

.bgheader{
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-header.jpg);
	background-repeat: no-repeat;
	height: 230px;
	}
h1.header  a{
	width: 286px;
	height: 135px;
	display: block;
	font-size: 16px;
	color: #000;
	text-indent: -10000px;
	z-index: 10;
	text-decoration: none;
	position: absolute;
	top: 0px;
	left: 246px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/erlebnisraeucherei-scheller.jpg);
	background-repeat: no-repeat;
	}
	
h1.header  a:hover{color: #d00d13; text-decoration: none; }
htmlbody h1.header  a:hover{color: #d00d13; text-decoration: none; }

h2.header a{
	width: 125px;
	height: 146px;
	display: block;
	font-size: 15px;
	color: #000;
	text-indent: -10000px;
	z-index: 10;
	text-decoration: none;
	position: absolute;
	top: 48px;
	left: 757px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/fischereibetrieb-scheller.jpg);
	background-repeat: no-repeat;
	}



/* ------------------------------*/
/* -- 2# -- navigation  content -- */
/* ------------------------------*/
ul#nav {
	width: 196px;
	height: 503px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-nav.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 147px;
	left: 223px;
	z-index: 100;
	}
ul#nav li{
	
	font-size: 16px;
	font-weight: bold;
	margin-left: 25px;
	
	}

ul#nav li a{
	font-size: 16px;
	color : #fff;
	line-height: 49px;
	text-decoration : none;
	display: block;
	background-position: right top;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/nav-li-a.png);
	background-repeat: no-repeat;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
ul#nav li a:hover{
	font-size: 16px;
	color : #306dc6;
	text-decoration : none;
	background-position: right bottom;
	padding-left: 3px;
	}
ul#nav li a.first{
	font-size: 16px;
	color : #fff;
	line-height: 33px;
	text-decoration : none;
	display: block;
	background-position: right top;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/nav-li-a-first.png);
	background-repeat: no-repeat;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
	ul#nav li a.first:hover{
	font-size: 16px;
	color : #306dc6;
	text-decoration : none;
	background-position: right bottom;
	padding-left: 3px;
	}

ul#nav a {
	display: block;
	}
ul#nav li a.karte{
	font-size: 16px;
	color : #fff;
	width: 137px;
	height: 45px;
	text-indent: -10000px;
	text-decoration : none;
	display: block;
	background-position: 0px -45px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/li-anfahrt.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 87px;
	left: -147px;
	}
ul#nav li a.karte:hover{
	background-position: 0px 0px;
	}	

	
ul#nav li a.gast{
	font-size: 16px;
	color : #fff;
	width: 137px;
	height: 37px;
	text-indent: -10000px;
	text-decoration : none;
	display: block;
	background-position: 0px 0px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/li-gaestebuch.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 134px;
	left: -147px;	
	}
ul#nav li a.gast:hover{
	background-position: 0px -37px;
	}

/* --- ie 6 ---nav ---*/

* html ul#nav li a{	
	height: 49px;	
	}
* html ul#nav li a.first{	
	height: 33px;	
	}
* html ul#nav li a.karte{	
	width: 137px;
	line-height: 45px;
	}
* html ul#nav li a.gast{
	width: 137px;
	line-height: 37px;
	}

/* ------------------------------*/
/* --subnav --*/ 
/* ------------------------------*/

	
ul.subnav{
	
	position: absolute;
	top: 4px;
	left: 830px;
	z-index: 90;
	}
ul.subnav li{
	float: left;
			}
ul.subnav li a{
	float: left;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	}
ul.subnav a:hover{
	color: #fff;
	text-decoration: underline;
	}
	
ul.subnav a.top{
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-subnav-li-a-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 3px 15px 3px 20px;
	}
ul.subnav a:hover.top{
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-subnav-li-a-top.png);
	background-repeat: no-repeat;
	background-position: 0px -21px;
	}	




/* -------------------*/
/* -- 3# --content -- */
/* ------------------------------*/

.content{
	width: 100%;
	min-height: 400px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-content.jpg);
	background-repeat: no-repeat;
	background-position: 419px 0px;
	}
* html .content{
        height: 400px;
        }

.links{
	width: 419px;
	min-height: 420px;
	float: left;
	position:relative;
	z-index: 50;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-links.jpg);
	background-repeat: no-repeat;
	}
* html .links{ height: 420px;}
	
.links h3{
	
	
	}
.links p{
	font-family: "Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
.links ul li{
	width: 300px;
	margin: 5px 0 5px 70px;
	padding: 2px 0 7px 25px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-li.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Trebuchet MS",Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #22722c;
	}
	



/* -- neues produkt --*/


	
/* ------------------------- */
.rechts{
	width: 500px;
	min-height: 430px;	
	float: left;
	position:relative;
	z-index: 50;
	padding: 107px 0px 0px 55px;
	/*padding: 107px 0 0 473px;*/
	}
* html .rechts{ height: 430px; }

.rechts h2{
	
	font-size: 22px;
	color: #18407d;
	border-bottom: 2px solid #18407d;
		font-weight: bold;	
		margin-bottom: 7px;
		}
.rechts h3{
		color: #306dc6;
		}
.rechts h4{
		color: #306dc6;
		}
ul.floatlist{
	width: 180px;
	float: left;
	margin: 10px 0 20px 30px;
	}
dl.open{
	width: 400px;
	margin-left: 57px;
	 }
dl.open dt {
	width: 200px;
	float: left;
	line-height: 25px;
	font-weight: bold;
	}
dl.open dd{
	width: 200px;
	float: left;
	line-height: 25px;
	}
	
	
/* --lightbox small images additional---*/

.bilder{
	
	/*border: 1px solid #000;*/
	float: left;
	margin: 0px 3px 5px 3px;
	
	}
.bilder img{
	border: 3px solid #18407d;
	padding: 1px;	
	}
.bilder p{
	margin: 0;	
	
	padding: 2px;
	font-size: 10px;
	line-height: 1.1em;
	margin: 1px 0 0 0px;
	}



a.lbox img{	
	border: 3px solid #22722c;
	margin:0 5px 0 0;	
	}
a:hover.lbox img{	
	border: 3px solid #2ca234;	
	}
	
/*-- aktuell --*/


	
/* -- end of aktuell--*/	




/* ------------------------------*/
/* -- 5# -- footer -- */
/* ------------------------------*/


.footer{
	width: 100%;
	height: 352px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/bg-footer.jpg);
	background-position: 114px 0px;
	position: relative;
	top: -100px;
	background-repeat: no-repeat;
	clear: left;	
	}
p.rauch{
	text-indent: -10000px;
	width: 223px;
	height: 95px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/erlebnisraeucherei-scheller-adresse.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 163px;
	left: 449px;
	}
p.fischer{
	text-indent: -10000px;
	width: 221px;
	height: 108px;
	background-image: url(http://www.erlebnisraeucherei-scheller.de/images/fischereibetrieb-scheller-adresse.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 146px;
	left: 679px;
	}
	










/* ------------------------------------------- */
/* CSS Angaben fuer den Body Bereich */


/* ------------------------------------------- */
/* CSS Angaben fur die Aussentabelle Randfarbe */

.outborder {
background-color: #ffffff;
}

/* CSS Angaben fur die Aussentabelle Innenfarbe  
Abstaende und Textfarben*/
.outinnen {
background-color: #ffffff;
padding: 2px;
font-size: 12px;
color: #4a5871
}
/* ------------------------------------------- */
/* CSS Angaben fuer alle Tabellenraender der Gaestebuchausgabe
Tabellen */

.gbentry {
background-color: transparent;
margin-bottom: 5px;
}

.gbentrytop, .gbentryout, .gbentrybottom {  
padding: 2px;
}

/* GB-Eintragstemplate oben */
.gbentrytop {
background-color: #94b5e5;
font-size: 12px;
color: #000000;
}

/* GB-Eintragstemplate mitte */
.gbentryout {
background-color: #ffffff;
font-size: 12px;
color: #000000;
}

/* GB-Eintragstemplate unten */
.gbentrybottom {
background-color: #94b5e5;
font-size: 12px;
color: #000000;
}

.gbentrytop a, .gbentryout a, .gbentrybottom a {  
font-size: 12px;
color: #18407d;
text-decoration: none;
}
.gbentrytop a:hover, .gbentryout a:hover, .gbentrybottom a:hover {  
font-size: 12px;
color: #18407d;
text-decoration: underline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer die Formularelemente */

.feld {

background-color: #c5d8f2;
font-family: Verdana, Arial;
font-size: 12px;
border: 1px solid #94b5e5;
width: 200px; 
}
.textfeld {

background-color: #c5d8f2;
font-family: Verdana, Arial;
font-size: 12px;
border: 1px solid #94b5e5;
width: 300px; 
}
.los {
background-color: #c5d8f2;
font-family: Verdana, Arial;
font-size: 12px;
border: 1px solid #94b5e5;
width: 100px; 
}

form {
display: inline;
}
/* ------------------------------------------- */
/* CSS Angaben fuer GB Navi zum Seitenweisen blaettern*/

.naviborder {
background-color: transparent;
}

.tc {
font-family:Verdana, Arial;
font-size: 12px;
text-align: center;
background-color: transparent;
padding: 2px;
width: 20px;
}

.tca {
font-family:Verdana, Arial;
font-size: 12px;
font-weight: bold;
padding: 2px;
width: 18px;
text-align: center;
background-color: #94b5e5;
}

.tci {
font-family:Verdana, Arial;
font-size: 12px;
padding: 2px;
color: #fff;
font-weight: bold;
text-align: center;
background-color: #18407d;
}

.tc a {
text-decoration: none;
color: #18407d;
}
.tc a:hover {
text-decoration: underline;
color: #306dc6;
}

/* ------------------------------------------- */
