@charset "utf-8";

/* Author: Andreas Walter */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2010 - Andreas Walter & Euroweb Internet GmbH */

/* ///////////////////////////////////////////////////////////
	=> global tags 
/////////////////////////////////////////////////////////// */

* {
   padding:0;
   margin:0;
}

html {
	background:url(../images/bg-html.jpg) center top;
	overflow-x:hidden;
	overflow:-moz-scrollbars-vertical;
}

body {
   color:#fff;
   vertical-align:baseline;
   text-align:center;
   font:12px/20px Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) center top repeat-x;
	padding:90px 0;
}

ol,
ul,
dl {
   list-style:none;
}

a,
.escape span {
   text-decoration:underline;
   color:#ffba21;
}

a:hover,
a:hover span {
   color:#ffba21;
   text-decoration:none;
}

a {
   outline:none;
}

p {
   margin:0 0 20px 0;
}

img,
img a {
   border:none;
}

hr {
	display:block;
	height:0px;
	*height:2px;
	border:0;   
	border-top:1px solid #434343;
	border-bottom:1px solid #797979;
	margin:2em 0;

}

/* //////	=> noscript	////// */

noscript p {
	position:absolute;
	width:100%;
	height:25px;
	line-height:25px;
	top:0;
	left:0;
	font-size:11px;
	color:#666;
	text-indent:25px;
	border-bottom:solid 1px #999;
	z-index:99;
   text-align:center;
   background:#fff;
}

noscript strong {
	padding-left:20px;
	background:url(../images/cms/icon-cancel.png) no-repeat 0 center;
   font-weight:bold;
}

/* ///////////////////////////////////////////////////////////
	=> global classes / id's
/////////////////////////////////////////////////////////// */

.googleMaps {
	height:350px;
	width:552px;
	overflow:hidden;
}

.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4,
.cufon-loading #navi-sub {
	visibility:hidden;
}

a.highlight {
   padding-left:20px;
   background:url(../images/icons/icon-arrow.gif) 7px 5px no-repeat; 
}

a.pdf {
   padding:3px 0 5px 60px;
   background:url(../images/icons/icon-pdf.gif) 0 0 no-repeat; 
}

strong.highlight {
	color:#ffba21;
}

.external-link {
   background:url(../images/icons/icon-external-link.gif) no-repeat right center;
   padding-right:15px;
}

.display-none {
	display:none;
}

/* //////	=> images	////// */

.image {
   border:2px solid #797979;
   background:url(../images/icons/icon-loading.gif) no-repeat center center;
   padding:2px;
}

.image:hover,
a:hover img.image {
   border:2px solid #434343;
   padding:2px;
}

/* //////	=> definition lists 	////// */

dl.imprint-business,
dl.imprint-address,
dl.address {
	margin-bottom:20px;
}

dl.imprint-business dt,
dl.imprint-address dt {
   display:block;
   width:50%;
   float:left;
}

#footer dl dt {
	display:block;
   width:30%;
   float:left;
}

dl.address dt {
	display:block;
   width:17%;
   float:left;
}

dl.imprint-business dd,
dl.imprint-address dd,
#footer dl dd,
dl.address dd {
   clear:right;
}

/* //////	=> lists		////// */

ul.list {
   margin:0 0 20px 0;
}

ul.list li {
   padding-left:20px;
   background:url(../images/icons/icon-star.gif) 0 5px no-repeat; 
}

/* //////	=> floats, clearfix	////// */

.float-left {
   float:left;
}

.float-right {
   float:right;
}

.clearfix:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}

* html .clearfix {
   height:1%;
}

.clearfix {
   display:inline-block;
}

* html .clearfix {
   height:1%;
}

.clearfix {
   display:block;
}

/* //////	=> container	////// */

#container {
   width:940px;
   margin:0 auto;
   text-align:left;
   position:relative;
}

/* ///////////////////////////////////////////////////////////
	=> header 
/////////////////////////////////////////////////////////// */

#header {
	height:302px;
	width:900px;
	padding:20px 20px 0 20px;
	background:url(../images/bg-header.jpg) no-repeat;
}

h1#branding {
   text-indent:-9999px;
	width:166px;
	height:174px;
	position:absolute;
	top:-57px;
	left:387px;
	z-index:75;
}

h1#branding a {
	display:block;
	width:166px;
	height:174px;
	background:url(../images/bg-branding.png) no-repeat;
}

div#schild {
	width:168px;
	height:286px;
	background:url(../images/bg-schild.jpg) no-repeat;
	position:absolute;
	left:843px;
	top:-33px;
	z-index:1;
}

/* //////	=> navi 	////// */

ul#navi {
	position:relative;
	width:110px;
	height:200px;
	background:url(../images/bg-navi.jpg) 0 0 no-repeat;
	float:left;
	margin-left:20px;
	_margin-left:10px;
	margin-top:73px;
	z-index:2;
}

