/* CSS - Datei für Forellen Abel*/

* {
margin: 0;
padding: 0;
}
body{
margin: 20px 0 ;
font: 90% Verdana,Tahoma, Helvetica, sans-serif ;
color:#000;
background: #dcddde;
text-align: center;
}
td{
font: 80% Verdana, Arial, Helvetica, sans-serif ;
color:#000;
padding: 5px 0;
}
a {
color: #22345e;
font-weight:bold;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
a img {
border: 0 none;
}
h1, h2, h3 {
font-family: Arial, Geneva, sans-serif;
color:#000000;
background: transparent;
}
img{
border: none;}
h1 {
font-family:"Comic Sans MS",Arial,Helvetica, sans-serif;
font-size: 1.4em;
color: #22345e;
font-weight:bold;
text-decoration:none ;
z-index:3
}
h2 {
color: #22345e;
font-size: 1.1em;
font-weight:lighter;
padding: 0 0 50px 0;
}
h3 {
color: #22345e;
font-size: 1.0em;
}
p, li {
font-size: 0.80em;
}
p{
line-height: 120%;
}
ul{
list-style:none;
}
/* Beginn Ebenen */
#container{
position: relative;
width: 900px;
height:600px;
color:#000000;
border-top: 10px solid #22345E;
background: white url(../images/abel_web_1.gif) top left no-repeat ;
margin: auto;
text-align: left;
z-index: 1;
padding: 0;
}
/*Für die Grossansicht der Bilder*/
#container_2{
position: relative;
width: 900px;
height:600px;
color:#000000;
border-top: 10px solid #22345E;
background: white url(../images/siluette.gif) top left no-repeat ;
margin: auto;
text-align: left;
z-index: 2;
padding: 0;
}
#content_gross{
	position:absolute;
	top:0px;
	left: 200px;
	width: 480px;
	height:360px;
	padding:45px 0;
	z-index: 1;
	text-align: center;
}
#content_gross_hoch{
	position:absolute;
	top:0px;
	left: 200px;
	width: 480px;
	height:360px;
	padding:45px 0;
	z-index: 1;
	text-align: center;
}

#content_gross img{
margin: 55px 0;
border: 2px solid #e5e6e7;
}
#content_gross_hoch img{
margin: 30px 0;
border: 2px solid #e5e6e7;
}
#fischlinie{
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 2;
}
#footer{
	position: absolute;
	top: 555px;
	left: 55px;
	z-index: 2;
	width: 800px;
	height:20px;
	font-size: 82%;
	font-weight:bold;
	z-index:3;
}
#logo{
	width: 130px;
	position: relative;
	top: 20px;
	left: 750px;
	z-index: 2;
}
#logogross{
	display:none;
	position: relative;
	top: 20px;
	left: 750px;
	z-index: 2;
}

#formular{
position:absolute;
left:0px;
top: 260px;
width: 400px;; 
}

/* Kreisbilder Positionierung*/
#kreis1{
position:absolute;
top: 185px;
left: 245px;
width:137px;
height:135px;
z-index:3;
}
#kreis2{
position:absolute;
top: 320px;
left: 245px;
width:137px;
height:135px;
z-index:3;
}
#kreis3{
position:absolute;
top: 455px;
left: 245px;
width:137px;
height:135px;
z-index:3;
}
#karte{
display:none;
}
#bild_gross{
width:491px;
height:346px;
position:absolute;
top:170px;
left: -100px;
border:   2px solid #e5e6e7;
z-index:1;
}
/* Kreisbilder Positionierung Ende*/
/* Positionierung Hintergrundbilder*/
#hgbild{
width:667px;
height:428px;
position:relative;
top: 77px;
left:180px;
z-index:2;
}
#hgbild_fuhr{
width:724px;
height:423px;
position:relative;
top: 70px;
left:176px;
z-index:2;
}
#hgbild_luft{
width:703px;
height:327px;
position:relative;
top: 165px;
left:197px;
z-index:2;
}
#hgbild_prod{
width:694px;
height:412px;
position:relative;
top: 81px;
left:206px;
z-index:2;
}
#hgbild_netz{
width:699px;
height:375px;
position:relative;
top: 100px;
left:188px;
z-index:2;
}
#hgbild_bait{
width: 624px;
height:244px;
position:relative;
top: 149px;
left:276px;
z-index:2;
}
#hgbild_fischer{
width:712px;
height:393px;
position:relative;
top: 118px;
left:201px;
z-index:2;
}
#hgbild_filet{
width:592px;
height:384px;
position:relative;
top: 109px;
left:308px;
z-index:2;
}
/* Positionierung Hintergrundbilder*/

