@charset "utf-8";
/* CSS Document */

/* Colors
	CI-Rot: E53434
	CI-Blau: 0086CB
*/

* {
	margin: 0;
	padding: 0;
	}
	
html {
	height: 101%;
	}
		
#cu3er-container {
	z-index: 2001;
	position: relative;
	width: 980px; 
	height: 200px;
	outline: 0;
	}
	
img,
img a,
img a:hover,
img a:focus {
	border: none;
	}
	
.img-left,
.img-left-mb20,
.img-right,
.img-right-mb20 {
	float: left;
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #F2F2F2;
	margin-right: 10px;
	}
	
.img-right,
.img-right-mb20 {
	float: right;
	margin-right: 0;
	}
	
.img-left-mb20,
.img-right-mb20 {
	margin-bottom: 20px;
	}

.img-left-deep,
.img-right-deep {
	float: left;
	background-color: #FFF;
	padding: 9px;
	border: 1px solid #F2F2F2;
	margin-right: 20px;
	margin-bottom: 45px;
	}
	
.img-right-deep {
	float: right;
	margin: 0;
	}

.img-sidebar {
    background-color: #FFFFFF;
    border: 1px solid #F2F2F2;
    float: left;
    margin-right: 10px;
    padding: 9px;
    }
	
.pdf-download {
	padding: 10px;
	background-color: #FFF;
	margin-bottom: 10px;
	font-size: 11px;
	border: 1px solid #F2F2F2;
	}
	
.pdf-download a {
	color: #333;
	text-decoration: none;
	}
	
.pdf-download a:hover,
.pdf-download a:focus {
	color: #000;
	border-bottom: 1px dotted #000;
	}
	
.pdf-download img {
	margin-right: 10px;
	-moz-box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	box-shadow: 0px 1px 2px #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
h1,
h1 a,
h1 a:hover,
h1 a:focus {
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	color: #E53434;
	margin: 0 0 10px 0;
	text-decoration: none;
	}
	
h2,
h2 a,
h2 a:hover,
h2 a:focus {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	color: #0086CB;
	margin: 0 0 10px 0;
	text-decoration: none;
	}
	
h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #000;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
 h3#news-icon {
	background-image: url(../images/layout/icon-news.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 21px;
	height: 16px;
	}
	
h3#pinn-icon {
	background-image: url(../images/layout/icon-pinnwand.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 21px;
	height: 16px;
	}
	
h3#address-icon {
	background-image: url(../images/layout/icon-address.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 21px;
	height: 16px;
	}
	
h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #B1B3B4;
	margin-bottom: 5px;
	}
	
table {
	font-size: 12px;
	color: #000;
	}
	
table th {
	padding: 2px 5px;
	text-align: left;
	font-weight: bold;
	color: #FFF;
	background-color: #009EE1;
	}
	

	
table td {
	padding: 2px 5px;
	text-align: left;
	}
	
.tr-midblue {
	background-color: #40b6e9;
	color: #FFF;
	font-weight: bold;
	}
	
.tr-grey {
	background-color: #F6F6F6;
	}
	
p {
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.p-last {
	margin-bottom: 0;
	}
	
p a,
p a:hover,
p a:focus {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	}
	
.red,
.red a {
	color: #E53434;
	}
	
	
.uppercase {
	text-transform: uppercase;
	}
	
.black {
	color: #666;
	}
	
.mehr a {
	float: left;
	font-size: 11px;
	color: #0086CB !important;
	text-decoration: none;
	width: auto;
	height: auto;
	padding: 1px 10px;
	background-color: #FFF;
	border: 1px solid #F2F2F2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	box-shadow: 0px 1px 2px #CCC;

	}
	
.mehr a:hover,
.mehr a:focus {
	color: #FFF !important;
	background-color: #0086CB;
	border: 1px solid #0086CB;
	-moz-box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	box-shadow: 0px 1px 2px #CCC

	}
	
.clearfloat {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}

.hr-solid {
	width: auto;
	height: 1px;
	margin: 20px 0;
	border-bottom: 1px solid #F2F2F2;
	}
	
.hr-solid-thin {
	width: auto;
	height: 1px;
	margin: 10px 20px 10px 0;
	border-bottom: 1px solid #F2F2F2;
	}
	
.hr-solid-sidebar {
	width: auto;
	height: 1px;
	margin: 10px 0;
	border-bottom: 1px solid #F2F2F2;
	}

/* Header ============================================= */

#header-wrapper {
	width: 100%;
	height: 350px;
	}
	
