@charset "utf-8";
/*-------------------------------------------------
GLOBAL
-------------------------------------------------*/
html {
	margin:0;
	padding:0;
	overflow-y: scroll;
}
body {
	margin:0;
	padding:0;
	height:100%;
	background:#F6F6F6;
	font-family:Tahoma;
	font-size:12px;	
	color:#4B4B4B;
}
br, p {
	clear:both;
	margin:0;
	padding:0;
}
form {
	margin:0;
	padding:0;
}
img, a img {
	border:none;
}
.clear {
	clear:both;
}
.left, .middle {
	float:left;
}
.right {
	float:right;
}
.inner {
	margin:0;
	padding:0;
	width:960px;
	text-align:left;
}

/*-------------------------------------------------
PAGE
-------------------------------------------------*/
#header {
	width:100%;
	height:95px;
	background:url(../images/page/header_background.gif) repeat-x;
}
#header .inner .info {
	position:relative;
	top:23px;
	left:0px;
	width:693px;
	font-size:11px;
}
#header .inner .logo {
	position:relative;
	top:-14px;
	left:693px;
	width:140px;
}
#navigation {
	width:100%;
	background:#FFF;	
}
#navigation .inner {
	height:25px;
}	
#content {
	margin:0;
	padding:40px 0 60px 0;	
	width:100%;
	float:left;
	background:#FFF url(../images/page/content_background.gif) repeat-x;			
}
#content .inner {
	margin:0;
	padding:0;
}
#headline {
	height:60px;
}
#subnavigation {
	height:60px;
}
.main {
	margin:0;
	padding:0;
	background-color:#FFF;	
}
.main .left {
	margin:0;
	width:693px;
}
.main .right {
	width:260px;
}
#footer {
	width:100%;
	height:80px;
	border-top:1px solid #E4E4E4;
	background-color:#F6F6F6;
}
#footer .inner .left {
	width:700px;
	padding:6px 0;
	font-size:10px;
}
#footer .inner .right {
	width:260px;
}
#footer .inner .right .shop_button {
	float:left;
	padding:5px 10px;
	width:100px;
	background-color:#00598C;
}
#footer .inner .right .text {
	float:left;
	padding:6px 10px;
	font-size:10px;
}

/*-------------------------------------------------
BOXES RIGHT COLUMN
-------------------------------------------------*/
.boxes_rightColumn {
	margin:0;
	padding:0;
}
.boxes_rightColumn .subheadline {
	margin:0 0 4px 0;		
	font-weight:bold;
}
.boxes_rightColumn .description {
	margin:0 0 35px 0;
	padding:6px 0 0 0;
	border-top:1px solid #E4E4E4;	
	font-size:11px;
	line-height:16px;
}
ul.infolist {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}
ul.infolist li {
	float:left;
}

/*-------------------------------------------------
TABS
-------------------------------------------------*/
#tabs-container {
	margin:40px 0 0 0;
}
#fragment-0, #fragment-1, #fragment-2, #fragment-3, #fragment-4, #fragment-5 {
	border:1px solid #DBDBDB;
}

/*-------------------------------------------------
IMAGES
-------------------------------------------------*/
.imagebox {
	padding:1px;
	background:#E1E1E1;
}
.imagebox .imageholder {
	border:1px solid #FFF;
}

/*-------------------------------------------------
TEXT STYLES
-------------------------------------------------*/
h1 {
	margin:0;
	padding:0;
	font-size:40px;
}
h2, h2 a {
	margin:0;
	padding:0;
	line-height:18px;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
h3 {
	margin:0;
	padding:0;
	font-size:12px;
	text-transform:uppercase;
}
.forwardlink {
	font-size:12px;
	font-weight:bold;
	color:#AF161A;	
	text-decoration:none;
}
.buttonlink {
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.footerlink {
	color:#4B4B4B;
	font-size:10px;
	text-decoration:none;
}
.contactlink, .externlink {
	font-size:11px;
	font-weight:normal;
	color:#AF161A;	
	text-decoration:none;
}
.contactlink:hover, .contactlink:active, .contactlink:focus {
	text-decoration:underline;
}
#shoplink_with_button {
	height:30px;
}
#shoplink_with_button .left {
	width:35px;
	height:30px;	
}
#shoplink_with_button .right {
	width:159px;
	height:28px;
	border-top:1px solid #00598C;
	border-bottom:1px solid #00598C;	
}
.shoplink {
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#00598C;	
	text-decoration:none;
}
.shoplink_url {
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	color:#00598C;	
	text-decoration:none;
}

