/* CSS Document */

/*clearing all floats and fix firefox and ie backgroundcolor-bug */
* {
	padding:0px;
	margin:0px;
}

body, html { height: 100% }

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #000;
}

body { /* redundant rules for bad browsers  */  
	font-size: 100.01%;
	color: #000;
	background-color: #fff;
	text-align: center;
}

div, p, a, th, tr, td, span, label, li {
	font-size: 11px;
	color: #000;
	text-align:left;		
}
td{
	vertical-align:top
}
p{
	margin-bottom: 10px;
}
a{
	text-decoration:none;
}
a:hover, a:active{
	text-decoration: underline;
}
a.internal-link, .csc-uploads-fileName a{
	background:url(../img/assets/arrow_blue.gif) no-repeat;
	background-position: 0px 3px;
	color: #0d3362;
	padding-left: 8px;
}
h1                  { font-size:1.3em; font-weight:bold; }
h2                  { font-size:1.2em; font-weight:bold; }
h3                  { font-size:1.1em; font-weight:bold; }
h4                  { font-size:12px; font-weight:bold;color: #FFFFFF; }
h5                  { font-size:9px; font-weight:normal;color: #FFFFF; line-height: 12px; }
h6                  { font-size:9px; font-weight:normal;color: #352D2A; }

h1                  { padding:15px 5px 10px 0px; }
h2                  { padding: 15px 5px 10px 0px; }
h3                  { padding:10px 5px  5px 0px; }
h4                  { padding: 12px 5px  5px 0px; }
h6                  { padding: 0px 5px  3px 0px; }

fieldset, img { 
	border: 0 solid;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
/********* Main classes ***************/
#root{
	width: 1024px;
	margin: 0 auto; 
	height:100%;
}
#main{
	width: 1009px;
	height: 100%;	
	text-align: left;
	background-color: #FFF;
}
#head {
	display: block;
	padding: 0;
	margin: 0 auto;
	height: 165px;
	min-height: 165px;
	max-height: 165px;
	width: 1009px;
	min-width: 1009px;
	max-width: 1009px;
	background-color: #FFF;
}
#logo{
	display: block;
	float: left;
	width: 195px;
	min-width: 195px;
	max-width: 195px;
	height: 165px;
	min-height: 165px;
	max-height: 165px;
	background-color: #FFF;
}
#headcontent{
	display: block;
	float: left;
	width: 585px;
	min-width: 585px;
	max-width: 585px;
	height: 142px;
	min-height: 142px;
	max-height: 142px;
	padding-top: 23px;
	overflow: hidden;
}
#lmenu-flags{
	display: block;
	width: 585px;
	min-width: 585px;
	max-width: 585px;
	height: 115px;
	min-height: 115px;
	max-height: 115px;
	padding-top: 15px;	
	overflow: hidden;
}
.lmenu-flagitem{
	display: block;
	float: left;
	width: 195px;
	min-width: 195px;
	max-width: 195px;
	height: 38px;
	min-height: 38px;
	max-height: 38px;
}
.lmenu-picture{
	padding-bottom: 3px;
}
a.lmenu-link{
	background:url(../img/flags/arrow_black.gif) no-repeat;
	background-position: 0px 3px;
	color: #0d3362;
	padding-left: 8px;
}
#subnavi{
	display: block;
	float: left;
	width: 165px;	
	height: 165px;
	min-height: 135px;
	max-height: 135px;
	padding: 15px 15px;
	background-color: #e6e7e9;
}
#topnavi{
	display: block;
	background-color: #0d3362;
	margin: 0px;
	padding: 0px;
	width: 975px;
	height: 30px;
	min-height: 30px;
	max-height: 30px;
	overflow:hidden;
}
#topnavigation{
	display:block;
	float:left;
	width: 780px;
	height: 30px;
	min-height: 30px;
	max-height: 30px;
}
#helpnavi{
	display:block;
	float:left;
	width: 195px;
	max-width: 185px;
	min-width: 185px;
	background-color: #0c2f59;
	height: 30px;
	min-height: 20px;
	max-height: 20px;
	padding-left: 10px;
	padding-top: 10px;
}
#contentarea{
	display:block;
	width: 1009px;
	background: url(../img/assets/bg_main.gif) repeat-y;
}
#contentnavi{
	float: left;
	width: 195px;
	min-width: 165px;
	max-width: 165px;
	height: 605px;
	min-height: 605px;
	padding: 15px 15px;
	background-color: #e6e7e9;
}
#maincontent{
	display:block;
	float: left;
	width: 585px;
	min-width: 585px;
	max-width: 585px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000;
	background-color: #FFF;
}
#visual{
	display:block;
	width: 585px;
	max-width: 585px;
}
#breadcrumb{
	display:block;
	width: 541px;
	max-width: 585px;
	padding: 5px 22px;
	color: #103069;
	margin-bottom: 15px;
}
#breadcrumb a{
	color: #103069;
}
#content{
	display:block;
	width: 541px;
	min-width: 541px;
	max-width: 541px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000;
	padding: 0px 22px;
}
#content ul, #content ol{
	margin-left: 20px;
	margin-bottom: 10px;
}
#margin{
	display: block;
	float: left;
	width: 195px;
	min-width: 195px;
	max-width: 195px;
	background-color: #e6e7e9;
	height: 100%;
}
#endnavi{
	display: block;
	float: left;
	width: 195px;
	min-width: 165px;
	max-width: 165px;
	padding: 5px 15px;
	background-color: #e6e7e9;
	color: #999;
	margin-top: -30px;
}

