@charset "utf-8";
/* ------------------------------------------------------------ */
/* GLOBAL */
/* ------------------------------------------------------------ */
*{
margin:0;
padding:0;
}
html{
font-size:100%;
}
body{
background:#A0AAB5;
color:#FFFFFF;
font:normal 68.75% Arial,Helvetica,sans-serif;/* standardfontdefinition */
}
img{
border:0px;
}
ul,ol,li{
list-style:none;
}
/* ------------------------------------------------------------ */
/* GLOBAL LINKS */
/* ------------------------------------------------------------ */
/*standardlinks
a:link,
a:visited,
a:hover,
a:active,
a:focus
*/
a{
font:normal normal normal Arial,Helvetica,sans-serif;/*standardfontdefinition*/
text-decoration:none;
outline-style:none;
}
a:link,
a:visited,
a:active{
color:#333333;
}
a:hover,
a:focus{
color:#000000;
text-decoration:underline;
}
.modul-full-download a:link,
.modul-full-download a:visited,
.modul-full-download a:active{
color:#FFFFFF;
}
.modul-full-download a:hover,
.modul-full-download a:focus{
color:#FFFFFF;
}
#content-ri a:link,
#content-ri a:visited,
#content-ri a:active{
color:#FFFFFF;
}
#content-ri a:hover,
#content-ri a:focus{
color:#FFFFFF;
}
.underline{
text-decoration:underline;
}

/* ------------------------------------------------------------ */
/* GLOBALE POSITIONIERUNG */
/* ------------------------------------------------------------ */
/*traegt alle elemente und zentriert sie im viewport */
#page{
width:960px;
margin:0 auto;
position:relative;
padding-bottom:20px;
}
#header{
width:100%;
float:left;
background:#304152;
position:relative;
height:100px;
}
/* ------------------------------------------------------------ */
/* LOGO UND SLOGAN */
/* ------------------------------------------------------------ */
#logo{
width:58px;
position:absolute;
right:20px;
bottom:0px;
height:80px;
z-index:10;
}
#slogan{
width:300px;
position:absolute;
left:14px;
bottom:6px;
height:18px;
z-index:20;
}
/* ------------------------------------------------------------ */
/* CONTENT */
/* ------------------------------------------------------------ */
/* contentbereich container zur stabilisierung */
#content_container{
width:100%;
clear:both;
overflow:visible;
min-height:600px;
height:auto !important;
height:600px;
background:url(/img/back_stripe.png) repeat-y 0px 0px;
float:left;
}
/* contentbereich links */
#content-le{
float:left;
width:620px;
color:black;
padding-left:20px;
line-height:150%;
}
/* contentbereich rechts */
#content-ri{
float:left;
width:320px;
display:inline;
min-height:600px;
height:auto !important;
height:600px;
color:#FFFFFF;
}
#content-ri-images{
padding: 0px 10px 20px 20px;
}
/* ------------------------------------------------------------ */
/* CONTENTMODULE */
/* ------------------------------------------------------------ */
/* contentmodul mit voller breite */
.modul-full-clear{
float:left;
margin:0px 0px 0px 0px;
display:inline;
}
.modul-full-clear-610{
float:left;
margin:0px 0px 0px 0px;
display:inline;
width:610px;
}
.modul-full-clear-280{
float:left;
margin:0px 0px 0px 0px;
display:inline;
width:280px;
}

.modul-full-txt{
float:left;
margin:0px 20px 0px 0px;
display:inline;
}
.modul-full{
float:left;
margin:0px 20px 10px 0px;
display:inline;
}
.modul-full-ri{
float:left;
padding:10px 20px 20px 20px;
display:inline;
}