/*-------------------------------------------------
HOME
-------------------------------------------------*/
.home_container {
	width:926px;
	height:240px;
	margin:0;
	padding:15px;
}
.home_container .left {
	padding:0 20px 0 0;
	width:204px;
}
.home_container .right {
	width:702px;
}
.home_container .right .subheadline {
	margin:0 0 10px 0;
	padding:0;
	height:40px;	
}
.home_container .right .subheadline .imagebox {
	float:left;
	margin:0 20px 0 0;
	width:42px;
}
.home_container .right .subheadline #headline {
	height:40px;
	vertical-align:bottom;
}
.home_container .right .subheadline #headline h2 {
	color:#4B4B4B;
}
.home_container .right .description_short {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:16px;	
}

#home_box_references {
	float:left;
	margin:30px 60px 0 0;
	width:290px;
}
#home_box_references .subheadline {
	margin:0 0 8px 0;
	padding:0 0 4px 0;
	border-bottom:1px solid #E4E4E4;
	font-weight:bold;	
}
#home_box_references .image {
	margin:0 0 25px 0;
	width:100px;
	float:left;
}
#home_box_references .description_short {
	margin:0 0 15px 0;
	font-size:11px;
	line-height:16px;		
}
#home_box_references .box_forwardlink {
	vertical-align:bottom;
	margin:0 0 25px 0;	
	height:22px;
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;
}

#home_box_blog {
	float:left;
	margin:30px 60px 0 0;
	width:290px;
}
#home_box_blog .subheadline {
	margin:0 0 8px 0;
	padding:0 0 4px 0;
	border-bottom:1px solid #E4E4E4;
}
#home_box_blog .blog_text {
	margin:0 0 15px 0;
	font-size:11px;
	line-height:16px;		
}
#home_box_blog .box_forwardlink {
	margin:0 0 25px 0;
	vertical-align:bottom;
	height:22px;	
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;
}

#home_box_shop {
	float:left;
	margin:30px 0 0 0;
	width:260px;
}
#home_box_shop .subheadline {
	margin:0 0 8px 0;
	padding:0 0 4px 0;	
	border-bottom:1px solid #E4E4E4;		
}
#home_box_shop .subheadline h3 {
	font-weight:bold;
	color:#00598C;		
}
.shop_article {
	margin:0 0 20px 0;
	float:left;
	width:260px;	
}
.shop_article .subheadline {
	float:left;
	width:260px;	
	margin:0 0 8px 0;
	padding:0 0 4px 0;	
	border-bottom:1px solid #E4E4E4;
	font-weight:bold;	
}
.shop_article .subheadline h3 {
	color:#4B4B4B;
	font-size:11px;
	text-transform:none;
}
.shop_article .container {
	margin:0;
	width:260px;
	float:left;
}
.shop_article .container .shop_image {
	margin:0 10px 0 0;
	float:left;
	width:104px;
	text-align:center;
}
.shop_article .container .shop_image #imagebox .imageholder {
	width:100px;
	background:#FFF;
}
.shop_article .container .shop_short_description {
	float:left;
	width:146px;
	font-size:11px;
	line-height:16px;		
}
.shop_article .box_forwardlink {
	float:left;
	width:100%;
	margin:20px 0 0 0;	
	vertical-align:bottom;
	height:22px;
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;
}

