/* CSS Document */

* {
    margin: 0;
    padding: 0;
}
html {height: 100.1%;}
body {
	background-color: #d8dadd;
	background-image: url(/img/body_BG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	font-size: 100.01%;
	font-family:Tahoma, Geneva, sans-serif;
	background-attachment: fixed;
}

/****** top ebene mit kabel *************/
.topQuickNavAround { width:1015px; z-index:1;  position:absolute;}
	.logo {float:left; margin:28px 0 0 8px}
	.kabel {
		position:absolute;
		margin-right:-520px;
		right:50%;
		width: 241px;
		z-index: 100;
	}
	.quicknavAround {
		float:right; 
		margin:31px 256px 0 0 ; 
		font-size:0.7em; 
		color:#000; 
		text-transform:uppercase; 
		text-shadow: 1px 1px 0 #c8cacd;
	}	
	a.quicknav, a.quicknav:hover {text-decoration:none; color:#000}
	a.quicknav:hover {color:#0a2b70}
	
/****************/	
.around {position:absolute; width:1015px; top:122px; z-index:10; height:auto; border-top:14px solid #da3424;  clear:both}
/******** obere horiz nav********/	
#topnav {
	width:1015px;
	height:45px;
	background-color: #9fb6dc;
	background-image: url(/img/topnav_bg.jpg);
	border-bottom:1px solid #fff
}
#topnav a, #topnav a:visited {
	height:33px;
	display:block;
	padding:12px 30px 0 30px;
	float:left;
	color:#000;
	text-shadow: 1px 1px 0 #c8cacd;
	cursor:pointer!important;
	text-decoration:none;
	background-image:url(/img/topnav_bg_a.jpg);
	background-repeat: no-repeat;
	background-position: right;
	text-transform: uppercase;
}
#topnav a:hover {
	background-image: url(/img/topnav_bg_hover.jpg);
} .ON {
	background-image: url(/img/topnav_bg_ON.jpg)!important;
}
/****************/	
.contentAround {
	width:1015px;
	padding:5px 0 14px 0;
	background-image:url(/img/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height:auto;
	overflow:hidden;
	background-color: #FFF;
	border-bottom:14px solid #264280;
}
/****************/	
.leftnavAround {
	width:200px;
	padding-bottom:13px;
	background-image: url(/img/leftnavAround_bg.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	border-top:1px solid #e5e5e5;
	margin: 20px 18px 0 0;
	float:left

	
} 
		a.leftnav, a.leftnav:visited {
			background-color: #F5F5F5;
			border-bottom: 1px solid #E5E5E5;
			border-top: 1px solid #FFFFFF;
			color: #000000;
			display: block;
			font-size: 0.75em;
			padding: 7px 9px 5px;
			text-decoration: none;
			width: 182px;
		} 
			a.leftnav:hover {background-color:#eee; color:#0a2b70; text-decoration:none;}
			.lnON {
					background-image: url(/img/leftnav_bg_ON.jpg)!important;
					background-position:bottom;
				}
				
							a.leftsubnav, a.leftsubnav:visited {
						display:block;
						width:177px;
						background-color: #f5f5f5;
						/*height:20px;*/
						padding: 6px 5px 6px 18px;
						color:#383838;
						font-size:0.7em; 
						text-decoration:none;
						border-bottom:1px solid #e5e5e5;
						border-top:1px solid #fff
						
					} 
					a.leftsubnav:hover {background-color:#eee; color:#0a2b70; text-decoration:none;}
					.lnSubON {
	background-image: url(/img/leftSubnav_bg_ON.jpg)!important;
	background-position: bottom;
	color:#DA3424 !important;
					}
/****************/	
		.content {width:577px; float:left; font-size:0.8em; line-height:1.4em; margin-top:22px}
		
		.breadcrumb {
			margin-bottom: 15px;
		}
		
		h1 {
	color:#1d3b7a;
	font-weight:normal;
	margin-bottom:0.5em;
	font-size:2em;
	line-height: 1.1em;
}

		h2 {
	color:#1d3b7a;
	font-weight:normal;
	margin-bottom:0.5em;
	font-size:1.4em
}
	p {margin-bottom:0.7em}
	
	a, a:visited {color:#da3424; text-decoration:none}
	a:hover {text-decoration:underline}
	
	ul {margin-left: 2.5em}
	ul li {margin-bottom:0.5em;list-style-type:square;}

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

.rightnavAround {
	width:200px;
	float:right
}
.BOX {	width:200px;
	padding-bottom:13px;
	background-image: url(/img/leftnavAround_bg.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	margin-bottom: 10px}
	
	.produktSucheHead {
	height:22px;
	background-image: url(/img/produktsuche_box_top_bg.png);
	background-repeat: no-repeat;
	color:#fff;
	padding:28px 0 0 9px;
	font-size: 0.8em;
	text-shadow: 1px 1px 0 #9c2b20;
}
.boxContent {padding:9px;
background-color: #f5f5f5;
			padding: 9px;
			color:#000;
			font-size:0.75em; 
			border-bottom:1px solid #e5e5e5;
			border-top:1px solid #fff;
			clear:both;
			height:auto;
			overflow:hidden}
			

.sucheTxt {height:17px; border:1px solid #ababab; width:158px;  margin:5px 0 0 0; float:left}

			.sucheButton {
				display:block;
	border:none;
	height:19px;
	width:19px;
	background-image: url(/img/suche_send_button.gif);
	cursor:pointer;
	 margin:5px 0 0 0;
	 float: left
}		


	
			.arr {font-size:1.4em; vertical-align:-1px; text-decoration:none!important; font-weight:bold; line-height:1em}
				.red {color:#da3424}
				
	/*********** footer **********/
	
	#footer {text-align:center; margin: 7px 0 25px 0  ; font-size:0.75em; color:#000; text-transform:uppercase; text-shadow: 1px 1px 0 #f4f4f4 }			
	#footer a, #footer a:hover {text-decoration:none; color:#000;text-transform:uppercase;}
	#footer a:hover {color:#0a2b70}
	
	#seo {font-size:0.65em; color:#606060;}
	#seo a, #seo a:visited {text-decoration:none; color:#606060}
	#seo a:hover { text-decoration:underline; color:#0a2b70}
	.seoright {width:495px; float:right;}
	.seoleft {width:495px; float:left;}
	
/*************** Formulare **************/
label {
	width:105px;
	margin-right:20px;
	float:left;
}

.formtext, .formtextfield { height:17px; border:1px solid #ababab; width:158px;  margin:5px 0 0 0;}

.formtextfield {
	height: 240px;
    width: 400px;
}

.asp {
	float: left;
	margin-right:17px;
	margin-bottom: 20px;
	margin-top:5px;
	width: 270px;
	border-bottom: 1px solid #CCC;
}

.asp img {
	float:left;
	margin-right: 10px;
	border: 1px solid #CCC;
	border-bottom:0;
}

.tab_1, .tab_2, .tab_3, .tab_4 {
	float:left;
	padding:3px;
	border-top:1px solid #EEE;
}

.tab_2, .tab_3, .tab_4 {
	font-size: 0.85em;
}

.hline {
	border:0;
	font-size: 1em;
	font-weight:bold;
	color:#FFFFFF;
	background-image: url(/img/produktheadline_bg.png)!important;
	background-position:bottom;
}

.line {
	border-top: 1px solid #DA3424;
    clear: both;
    margin: 12px 0;
}

.tab_1 { width:180px; }
.tab_2 { width:110px; }
.tab_3 { width:110px; }
.tab_4 { width:150px; }

.sitemapblock {
	margin-bottom:30px;
	float:left;
	width:200px;
}

.right {
	float:right;
	width:370px;
}

.sitemapblock ul {
	margin-left:1.2em;
}

.sitemapblock ul li {
	list-style-type:square;
	font-weight:bold;
	line-height:1.2em;
}

.sub {
	list-style-type:square;
	font-weight:normal !important;
}

.prodlist {
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}

.prodlist h3 {
	margin-bottom:5px;
}

.prodlist h2 {
	margin-bottom:1em;
}

.prodlist_block {
	margin-bottom:30px;
	border-bottom:1px solid #EEE;
}


#cookiebar {
	position: fixed;
	left: 0;
	background: rgba(0,0,0,0.8);
	width: 100%;
	bottom: 0;
	text-align: center;
	color: #fff;
	padding: 15px 45px;
	z-index: 9999;
	box-sizing: border-box;
}

#cookiebar p {
	font-size: 14px;
	margin-bottom: 0;
}

#cookiebar a { color: #fff; text-decoration: underline }
#cookiebar a:hover { color: #fff; text-decoration: none }

#cookiebar #cookieOK { 
	padding: 3px 10px;
	font-family: "roboto-condensed", "Roboto Condensed", Helvetica, Arial, sans-serif;
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 2px;
	padding-bottom: 5px;
	cursor: pointer;
}

.fullblock img {padding:5px;}