/**** Basic Styles for Umwelt- u. EnergieAgentur Kreis Karlsruhe ****
version:	2.0
author:		linus stubert
email:		ls@goetzinger-komplizen.de
web:		http://www.goetzinger-komplizen.de
copyright:	goetzinger-komplizen 2008-2010
*********************************************************************/


/*** basic styles ***/

body {
	font-family:Arial,Verdana,Tahoma,sans-serif;
	font-size:12px;
	background:#fff;
	text-align:center;
}

* {
	margin:0;
	padding:0;
}

img {
	border:none;
}

hr {
	width:200px;
	color:#97c00e;
	height:1px;
	border:1px solid #97c00e;
}

hr.contentline {
	width:700px;
	height:1px;
	border:1px solid #97c00e;
}

p {
	margin-bottom:1em;
}

a {
	color:#6a0;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.download {
	line-height:20px;
	padding:0 0 1px 20px;
	background:transparent url(../img/pdf_icon.gif) no-repeat 0 0;
}

a.download[href$=jpg] {
	line-height:auto;
	padding:0;
	background:none;
}

table {
	margin-bottom:1.5em;
}

table td, table th {
	font-family:Arial,Verdana,Tahoma,sans-serif;
	font-size:12px;
	vertical-align:top;
	padding-right:10px;
}


/*** wrapper styles ***/

#wrapper {
	width:998px;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border-left:2px solid #97c00e;
	border-right:2px solid #97c00e;
}


/*** header styles ***/

#header {
	width:998px;
	height:240px;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#logo {
	position:absolute;
	left:2px;
	top:4px;
	z-index:10;
}

#header_image {
	position:absolute;
}


/*** main styles ***/

#main {
	width:998px;
	background:#fff;
	clear:both;
	overflow:auto;
	padding-bottom:20px;
}

* html #main {
	margin-top:10px;
}

*+html #main {
	margin-top:0px;
}

#left_column {
	float:left;
	width:208px;
	padding:0 0 0 20px;
	background:#fff;
	margin-top:-6px;
}

#content {
	float:right;
	width:710px;
	padding-left:20px;
	padding-right:20px;
	background:#fff;
}

#main b {
	color:#578000;
}

#main h1 {
	font-size:12px;
	color:#578000;
	margin-top:2em;
	margin-bottom:1em;
}

#main h2, #main h3 {
	font-size:12px;
	color:#578000;
	margin-top:1em;
	margin-bottom:1em;
}

#main ul {
	list-style-type:none;
	padding:0 0 1em 0;
}

#main ul li {
	padding:0 0 0.5em 14px;
	background:transparent url(../img/listenpunkt.gif) no-repeat 0 5px;
}

.floatleft {
	float:left;
	margin:0px 10px 0px 0px;
}


/*** subnavigation styles ***/

#footer #subnavigation {
	color:#fff;
	font-weight:normal;
	height:20px;
	width:238px;
	position:relative;
	left:0px;
	bottom:0px;
	margin-bottom:0px;
}

#footer #subnavigation ul {
	list-style:none;
}

#footer #subnavigation li {
	display:block;
}

#footer #subnavigation a {
	text-decoration:underline;
	color:#FFF;
	margin-left:20px;
	position:relative;
	top:10px;
	font-weight:normal;
	padding-left:10px;
	text-align:center;
}


/*** footer styles ***/

#footer {
	margin-left:auto;
	margin-right:auto;
	width:998px;
	height:30px;
	background:#97c00e;
	clear:all;
}

#footer p {
	color:#fff;
	font-weight:normal;
	text-align:center;
	margin-top:-10px;
}


/*** navigation styles ***/

#nav {
	background:#97c00e;
	width: 100%;
	color:#FFF;
	list-style: none;
	height:30px;
}

* html #nav {
	width: 1020px;
}

#nav ul {
	float:left;
	list-style:none;
	height:28px;
	background:#97c00e;
	font-weight:bold;
	padding:0;
	color:#fff;
	margin:30px 0 1em 0;
}

#nav a {
	display:block;
	w\idth:6em;
	color:#FFF;
	font-weight:bold;
	text-decoration: none;
	padding:0.6em 2em;
	background:#97c00e;
}

#nav a.daddy {
	background:url(rightarrow2.gif) center right no-repeat;
	background:green
}

#nav li {
	float:left;
	padding:0;
	width: 10.6em;
	background:#97c00e;
	height:28px;
	position:relative;
	top:2px;
}

*+html #nav li {
	float: left;
	padding: 0;
	width: 10.5em;
	background:#97c00e;
	height:28px;
	position:relative;
	top:2px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 9.4em;
	w\idth: 9.4m;
	font-weight:bold;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 7em
	
}

