@charset "utf-8";



/* CSS Document */



@import url("nav.css");



/* ===============================



   = undo Html



=============================== */



:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

a img,:link img,:visited img { border:none }

address { font-style:normal }

dl {margin: 0 0 0 .8em;}

dl dt {margin: 0 0 .5em 0;}

dl dd+dt {margin-top: 1.5em;}

dl dd {margin: 0 0 1em 2em;}

ol {list-style: decimal;}

ol li {margin: 0 0 1em 2.5em;}

ol li ol {margin: 1em 0 1em 1em;}

ol li ul {margin: 1em 0 1em 1em;}

p {margin-bottom: 1em;}

ul {list-style: square;}

ul li {margin: 0 0 0 2em;}

ul li ul {margin: 1em 0 1em 1em; list-style: square;}

ul li ol {margin: 1em 0 1em 1em;}



/* ===============================



   = General Styling



=============================== */



* { font-size: 1em; /* don't edit! */ }



html { font-size: 62.51%; /* don't edit */ }



body {

	font-family: Arial, sans-serif;

	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */

	color: #00305d;

}



div {font-size: 1em;}



input,

textarea,

button {font: inherit;}



input.button,

button,

label {cursor: pointer;}



input {border: 1px solid #00305d; padding:4px; margin-bottom:10px;}

input.senden {background-color:#00305d; color:#fff; font-weight:bold;}



.clearLeft {clear: left;}

.clearRight {clear: right;}

.clear,

.clearBoth {clear: both;}

.hidden {

	display: none;	

}



h1 {

	font-size: 16px;

	color: #00305d;

	font-weight: bold;

	margin-bottom: 25px;

}

h1.oeko {

	height: 35px;

	background: url(../images/icon-fish.gif) left top no-repeat;

	padding: 17px 0 0 52px;

}

h2 {

	font-size: 12px;

	color: #00305d;

	font-weight: bold;

  margin-bottom: 10px;

}

h2.news-home {

	font-size: 15px;

	color: #00305d;

	font-style: italic;

	font-weight: bold;

	border-bottom: 1px solid  #CCD6DF;

	padding: 0 0 5px 0;

	margin-top: 15px;

}



a {

	color: #eb690a;	

}

a:hover {

	text-decoration: underline;

}

a.nav-seo, a.nav-seo:hover {

	color: #00305d;	

	text-decoration: none;

}



hr {

	background: url(../images/bg-hr.gif) left top repeat-x;

	border: none;

	border: 0;

	height: 1px;

	margin: 10px 0;	

}



p {

	line-height: 150%;

}



/* ===============================



   = Div-Container



=============================== */



#container {

	width: 920px;

	margin-left: auto;

	margin-right: auto;

}



#logo {

	position: relative;

	left: 719px;

	top: 39px;

	width: 201px;

	height: 41px;

}



#lines {

	position: absolute;

	margin-top: 53px;

	z-index: 10;

}



#content {

	position: relative;

	top: 59px;

	width: 920px;

	background: url(../images/bg-border-content.gif) 689px 100px no-repeat;

}



#contentLeftVisual {

	/*position: absolute;*/

	float: left;

	width: 640px;

	margin-left: 50px;

	z-index: 0;

}



#contentLeft {

	float: left;

	width: 610px;

	margin: 95px 0 0 50px;

	z-index: 0;

}



#contentRight {

	float: right;

	/*position: relative;*/

	left: 690px;

	width: 200px;

	padding: 100px 0 0 30px;

}



#contentRight ul {

	list-style: none;

}

#contentRight ul li {

	margin: 0 0 0 -28px;

	background: url(../images/bullet.gif) left 5px no-repeat;

	padding: 0 0 0 12px;

}



#contentRightBottom {

	margin-top: 100px;

}

#contentRightBottom h1,

#contentRightBottom h2 {

	font-size: 12px;

	font-weight: bold;

	margin: 0;

}



#footer {

	font-size: 11px;

	padding: 96px 0 50px 50px;

}

#footer span.bullet {

	background: url(../images/bullet-footer.gif) left 5px no-repeat;

	padding: 0 0 0 10px;

	margin: 0 0 0 5px;

}

#footer div.left {

	float: left;

}

#footer div.left a {

	color: #00305d;

}

