@charset "utf-8";

/* CSS Document */

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

   = 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.3em; /* edit here to change font size globaly 1em = 10px */
	color: #000;
}

div {font-size: 1em;}

input,
textarea,
button {font: inherit;}

input.button,
button,
label {cursor: pointer;}

.clearLeft {clear: left;}
.clearRight {clear: right;}
.clear,
.clearBoth {clear: both;}
.hidden {
	display: none;	
}

h1 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-bottom: 25px;
}
h1.oeko {
	padding: 0;
}
h2 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
  margin-bottom: 10px;
}

a {
	color: #000;	
}
a:hover {
	text-decoration: underline;
}
a.nav-seo, a.nav-seo:hover {
	color: #000;	
	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: 90%;
}

#logo {
	position: relative;
	left: 0;
	top: 30px;
	width: 201px;
	height: 41px;
}

#lines {
	display: none;
}

#navigation {
	display: none;
}

#content {
	position: relative;
	top: 80px;
	width: 90%;
	background: none;
}

#contentLeftVisual {
	/*position: absolute;*/
	float: left;
	width: 640px;
	z-index: 0;
}

#contentLeft {
	float: left;
	width: 610px;
	z-index: 0;
}

#contentRight {
	display: none;
}


#footer {
	display: none;
}

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

   = FCE-Styles

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

div.fce-links-text {
	float: left;
	width: 460px;
}
div.fce-rechts-images {
	float: right;
	width: 121px;
}


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: #000;
	font-style: italic;
	width: 375px;
	padding: 0;
	margin-top: 20px;
}
div.oeko-icon h1,
div.oeko-icon h2 {
	color: #000;
	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;
}