#header-container {
	width: 980px;
	height: 350px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/layout/bg-header.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	}
	
#header-top {
	width: 940px;
	height: 90px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	}
	
#logo-top {
	float: left;
	width: 250px;
	height: 90px;
	}
	
#top-navi {
	font-size: 10px;
	float: right;
	width: auto;
	height: 25px;
	line-height: 25px;
	margin-top: 20px;
	}
	
#top-navi ul li {
	display: inline;
	background-image: url(../images/layout/top-navi-arrows.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 14px;
	}
	
#top-navi a {
	color: #000;
	text-decoration: none;
	}
	
#top-navi a:hover,
#top-navi a:focus {
	color: #E53434;
	}
	
#lang-select {
	float: right;
	font-size: 10px;
	margin: 20px 0 0 0;
	padding: 0 19px 0 0;
	width: 130px;
	height: 25px;
	line-height: 25px;
	border-right: 1px dotted #B2B3B5;
	text-align: right;
	background-image: url(../images/layout/w-map.png);
	background-repeat: no-repeat;
	background-position: 0 55%;
	}
	
#lang-select a {
	color: #000;
	text-decoration: none;
	}
	
#lang-select a:hover,
#lang-select a:focus {
	color: #E53434;
	}
	
#header-ani {
	position: relative;
	z-index: 2000;
	width: 980px;
	height: 200px;
	margin: 0 auto;
	background-repeat: no-repeat;
	}
	
#produkte #header-ani { background-image: url(../images/header/header-06.png); }
#services #header-ani { background-image: url(../images/header/header-01.png); }
#referenzen #header-ani { background-image: url(../images/header/header-05.png); }
#aktuelles #header-ani { background-image: url(../images/header/header-04.png); }
#unternehmen #header-ani { background-image: url(../images/header/header-03.png); }
#kontakt #header-ani { background-image: url(../images/header/header-02.png); }
#agb #header-ani { background-image: url(../images/header/header-05.png); }
#impressum #header-ani { background-image: url(../images/header/header-03.png); }
	
#main-navi {
	width: 940px;
	height: 50px;
	margin: 0 auto;
	}
	
/* End of Header ====================================== */

/* Content ============================================ */
	
#content-wrapper {
	width: 100%;
	height: auto;
	}
	
#content-bg {
	width: 980px;
	height: auto;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/layout/bg-content.jpg);
	background-repeat: no-repeat;
	}
	
#content-container {
	width: 940px;
	height: auto;
	background-color: #FFF;
	padding: 0 20px;
	}
	
#rootline {
	width: 940px;
	height: 30px;
	font-size: 10px;
	line-height: 30px;
	color: #A0A0A0;
	border-bottom: 1px solid #EEE;
	}
	
#rootline a {
	color: #A0A0A0;
	text-decoration: underline;
	}
	
#rootline a:hover,
#rootline a:focus {
	color: #000;
	}
	
.partner-sp1 {
	float: left;
	width: 220px;
	}
	
.partner-sp23 {
	float: right;
	width: 440px;
	padding-left: 19px;
	border-left: 1px solid #F6F6F6;
	}
	
.ansprechpartner-sp-left {
	float: left;
	width: 349px;
	height: auto
	border-right: 1px solid #F6F6F6;	
	} 
	
.ansprechpartner-sp-right {
	float: right;
	width: 330px;
	}
	
.ansprechpartner-txt {
	margin-left: 110px;
	}
	
#sp123 {
	float: left;
	width: 700px;
	margin: 20px 0;
	}
	
