subnavHeadlsubnavHeadl@charset "utf-8";
/* CSS Document


@font-face {
	font-family: 'TheSans';
	src: url('../fonts/TheSansOffice5_.eot');
	src: local('☺'), url('../fonts/TheSansOffice5_.woff') format('woff'), url('../fonts/TheSansOffice5_.ttf') format('truetype'), url('../fonts/TheSansOffice5_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

 */
* {
    margin: 0;
    padding: 0;
}

html {height: 100.1%}

body {
	background-color: #f4fbfd;
	color:#4d4e53;
	padding:15px;
	font: 11px/140% Verdana, 'Geneva, sans-serif';
}
a, a:visited {color:#00a9e0; text-decoration:none}
a:hover {color:#00a9e0; text-decoration:underline}

.center {width:962px; margin:0 auto; height:auto; position:relative; background-color:#fff; position:relative}

.logo {
	position:relative;
	width:962px;
	background-image: url(../img/BG_top.gif);
	background-repeat: no-repeat;
	overflow:hidden
	
}


.topnav {font: normal 24px/120% 'TheSans', Tahoma, Arial; padding:0 0 0 8px; z-index:0!important; }
.topnav a, .topnav a:visited {display:block; float:left; color: #009a49; margin:0 25px 7px 0; padding: 0 3px 0 16px; z-index:0!important ;  
text-shadow: -2px -2px 0 #fff,  2px -2px 0 #fff, -2px 2px 0 #fff,  2px 2px 0 #fff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
}
.topnav a:hover {color: #00a9e0; text-decoration:none}
.ON  {
	color:#009a49!important;
	background-image: url(../img/TOPNAV_arrow_green.gif);
	background-position: left 7px;
	background-repeat: no-repeat;
}


.contentaround {width:920px; padding:42px 21px 32px 21px; position: relative; height: auto; overflow:auto}

/********************** LEFT ********************************/
.leftarea {width:215px; margin-right:20px; float:left; height:auto}
.leftarea a {
	display:block;}
	
a.leftBox  {
	display:block;
	padding:0 0 8px 0;
	border-bottom:1px dotted #d7d7d7;
	color:#4d4e53;
	text-decoration: none;
	margin-bottom:15px;
	width:100%
}
.leftBox .arrow {margin-top:5px}

.leftBoxOlink  {
	display:block;
	padding:0 0 8px 0;
	border-bottom:1px dotted #d7d7d7;
	color:#4d4e53;
	text-decoration: none;
	margin-bottom:15px;
	width:100%
}

a.subnav ,  a.subnav:visited {display:block; padding:5px 0; border-bottom:1px dotted #d7d7d7; color:#00a9e0!important; width:100%}
a.subnav:hover { text-decoration:underline }

a.subnavON ,  a.subnavON:visited {display:block; padding:5px 0; border-bottom:1px dotted #d7d7d7; color:#00a9e0!important; width:100%; font-weight:bold}
a.subnavON:hover { text-decoration:underline }
.subnavON:after{content:" →";}

.subnavHeadl {display:block; font: normal 16px/120% 'TheSans', Tahoma, Arial;  color:#00a9e0; padding-bottom:5px}


/********************** CONTENT ********************************/
/*.content {width:450px; float:left; margin-top:-10px }*/
.content02 {width:668px; float:left; margin-top:-10px; height:auto }
.content02 ul, .content02 ol {margin:0 0 15px 35px; }
.content02 ul li, .content02 ol li {font: 11px/140% Verdana, 'Geneva, sans-serif'; margin-bottom: 8px}
.content02 ul li ul, .content02 ol li ol{ margin: 8px 0 8px 35px}


.homeTAB td {border-top:1px dotted #d7d7d7; padding:15px 0 10px 0}


/******************************************************/
.BGgreen {background-color:#009a49}
.BGgrey {background-color:#4d4f53}
.BGblue {background-color:#00a9e0}
.BGyellow {background-color:#ffda00}



/******************************************************/


h1 {
	color: #009a49;
	font: normal 26px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 0 0 14px 0
}


h2 {
	color: #009a49;
	font: normal 18px/120% 'TheSans', Verdana, 'Geneva, sans-serif'; margin: 14px 0 6px 0 
}
h3 {
	color: #00a9e0;
	font: bold 12px/140%  'TheSans', Verdana, 'Geneva, sans-serif';  margin: 17px 0 8px 0

}
p {margin-bottom: 8px}

.imgR {float:right; margin: 0 0 10px 20px}
.imgL {float:left; margin: 0  20px 10px 0 }




.blue {color: #00a9e0}
.green {color: #009a49}
.yellow {color:#ffda00}
.orange {color:#ff9e0d}
.greyDK {color:#4d4e53}
.grey {color:#979c9e}

.line {height:10px; border-bottom: 1px dotted #ccc; margin-bottom: 14px; clear:both}
.pict {float:right; margin: 0 0 0 20px}
.pictLI {float:left; margin-right: 20px}
.box {float:left; margin-right: 20px; width:225px; border: 1px solid #ccc}
.box p, .box h3, .box h2 {padding-left:8px}
.small {font-size:10px}

blockquote {margin:0 0 5px 35px; }
.tellmeFooter {display:none; padding: 11px 21px; border-top:1px solid #d7d7d7;  font: normal 19px/100% 'TheSans', Verdana, 'Geneva, sans-serif'; height:15px}
.footer {padding: 12px 21px; border-top:1px solid #d7d7d7; font-size: 10px; clear:both}

.tabelle {width:100%; clear:both}
.tabelle td { border-bottom: 1px dotted #ccc; padding:3px }
.tabHeadl { border-bottom: 1px solid #00a9e0!important; font-weight:bold}

sub {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 70%;
    vertical-align: -10%;
}
sup {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.75em;
    vertical-align: 30%;
}

hr {border: none; border-top: 1px dotted #cccccc; color: #FFFFFF; background-color: #FFFFFF; height: 1px; margin:20px 0 15px 0}

.boxRed {padding:10px; border:3px double #903; margin:20px 0; background-color:#fff8fa}
.boxGreen {padding:10px; border:3px double #009a49; margin:20px 0; background-color:#f7fefa}
.l200 {line-height:200%}

.gasTAB {width:200px; float:right; margin: 0 0 30px 25px; background-color:#f9f9f9}
.gasTAB td {border-bottom: 1px solid #ccc; padding:3px; color:#009a49}
.gasTABheadl {background-color:#009a49; color:#fff!important; font-weight:bold; font-size:14px}