/*-------------------------------------------------
LEISTUNGEN
-------------------------------------------------*/
.list_services {
	float:left;
	margin:0 12px 45px 0;
	padding:0 12px 0 0;
	width:198px;
}
.list_services .subheadline {
	margin:0 0 1px 0;
	padding:5px 10px;
	height:20px;	
	color:#FFF;
	background-color:#AF161A;	
}
.list_services .image {
	margin:0 0 10px 0;
}
.list_services .description_short {
	margin:0 0 10px 0;
	height:130px;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	color:#4B4B4B;	
}
.list_services .box_forwardlink {
	height:22px;
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;	
}

#category_services {
	width:648px;
	margin:0 0 20px 0;
}
#category_services .subheadline {
	margin:0 0 10px 0;
	padding:5px 10px;
	height:20px;	
	color:#FFF;
	background-color:#AF161A;	
}
#category_services .images {
	margin:0 0 10px 0;
	height:124px;
}
#category_services .images .image {
	float:left;
	margin:0 7px 0 0;
	padding:1px;
	width:122px;
	height:122px;
	background:#E1E1E1;	
}
#category_services .images .image .imagebox {
	float:left;
	margin:0 10px 0 0;
	padding:1px;
	width:120px;
	height:120px;
	background:#FFF;	
}
#category_services .images .image .imagebox .imageholder {
	width:120px;
	height:120px;
	position:absolute; /* important for clipping */
	clip:rect(0px 120px 120px 0); /* important for clipping */
	border:none;
}
#category_services .description_short {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:16px;	
}
#category_services .service-hint {
	font-size:12px;
	line-height:16px;	
}
#category_services .service-hint .service-hint_icon {
	float:left;
	padding:4px 0 0 0;
	width:50px;
}
#category_services .service-hint .service-hint_text {
	float:left;
}
#category_services .box_forwardlink {
	height:22px;
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;	
}

/*-------------------------------------------------
UNTERNEHMEN - UEBER UNS
-------------------------------------------------*/
.list_about-us {
	float:left;
	margin:0 12px 45px 0;
	padding:0 12px 0 0;
	width:198px;
	border-right:1px solid #cfcfcf;
}
.list_about-us .image {
	margin:0 0 10px 0;
	width:198px;	
}
.list_about-us .subheadline {
	margin:0 0 10px 0;	
	width:198px;	
}
.list_about-us .subheadline h2 {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#AF161A;
}
.list_about-us .description_short {
	width:198px;
	margin:0 0 10px 0;
	font-size:12px;
	line-height:16px;	
}

/*-------------------------------------------------
UNTERNEHMEN - SHOWROOM
-------------------------------------------------*/
.list_showroom {
	float:left;
	margin:0 12px 45px 0;
	padding:0 12px 0 0;
	width:198px;
	border-right:1px solid #cfcfcf;
}
.list_showroom .image {
	margin:0 0 10px 0;
	width:198px;	
}
.list_showroom .subheadline {
	margin:0 0 10px 0;	
	width:198px;	
}
.list_showroom .subheadline h2 {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#4B4B4B;
}
.list_showroom .description_short {
	margin:0 0 10px 0;
	width:198px;	
	font-size:12px;
	line-height:16px;	
}

/*-------------------------------------------------
UNTERNEHMEN - ONLINE WORLD
-------------------------------------------------*/
.list_onlineworld {
	float:left;
	margin:0 12px 45px 0;
	padding:0 12px 0 0;
	width:198px;
	border-right:1px solid #cfcfcf;
}
.list_onlineworld .image {
	margin:0 0 10px 0;
}
.list_onlineworld .subheadline {
	margin:0 0 10px 0;	
}
.list_onlineworld .subheadline h2 {
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#00598C;
}
.list_onlineworld .description_short {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:16px;
}

