/*  ============================================================================
	Feste Formate
	============================================================================
*/
#navigation{
	padding: 28px 0px 0px 0px;
}

#content{
	padding: 26px 0px 0px 0px;
}

#promo{
	padding: 10px 0px 0px 0px;
}

#popup{
	padding: 10px 0px 0px 160px;
	font: 12px Verdana;
	line-height: 14px;
	color: #2244AA;
    background-image: url(/images/bg_promo_page.gif);
}

#kontakt{
	width: 442px;
}

.w442{
	width: 442px;
}


.fskHeader{
}

.centerGrey{
	background-color: #E0E0E0;
	text-align: center;
}

.invisible{
	visibility: hidden;
}

/*  ============================================================================
	Allgemeine Formatierungen
	============================================================================
*/

body{
     margin: 0px;
	 background-image: url(/images/bg_page.gif);
}

td{
	vertical-align: top;
}


/*  ============================================================================
	Popup
	============================================================================
*/
#popup .bold{
	font-weight: bold;
}

#popup h1{
	position: absolute;
	top: 6px;
	left: 14px;
	width: 130px;

	font: bold 17px Verdana;
	color: #ffffff;
	line-height: 19px;
}

#popup h2{
	font: bold 12px Verdana;
	line-height: 14px;
	color: #1F3369;
	margin-bottom: 10px;
}

#popup p{
	font: 11px Verdana;
	line-height: 17px;
	color: #2244AA;
	overflow: hidden;
	margin-bottom: 5px;
}

#popup td{
}

/*  ============================================================================
	Navigation
	============================================================================
*/

#navigation td{
}

#navigation .produktAssistent{
	background-color: #2E4B9B;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right:5px;
}

#navigation .naviLine, #navigation .naviline td{
	background-color: #2E4B9B;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right:5px;
}

#navigation .subNavi1{
	background-color: #9AA8CF;
	padding: 4px 10px 4px 5px
}

#navigation .subNavi2{
	background-color: #9AA8CF;
	padding: 4px 10px 4px 5px
}


#navigation .naviHead{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #99A7CE;
	text-decoration: none;
	background-color: #1F3369;
	padding: 2px 5px 2px 5px;
}

#navigation .produktAssistent a:link, #navigation .produktAssistent a:active, #navigation .produktAssistent a:visited{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #D8B1B1;
	text-decoration: none;
}

#navigation .produktAssistent a:hover{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation .naviLine a:link,  #navigation .naviLine a:active, #navigation .naviLine a:visited{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #B1BBD8;
	text-decoration: none;
}

#navigation .naviLine a:hover{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation .subNavi1 a:link, #navigation .subNavi1 a:active, #navigation .subNavi1 a:visited{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #2E4B9B;
	text-decoration: none;
	position:relative;
	left: 10px;
	
}

#navigation .subNavi1 a:hover{
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	color: #FFFFFF;
	text-decoration: none;
	position:relative;
	left: 10px;
}

#navigation .subNavi2 a:link, #navigation .subNavi2 a:active, #navigation .subNavi2 a:visited{
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	line-height: 11px;
	color: #2E4B9B;
	text-decoration: none;
	position:relative;
	left: 25px;
}

#navigation .subNavi2 a:hover{
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	line-height: 11px;
	color: #FFFFFF;
	text-decoration: none;
	position:relative;
	left: 25px;
}

.iconList{
	text-align: center;
	vertical-align: middle;
	height: 28px;
}

/*  ============================================================================
	Content-Bereich / Normale Inhalte
	============================================================================
*/
#content h1{
	font: bold 17px Verdana;
	line-height: 22px;
	color: #1F3369;
	margin-bottom: 10px;
}

#content h1 .underline{
	padding-bottom:2px;
	border-bottom: 2px solid #1F3369;
}

#content h2{
	font: bold 12px Verdana;
	line-height: 14px;
	color: #1F3369;
	margin: 15px 0px 0px 0px;
}

#content .nomargin{
	margin: 0px;
}

#content a, #content td{
	font: 11px Verdana;
	line-height: 14px;
	color: #2244AA;
	margin: 0px;
	overflow: hidden;
	font-weight: normal;
}

#content .text{
	font: 11px Verdana;
	line-height: 14px;
	color: #2244AA;
	margin: 0px;
	overflow: hidden;
	font-weight: normal;
	padding-bottom: 5px;
}