/* contentmodul mit halber breite */
.modul-half-txt{
float:left;
margin:0px 10px 0px 0px;
display:inline;
width:295px;
}
/* contentmodul mit viertel breite */
.modul-quarter{
float:left;
margin:0px 10px 0px 0px;
display:inline;
width:142px;
overflow:hidden;
}
.modul-full full{
margin:0px 0px 10px 0px;
}
.modul-half-txt half{
margin:0px 0px 10px 0px;
}
.modul-quarter quarter{
margin:0px 0px 10px 0px;
}
.modul-full-download{
	float:left;
	margin:20px 0px 20px 0px;
	padding: 8px 50px 10px 10px;
	display:inline;
	width:550px;
	height:27px;
	background-image: url(/img/down-big.png);
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------ */
/* CONTENTMODULE RECHTS*/
/* ------------------------------------------------------------ */
#header-ri-15{
width:300px;
height:15px;
padding-left:20px;
background:#021020;
}
#header-ri{
width:300px;
background:#021020;
height:20px;
padding-left:20px;
}
#content-ri #img-box img.products {
margin:10px 10px 0px 20px;
}
#headline-box h3{
margin:0px 10px 0px 20px;
padding-top:10px;
}
.full-clear{
float:left;
margin:0px 0px 0px 0px;
display:inline;
width:320px;
}
#folder-ri{
width:290px;
padding:10px 10px 0px 20px;
}
#folder-ri table{
padding:0px 0px 10px 0px;
}
#folder-ri table td{
width:135px;
padding:0px 10px 0px 0px;
vertical-align:top;
}
#folder-ri-products{
padding:10px 20px 0px 20px;
}
#folder-ri-products table{
width:280px;
padding:0px 0px 2px 0px;
font-size:100%;
}
#folder-ri-products table td.down{
width:68px;
padding:0px 0px 7px 0px;
}
#folder-ri-products table td.text{
width:212px;
padding:0px 0px 7px 0px;
vertical-align:middle;
}
.email {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #fff;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
width: 280px;
}
/* ------------------------------------------------------------ */
/* TABELLEN */
/* ------------------------------------------------------------ */
#content table{
margin:20px;
width:260px;
font:normal normal normal 9px Arial,Helvetica,sans-serif;
border-collapse:collapse;
table-layout:auto;
}
/* ------------------------------------------------------------ */
/* LISTEN */
/* ------------------------------------------------------------ */
#content-le ul{
margin: 0px 10px 0px 0px;
position: relative;	
}
#content-le ul li {
line-height: 150%; 
list-style: none;
padding-left:16px;
background:transparent url(/img/square.png) no-repeat;
background-position:0px 5px;
}
#content-le ul.sitemap{
margin: 0px 10px 0px 0px;
position: relative;	
}
/* ------------------------------------------------------------ */
/* TEXTFORMATE */
/* ------------------------------------------------------------ */
h1{
font-size:100%;/* 11px */
line-height:136.36%;/* 15px */
font-weight:bold;
font-family: Arial,Helvetica,sans-serif;
}
h1.title{
height: 30px;
padding-top:15px; 
margin:0px 0px 0px 0px;
font-size:100%;/* 11px */
/*line-height:136.36%; *//* 15px */
font-weight:bold;
font-family: Arial,Helvetica,sans-serif;
}
h2{
margin:0px 0px 9px 0px;
font-size:95%;/* 11px */
line-height:136.36%;/* 15px */
font-weight:bold;
font-family: Arial,Helvetica,sans-serif;
}
h2.title {
width:580px;
}
h2 a{
margin:0px 0px 9px 0px;
font-size:100%;/* 11px */
line-height:136.36%;/* 15px */
font-weight:bold;
font-family: Arial,Helvetica,sans-serif;
}
h2 a:link,
h2 a:visited,
h2 a:active{
color:#000000;
}
h2 a:hover,
h2 a:focus{
color:#000000;
text-decoration:underline;
}
h3{
margin:0px 0px 10px 0px;
font-size:100%;/* 11px */
line-height:136.36%;/* 15px */
font-weight:bold;
font-family: Arial,Helvetica,sans-serif;
}
p{
margin-bottom:18px;
font-size:100%;
font-family: Arial,Helvetica,sans-serif;
}
/* ------------------------------------------------------------ */
/* CLEAR - nichts veraendern */
/* ------------------------------------------------------------ */
/* clear als klassisches soloelement - nach mglichkeit nicht verwenden */
.clear{
border:0.1px;
clear:both;
font-size:0px;
height:0%;
overflow:hidden;
}
/* clear fr bestehende elemente */
.inc_clear{
clear:both;
}
/*
** Markup free clearing
** Details:http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after{
clear:both;
display:block;
content:".";
height:0;
visibility:hidden;
}
/* Safari */
.clearfix{
display:block;
}
/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox{
overflow:hidden;
}
/* IE-Clearing */
#ie_clearing{
display:none;
}
/* ------------------------------------------------------------ */
/* ABSTANDSKLASSEN knnen global auf elemente angewandt werden */
/* ------------------------------------------------------------ */
.mt_20{
margin-top:20px;
}
.pt_15{
padding-top:15px;
}
.pt_20{
padding-top:20px;
}
.mb-10{
margin-bottom:10px;
}
.mb-20{
margin-bottom:20px;
}