/*-------------------------------------------------
UNTERNEHMEN - HERSTELLER
-------------------------------------------------*/
#category_manufacturers_header {
	width:640px;
	margin:0 0 20px 0;
	font-size:12px;
	line-height:16px;	
}
.list_manufacturers {
	width:640px;
	height:120px;
	margin:0 0 20px 0;
}
.list_manufacturers .left {
	margin:0 20px 0 0;
	width:154px;
}
.list_manufacturers .left #imagebox {
	margin:0 0 10px 0;
	width:152px;
	height:102px;
}
.list_manufacturers .right {
	width:466px;
}
.list_manufacturers .right .subheadline {
	margin:0 0 5px 0;	
	color:#AF161A;
	font-weight:bold;
}
.list_manufacturers .right .description_short, .list_manufacturers .right .description_short a {
	margin:0 0 12px 0;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
	color:#4B4B4B;			
}
.list_manufacturers .right .box_forwardlink {
	height:22px;
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;	
}

#category_manufacturers {
	width:648px;
	margin:0 0 20px 0;
}
#category_manufacturers .subheadline {
	margin:0 0 1px 0;
	padding:5px 10px;
	height:20px;	
	color:#FFF;
	background-color:#AF161A;	
}
#category_manufacturers .image {
	margin:0 0 10px 0;
}
#category_manufacturers .description {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:16px;	
}
#category_manufacturers .box_forwardlink {
	height:22px;
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;	
}
/*-------------------------------------------------
REFERENZEN
-------------------------------------------------*/
#category_references_header {
	width:640px;
	margin:0 0 20px 0;
	font-size:12px;
	line-height:16px;	
}
.list_references {
	width:640px;
	height:120px;
	margin:0 0 20px 0;
}
.list_references .left {
	margin:0 20px 0 0;
	width:160px;
}
.list_references .left .imagebox {
	width:158px;
}
.list_references .right {
	width:460px;
}
.list_references .right .subheadline, .list_references .right .subheadline a {
	margin:0 0 5px 0;
	height:15px;
	font-weight:bold;
	text-decoration:none;
	color:#4B4B4B;	
}
.list_references .right .description_short, .list_references .right .description_short a {
	margin:0 0 15px 0;
	height:56px;
	text-decoration:none;
	color:#4B4B4B;		
}
.list_references .right .box_forwardlink {
	height:22px;
	line-height:21px;
	border-top:1px solid #E4E4E4;	
	border-bottom:1px solid #E4E4E4;	
}

#category_references {
	width:648px;
	margin:0 0 20px 0;
}
#category_references .subheadline {
	margin:0 0 1px 0;
	padding:5px 10px;
	height:20px;	
	color:#FFF;
	background-color:#AF161A;	
}
#category_references .image {
	margin:0 0 10px 0;
}
#category_references .description {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:16px;	
}

#references_used_components {
	margin:0 0 20px 0;
	display:table;
	width:618px;
}
#references_used_components .left {
	padding:0 20px 0 0;
	width:100px;
}
#references_used_components .right {
	width:468px;
}

#references_more_pictures {
	display:table;
	width:618px;
}
#references_more_pictures .imagebox {
	float:left;
	margin:0 24px 0 0;
	width:102px;
}

/*-------------------------------------------------
KONTAKT
-------------------------------------------------*/
#google_maps_box {
	width:640px;
	height:350px;
	padding:1px;
	background-color:#E1E1E1;
	text-align:center;
}
#google_maps {
	border:1px solid #FFF;
}
#google_maps_text {
	margin:5px 0 0 0;
	width:640px;
}
#contact_description {
	margin:15px 0 0 0;
	width:640px;
	font-size:11px;
	line-height:16px;	
}

/*-------------------------------------------------
IMPRESSUM
-------------------------------------------------*/
#sitenotice_header, #agbs {
	width:640px;
	margin:0 0 20px 0;
}
#sitenotice_header .subheadline, #agbs .subheadline {
	margin:0 0 1px 0;
	padding:5px 10px;
	height:20px;	
	color:#FFF;
	background-color:#AF161A;	
}
#list_sitenotice .left, #list_sitenotice .middle, #list_sitenotice .right {
	margin:0 8px 45px 0;
	width:208px;
	font-size:11px;
	line-height:16px;
}
#list_disclaimer {
	width:640px;
	font-size:11px;
	line-height:16px;	
}
#agbs .description {
	margin:10px 0 0 0;
	font-size:11px;
	line-height:14px;
}
