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

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; text-align: left;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
a {text-decoration:none; color:#333;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img {border:0;}

div.issuuembed {text-align:center !important;}
div.issuuembed span { color:#dddddd !important; text-align:center; text-decoration:none;}
div.issuuembed span a { color:#dddddd !important; text-align:center; text-decoration:none;}


/* Struktur */

#header {width:972px; height:60px; margin:20px auto 0px;}
#logo {width: 130px; height:50px; float:left;}
#navi {width:580px; float:left; margin:26px 0 0 10px; z-index:10000;}
#partner {width:245px; float:right; margin-top:-7px;}

#footer {width:972px; margin:0px auto; color:#666; font-size:12px; }
#footer #breadcrumb { border-bottom:1px solid #ccc;}
#footer #breadcrumb ul { list-style:none; display:block;}
#footer #breadcrumb ul li { float:left; padding: 0 10px 0; background:url(../img/arrow-999.png) no-repeat center right; width:auto;}
#footer #breadcrumb ul li.first { float:left; padding: 0 10px 0 0; background:url(../img/arrow-999.png) no-repeat center right; width:auto;}
#footer #breadcrumb ul li.last { float:left; padding: 0 10px 0; background-image:none; width:auto;}
#footer #breadcrumb ul li a { color:#666; font-size:12px; }

#footer #shortnav { font-size:11px; }
#footer #shortnav .col5first {width:180px; float:left; margin:0;}
#footer #shortnav .col5 {width:180px; float:left; margin:0 0 0 13px;}
#footer #shortnav .col5-2 {width:360px; float:left; margin:0 0 0 12px;}
#footer #shortnav ul { margin-bottom:18px;}
#footer #shortnav ul li { margin-left:5px;}
#footer #shortnav a { color:#666;}
#footer #shortnav a:hover { color:#666; text-decoration:underline;}
#footer .about {padding:0 20px 0 10px;}

#copyright {width:972px; margin:20px auto; text-align:center; color:#999; font-size:10px;}
#copyright a {color:#999; padding: 0 10px; border-right:1px solid #ccc;}
#copyright a.last {color:#999; padding: 0 10px; border-right:none;}

.content {width: 972px; margin: 0px auto; float:none;}
.teaser {width: 972px; margin: 0px auto; float:none;}
.content-nav {background:url(../img/bg-content-nav.png) repeat-x top left #fafafa;}
.content-nav h2 { padding:20px 0 0 60px;}
.content-nav h4 { text-align:center !important;}
.content-nav ul {width:155px; float:left; margin: 5px 0 20px 20px;}
.content-nav ul.first {width:155px; float:left; margin: 5px 0 20px 60px;}
.content-nav ul li {border-top:1px dotted #ccc; padding:4px 0px}
.content-nav ul li.first { font-weight:bold; border:none;}
.content-nav ul li a.more {background:url(../img/arrow-999.png) no-repeat center left; padding: 0 0 0 15px; display:block; color:#333;}
.content-nav ul li a:hover.more {color:#fff; background:url(../img/arrow-999.png) no-repeat center left #999;}

.divider {width:972px; margin:0px auto; float:none; height:12px; display:block;}
.floatleft {float:left;}
.floatright {float:right;}
.floatend {clear:both;}

.col2first {width:475px; float:left; margin:0;}
.col2 {width:475px; float:right; margin:0;}

.col3first {width:316px; float:left; margin:0;}
.col3 {width:316px; float:left; margin:0 0 0 12px;}
.col3-2 {width:632px; float:left; margin:0 0 0 12px;}
.col4first {width:234px; float:left; margin:0;}
.col4 {width:234px; float:left; margin:0 0 0 12px;}
.col5first {width:184px; float:left; margin:0;}
.col5 {width:184px; float:left; margin:0 0 0 13px;}
.col5-2 {width:368px; float:left; margin:0 0 0 13px;}

.h50 {height:50px;}
.h200 {height:200px;}
.h250 {height:250px;}
.h300 {height:300px;}
.h350 {height:350px;}
.h400 {height:400px;}

.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p40 {padding:40px;}

.p30-00-30-30 {padding:30px 0 30px 30px;}

.roundtop {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	overflow:hidden;
}





/* Typografie */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #f2f2f2; color: #333; -webkit-font-smoothing: antialiased; }
/*
h1 {display:block; width:972px; height:40px; margin:0 auto; text-indent:-9000px;}
h1.exterieur {background:url(../img/headline/exterieur.png) no-repeat left center;}
*/

h1 { font-weight: normal; font-size: 24px; line-height: 30px; margin-bottom: 18px; margin-top:20px; text-align:center; }
h1 span { font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 0px; text-align:center; color:#999; }


p { margin-bottom: 18px; }
h2 { font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

.teaser p, .teaser h2 {margin:10px; line-height: 18px;}
.teaser p {font-size: 11px;}
.teaser h2 {text-align:center !important;}
.teaser a {text-decoration:underline;}
.teaser p.phone {font-size: 20px; line-height: 24px; margin:7px 0 0; padding:0; text-align:center;}
.teaser p.mail {text-align:center !important; margin:0;}

#partner p {font: 14px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; text-align:right; padding-top:15px; color:#666; font-weight:normal;}
#partner p span {font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
#partner p a {color:#666; }

a.more {background:url(../img/arrow-999.png) no-repeat center right; padding: 0 10px 0 0;}
a.more-under {background:url(../img/arrow-999.png) no-repeat center right; padding: 0 10px 0 0; text-decoration:underline;}

.small {font-size:0.9em}

span.list {list-style-type:square; display:list-item; margin-left:40px; list-style-position:outside;}
span.bold {font-weight:bold !important}


/* Besonderheiten / Abweichungen ---------------------------------------- */
/* Partner */
.partner {width:924px; margin:40px auto 40px;}
.partner .image-left {width:572px; float:left; margin-top:20px;}
.partner .text-right {width:300px; float:left;}
.partner .image-right {width:572px; float:right; margin-top:20px;}
.partner .text-left {width:300px; float:left; margin-left:46px !important; margin-left:23px;}
.partner .col-full { margin:40px 0 0 46px; float:none; clear:both; width:825px;}
.partner .col-first {width:255px; float:left; margin-left:46px !important; margin-left:23px;}
.partner .col {width:255px; float:left; margin-left:30px;}
.partner .col, .partner .col-first p { font-size:11px !important;}
.partner .divider {height:100px !important;}
.partner .col-full h2 {border-bottom:1px solid #ccc;}



/* Formulargestaltung */
.contact { font-size: 12px; line-height: 17px; width: 924px; margin: 30px 0 30px 70px; padding: 0; color: #666; }
.contact table {font-size: 12px; line-height: 17px; color:#666666;}
.contact table tr td {padding:5px 0 5px 0;}
.contact table tr td.frage { font-weight:bold;}
.contact .error { color:#333333; font-weight:bold;}
.contact input {border:1px solid #cccccc; font-size:14px; color:#333333; font-weight:normal;}
.contact input.error { border:1px solid #cc0000; color:#333333; font-weight:normal; font: 14px/18px Arial, Verdana, "Lucida Grande", Geneva, sans-serif;}
.contact textarea.error { border:1px solid #cc0000; color:#333333; font: 14px/18px Arial, Verdana, "Lucida Grande", Geneva, sans-serif;}
.contact select {border:1px solid #cccccc; font-size:14px; color:#333333;}
.contact textarea {border:1px solid #cccccc; color:#333333; font: 14px/18px Arial, Verdana, "Lucida Grande", Geneva, sans-serif;}
.contact td.note {font-size: 10px; font-weight: normal; border-top:1px solid #cccccc;}
.contact td.note a:hover { text-decoration:underline;}
input.button {width: 188px; height: 22px; background: url(../img/button-188x20.png) no-repeat left top; display: block; text-decoration: none; margin-top: 5px; padding:-1px;; text-align: center; color: #666; font-weight: normal; cursor: pointer; border:none; }
.formhide {display:none; visibility:hidden;}
.contact h2 {margin:20px 0 !important; width:820px !important; padding:5px !important; background-color:#f2f2f2 !important;}

/* Service */
table.service h3 {text-align:center !important;}

.hide { position: absolute; top: -9999px; left: -9999px; }
#sicherheit-tabs{ background: #fff; padding: 10px; margin: 0 0 20px 0; }
#sicherheit-tabs .nav { overflow: hidden; margin: 0 0 10px 0; border-bottom:1px solid #f2f2f2; }
#sicherheit-tabs .nav li { width: auto; float: left; margin: 0 10px 0 0; }
#sicherheit-tabs .nav li.last { margin-right: 0; }
#sicherheit-tabs .nav li a { display: block; padding: 5px; background: #fff; text-align: center; border: 0; }
#sicherheit-tabs .nav li a:hover { background-color: #f2f2f2; color:#000; }
#sicherheit-tabs ul li a.current, #sicherheit-tabs ul.featured li a:hover { background-color: #f2f2f2; color: #000; }

/* Unternehmen */
.unternehmen { width:972px; /*height:596px;*/ overflow:hidden; }
.unternehmen-nav {border-top:1px solid #ccc; text-align:center; margin:0 0 5px;}
.unternehmen-nav a { border-left: 1px solid #ccc; padding:0px 15px 0px;}
.unternehmen-nav a.first { border-left: 0;}
.unternehmen-nav a:hover { text-decoration:underline;}
.unternehmen-nav a.active { font-weight:bold; text-decoration:underline;}
.unternehmen div.col-team {width:400px; float:left; margin:0 20px 60px 20px;}
.unternehmen div.col-team img {width:100px; float:left; margin:0 20px 0 0;}
.unternehmen h2 {text-align:left; margin-bottom:30px; padding:10px 0 10px 20px;}
.unternehmen h3 {margin-bottom:10px; border-bottom:1px solid #f2f2f2;}
.unternehmen span.email {padding-top:10px; text-decoration:underline; display:inline-block;}
.unternehmen div.list {float:left; display:block; width:260px;}

/* Tooltips */
#tooltip{
	position:absolute;
	border:1px solid #fff;
	padding:10px 10px;
	color:#fff;
	display:none;
	/* Fallback for web browsers that doesn't support RGBa */
	background: #666;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	width:220px;
	text-align:center;
	}	

/* Listen */
ul.square { list-style-type:square; list-style-position:outside;}
ul.square li {margin-left:15px;}


/* Splashscreen*/
#splashScreen {position:absolute; top:0; left:0; height:100%; width:100%; background-color:#ffffff;	background-repeat:no-repeat;text-align:center;}
#splashScreen img {margin:0 auto;}
#promoIMG {background:url(../img/frohe_weihnachten.png) no-repeat center center; height:486px; margin-bottom:15px;	text-align:center; }
#promoIMG img {margin-top:50px;}

ul.seo{
    padding-left: 150px;
    list-style-type: none;
}
ul.seo *{
    font-size: 9px;
    color: #aaa;
}
ul.seo li{
    float: left;
}
ul.seo li a{
    text-decoration: none;
}
ul.seo li a:hover{
    color: #bbb;
}
div.seoContent{
    padding:0 100px;
}
div.seoContent strong{
    font-weight: bold;
}
div.seoContent a{
    color: #aaa;
}
div.seoContent a:hover{
    color: #bbb;
}