/******************
 *                *
 * GENERAL LAYOUT *
 *                * 
 ******************/

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, code, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
	line-height: inherit;
}

body, table, tr, td, th, input, select, textarea {
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:9pt;	
}

body {
	background-color:#FFF;	
}

#pageWrap, #pageInnerWrap {
	width:1000px;	
}


/**********
 * Header *
 **********/
 
#headerContent {
	background-color:#4EAF30;
	height:140px;
	margin-bottom:1px;	
}

#logoLarge {
	float:left;
	padding:38px 0 0 30px;
	width:300px;	
}

#logoCard {
	float:right;
	padding-right:30px;
	width:483px;
	height:139px;
}

#headerWrap {	
	width:1000px;
	margin-bottom:1px;
}


/***********
 * Sidebar *
 ***********/
 
#sidebarWrap {
	width:146px;
	float:left;
	background-image:url(../images/sidebar_gradient.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:96px;
}

#sidebarContentTop {
	background-color:#4EAF30;
	min-height:260px;
	margin-bottom:1px;
}

#sidebarContentBottom {
	background-color:#4EAF30;	
}

#erdgasLogo {
	padding:10px 0px;	
}


/***********
 * Content *
 ***********/

#contentWrap {
	width:646px;
	padding:14px;
	float:left;
}

/**********
 * Teaser *
 **********/

#teaserWrap {
	width:180px;
	float:right;	
}

#teaserContent {
	padding:8px;
}


/**********
 * Footer *
 **********/

#footerWrap {
	clear:both;
	margin-left:160px;
	color:#999;
	font-size:0.9em;
	width:650px;
}

#footerInnerWrap {
	padding-top:10px;
}

#footerInnerWrap a {
	font-weight:normal;
}

#footerContentTop {
	padding-bottom:1px;
	border-bottom:1px solid #999;
	margin-bottom:2px;	
}

#footerContentBottom #copyright {
		float:left;
}

#footerContentTop #topLink {
	float:right;	
}

#footerContentTop #topLink a {
	padding-left:17px;
	background-image:url(../images/icon_top.png);
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#999;	
}

/************
 * Clearfix *
 ************/
 
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
}

.clear {
	display:block;
	clear:left;
}

* html .clear {
  height: 1%;
  overflow: visible;
}



/*********************
 *                  *
 * CONTENT ELEMENTS *
 *                  * 
 ********************/

h1 {
	font-size:1.6em;
	color:#4CA430;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.csc-header h1 {
	font-size:1.0em;
	color:#4CA430;
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:1px solid #4CA430;	
	margin:10px 0;
}

#content h2 {
	font-size:1.25em;
	color:#4CA430;
	font-weight:bold;
	margin:8px 0;
}

#content h3 {
	font-size:1.1em;
	font-weight:bold;
	margin:8px 0;
	font-size:1em;
}

#content p {
	line-height:1.6em;
	padding-bottom:8px;
}

#content ul {
	margin-left:24px;
	padding-bottom:8px;	
	list-style:none;
}

#content ul li {
	margin-bottom:4px;
	background-image:url(../images/list_image.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:12px;				
}

p.align-center {
	text-align:center;	
}

p.align-right {
	text-align:right;
}

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

a:hover {
	color:#4CA430;
	text-decoration:underline;
}

/***********
* Tabellen *
************/

table {
	/*width:100%;*/
	border-collapse:collapse;
}

td, th {
	padding:8px;
}

td.odd, th.odd {
	background-color:#F0F0F0;
}

th {
	border-bottom:3px solid #4CA430;
	text-align:left;
	text-transform:uppercase;
	/*background-color:#F0F0F0;*/
}

td {
	border-bottom:1px solid #4CA430;
	font-size:0.9em;
	
}

/***************
 * Feature Box *
 ***************/
 
 .featureBoxWrap {
 	width:313px;
 	height:240px;
 	border:1px solid #B7D69A;
 	background-image:url(../images/featurebox_bg.png);
 	background-repeat:repeat-x;
 	background-color:#FFF;
 	margin:10px 0px 18px 0px;
}

.featureBoxInnerWrap, .featureTitle {
	width:293px;
	margin:4px 10px;
}

.featureTitle {
	color:#4CA430;
	font-size:1.3em;
	font-weight:bold;
	height:20px;
}	