#content p{
	font: 11px Verdana;
	line-height: 14px;
	color: #2244AA;
	margin: 1px 0px 2px 0px;
}


#content ul{
	margin-top: 10px;
	margin-bottom: 10px;
}

/*
#content td ul{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
*/

#content .none{
	margin-left: 15px;
}

#content li{
	font: 11px Verdana;
	line-height: 14px;
	color: #2244AA;
	padding-bottom: 2px;
}

#content b, #content b{
	font: bold 11px Verdana;
	color: #2244AA;
}

#content a:link, #content a:active, #content a:hover, #content a:visited{
	color: #970000;
	font-weight: bold;
	text-decoration: none;
}

#content h2 .underline{
	padding-bottom:1px;
	border-bottom: 1px solid #1F3369;
	line-height: 18px;
}

#content .border{
	border: 1px solid #1F3369;
}

#content .headlineBorder{
	border: 1px solid #1F3369;
	background-color: #E0E4F0;
}

#content .bold{
	font-weight: bold;
}

#content .tinyBold{
	font: 9px Verdana;
	line-height: 12px;
	font-weight: bold;
}

#content .footer{
}

.footer td{
	text-align: center;
	font: 9px Verdana;
	line-height: 12px;
	color: #5B76BB;
	line-height: 15px;
}

.footer a:link, .footer a:active, .footer a:hover, .footer a:visited{
	font: 9px Verdana;
	color: #5B76BB;
	text-decoration: underline;
}

#content .suchauswahl{
	text-align: center;
}

#content .suchauswahl td{
	line-height: 14px;
}

#content .suchauswahl .active{
	font-weight: bold;
	background-color: #e0e0e0;
}

#content .suchauswahl .inactive{
	font-weight: bold;
	background-color: #f0f0f0;
}


#content .tiny{
	font: 9px Verdana;
	line-height: 12px;
}

#content .tiny a{
	font: 9px Verdana;
	line-height: 12px;
}


#content .tiny b{
	font: bold 9px Verdana;
	line-height: 10px;
}

#content .collapse{
	border-collapse: collapse;
	padding: 2px;
}

/*  ============================================================================
	Promo-Bereich
	============================================================================
*/

#promo h2{
	font: bold 11px Verdana;
	line-height: 13px;
	color: #1F3369;
	margin: 16px 0px 3px 0px;
	
}

#promo a, #promo td{
	font: normal 10px Verdana;
	line-height: 11px;
	color: #2244AA;
}

#promo .text{
	font: normal 10px Verdana;
	line-height: 11px;
	color: #2244AA;
}

#promo p{
	font: normal 10px Verdana;
	line-height: 11px;
	color: #5B76BB;
	margin: 16px 0px 0px 0px;
}

#promo ul{
	font: normal 10px Verdana;
	line-height: 11px;
	color: #5B76BB;
	margin-left: 15px;
}

#promo a .mailListe{
	font: normal 10px Verdana;
	line-height: 11px;
	color: #5B76BB;
	margin-left: 1px;
	list-style-image: url(/images/x.gif);
}

#promo .mailListe li{
	margin-bottom: 6px;
}

#promo a:link, #promo a:active, #promo a:hover, #promo a:visited{
	color: #970000;
	font-weight: bold;
	text-decoration: none;
	margin: 3px 0px 0px 0px;
	content: url("/images/pfeil_rot.gif");
}

#promo input{
	font: normal 10px Verdana;
	border: 1px solid #2E4B9B;
	width: 90px;
}

#promo .inputLong{
	font: normal 10px Verdana;
	border: 1px solid #2E4B9B;
	width: 120px;
}

#promo .button{
	width: 138px;
	background-image: url(/images/hg_button.gif);
	border: 1px solid #2E4B9B;
	text-align: left;
	padding-left: 14px;
	cursor: pointer;
	color: #970000;
	font-weight: bold;
}

/*  ============================================================================
	Kontakt
	============================================================================
*/

#kontakt td{
	padding-top: 2px;
	padding-bottom: 2px;
}

#kontakt td{
	line-height: 14px;
}

#content input, #content select, #popup input, #popup select{
	font: 11px Verdana;
	color: #2244AA;
}

#content .button{
	/*width: 138px;*/
	background-image: url(/images/hg_button.gif);
	border: 1px solid #2E4B9B;
	text-align: left;
	padding-left: 14px;
	cursor: pointer;
	color: #970000;
	font-weight: bold;
}

