body {

margin: 0;

background-color: #E6F1F3;

}



form {

margin: 0;

padding: 0;

}



td, div {

font-family:Verdana, Arial, Helvetica, sans-serif;

color: #000000;

font-size: 12px;

text-align: left;

}



.rechts {

text-align: right;

}





a {

color: #007284;

font-size: 12px;

font-weight: bold;

}



a img {

border: 0;

}



.green {

color: #007688;

}





h3 {

color: #007688;

font-size: 14px;

padding: 0;

margin-top: 10px;

margin-bottom: 5px;

}



h4 {

color: #007688;

font-size: 12px;

padding: 0;

margin: 0px;

}



.mini {

font-size: 10px;

}



/************** DIESE AUCH IM TINY RTE-EDITOR **********/



.abstand {

margin: 0 10px 8px 0;

}



.abstand_rechts {

margin: 0 10px 8px 0;

}



.abstand_links {

margin: 0 0 8px 10;

}





/************** HEADER UND PAGE SETUP ******************/



.master {

padding-top: 33px;

padding-bottom: 20px;

width: 980px;

border-right: 1px solid #BBDADD;

border-left: 1px solid #BBDADD;

border-bottom: 1px solid #BBDADD;

background-color: #FFFFFF;

text-align: center;

}



.container {

width: 940px;

}



.logoheader {

padding-bottom: 6px;

border-bottom: 1px solid #B1D3D9;

text-align: left;

vertical-align: bottom;

}



.navi-pics {

border-top: 1px solid #FFFFFF;

}



.navi a:link, .navi a:visited, .navi a:active {

display: block;

text-decoration:none;

color: #FFFFFF;

font-weight:bold;

font-size: 13px;

height: 25px;

background-image:url(../images/nav_bg.gif);

background-position: bottom left;

background-repeat: repeat-x;

padding-top: 10px;

text-align: center;

background-color: #007688;

}



.navi a:hover {

background-image: none;

}



.navi .aktiv a:link {

background-image: none;

}



.navi .aktiv a:visited {

background-image: none;

}



.navi .aktiv a:hover {

background-color: #007688;

background-image: none;

}





.subnav a:link.aktiv {

border-bottom: 6px solid #007688;

}



.subnav a:visited.aktiv {

border-bottom: 6px solid #007688;

}





.subnav {

height: 30px;

background-color: #007688;

padding-top: 8px;

padding-left: 30px;

background-image: url(../images/bg_subnav.gif);

background-position: bottom right;

background-repeat: no-repeat;

margin-bottom: 14px;

}





.subnav img {

margin-right: 0px;

margin-bottom: 0px;

}



.subnav a {

color: #FFFFFF;

text-decoration:none;

padding: 8px 15px 10px 15px;

}



.subnav a:link {

border-bottom: 6px solid #FFFFFF;

}



.subnav a:visited {

border-bottom: 6px solid #FFFFFF;

}



.subnav a:hover {

border-bottom: 6px solid #007688;

}



.subnav a:link.aktiv {

border-bottom: 6px solid #007688;

}



/************* CONTENT BOXEN *************/



.box {

color: #0E0E0E;

background-color: #E6F1F3;

border-bottom: 1px solid #B1D3D9;

padding: 10px 10px 20px 10px;

margin-bottom: 30px;

}



.box-header {

font-weight: bold;

height: 17px;

line-height: 17px;

padding-left: 11px;

background-image: url(../images/bg_boxhead.gif);

background-position: bottom left;

background-repeat: no-repeat;

background-color: #007688;

color: #FFFFFF;

}



.box-container {

width: 366px;

float: left;

margin-right: 20px;

margin-top: 20px;

}



.box-container-right {

width: 366px;

float: right;

margin-right: 20px;

margin-top: 20px;

}



.big-box-container {

width: 752px;

clear: both;

margin-right: 20px;

}





.box-img {

margin-right: 8px;

}