#content{
	position:absolute;
	top: 13px;
	left: 402px;
	width: 400px;
	margin: -100px 0px 0px;
	padding:0;
	z-index: 3;
	text-align: left;
}

#content h1{
padding:20px 0 10px 0;
}
#adress{
display:none;
}
#eins{
position:relative;
top:-3px;
line-height:1em;
 visibility: hidden; 
 }
/* Navigation */
#menu_kontakt {
	position: absolute;
	top: 184px;
	left: -300px;
	width:90px;
	background-color: transparent;
	line-height: 165%;
	text-align:left;
}
#menu1 {
	position: absolute;
	top: 95px;
	left: 100px;
	background-color: transparent;
	line-height: 165%;
	text-align:left;
}
.menulitem {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-decoration:none;

	color:#cfd0d1;
}
.menulitem h2{
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
	width: 90px;
	color:#cfd0d1;
	padding: 0;
}
.menulitem a:link {
	display : block;
	color:#cfd0d1;
	text-decoration:none;
}
.menulitem a:visited {
	display : block;
	color:#cfd0d1;
	text-decoration:none;
}
.menulitem a:hover{
	display : block;
	color:#f58220;
	text-decoration:none;
}
div.menulitem a:link{
	color:#cfd0d1;
}
div.menulitem a:visited{
	color:#cfd0d1;
}
div.menulitem a:hover{
	color:#F58220;
}
#menu2{
	position:absolute;
	width:90px;
	display: none;
	color:#cfd0d1;
	text-decoration: none;
}
div.menulitem:hover #menu2{
	display: block;
}
/* Navigationspunkte */
.p1{
position:absolute;
left:-17px;
top: 16px;
z-index:5;
width:9px;
height:9px;
}
.p2{
position:relative;
left:-17px;
top: 39px;
z-index:5;
width: 100px;
}
.p3{
position:relative;
left:-17px;
top: 63px;
z-index:5;
width: 100px;
}
.p4{
position:relative;
left:-17px;
top: 85px;
z-index:5;
width: 100px;
}
.p5{
position:relative;
left:-17px;
top: 108px;
z-index:5;
width: 100px;
}
.p6{
position:relative;
left:-17px;
top: 131px;
z-index:5;
width: 100px;
}
.p7{
position:relative;
left:-17px;
top: 154px;
z-index:5;
width: 100px;
}
.p8{
position:relative;
left:-17px;
top: 177px;
z-index:5;
width: 100px;
}
.p9{
position:relative;
left:-17px;
top: 200px;
z-index:5;
width: 100px;
}
.p10{
position:relative;
left:-17px;
top: 223px;
z-index:5;
width: 100px;
}
.p11{
position:relative;
left:-17px;
top: 246px;
z-index:5;
width: 100px;
}
/* Ende Navigation*/

/* Klassen */
.subline{
font-family:Arial,Helvetica, sans-serif;
font-size: 120%;
color: #22345e;
font-weight:bold;
padding: 20px 0 0px 0;
text-decoration:none ;

}
.line{
border-top: 1px solid #000;
padding: 3px 0;}
.hoehe{
padding: 5px 0;
line-height:135%;
}
.hoehefett{
color: #22345e;
font-weight:bold;
text-decoration: none;
padding: 20px 0;
line-height:135%;
}
p.absatz{
padding:10px 0;
}
p.absatz_cont{
padding:0px 0 20px 0px;
}
p.abstand{
padding: 30px 0;
}
.fett {
font-weight: bold;
}
p.ab_gross{
margin: 245px 0;
}
p.ab_einzel{
margin: 215px 0;
}
p.ab_anfahrt{
margin: 150px 0;
}
p.oben_content{
margin: 62px 0;
z-index:3;
}
.start{
height: 261px;
}
.kont{
padding: 7px 0;
}
.impress{
list-style: none;
line-height: 145%;
}
.laden{
padding: 20px 0;
}
.druck{
font-size:100%;
}
.oeff{

padding:0 0 0 101px;}
.oeff1{

padding:0 0 0 45px;}