/* CSS Document */

body, html
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#818181;
	width:100%;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#b8b8b8;
}
ul
{
	margin:0px;
	padding:0px;
	margin-left:15px;
}
#container
{
	position:relative;
	width:998px;
	height:850px;
	margin-left:auto;
	margin-right:auto;
}

#head-navi
{
	position:relative;
	width:998px;
	height:44px;
}

#head-portal
{
	position:relative;
	width:998px;
	height:418px;
	background-image:url(../images/head_portal.gif);
}

#head
{
	position:relative;
	width:998px;
	height:230px;
	background-image:url(../images/head.gif);
}

div.head-bild-portal
{
	position:absolute;
	width:760px;
	height:330px;
	left:24px;
	top:26px;
}

div.head-bild
{
	position:absolute;
	width:760px;
	height:160px;
	left:24px;
	top:26px;
}

div.logo
{
	position:absolute;
	width:122px;
	height:124px;
	right:38px;
	top:26px;
}

#headline
{
	position:relative;
	width:998px;
	height:28px;
	background-image:url(../images/headline.gif);
}

#content-portal
{
	position:relative;
	width:998px;
	height:311px;
	margin-top:4px;
	background-image:url(../images/content_portal.gif);
}

#content
{
	position:relative;
	width:998px;
	height:475px;
	background-image:url(../images/content.gif);
}

#footer-image-portal
{
	position:relative;
	width:998px;
	height:46px;
	margin-top:3px;
}

#footer-image
{
	position:relative;
	width:998px;
	height:49px;
}

#footer
{
	position:relative;
	width:998px;
	height:24px;
}

li
{
	font-size: 11px;
	color: #818181;
	text-align: left;
	line-height: 20px;
	position: relative;
}

h1
{
	margin:0px;
	color:#092569;
	font-size:16px;
	line-height:28px;
	margin-left:48px;
}

div.click-path
{
	position:absolute;
	top:50px;
	left:24px;
	width:760px;
	height:24px;
	line-height:24px;
	font-size:10px;
}

a.click-path
{
	text-decoration:none;
	font-size:10px;
	color:#a2a2a3;
	line-height:24px;
}

a.click-path-set
{
	text-decoration:none;
	font-size:10px;
	color:#e31b7b;
	line-height:24px;
}

div.content-box
{
	position:absolute;
	left:44px;
	top:1px;
	padding-top:20px;
	width:740px;
	height:447px;
	line-height:18px;
	font-size:12px;
	overflow:auto;
	overflow-x:hidden;
}

div.produktkonfigurator-box
{
	position:absolute;
	left:44px;
	top:21px;
	width:720px;
	height:427px;
	line-height:18px;
	font-size:12px;
}

a.content
{
	text-decoration:none;
	color:#818181;
}

div.contacts
{
	position:relative;
	width:220px;
	height:140px;
	margin-right:40px;
	float:left;
}

div.handel
{
	position:relative;
	width:280px;
	margin-bottom:15px;
}

div.handelsvertretungen
{
	position:relative;
	margin-bottom:15px;
}
div.systempartner
{
	position:relative;
	width:280px;
	float:left;
}
div.systempartner_karte
{
	width: 400px;
	height: 400px;
	position:absolute;
	top:60px;
	left:0px;
}
div.systempartner_adressen
{
	position:absolute;
	top:50px;
	left:420px;
	width:331px;
	overflow:auto;
	height:407px;
	overflow-x:hidden;
	padding-top:10px;
}
div.systempartner_text
{
	height:40px;
	left:0px;
	top:10px;
	position:absolute;
	width:740px;
}
h2
{
	font-size:14px;
	color:#082469;
	margin-bottom:10px;
}

div.kontatformular-left
{
	position:relative;
	width:360px;
	height:427px;
	float:left;
}

div.kontaktformular-left-headline
{
	position:relative;
	width:130px;
	height:20px;
	margin-top:15px;
	float:left;
}

div.kontaktformular-left-input
{
	position:relative;
	width:210px;
	height:20px;
	margin-top:15px;
	float:left;
}

div.kontatformular-right
{
	position:relative;
	width:360px;
	height:427px;
	float:left;
}

div.kontaktformular-right-check
{
	position:relative;
	width:180px;
	height:11px;
	margin-top:15px;
	float:left;
}

div.clear
{
	clear:both;
}

input.kontaktformular-text
{
	width:205px;
	height:15px;
	border:1px solid #CCCCCC;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#818181;
}

input.kontaktformular-submit
{
	width:100px;
	height:20px;
	margin-top:20px;
	border:1px solid #CCCCCC;
	border-right:2px solid #AAAAAA;
	border-bottom:2px solid #AAAAAA;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e31b7b;
	background-color:#FFF;
	cursor: pointer;
}
input.kontaktformular-submit:HOVER
{
	width:100px;
	height:20px;
	margin-top:20px;
	border:1px solid #888888;
	border-right:2px solid #888888;
	border-bottom:2px solid #888888;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e31b7b;
	background-color:#FFF;
}