.box a {

color: #007284;

font-weight: bold;

line-height: 18px;

}



.text-head {

color: #007688;

font-size: 14px;

margin-bottom: 4px;

}



/* FORMS rechte Seite */



.form-container {

}



.form-container .box-header{

background-color: #BADBDD;

background-image: url(../images/bg_formhead.gif);

color: #007284;

}



.form-container .box {

margin-bottom: 10px;

padding: 14px 6px 12px 8px;

}



.form-container input {

width: 146px;

margin-bottom: 4px;

padding: 0px;

border: 1px solid #007284;

color:#007284;

}





/* footer */



.footer {

background-color: #007688;

clear: both;

text-align: center;

height: 18px;

padding-top: 2px;

font-size: 11px;

width: 940px;

color: #FFFFFF;

}



.footer a {

color: #FFFFFF;

text-decoration: none;

font-weight: normal;

font-size: 11px;

}



.footer-line {

margin-top: 1px;

border-bottom: 1px solid #B1D3D9;

width: 940px;

}



/********* Preise ************/



table.box {

padding: 0;

}



table.box .alt-tr  td {

border-top: 1px solid #B1D3D9;

border-bottom: 1px solid #B1D3D9;

background-color: #FFFFFF;

}



table.box th	{

text-align: left;

color: #FFFFFF;

font-weight: normal;

}



table.box td {

padding:13px 1px 13px 1px;

}



table.box .bezeichnung {

color: #007688;

padding-right: 28px;

text-align: right; 

font-weight: bold;

}





/************* FAQ ************/



.linkliste {

padding: 25px 0 30px 0;

border-bottom: 1px solid #B1D4DA;

}



.linkliste p img{

margin-right: 9px;

}



.linkliste p {

margin: 5px 0 15px 0px;

}



.antwort-tab {

border-bottom: 1px solid #B1D4DA;

}



.antwort-tab img {

margin-right: 5px;

}



.antwort-text {

padding: 16px 10px 20px 0;

line-height: 18px;

}



.antwort-toplink {

padding-bottom: 20px;

}



/************* STATISTIK ************/



table.stat-table tr th.top-head {

text-align: left;

padding-left: 10px;

height: 17px;

background-image: url(../images/bg_boxhead.gif);

background-position: bottom left;

background-repeat: no-repeat;

color: #FFFFFF;

background-color: #007688;

}



table.stat-table tr th { 

background-color: #007688;

}



.stat-table tr th table td {

font-weight: normal;

color: #FFFFFF;

background-color: #007688;

padding: 0;

border: 0;

}



.zwischen-text {

padding: 15px 0 10px 0;

}



.stat-table {

margin-bottom: 10px;

}



.stat-table td {

color: #007688;

background-color: #E6F1F3;

padding: 12px 0px 11px 10px;

border-bottom: 1px solid #B1D3D9;

}



.stat-table .alt-tr td {

background-color: #FFFFFF;

}



.stat-table td table td {

padding: 3px 0 3px 0;

font-size: 11px;

border: 0;

}



/********** LINK LISTE **********/



.links {

padding: 13px 1px 10px 10px;

}



.links p {

margin: 0;

margin-bottom: 6px;

 }



.links p img {

margin-right: 4px;

}



/********** SITEMAP *************/



.site-toplevel {

width: 140px;

float: left;

border-left: 1px solid #007688;

padding-left: 9px;

margin-top: 20px;

}



.site-toplevel a {

text-decoration: none;

margin-bottom: 6px;

display: block;

}



.site-level2 {

padding-top: 11px;

padding-bottom: 3px;

}



.site-level2 a {

color: #000000;

font-weight: normal;

display: inline;

}



.site-level2 img {

margin-right: 2px;

}





/************ 	RAFFINERIEN *************/



.raffi {

border-bottom: 1px solid #007688;

}