ul#navi li {
	text-indent:-9999px;
}

ul#navi li a {
	display:block;
	width:110px;
	height:40px;
}

ul#navi li.link1 a:hover,
ul#navi li.link1-active a {
	background:url(../images/bg-navi.jpg) -110px 0;
}

ul#navi li.link2 a:hover,
ul#navi li.link2-active a {
	background:url(../images/bg-navi.jpg) -110px -40px;
}

ul#navi li.link3 a:hover,
ul#navi li.link3-active a {
	background:url(../images/bg-navi.jpg) -110px -80px;
}

ul#navi li.link4 a:hover,
ul#navi li.link4-active a {
	background:url(../images/bg-navi.jpg) -110px -120px;
}

ul#navi li.link5 a:hover,
ul#navi li.link5-active a {
	background:url(../images/bg-navi.jpg) -110px -160px;
}


ul#navi-sub {
	display:none;
	background:url(../images/bg-navi-sub.png) no-repeat;
	width:174px;
	height:124px;
	padding-top:16px;
	position:absolute;
	top:-2px;
	left:100px;
}

ul#navi-sub li a {
	display:inline;
	width:auto;
	height:auto;
	background:none !important;
	text-decoration:none;
	font:normal 14px/30px Arial, Helvetica, sans-serif;
	color:#868686;
}

ul#navi-sub li a:hover {
	color:#474647;
}

ul#navi-sub li a strong {
	font:bold 18px/30px Arial, Helvetica, sans-serif;
}

ul#navi-sub li a em {
	font:normal 18px/30px Arial, Helvetica, sans-serif;
}

ul#navi-sub li {
	text-indent:0;
	text-align:center;
}

ul#navi li.link2:hover ul#navi-sub,
ul#navi li.link2-active:hover ul#navi-sub {
	display:block;
}

/* //////	=> navi-add 	////// */

ul#navi-add {
	position:relative;
	width:110px;
	height:200px;
	background:url(../images/bg-navi.jpg) -220px 0 no-repeat;
	float:right;
	margin-right:20px;
	_margin-right:10px;
	margin-top:73px;
	z-index:2;
}

ul#navi-add li {
	text-indent:-9999px;
}

ul#navi-add li a {
	display:block;
	width:110px;
	height:40px;
}

ul#navi-add li.link1 a:hover,
ul#navi-add li.link1-active a {
	background:url(../images/bg-navi.jpg) -330px 0;
}

ul#navi-add li.link2 a:hover,
ul#navi-add li.link2-active a {
	background:url(../images/bg-navi.jpg) -330px -40px;
}

ul#navi-add li.link3 a:hover,
ul#navi-add li.link3-active a {
	background:url(../images/bg-navi.jpg) -330px -80px;
}

ul#navi-add li.link4 a:hover,
ul#navi-add li.link4-active a {
	background:url(../images/bg-navi.jpg) -330px -120px;
}

ul#navi-add li.link5 a:hover,
ul#navi-add li.link5-active a {
	background:url(../images/bg-navi.jpg) -330px -160px;
}

/* //////	=> slideshow 	////// */

#slideshow {
	width:600px;
	height:228px;
	overflow:hidden;
	position:relative;
	left:20px;
	top:52px;
	z-index:1;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption,
.nivo-directionNav,
.nivo-controlNav {
	display:none !important;
	text-indent:-9999px;
}


/* ///////////////////////////////////////////////////////////
	=> content-container 
/////////////////////////////////////////////////////////// */

#content-container {
	background:url(../images/bg-content-container.jpg);
	
}

#content-container h2 {
   color:#fff;
   font:bold 22px/26px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#content-container h3 {
   color:#ffba21;
   font:normal 18px/22px Arial, Helvetica, sans-serif;
}

#content-container h4 {
   color:#fff;
   font:normal 16px/20px Arial, Helvetica, sans-serif;
}

#content-main {
	padding:40px 40px 20px 40px;
}

#content-main .content-column {
	width:260px;
	float:left;
	padding-right:40px;
}

#content-main div.big {
	width:560px;
}

#content-main div.half {
	width:410px;
}

#content-main div.last {
	padding:0;
}

/* ///////////////////////////////////////////////////////////
	=> footer 
/////////////////////////////////////////////////////////// */

#footer {
	height:60px;
	background:url(../images/bg-footer.jpg) no-repeat;
	padding:22px 40px 20px 40px;
	color:#acacac;
}

#footer a,
#footer a span {
	color:#acacac;
	text-decoration:none;
}

#footer a:hover,
#footer a:hover span {
	color:#fff;
}

#footer .footer-column {
	width:260px;
	float:left;
	padding-right:40px;
}

#footer div.last {
	padding:0;
}