#nav li ul a {
	width: 9.5em;
	w\idth: 9.5m;
	border-bottom:1px solid #FFF;
	
}

#nav li ul ul {
	margin: -2.75em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
background:#97c00e;
}


/*** typo3 styles ***/

.imgtext-table {
	margin-bottom:50px;
	position:relative;
	left:18px;
}

.csc-mailform {
	width:400px;
	background:#FFF;
	border:none;
	color:#FFF;
}

.csc-form-label {
	width:20px;
	vertical-align:top;
}

.csc-form-labelcell p{
	width:20px;
	text-align:left;
	vertical-align:top;
	color:#FFF;
}

.csc-form-fieldcell {
	width:300px;
	color:#FFF;
}

.csc-mailform input {
	width:200px;
	margin-bottom:10px;
	border:1px solid #97c00e;
}

.csc-mailform textarea {
	width:200px;
	margin-bottom:10px;
	border:1px solid #97c00e;
}

.csc-mailform submit {
	width:40px;
	border:1px solid #97c00e;
}

.treemenudiv {
	color:red;
}

.treemenudiv a {
	font-weight:normal;
	color:#97c00e;
}

.csc-menu csc-menu-2 a{
	text-decoration:none;
}

.csc-sitemap ul {
	color:#97c00e;
	list-style:none;
	font-weight:bold;
	margin-bottom:20px;
}

.csc-sitempap li {
	margin-bottom:20px;
}

.csc-sitemap li a{
	margin-bottom:20px;
}

.csc-sitemap a {
	text-decoration:underline;
	color:#97c00e;
	background:url(../img/menu_link_default.png) no-repeat 0 0;
	margin-left:0px;
	padding-left:20px;
	margin-bottom:20px;
}

.csc-sitemap a:hover {
	text-decoration:none;
	color:#97c00e;
}

.csc-sitemap a:visited {
	text-decoration:underline;
	color:#97c00e;
}

.csc-sitemap a:active {
	text-decoration:underline;
	color:#97c00e;
}

#c123 {
	position:relative;
	height:200px;
}

#c123 img{
	position:absolute;
}

.front_pic {
	z-index:5;
}


/*** typo3 menu ***/

ul.menu {
	background:#97c00e;
	list-style-type:none;
	width:100%;
	height:27px;
}

ul.menu ul {
	background:#97c00e;
	list-style-type:none;
	display:none;
	margin-left:20px;
	padding: 0px 0 5px 0;
	position: absolute;
	border:1px solid #FFF9E4;
	min-width:140px;
}

ul.menu a {
	display:block;
	padding:6px 30px;
	font-weight:bold;
	color:#fff;
}

ul.menu ul a {
	padding:0 10px;
}

ul.menu li {
	padding:0;
	margin:0;
	background-image: none;
	background:#97c00e;
	float:left;
}

ul.menu li:hover ul, ul.menu li.hover ul {
	display:block;
	width:150px;
}

ul.menu ul li {
	float:none;
	background: transparent;
	padding:5px 0;
}

ul.menu ul li a {
	font-weight:normal;
}


/* accordion styles */

.ui-accordion-header {
	padding:0 0 0 20px;
	background:transparent url(../img/pfeil.gif) no-repeat 0 3px;
}

.ui-state-active {
	background:transparent url(../img/pfeil_nach_unten.gif) no-repeat 0 3px;
}


/* news styles */

.news-item {
	margin-bottom:1em;
}

.news-date {
	padding:0 0 0 15px;
	background:transparent url(../img/pfeil.gif) no-repeat 0 4px;
}

#main .news-latest .news-item h2, #main .news-latest .news-item h3 {
	font-weight:normal;
}

#main .news-latest .news-item h2, #main .news-latest .news-item h3, #main .news-list .news-item h2, #main .news-list .news-item h3 {
	margin-top:0;
	color:#6a0;
	padding:0 0 0 15px;
}

#main .news-latest .news-item p, #main .news-list .news-item p {
	padding:0 0 0 15px;
}

#main .news-item a:hover {
	text-decoration:none;
}

#main .news-item a:hover h2, #main .news-item a:hover h3 {
	text-decoration:underline;
}


/* RTE styles */

a.arrow {
	padding:0 0 0 15px;
	background:transparent url(../img/pfeil.gif) no-repeat 0 4px;
}

a.image {
	line-height:auto;
	padding:0;
	background:none;
}

table.two_col td, table.two_col th {
	width:335px;
}

table.two_col td ul, table.two_col td p  {
	width:250px;
	text-align:left;
}