table.raffi tr th {

background-image: none;

text-align: left;

border-bottom: 1px solid #007688;

color: #FFFFFF;

}



table.raffi td {

vertical-align: top;

}





table.raffi tr th.raffi-top {

background-image: url(../images/bg_boxhead.gif);

background-position: bottom left;

background-repeat: no-repeat;

padding-left: 10px;

}



table.beteil-table tr td {

padding-top: 1px;

padding-bottom: 5px;

font-weight: bold;

text-decoration: underline;

font-size: 12px;

}



table.beteil-table tr .anteil-col {

vertical-align: top;

font-weight: normal;

text-decoration: none;

padding-left: 5px;

}





/**********  KONTAKT **************/





.text-block {

padding: 10px 0 20px 0;

border-bottom: 1px solid #B1D3D9;

margin-right: 20px;

vertical-align: top;

clear: both;

}



.text-block input,textarea {

width: 293px;

border: 1px solid #0C8B94;

background-color: #E6F1F3;

padding: 4px;

margin: 5px 15px 15px 0;

}



.text-img-table {

border-bottom: 1px solid #B1D3D9;

margin-right: 20px;

}



.text-img-table td {

padding: 0 20px 18px 0;

}



.kontakt-table {

color: #007688;

}





/************** PRESSEVERTEILER KONTAKT ***********/



.presse-table {

margin: 0 20px 120px 0;

}



.presse-table td input {

border: 1px solid #007688;

background-color: #FFFFFF;

}



.input-240 {

width: 240px;

}



.input-166 {

width: 166px;

}



.input-63 {

width: 63px;

}





/*************** SPRACHWAHL ********************/



.lang-select {

margin: 20px 20px 20px 0;

}



.lang-select img {

margin-right: 5px;

}

/*************** MATRIX ************/



.matrix {

background-image: url(../images/matrix_bg.gif);

background-position: top left;

background-repeat: no-repeat;

height: 690px;

padding: 53px 170px 10px 46px;

position: relative;

}



.matrix td {

padding: 5px;

}



#red-box {

position:absolute;

left:444px;

top:5px;

width:174px;

height:252px;

z-index:1

}



#right-box {

position:absolute;

left:620px;

top:285px;

width:138px;

height:252px;

z-index:2

}



/*********************** TABELLEN STATISTIK ****************/



.stat-table-top {

margin: 15px 0 12px 0;

position: relative;

}





.stat-table-top img {

margin: 4px;

}





/* Tabelle anzeigen */

#rechts-aus {

text-align:right;

visibility: hidden;

position: absolute;

left: 600px;

top: -4px;

}



#rechts-aus img {

margin-left: 3px;

margin-right: 0;

}





#rechts-an {

text-align:right;

visibility: visible;

position: absolute;

left: 600px;

top: -4px;

}





#rechts-an img {

margin-left: 3px;

margin-right: 0;

}





#statistik {

margin-bottom: 20px;

border-bottom:1px solid #007688;

border-left: 1px solid #B1D3D9;

visibility: visible;

}



#statistik th {

background-color: #66ADB8;

color: #FFFFFF;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

padding: 15px 5px 15px 5px;

border-right: 1px solid #B1D3D9;

border-bottom: 1px solid #B1D3D9;

text-align: center;

}



#statistik td {

text-align: center;

color: #007688;

padding: 10px 0 10px 0;

border-bottom: 1px solid #B1D3D9;

border-right: 1px solid #B1D3D9;

font-weight: bold;

font-size: 11px;

}





#statistik td.stat-foot {

text-align: left;

padding-left: 15px;

font-weight: normal;

}



td.links {

text-align: left;

padding-left: 15px;

}



.alt td {

background-color: #E6F1F3;

}



th.alt {

background-color: #E6F1F3;

}



#grafik-layer {

position:absolute;

top: 341px;

width:752px;

height:160px;

visibility: hidden;

background-color: #FFFFFF;

}