/***************************************************************
   RESET
***************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/***************************************************************
   CSS START
***************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height:1.2;
	background-color:#ffffff;
	color:#01664E;
	min-height:100%; /* For Modern Browsers */
    	height:auto !important; /* For Modern Browsers */
    	height:100%; /* For IE */
}


/*** Headings general ***/

h1, h2, h3 {
}

h1 { 
}

h2 {
}

h3 {
}

h4 {
}


/*** Anchors general ***/

a {
	color:#005941;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}


/***************************************************************
   LAYOUT
***************************************************************/

/*** GENERAL ***/

#container {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
}

#header {
	height:143px;
}

#container {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
	background: url("../images/DSD-Linie2-Corporate-BG.jpg") no-repeat;
	min-height:681px;
}

#menubar {
	width: 980px;
	height:55px;
}

#mainmenu {
	color:#ffffff;
 	margin-top:8px;
	width: 710px;
	height:20px;
	float:left;
}

#mainmenu a {
	color:#ffffff;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}

#mainmenu a:hover {
	text-decoration:underline;
	color:#D6E6A2;
}

#mainmenu-left {
	float:left;
	height:20px;
}
#mainmenu-right {
	float:right;
	height:20px;
}


#content-left {
	float:left;
	width: 245px;
	height:627px;
}

#content {
	float:left;
	width: 450px;
	padding:20px;
	font-size:12px;
	line-height:1.5;
	color:#01664E;
}

#content-right {
	float:left;
	width: 245px;
	height:427px;
}

#left-content {
	height:510px;
}

#left-content h3 {
	padding-left:20px;
	font-weight:normal;
	font-size:17px;
	color:#D8E4A2;
}

#left-content ul {
	padding-left:20px;
	margin-top:10px;
	color:#fff;
	list-style-type:none;
}

#left-content ul a {
	color:#fff;
	text-decoration:none;
	line-height:1.2;
	margin-bottom:1px;
}

#left-content ul a:hover {
	color:#fff;
	text-decoration:underline;
}

#right-content {
	height:510px;
}

#right-content h2 {
	padding-top:15px;
	padding-left:15px;
	font-weight:normal;
	font-size:17px;
	color:#fff;
}


#right-sub-content {
	color:#ffffff;
	padding:10px;
	padding-top:0px;
	font-size:11px;
}
#right-sub-content .csc-default p {
	color:#ffffff;
	font-size:11px;
}
#right-sub-content .csc-default a {
	color:#ffffff;
	font-size:11px;
}
#right-sub-content h2 {
	padding-left:0px;
	padding-bottom:10px;
}


/*** FOOTER ***/

#footer {
	float:left;
	width: 980px;
	background-color:#005941;
	color:#ffffff;
	text-align:center;
	height:60px;
}

#footermenu {
        text-align:left;
        padding-top:40px;
}

#footer a {
	color:#ffffff;
}

#facebook {
        float:left;
        padding-top:30px;
        padding-left:100px;
}

/***************************************************************
   CONTENT
***************************************************************/

#content h1 {
	font-size:16px;
	font-weight:normal;
	padding-bottom:3px;
	margin-bottom:3px;
	line-height:1.2;
	border-bottom:1px dotted #6B9253;
}
#content h2 {
	font-size:22px;
	font-weight:normal;
	margin-bottom:14px;
	padding-top:0px;
	margin-top:0px;
	line-height:1.2;
}
#content h3 {
	font-size:18px;
	font-weight:normal;
	margin-bottom:14px;
	padding-top:4px;
	margin-top:0px;
	line-height:1.2;
}
#content h4 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#content p {
	margin-bottom:13px;
}

#content ul {
	padding-left:25px;
	margin-left:0px;
	margin-bottom:10px;
}

#content li {
	margin-bottom:5px;
}


.searchbox {
	border:1px solid #bbb;
}


/* SUBMENU */

#submenu {
}

#submenu ul {
	line-height:1.2;
	background-color:#D6E6A3;
	color:#00614D;
	width:225px;
	font-size:12px;
	margin-left:10px;
	
	padding-left:0px;
	padding-bottom:2px;
}

#submenu li {
	margin-top:2px;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:0px;
	padding-left:10px;
}

#submenu ul.submenu-level1 {
	padding-left:0px;
	margin-left:0px;
	padding-top:3px;
	margin-top:4px;
}

#submenu ul.submenu-level1 li {
	padding-bottom:2px;
}


#submenu .submenu-level2, #submenu .submenu-level3 {
	padding-top:3px;
	padding-left:0px;
	margin-top:3px;
	margin-left:0px;
	width:215px;
}