/*********** Main Search ****************/
#searcharea{
	display:block;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}
#searchfield{
	height: 18px;
	width: 86px;
	border: 1px solid #11305c;
	color: #999;
	font-size: 10px;
	padding: 2px;
	float:inherit;
}
#searchbutton{
	height: 18px;
	width: 60px;
	background-color: #11305c;
	border: 1px solid #11305c;
	color: #fff;
	font-size: 10px;
}
/*********** Sub-Navigation ****************/
ul.subnav {
	list-style:none;
	margin-left: 0px;
}
ul.subnav li{
	margin: 5px 10px 5px 0px;
}
/*********** Top-Navigation ****************/
ul.tnav{
	list-style:none;
	margin-left: 195px;
	height: 30px;
}
ul.tnav li{
	display: block;
	float: left;
}
ul.tnav li a{
	display: block;
	color: #FFF;
	font-size: 12px;
	height: 30px;	
}
ul.tnav li:hover, ul.tnav li:active, ul.tnav li:focus, .tact{
	background:url(../img/assets/tact_aktiv.gif) no-repeat;
	background-color: #cdd0d2;
}
ul.dnav{
	display: block;
	width: auto;
	max-width: 300px;
	height: inherit;
	position: absolute; 
	background-color: #ccd2d2; 
	color: #000;
	list-style: none; 
	z-index: 3; 
	margin-left: 0;	
	margin-top: -16px;
	padding: 5px 0px;
}
ul.tnav li:hover ul, tact:hover ul{ 
	left: auto; 
	z-index: 1;
	border: 1px solid #ccd2d2;
}
ul.dnav li{
	display:block;
	clear: both;
	width: auto;
	height: 15px;
	padding: 0px 10px;
	margin: 0px 20px 5px 0px;	
}
ul.tnav li ul li span {
	width: auto;
	display: block;
}

ul.dnav li a{
	color: #000;
	font-size: 11px;
	width: auto;
	white-space: nowrap;
	height: 15px;
	max-height: 15px;
	margin: 0px;
	padding: 0px;
}
ul.tnav li ul li:hover, ul.tnav li ul li a:hover{
	background-image:none;
}
/*********** Content-Navigation ****************/
ul.cnav{
	list-style:none;
	margin-left: 0px;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	overflow: hidden;
}
ul.cnav li{
	margin: 5px 10px 5px 0px;
}
ul.cnav li ul{
	display: block;
	width: auto;
	max-width: 165px;
	height: inherit;
	color: #000;
	list-style: none; 
	margin-left: 20px;	
	padding: 5px 0px;
}
.cact{
	font-weight: bold;
}
/*********** Produkte ****************/
#products{
	display:block;
	float:left;
	background-color: #fff;
	width: 585px;
	min-width: 585px;
	max-width: 585px;
	padding: 25px;
	overflow:hidden;
}