select.kontaktformular
{
	width:70px;
	height:20px;
	border:1px solid #CCCCCC;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#818181;
}

input.kontaktformular-check
{
	border:none;
}

textarea.kontaktformular-left
{
	width:205px;
	height:70px;
	border:1px solid #CCCCCC;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#818181;
}

textarea.kontaktformular-right
{
	width:255px;
	height:70px;
	border:1px solid #CCCCCC;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#818181;
}


div.career
{
	position:relative;
	width:320px;
	height:100px;
	margin-right:40px;
	float:left;
}

div.career-info
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:700px;
	height:60px;
}

h2.career
{
	font-size:16px;
	display:inline;
	color:#092569;
	margin:0;
}

a.career
{
	font-size:16px;
	display:inline;
	color:#092569;
	margin:0;
	text-decoration:none;
}

a.normal
{
	color:#e71186;
	text-decoration:none;
}

a.normal2
{
	color:#888888;
	text-decoration:none;
}
a.normal2:HOVER, a.normal2-set
{
	color:#e71186;
	text-decoration:none;
}

div.career-portal
{
	position:absolute;
	bottom:20px;
	right:32px;
	width:260px;
	height:85px;
	line-height:16px;
}

div.smart-portal
{
	position:absolute;
	top:34px;
	right:10px;
	width:305px;
	height:110px;
	line-height:16px;
	font-size: 11px;
}

div.smart-portal-headline
{
	position:absolute;
	top:13px;
	right:11px;
	width:259px;
	height:20px;
	line-height:20px;
	color:#092569;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#FFFFFF;
}

div.smart-main
{
	position:absolute;
	top:304px;
	right:20px;
	width:180px;
	height:285px;
	line-height:16px;
	font-size: 12px;
}

div.aktuelles-main
{
	position:absolute;
	top:606px;
	right:20px;
	width:180px;
	height:158px;
	line-height:16px;
	font-size: 12px;
}

li.product
{
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: -25px;
}

div.product-portal-headline
{
	position:absolute;
	top:13px;
	left:59px;
	width:259px;
	height:20px;
	line-height:20px;
	color:#092569;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#FFFFFF;
}
div.product-portal
{
	position:absolute;
	top:40px;
	left:32px;
	width:265px;
	height:240px;
	line-height:16px;
	font-size: 11px;
	color: #818181;
}

div.news-portal
{
	position:absolute;
	top:40px;
	left:372px;
	width:260px;
	height:85px;
	line-height:16px;
}
div.news-portal-headline
{
	position:absolute;
	top:13px;
	left:397px;
	width:259px;
	height:20px;
	line-height:20px;
	color:#092569;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#FFFFFF;
}
a.career-portal
{
	font-size:14px;
	text-decoration:none;
	color:#565655;
}

div.head-navi
{
	position:absolute;
	top:0px;
	right:10px;
	width:500px;
	height:40px;
	line-height:40px;
	text-align:right;
}

div.anbieter-portal-headline
{
	position:absolute;
	top:176px;
	left:728px;
	width:259px;
	height:20px;
	line-height:20px;
	color:#092569;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#FFFFFF;
}
/*
############
# PRODUCTS #
############
*/

div.product-content-box
{
	position:absolute;
	left:24px;
	top:1px;
	width:760px;
	height:467px;
	line-height:18px;
	font-size:12px;
	overflow:auto;
	overflow-x:hidden;
}

div.product-spacer
{
	position:relative;
	height:40px;
	width:760px;
}

div.product-overview-box
{
	position:relative;
	height:100px;
	width:760px;
	color:#818181;
	background-color:#fff;
}

div.product-overview-content
{
	position:absolute;
	height:60px;
	width:720px;
	left:20px;
	top:20px;
}

div.product-overview-content-image
{
	position:relative;
	width:100px;
	height:60px;
	text-align:right;
	float:left;
}

div.product-overview-content-text
{
	position:relative;
	width:600px;
	height:60px;
	text-align:left;
	margin-left:20px;
	float:left;
}

h2.product
{
	font-size:12px;
	margin:0;
	color:#818181;
}

img.product-category
{
	border:1px solid #9c9d9d;
}

div.product-pagenumbers
{
	position:absolute;
	left:44px;
	bottom:0px;
	width:720px;
	height:12px;
}

div.contact-pagenumbers
{
	position:absolute;
	left:0px;
	bottom:-20px;
	width:720px;
	height:12px;
}

a.category
{
	text-decoration:none;
	color:inherit;
}

div.product-info-box
{
	position:absolute;
	width:720px;
	height:427px;
	left:20px;
	top:20px;
}

div.product-info-box-left
{
	position:absolute;
	width:120px;
	height:180px;
	left:0px;
	top:0px;
}

div.product-info-box-middle
{
	position:absolute;
	width:420px;
	height:370px;
	left:140px;
	top:0px;
}