#submenu ul.submenu-level2, #submenu ul.submenu-level3 {
	background-color:#ffffff;
}

#submenu li a {
	padding-top:0px;
	padding-bottom:0px;
	margin-left:0px;
	color:#333;
}

#submenu a {
	padding-left:0px;
	margin-left:0px;
	color:#333;
	height:18px;
	width:100%;
}

#submenu ul.submenu-level2 a {
	padding-left:5px;
}
#submenu ul.submenu-level3 a {
	padding-left:25px;
}

#submenu li a:hover {
	color:#333;
	text-decoration:underline;
}
#submenu a.submenu-level1-a-active, #submenu a.submenu-level2-a-active, #submenu a.submenu-level3-a-active {
	color:#333;
	text-decoration:underline;
	font-weight:bold
}
#submenu a.submenu-level2-a-active, #submenu a.submenu-level3-a-active {
	font-weight:normal;
}

.csc-textpic-caption {
	font-size:10px;
	padding-top:4px;
}


#content .csc-textpic-imagerow ul {
	padding-left:0px;
	margin-left:0px;
	margin-bottom:0px;
}


/******************************************************************************/
/* EXTENSIONS */
/******************************************************************************/

/*****************************************/
/* IRFAQ
/*****************************************/

.tx-irfaq-pi1 {
	margin-bottom:15px;
}

/*****************************************/
/* GLIDER
/*****************************************/

.scrollContainer div.panel .csc-textpic {
	margin-left:5px;	
}
.scrollContainer div.panel p {
	font-size:9pt;	
}
img.left {
	margin-top:-140px;
}

img.right {
	margin-top:-140px;
}



/** MAILFORM **/

.submit {
	height:24px;
	border: 1px solid #bbb;
	color:#333333;
	width:286px;
	margin-left:68px;
	font:9pt Arial sans-serif;
}

form.cssform {
         width: 450px;
         font-size: 0.8em;
         line-height: 20px;
         font-family: Arial, sans-serif;
}

fieldset {
	width:95%;
         margin-bottom: 10px;
         border: none;
}

label {
         font-family: Arial, sans-serif;
         line-height: 1.8;
         vertical-align: top;
         float: left;
         text-align: right;
         margin-right: 5px;
         width: 60px;
}


.textfield {
	font:8pt  Arial, sans-serif ;
	color:#555;
	margin:3px;
	height:16px;
	border: 1px solid #bbb;
	width:280px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	maxlength:27;
}

textarea {
     	background: #fff;
     	border: 1px solid #bbb;
     	width: 266px;
 	font:8pt  Arial, sans-serif ;
	color:#555;
}



/******************************************************************************/
/* TABELLEN */
/******************************************************************************/

/* Standard tables in Rich Text Editor */

.contenttable {
	margin-bottom:13px;
}
.contenttable td {
	padding-right:9px;
	vertical-align:top;
}


/* Simpletable */

.simpletable {
	margin-top:20px;
	width:450px;
	font-size:12px;
}
.simpletable td, .simpletable th {
	padding:3px;
	padding-left:5px;
}
.simpletable th {
	text-align:left;
	line-height:1.1;
	vertical-align:top;
}
.simpletable .td-1, .simpletable .td-2, .simpletable .td-3, .simpletable .td-4, .simpletable .td-5 {
	background-color:#D6E6A3;
}
.simpletable .tr-even td, .simpletable tr.tr-odd td {
	border-bottom:1px dotted #01664E;
}
.simpletable .tr-0 td {
	border-top:1px dotted #01664E;
}



/* Clearingstelle */

.clearingstelle {
	width:450px;
}
.clearingstelle td, .clearingstelle th {
	padding:3px;
	padding-left:5px;
}
.clearingstelle th {
	text-align:left;
	line-height:1.1;
	vertical-align:top;
}
.clearingstelle .td-1 {
	background-color:#95DA9B;
}
.clearingstelle .td-2 {
	background-color:#FEEE41;
}
.clearingstelle .tr-even td, .clearingstelle tr.tr-odd td {
	border-top:1px dotted #01664E;
}

/* vertragsgebiete */

.vertragsgebiete {
	width:450px;
}
.vertragsgebiete td, .vertragsgebiete th {
	padding:3px;
	padding-left:5px;
}
.vertragsgebiete th {
	text-align:left;
	line-height:1.1;
	vertical-align:top;
}
.vertragsgebiete .tr-even td {
	border-top:1px dotted #01664E;
}

.vertragsgebiete .tr-odd td {
	border-top:1px dotted #01664E;
}