#content .merkbutton{
	/*width: 138px;*/
	background-image: url(/images/hg_button.gif);
	border: 1px solid #2E4B9B;
	text-align: left;
	padding-left: 14px;
	cursor: pointer;
	color: #970000;
	font-weight: bold;
	float: right;
	margin-top: -14px;
}

#content .merkbutton2{
	/*width: 138px;*/
	background-image: url(/images/hg_button.gif);
	border: 1px solid #2E4B9B;
	text-align: left;
	padding-left: 14px;
	cursor: pointer;
	color: #970000;
	font-weight: bold;
	float: right;
}

#content .merkbutton3{
	/*width: 138px;*/
	background-image: url(/images/hg_button.gif);
	border: 1px solid #2E4B9B;
	text-align: left;
	padding-left: 14px;
	cursor: pointer;
	color: #970000;
	font-weight: bold;
	float: right;
	margin-top: 0px;
}


#content .emptyButton{
	width: 20px;
	background-image: url(/images/hg_button.gif);
	border: 1px solid #2E4B9B;
	text-align: left;
	padding-left: 14px;
	/*margin-bottom: 1px;*/
	margin-left: 3px;
	height: 17px;
	cursor: pointer;
}

#content .inputB{
	border: 1px solid #1F3369;
	width: 60px;
	
}

#content .inputC{
	border: 1px solid #1F3369;
	width: 216px;
}

#content .inputBC, #popup .inputBC{
	border: 1px solid #1F3369;
	width: 290px;
}

#content .inputBCsmall{
	border: 1px solid #1F3369;
	width: 265px;
}

#content .inputABC, #popup .inputABC{
	border: 1px solid #1F3369;
	width: 442px;
}

#content .inputABCsmall{
	border: 1px solid #1F3369;
	width: 419px;
}

#content textarea{
	font: 11px Verdana;
	color: #2244AA;
	border: 1px solid #1F3369;
	width: 290px;
	height: 135px;
}

#content .inputNormal{
	font: 11px Verdana;
	line-height: 22px;
}

#content .inputError{
	font: 11px Verdana;
	/*line-height: 22px;*/
	padding-bottom: 10px;
	color: #ff0000;
}

#content .bigResult, #content .bigResult a{
	color: #970000;
	font-weight: bold;
	text-decoration: none;
	font-size: 30px;
	white-space: nowrap; 
}

#popup a{
	font: 11px Verdana;
	line-height: 14px;
	color: #970000;
	font-weight: bold;
	text-decoration: none;
	margin: 3px 0px 0px 0px;
}

#popup .firmenlogo{
	position:absolute;
	top:50px;
	left:14px;
}

#popup td{
	font: 11px Verdana;
	line-height: 16px;
	color: #2244AA;
	margin: 0px;
	overflow: hidden;
}

#popup .tiny{
	font: 9px Verdana;
	line-height: 12px;
}

#popup .drucken{
	background-image: url(/images/hg_button.gif);
	border: 1px solid #2E4B9B;
	text-align: left;
	padding-left: 14px;
	cursor: pointer;
	color: #970000;
	font-weight: bold;

	position: absolute;
	bottom: 5px;
	left: 20px;
}


/*  ============================================================================
	Matrix
	============================================================================
*/

#matrix img{
	align: center;
}

#matrix td{
	color: #000000;
	font: 10px Verdana;
	font-weight: bold;
}

#matrix .row0{
	/*background: #D5E0F2;*/
	background: url(/images/diagramm_0_0.jpg);
	vertical-align: middle;
}

#matrix .row1{
	/*background: #BDCEEC;*/
	background: url(/images/diagramm_1_0.jpg);
	vertical-align: middle;
}




@media print{
	.noPrint{
		display:none;
	}
	.footer{
	    display:none;
	}
	#navigation{
	    display:none;
	}
	#promo{
	    display:none;
	}

	#popup{
	    position: static;
		padding: 0px 0px 0px 0px;
		font: 12px Verdana;
		line-height: 14px;
		color: #2244AA;
	}

	#matrix{
	    position: static;
	    float: none;
	}

	#popup h1{
	    padding: 0px 0px 0px 0px;
		position: static;
		font: bold 17px Verdana;
		color: #000000;
		line-height: 19px;
		width: 100%;
	}

}