/* CSS Document */

html, body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003399;
background-color: #666;
}

h1 {
font-size: 14px;
color: #CC0000;
}

h2 {
text-indent: -5000px;
}

#header_fish h1 {
text-indent: -2000px;
}

h3 {
font-size: 14px;
color: #333;
}


/***Start Container**/

#outer {
width: 900px;
height: 700px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
border: 2px solid #ccc;
}

#header_fish {
position:absolute;
margin: 0;
padding: 0;
width: 900px;
height: 174px;
background-image: url(images/fishes_02.jpg);
background-repeat: no-repeat;
}

#nav_horizontal {
position: absolute;
margin-top: 174px;
margin-left: 0;
width: 900px;
height: 26px;
background-image: url(images/background_nav.jpg);
background-repeat: repeat-x;
}


#nav_horizontal a:link, #nav_left a:visited {
font-weight: bold;
font-size: 12px;
color: #CCC;
}

#nav_horizontal a:hover, #nav_left a:active {
font-weight: bold;
color: #FF3333;
font-size: 12px;
}

#main {
	position:absolute;
	width: 900px;
	height: 500px;
	margin-top: 200px;
	background-image: url(images/bg_main_900.jpg);
}

#inhalt {
	position: absolute;
	width: 450px;
	height: 300px;
	z-index: 3;
	margin-top: 35px;
	margin-left: 220px;
	background-image:;
	background-repeat: no-repeat;
	}

#inhalt_breit {
position: absolute;
width: 600px;
height: 300px;
z-index: 3;
margin-top: 20px;
margin-left: 220px;
font-size: 11px;
}


#aktuell {
	position: absolute;
	margin-left: 720px;
	width: 180px;
	margin-top: 60px;
	height: 20px;
}

#logo_pb {
position: absolute;
margin-top: 420px;
margin-left: 20px;
width: 128px;
height: 50px;
background-image: url(images/logo_pb.jpg);
z-index:6;
}

#logo_charta {
position: absolute;
margin-top: 420px;
margin-left: 710px;
width: 167px;
height: 44px;
background-image: url(images/Logo_charta_vielfalt.jpg);
}

#box_aktuell {
position: absolute;
margin-left: 700px;
margin-top: 60px;
width: 170px;
height: auto;
}

#fish {
position: absolute;
width: 900px;
height: 35px;
top: -108px;
left: 41px;
z-index: 20;
}


/******Ende Container*****/

/******Listen, Breitenangaben*****/

#inhalt ul {
list-style-image: url(images/arrow1.jpg);
}

#inhalt li {
padding-bottom: 4px;
margin-left: -20px;
}

#inhalt_breit ul {
list-style-image: url(images/arrow1_w.jpg);
}

#inhalt_breit li {
margin-left: -20px;
}


/******Ende Listen, Breitenangaben*****/

/******Start Navigation******/

#nav_main {
display: inline;
}

#nav_left {
	position: absolute;
	color: #333333;
	margin-left: 20px;
	margin-top: 80px;
	width: 260px;
	visibility: inherit;
}

.ul_nostyle {
margin: 0;
padding: 0;
list-style: none;
}


#nav_left ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav_left ul a {
display: block;
width: 180px;
height: 35px;
line-height: 35px;
color: #CC0000;
text-decoration: none;
text-indent: 20px;
}


#nav_left a:link, #nav_left a:visited {
font-weight: bold;
font-size: 12px;
color: #666;
}

#nav_left a:hover, #nav_left a:active {
font-weight: bold;
color: #CC0000;
font-size: 12px;
}



.horizontal {
margin: 0;
padding: 0;
list-style: none;
width: 800px;
float: left;
}

.horizontal li {
float: left;
}

.horizontal a {
display: block;
padding: 0 2em;
line-height: 2.1em;
text-decoration: none;
color: #CCCCCC;
background: url(images/divider.jpg) repeat-y left top;
font-size: 12px;
}



/*****Ende Navigation*****/



/*****Links, Stile*****/

#main a:link, #main a:visited {
font-weight: bold;
color: #666;
text-decoration: none;
}

#main a:hover, #main a:active {
font-weight: bold;
color: #CC0000;
text-decoration: none;
}

a:link, a:visited {
font-weight: bold;
color: #CCC;
text-decoration: none;
}

a:hover, a:active {
font-weight: bold;
color: #CC0000;
text-decoration: none;
}

.noborder {
border: none;
}


.eingerueckt {
padding-left: 30px;
}

.image_left {
display: inline;
float: left;
border: 1px solid #ccc;
}

.div_rechts {
display: inline;
float: left;
width: 79px;
height: 100px;
padding-right: 10px;
}

.bild {
float: left;
width: 79px;
padding-right: 10px;
}

.bild_rechts {
float: right;
padding: 5px 0 10px 10px;
}

.bild_links {
float: left;
padding: 5px 10px 10px 0;
}


.textblau {
	font-size: 12px;
	font-weight: bold;
	color: #6F8CF4;
}

#zusatzlinks {
	position: absolute;
	top: 234px;
	left: 235px;
	font-size: 12px;
	z-index:2000;
	height: 49px;
	width: 180px;
	height: auto;
}

#zusatzlinks ul {
list-style: none;
}

#zusatzlinks li {
padding: 5px;
}

.show a{
color: #FF3300;
}

#inhalt_breit ul {
padding-top: 3px;
margin-top: 3px;
}