/***************************************************************
   KONTAKTFOMRULARE & ANFRAGEFORMULARE MIT TMAILFORM
***************************************************************/

/***  Allgemeine Einstellungen für Anfrageformulare ***/

.form-services {
	width:450px;
}

.form-services .label {
	width:140px;
	padding-right:10px;
}

.form-services table {
	width:440px;
	font-size:9pt
}


.form-services ul table {
	width:400px;
}

.form-services table td {
	font-size:9pt
	text-align:center;
	border:0px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	padding-top:3px;
	padding-bottom:3px;
}
.form-services ul table td input {
	width:auto;
}


.form-services th {
	padding:5px;
	font-size:8pt;
	border-bottom: 1px solid #aaa;
	background-color:#D6E6A2;
}

.form-services th.values {
	width:120px;
	text-align:center;
	padding-bottom:5px;
}

.form-services .firstcolumn {
	width:160px;
	padding-left:5px;
	font-size:8pt
}

.form-services .firstcolumn-3 {
	padding-left:5px;
	font-size:8pt
}

.form-services .submit {
	height:24px;
	border: 1px solid #bbb;
	color:#333333;
	width:450px;
	margin-top:5px;
	margin-left:0px;
	padding-left:0px;
	font-family: Arial;
}

.form-services textarea {
	width: 380px;
}

.form-services table .textfield {
	margin:0px;
}

.form-services input {
	border:1px solid #aaa;
	width:98%;
}

.form-services .checkbox {
	border:1px solid #aaa;
	width:20px;
}

.form-services .error{
	font-style:italic;
	font-size:smaller;
}



/*** Anmeldeformular Seminare ***/

#form-seminare .label {
	width:180px;
	padding-right:10px;
}

#form-seminare .checkbox {
	border:1px solid #aaa;
	width:20px;
}
#form-seminare input {
	border:1px solid #aaa;
	width:340px;
}
#form-seminare textarea{
	width:340px;
}



/*** Anmeldeformular Seminare mit grossem Label ***/

#form-seminare1 .label {
	width:320px;
	padding-right:10px;
}

#form-seminare1 .checkbox {
	border:1px solid #aaa;
	width:20px;
}
#form-seminare1 input {
	border:1px solid #aaa;
	width:340px;
}
#form-seminare1 textarea{
	width:340px;
}


/***  Anfrageformular ElektroG ***/

#form-elektrog table {
	font-size:9pt
}

#form-elektrog table td {
	font-size:9pt
	text-align:center;
	border-bottom: 1px dotted #aaa;
	padding-top:3px;
	padding-bottom:3px;
}

#form-elektrog th {
	padding:5px;
	font-size:8pt;
	border-bottom: 1px solid #aaa;
	background-color:#D6E6A2;
}

#form-elektrog th.values {
	width:120px;
	text-align:center;
	padding-bottom:5px;
}

#form-elektrog .firstcolumn {
	width:160px;
	padding-left:5px;
	font-size:8pt
}


#form-elektrog  textarea {
	width: 260px;
}


/***  Anfrageformular Standortentsorgung ***/




/*** Anfrageformular Transportverpackung ***/



/*** Anfrageformular Forderungsstellungdienstleistung (Kunde/Pfand) ***/

#form-fsd {
}



/*** Anmeldeformular Newsletter ***/

#form-newsletter .label {
	width:380px;
	padding-right:10px;
}

#form-newsletter .checkbox {
	border:1px solid #aaa;
	width:20px;
}
#form-newsletter input {
	border:1px solid #aaa;
	width:380px;
}
#form-newsletter textarea{
	width:380px;
}



/* Glossary */

.form_large_text {
	border:1px solid #bbb;

}


/* Indexedsearch */

.tx-indexedsearch-searchbox-sword {
	border:1px solid #bbb;
}
.tx-indexedsearch-searchbox-button {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	font-family: Arial;
}
.tx-indexedsearch-searchbox td {
	padding:3px;
}





.datacontainer .csc-textpic-single-image img {

width:100px;

}



#produktenachhaltigstart {
        width: 448px;
	margin: 0 auto;
	padding: 0px;
	background: url("http://www.gruener-punkt.de/fileadmin/kunden/dienstleistungen/images/produkte_nachhaltig_start.gif") no-repeat;
	min-height:440px;
}


#produktenachhaltigstart_en {
        width: 448px;
	margin: 0 auto;
	padding: 0px;
	background: url("http://www.gruener-punkt.de/fileadmin/kunden/dienstleistungen/images/produkte_nachhaltig_start_en.gif") no-repeat;
	min-height:440px;
}