.featureText a {
	display:inline-block;
	font-size:0.9em;
	font-weight:bold;
	color:#4CA430;
	text-decoration:none;
	padding-left:8px;
	background-image:url(../images/arrow_green.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin-left:6px;
}

.featureText a.more {
	margin-left:0 ! important;
}

.featureImage {
	margin:10px 0;
	border:1px solid #B7D69A;
}

/*****************
 * Column groups *
 *****************/
 
.columnGroup {
	margin-bottom:15px;
}

/*********
 * Login *
 *********/
 
.tx-felogin-pi1 {
	padding:8px 8px 0 8px;
	width:160px;	
}

.tx-felogin-pi1 fieldset div {
	margin-bottom:15px;	
}

 .tx-felogin-pi1 label {
 	display:block;
 	font-weight:bold;
 	color:#4CA430;
 	margin:4px 0;
 	font-size:0.9em;
}

 .tx-felogin-pi1 input[type="text"], .tx-felogin-pi1 input[type="password"]  {
	width:120px;
	padding:1px 2px;	
}

 .tx-felogin-pi1 input[type="submit"] {
	margin:4px 0;
	background-color: #F0F7EA;
	border: 1px solid #4CA430;
	color: #4CA430;
	font-weight:bold;
}

.tx-felogin-pi1 .number-info {
	margin-top:-5px;
	color:#666;
}


/**********
 * Teaser *
 **********/
 
.teaserWrap {
	width:160px;
	border:1px solid #B7D69B;
	margin-bottom:14px;	
}

.teaserInnerWrap {
	padding:10px;	
}


.teaserTitle {
	border-bottom:1px solid #B7D69B;
	background-color:#F0F7EA;
	padding:4px 8px;
	color:#4CA430;
	font-weight:bold;
	font-size:0.9em;
}

.teaserImage img {
	width:120px;
	margin:10px 0 15px 10px;
	border:1px solid #B7D69A;
}

.teaserContent p {
	width:140px;	
	padding:4px 0;
	line-height:1.4em;
	font-size:0.9em;	
}

.teaserContent a {
	display:inline-block;
	background-image:url(../images/arrow_green.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	color:#4CA430;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
	line-height:1.2em;
}

/***************
 * Initiatoren *
 ***************/

.initiatoren_list {	
	width:646px;
	padding-top:10px;
	border-collapse:collapse;
	margin-bottom:20px;
	 	
}
.nach_oben {	
	padding-bottom:10px;
	text-align:right;
	
}

.initiatoren_list th {
	border-bottom:3px solid #999;
	font-size:1.1em;	
}

.initiatoren_list thead th:first-child {
	border-right: 1px solid #999999;
	padding:6px;
	color: #999999;
	font-weight:bold;
	text-align:left;
	width:346px;		
}

.initiatoren_list th .heading {
	color:#999;	
}

.initiatoren_list th .bundesland {	
	color: #4DAE30;
	font-weight:bold;
	font-size:1.2em;	
}

.initiatoren_list tr td {
	padding:6px;	
}

.initiatoren_list tr td:first-child {	
	border-right:1px solid #999999;	
}

/**************
* Basket     *
**************/

.tt_products_basket_info {
	margin-bottom:15px;
}

/**************
 * Accordion *
 *************/
 
 h3.ui-accordion-header {
 	padding:6px;
 	border:1px solid #B7D69B;
 	background-color:#F0F7EA;
 	margin:0 ! important;
 	opacity:0.75;
 	filter:alpha(opacity=75);
 	cursor:pointer;
 	
}

h3.ui-accordion-header a:hover {
	text-decoration:none ! important;
}
	

h3.ui-state-default:hover, h3.ui-state-active {
	opacity:1;
	filter:alpha(opacity=100);
}

.ui-icon {
	display:block;	
	float:left;
	width:16px;
	height:16px;
	background-image:url(../images/arrow_green.gif);
	background-repeat:no-repeat;
	background-position:left center;
	position:relative;	
	left:4px;	
}

.ui-accordion-content {
	background-color:#FFF;
	border:1px solid #ccc;
	border-top:0;
	padding:6px;
	height:auto;
	
}


/**************
 *            *
 * NAVIGATION *
 *            * 
 **************/

#primaryNav ul, #secondaryNav ul, #tertiaryNav ul {
	list-style:none;
}


/**********************
 * Top Navigation *
 **********************/

#primaryNav {	
	background-color:#37353B;
	height:30px;	
}

#primaryNav ul {
	margin-left:160px;
}

#primaryNav ul li {
	float:left;
	margin-right:30px;
}

#primaryNav ul li a {
	line-height:28px;	
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#FFF;
}

#primaryNav ul li a:hover, #secondaryNav ul li a:hover, #tertiaryNav ul li a:hover,
#primaryNav ul li a.active, #secondaryNav ul li a.active, #tertiaryNav ul li a.active {
	color:#FBBA00;
}


/***********
 * Search  *
 ***********/
 
div#search {
	float:right;
	width:160px;
	height:20px;
	margin-right:10px;
	margin-top:4px;		
}

div#search input {
	width:130px;
	padding:1px 0 1px 4px;
	font-size:0.9em;
	color:#666;
	height:18px;
	margin:0;
	border:0;
	vertical-align:middle;
	line-height:18px;
	float:left;	
}

div#search img {
	vertical-align:middle;
	float:left;
	clear:right;
	margin:0 0 0 4px;	
}



/**********************
 * Sidebar Navigation *
 **********************/
 
 
#secondaryNav, #tertiaryNav {
	padding:15px 0 0 10px;
}

#secondaryNav ul li {
	padding-bottom:15px;	
}

#secondaryNav ul {
	width:125px;
	padding-bottom:95px;
	padding-top:3px;		
}

#secondaryNav ul li a, #tertiaryNav ul li a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;	
}


/* Second Level */

#secondaryNav ul ul {
	padding-left:8px;
	padding-bottom:0 ! important;
}

#secondaryNav ul ul li {
	margin-top:-6px;
	padding-bottom:8px ! important;
}


#secondaryNav ul ul li a {
	font-size:0.9em;
}

#tertiaryNav ul li {
	margin-bottom:10px;	
}

/**********************
 * Footer Navigation *
 **********************/
 
#footerNav {
	float:right;
}

#footerNav ul, #footerTools ul {
	list-style:none;
}

#footerTools ul li {
	float:left;
	margin-right:15px;
}

#footerNav ul li {
	float:left;
	margin-left:15px;	
}

#footerNav ul li a, #footerTools ul li a {
	text-decoration:none;
	color:#999;	
}

#footerTools ul li.print a {
	padding-left:18px;
	background-image:url(../images/icon_print.png);
	background-repeat:no-repeat;		
}