p
{
	font-size:11px;
	line-height:16px
}
#content ul li
{
	line-height:16px !important;
}
div.product-related-box
{
	position:absolute;
	width:420px;
	height:125px;
	left:200px;
	top:290px;
}
div.product-download-box
{
	position:absolute;
	width:180px;
	height:170px;
	left:0px;
	top:260px;
}
div.product-info-box-right
{
	position:absolute;
	width:140px;
	height:427px;
	right:0px;
	top:0px;
}

div.product-request-box
{
	position:absolute;
	width:140px;
	height:270px;
	right:0px;
	top:0px;
	background-color:#f4f4f4;
}

div.product-request-box-2
{
	position:absolute;
	width:120px;
	height:270px;
	right:0px;
	top:0px;
	background-color:#f4f4f4;
	padding:10px;
	color:#818181;
	font-size:12px;
}
div.product-request-box-2 a
{
	color:#e31b7b;
	text-decoration:none;
}
div.product-request-box-2 a:hover
{
	text-decoration:underline;
}
strong.produkt
{
	font-size:14px;
	line-height:28px;
	color:#818181;
}

div.product-back
{
	position:absolute;
	width:140px;
	height:15px;
	right:0px;
	bottom:0px;
	text-align:center;
}

div.product-options
{
	position:absolute;
	width:140px;
	height:60px;
	right:0px;
	bottom:60px;
	text-align:center;
	line-height:30px;
}

a.product-file
{
	color:#818181;
	text-decoration:none;
}

a.product-link
{
	text-decoration:none;
	font-size:12px;
	color:#e31b7b;
}



/*
###########################
# BRING YOUR OWN TEMPLATE #
###########################
*/

div.byot
{
	position:absolute;
	left:33px;
	top:1px;
	width:751px;
	height:460px;
	line-height:16px;
	overflow:auto;
	overflow-x:hidden;
	padding-top:7px;
}

div.byotpagenumber-box
{
	position:absolute;
	left:44px;
	bottom:7px;
	width:720px;
	height:12px;
}

div.byotpagenumber
{
	position:relative;
	height:12px;
	float:left;
	margin-left:2px;
	line-height:12px;
	font-size:11px;
	text-align:center;
}

div.byotpagenumber:HOVER
{
	background-color:#e5007d;
	color:#FFF;
}

div.byotpagenumber-set
{
	position:relative;
	height:12px;
	float:left;
	margin-left:2px;
	line-height:12px;
	font-size:11px;
	text-align:center;
	background-color:#e5007d;
	color:#FFF;
}

a.byotpagenumber
{
	position:relative;
	text-decoration:none;
	width:12px;
	height:12px;
	color:#646466;
}

a.byotpagenumber:HOVER
{
	color:#FFF;
}

a.byotpagenumber-set
{
	position:relative;
	text-decoration:none;
	width:12px;
	height:12px;
	color:#ffffff;
}

img.byot-right
{
	margin-left:25px;
}

img.byot-left
{
	margin-right:25px;
}

td
{
	color:#818181;
}



div.head-bild-portal-text-bg
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:760px;
	height:135px;
	/*background-color:#646466;
	-moz-opacity: 0.70;
	opacity:0.70;
	filter: alpha(opacity=70);*/
}
div.head-bild-portal-text-line-1
{
	position:absolute;
	top:201px;
	left:0px;
	width:735px;
	letter-spacing:1px;
	height:40px;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:50px;
	padding-top:15px;
	line-height:30px;
}
div.head-bild-portal-text-line-2
{
	position:absolute;
	top:232px;
	left:0px;
	letter-spacing:1px;
	width:735px;
	height:30px;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:50px;
	padding-top:15px;
	line-height:30px;
}
div.head-bild-portal-text-line-3
{
	position:absolute;
	top:263px;
	left:45px;
	width:735px;
	letter-spacing:1px;
	height:40px;
	font-size:25px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:50px;
	padding-top:15px;
	line-height:30px;
}



div.sonderposten_kategorie
{
	position:relative;
	width:575px;
	min-height:70px;
	padding-left:95px;
	margin-bottom:10px;
}
a.sonderposten
{
	text-decoration:none;
	color:#082469;
	font-weight:bold;
}


img.anbieterschluessel
{
	-moz-opacity: 0.50;
	opacity:0.50;
	filter: alpha(opacity=50);
	cursor:pointer;
}
img.anbieterschluessel:hover
{
	-moz-opacity: 1.00;
	opacity:1.00;
	filter: alpha(opacity=100);
}


ul.sitemap
{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.sitemap > li > a
{
	text-decoration:none;
	color:#818181;
}
ul.sitemap > li > ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:25px;
}
ul.sitemap > li > ul > li > a
{
	text-decoration:none;
	color:#818181;
}
ul.sitemap > li > ul > li > ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:25px;
}
ul.sitemap > li > ul > li > ul > li > a
{
	text-decoration:none;
	color:#818181;
}
ul.sitemap > li > ul > li > ul > li > ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:25px;
}
ul.sitemap > li > ul > li > ul > li > ul > li > a
{
	text-decoration:none;
	color:#818181;
}



a.footer-link
{
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}


#social_media
{
	position:absolute;
	top:0px;
	left:0px;
	padding-top:20px;
	padding-left:2px;
}