/*********** Produkt-Teaser ****************/
.teasermain{
	display:block;
	margin-bottom: 10px;
	min-height: 285px;
	max-width: 541px;
}

.teaser{
	display:block;
	float:left;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	margin-right: 20px;
}
.teaserlast{
	display: block;
	float:left;
	width: 165px;
	min-width: 165px;
	max-width: 165px;
	margin-right: 0px;
}
.productteaser-textarea{
	display:block;
	background:url(../img/assets/bg_teaser.gif) no-repeat;
	height: 100px !important; /* für moderne Browser */
	height: 100px; /*für den IE */
	margin-bottom: 10px;
}
.pdetail{
	width: 165px;
	height: 265px;
	min-height: 265px;
	max-height: auto;
}
.pimage{
	display:block;
	width: 163px;
	border: 1px solid #97979b;
	border-bottom: none;
}
.ptext{
	display:block;
	padding:10px 5px 10px 10px;
	line-height: 12px;
	height: 70px;
	min-height: 50px;
	max-height: 50px;
}
.plink{
	padding: 0px 10px;
	min-height: 165px;
}	
.plink a{
	background:url(../img/assets/arrow_orange.gif) no-repeat;
	background-position: 0px 3px;
	padding-left: 8px;
	color: #e46702;
	line-height: 12px;
	display:block;
}
.plink:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}
/*********** Sprachauswahl ****************/
#languagemenu{
	display:block;
	height: 195px;
	min-height: 165px;
	max-height: 165px;
	width: 195px;
	min-width: 165px;
	max-width: 165px;
	padding: 15px 15px;
}

#languagemenu a{
	background:url(../img/assets/arrow_black.gif) no-repeat;
	background-position: 0px 3px;
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
}
/*********** Drucken / Empfehlen ****************/
#helpnavi a{
	margin-top: 10px;
	padding: 10px 5px;
	color: #cdd0d2;
}

/*********** Margin-Teaser ****************/
.nteaser{
	background-color: #0d3362;
	width: 195px;
	max-width: 175px;
	height: 195px;
	max-height: 175px;
	padding: 10px;
}
.ncontent{
	display: block;
	color: #FFF;
	margin-bottom: 10px;
}
.mwhite p{
	color: #FFF;
}
.mcontent{
	display: block;
	color: #000;
	margin-bottom: 10px;
	line-height: 14px;
}

/*********** Print-Page ****************/
#printmain{
	width: 780px;
	max-width: 780px;
}
#printtopnavi{
	display: block;
	width: 780px;
	min-width: 720px;
	max-width: 720px;
	height: 30px;
	min-height: 20px;
	max-height: 20px;
	text-align: right;
	padding-right: 65px;
	padding-top: 10px;
	background-color: #0d3362;
}
#printtopnavi a{
	color: #fff;
}
#printhead{
	display: block;
	float: left;
	width: 390px;
	min-width: 390px;
	max-width: 390px;
	height: 165px;
	min-height: 165px;
	max-height: 165px;
}
#printarea{
	display: block;
	width: 780px;
	max-width: 780px;
}

.tx-pmtipafriend-pi1{
	display:block;
	float:left;
}
.printlink{
	display:block;
	float:left;
	width: 80px;
	white-space: nowrap;
}

#tipafriend label{
	float:left;
	clear:both;
	display:block;
	width: 16em;
	min-width: 16em;
	max-width: 16em;
	font-size: 11px;
	color: #0d3362;
	margin-bottom:10px;
}
#tipafriend textarea, #tipafriend input[type="text"] {
	float:left;
	display:block;
	width: 20em;
	max-width: 20em;
	border: 1px solid #0d3362;
	margin-bottom:10px;
}

#tipafriend input[type="submit"]{
	width:150px;
	clear:both;
	border: 1px solid #d8dadc;
	background-color: #0d3362;
	text-align:center;
	color: #FFF;
	font-weight: bold;
}

.tx-frproducts-pi1-browsebox a{
	display: block;
	float: left;
	color: #0d3362;
	width: 70px;
}

#websites{
	display:none;
}

#languages{
	display:none;
}