#footer div.left a:hover {

	text-decoration: none;

}

#footer div.right {

	float: right;

}



div.imprint {

	width: 350px;

	padding: 20px;

}



/* ===============================



   = FCE-Styles



=============================== */



div.fce-links-text {

	float: left;

	width: 460px;

}

div.fce-rechts-images {
	font-size: 11px;
	float: right;
	width: 121px;

}



div.fce-rechts-images img{margin-bottom: 15px!important;}





div.fce-2palten-text-links {

	float: left;

	width: 220px;

	padding-right: 10px;

	margin-bottom: 30px;

}

div.fce-2palten-text-rechts {

	float: right;

	width: 230px;

}



div.oeko-icon {

	color: #9cb212;

	font-style: italic;

	width: 375px;

	background: url(../images/icon-fish.gif) left top no-repeat;

	padding: 0 0 0 60px;

	margin-top: 20px;

}

div.oeko-icon h1,

div.oeko-icon h2 {

	color: #9cb212;

	font-size: 15px;

	font-style: italic;

}



div.fce-ansprechpartner-image {

	width: 90px;

	float: left;

}

div.fce-ansprechpartner-text {

	float: left;

	width: 130px;

	font-size: 11px;

}

/* ===============================



   = Extensions



=============================== */



div.tt-news-list {

	margin-top: 20px;

}

div.tt-news-list-image {

	float: left;

	width: 150px;

}

div.tt-news-list-text {

	float: left;

	width: 440px;

}

div.tt-news-list-text h2 {

	font-size: 13px;

}



div.fce-links-text .contenttable p {

  margin-bottom: 0;

  margin-right: 40px;

}



div.scrollable {

	height: 400px;

	overflow: hidden;

}

div.chgallery-scroller-down {

	background: #FFF;

	width: 120px;

	height: 40px;

	position: absolute;

	left: 539px;

	top: 530px;

	z-index: 100;

}

div.chgallery-scroller-up {

	background: #FFF;

	width: 120px;

	height: 40px;

}

div.chgallery-scroller-up a,

div.chgallery-scroller-down a {

	cursor: pointer;

}

.items {

	height: 20000em;

	margin: 0;

	position: absolute;

	z-index: 0;

}

.vertical {

	height: 430px;

	overflow:hidden;

	position:relative;

}

.tx-chgallery-pi1 .bigimg {

	text-align: left !important;

}

.disabled {

	visibility: hidden;		

}



/* ===============================



   = Override Typo3-Styles



=============================== */



div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {

	margin-left: 0;

}





/* ===============================



   = Google Maps



=============================== */



div#resultdiv{display: none;}









/* ===============================



   = Newsletter Formatierung



=============================== */



div.newsletterFieldName label {font-weight: bold; float:left; width:140px;}

div.newsletterField input { width: 200px; margin-bottom:0px;}

form#newsletterFormular textarea {border: 1px solid #00305d; width:200px; height:100px; padding:4px;}



/* ===============================



   = Sitemap Formatierung



=============================== */



div.csc-sitemap ul {list-style-type: none;}

div.csc-sitemap ul ul {list-style-type: square; margin:0px; margin-top:5px; margin-left:10px; padding:0px;}

div.csc-sitemap ul ul ul{list-style-type: disc;}



div.csc-sitemap ul li{margin: 0 0 20px 0; font-weight:bold; font-size:14px;}

div.csc-sitemap ul ul li{margin:0 0 0 2em; font-weight:normal; font-size:12px;}

div.csc-sitemap ul ul ul li{margin-bottom:10px;}





/* ===============================



   = Download Icons



=============================== */

a.pdf {background:url(../images/pdf.gif) no-repeat; padding-left:20px;padding-bottom:1px;}

a.doc {background:url(../images/word_icon.png) no-repeat; padding-left:20px;padding-bottom:1px;}

.tx-ttnews-browsebox td {
font-size:12px;
}
.tx-ttnews-browsebox,
.tx-ttnews-browsebox-SCell {background: none; border: 0;}


/* ===============================



   = OPS



=============================== */

.zeile-dunkel {background: #CCD6DF;}
.zeile-hell {background: #fff;}

#headline_ops {
margin:25px 0 0 50px;
position:absolute;
z-index:20;
}