#sp123 ul {
	list-style-type: none;
	list-style-image: url(../images/layout/list-dot-red.png);
	list-style-position: outside;
	margin-left: 20px;
	}
	
#sp123 ul li {
	margin-bottom: 10px;
	color: #666;
	}
	
.sp1 {
	float: left;
	width: 349px;
	border-right: 1px solid #F6F6F6;
	}
	
.sp2 {
	float: right;
	width: 330px;
	}
	
.content-box1,
.content-box2,
.content-box3 {
	float: left;
	width: 200px;
	height: auto;
	padding: 10px;
	margin-right: 20px;
	background-color: #F6F6F6;
	color: #0086CB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	box-shadow: 0px 1px 2px #CCC;
	}
	
.content-box3 {
	float: right;
	margin-right: 0;
	}
	
.content-box1 a,
.content-box2 a,
.content-box3 a {
	color: #0086CB;
	}
	
.content-box1 img,
.content-box2 img,
.content-box3 img {
	margin-bottom: 10px;
	}
	
.content-sp1,
.content-sp2,
.content-sp3 {
	float: left;
	width: 219px;
	border-right: 1px solid #F2F2F2;
	margin-right: 10px;
	padding-right: 10px;
	}
	
.content-sp3 {
	float: right;
	margin: 0;
	padding: 0;
	width: 220px;
	border: none;
	}
	
.product-box-left,
.product-box-right {
	float: left;
	width: 320px;
	height: auto;
	padding: 10px;
	margin: 0 20px 20px 0;
	background-color: #F6F6F6;
	color: #0086CB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	box-shadow: 0px 1px 2px #CCC;
	}
	
.product-box-right {
	float: right;
	margin: 0 0 20px 0;
	}
	
.product-box-left img,
.product-box-right img {
	margin-bottom: 10px;
	}
	
#sp4 {
	float: right;
	width: 220px;
	margin: 20px 0;
	}
	
#sp4 p {
	margin-bottom: 5px;
	}
	
#sidenavi-box {
	width: 220px;
	height: auto;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: normal;
	background-color: #FFF;
	}
	
#sidenavi-box h3 {
	padding: 10px 0 0 10px;
	margin: 0 0 10px 0;
	}
	
ul#sidenavi {
	list-style: none;
	width: 220px;
	}
	
ul#sidenavi li a {
	display: block;
	background-color: #F6F6F6;
	color: #000;
	border-bottom: 1px solid #FFF;
	padding: 5px 5px 4px 26px;
	background-image: url(../images/layout/bg-sidenavi-arrow.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	text-decoration: none;
	}
	
ul#sidenavi li a:hover,
ul#sidenavi li a:focus {
	background-color: #E53434;
	color: #FFF;
	background-image: url(../images/layout/bg-sidenavi-arrow-ovr.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	}
	
	
.news-box {
	width: 200px;
	height: auto;
	padding: 9px;
	margin-bottom: 10px;
	border: 1px solid #F2F2F2;
	background-color: #FFF;
	background-image: url(../images/layout/bg-white-box.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	line-height: 16px;
	color: #000;
	}
	
.news-box img,
.news-box img a {
	margin-bottom: 10px;
	-moz-box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	box-shadow: 0px 1px 2px #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
.pinn-box,
.address-box,
.iso-box {
	width: 200px;
	height: auto;
	padding: 9px;
	margin-bottom: 10px;
	border: 1px solid #F2F2F2;
	background-color: #FFF;
	background-image: url(../images/layout/bg-white-box.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	line-height: 16px;
	color: #000;
	}
	
.address-box a {
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	padding-left: 16px;
	background-image: url(../images/layout/bg-sidenavi-arrow.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	border-bottom: none;
	}
	
.address-box a:hover,
.address-box a:focus {
	color: #000;
	border-bottom: 1px dotted #000;
}

#sidenavi-box,
.address-box,
.pinn-box,
.news-box,
.sidenavi-box,
.pdf-download {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	box-shadow: 0px 1px 2px #CCC;
}

/* End of Content ===================================== */

/* Footer ============================================= */