@charset "utf-8";

/* Author: Torsten Trautmann */
/* Company: Euroweb Internet GmbH */

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

* {
   padding:0;
   margin:0;
}

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

html[xmlns^="http"] {
   overflow-y:scroll;
}

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

a,
.email span,
a:visited {
   outline:none;/* disable dotted active-link borders */
   text-decoration: underline;
   color: #104e8e;
}

a:hover,
a:hover span,
a:active,
a:focus {
   color:#333;
   text-decoration:underline;
}

p {
   margin: 0 0 15px 0px;
   line-height: 18px;
}

img,
img a {
   border: none;
   -ms-interpolation-mode: bicubic;
}

hr {
   border: 1px solid transparent;
   margin: 6px 0px 6px 0px;
   clear:both;
}

html>body hr {
   border-top: 1px solid transparent;
   margin: 11px 0px 11px 0px;
}

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
   height:0;
   line-height: 0.0em
}

.highlight {
   font-weight:bold;
   background: #fafafa url(../images/icon-get-more.png) no-repeat 3px center;
   border-bottom: solid 1px #e5e4e1;
   border-top: solid 1px #e5e4e1;
   padding: 0 0 0 20px;
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.marginRight {
   margin: 0 10px 0 0;
}

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

.gototop {
   position:fixed;
   right:10px;
   bottom:10px;
   font-size:10px;
   text-decoration:none;
   background:url(../images/icon-top.png) no-repeat left center;
   padding: 0 0 0 15px;
   _display:none; /* IE6 HACK */
}

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

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

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

div#header {
	width: 955px;
	height: 419px;
	position:relative;
}

#slideshow {
	width: 666px;
	height: 273px;
	position:absolute;
	top: 118px;
	right: 0;
	z-index: 1;
}

/*------------------ =branding  ------------------*/

h1#branding {
   text-indent:-999em;
   background:url(../images/h1-branding.jpg) no-repeat;
   width: 289px;
   height: 185px;
   text-align:left;
   display: block;
   float:left;
}

h1#branding a {
   width: 289px;
   height: 185px;
   display:block;
}

/*==================================================
    => contentContainer  
==================================================*/

div#contentContainer {
}

/*------------------ =contentMain  ---------------*/

div#contentMain {
	float:left;
	width: 626px;
	padding: 0 0 0 40px;
}

div#contentMain h3 {
   color: #0f4c8b;
   font: lighter 18px/22px Arial, Helvetica, sans-serif;
   margin-bottom: 15px;
}
div#container-mediaplayer object {
border:2px solid #B9BBBC;
width:624px;
}

body#startseite div#contentMain h3 { margin-bottom: 0; }

div#contentMain h2 {
   color: #0f4c8b;
   font: lighter 28px/22px Arial, Helvetica, sans-serif;
   margin-bottom: 20px;  
}

div#contentMain h4 {
   color: #831634;
   font: lighter 36px/22px Arial, Helvetica, sans-serif;
}

.cufon-loading h2, .cufon-loading h3 { visibility:hidden; }

/* =image */

.image {
   border: 1px solid #666;
   padding: 2px;
   background:#FFF url(../images/icon-progress.gif) no-repeat center center;
   margin: 0px 15px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

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

.imageNoBorder {
   border: 1px solid #666;
   padding: 2px;
   background:#FFF url(../images/icon-progress.gif) no-repeat center center;
   margin: 4px 4px 0 0;
}

/* =imprint */

dl.imprintTypeOfBusiness,
dl.vcard {
   float:left;
   line-height: 18px;
   margin: 15px 0;
}

dl.imprintTypeOfBusiness dt,
dl.vcard dt {
   display: block;
   width: 220px;
   float:left;
}

dl.imprintTypeOfBusiness dd,
dl.vcard dd {
   width: 300px;
   float:left;
   display: block;
}

#btnImprint {
   display:none;
}

/*------------------ =contentSidebar  -------------*/

div#contentSidebar {
	float:left;
	width: 289px;
	height: 330px;
}

div#phone {
	float:left;
	width: 272px;
	height: 116px;
	background: url(../images/bg-telefon.jpg) no-repeat;
}

div#kontaktdaten {
	float:left;
	width: 232px;
	height: 89px;
	background: url(../images/bg-kontakt.jpg) no-repeat;
	margin-top: 45px;
	padding: 39px 0 0 40px;
}

div#kontaktdaten p { font-size: 0.9em; }

/*==================================================
    => navigation    
==================================================*/

ul#navigation {
	float:left;
	width: 663px;
	height: 63px;
	position:absolute;
	top: 42px;
	left: 290px;
}

ul#navigation li {
   float:left;
   position:relative;
   list-style: none;
}

ul#navigation li a {
	display:block;
	width: 100px;
	height: 63px;
	text-indent:-9999px;
	border:none !important;
	background: url(../images/bg-navigation.jpg) no-repeat;
}

			ul#navigation li a.n1, ul#navigation li a.n1:visited {
                background-position: 0px 0; width: 96px;
            }
			
			 ul#navigation li a.n1:hover, body#aktuell ul#navigation li a.n1 {
                background-position: 0px -63px;
            }
			
			ul#navigation li a.n2:link, ul#navigation li a.n2:visited {
                background-position: -96px 0; width: 103px;
            }
			
			 ul#navigation li a.n2:hover, body#referenzen ul#navigation li a.n2 {
                background-position: -96px -63px;
            }
			
			ul#navigation li a.n3:link, ul#navigation li a.n3:visited {
                background-position: -198px 0; width: 89px;
            }
			
			 ul#navigation li a.n3:hover, body#ueberuns ul#navigation li a.n3 {
                background-position: -198px -63px;
            }
			
			ul#navigation li a.n4:link, ul#navigation li a.n4:visited {
                background-position: -286px 0; width: 192px;
            }
			
			 ul#navigation li a.n4:hover, body#lebensgefahr ul#navigation li a.n4 {
                background-position: -286px -63px; 
		    }
			
			ul#navigation li a.n5:link, ul#navigation li a.n5:visited {
                background-position: -477px 0; width: 183px;
            }
			
			 ul#navigation li a.n5:hover, body#partner ul#navigation li a.n5 {
                background-position: -477px -63px; 
		    }
			
/*==================================================
    => navigation 2
==================================================*/

ul#navigation2 {
	width: 256px;
    list-style:none;
	height: 200px;
	position: absolute;
	top: 186px;
	left: 16px;
}

ul#navigation2 li {
   float:left;
   position:relative;
   list-style: none;
}

ul#navigation2 li a {
	display:block;
	width: 256px;
	text-indent:-9999px;
	border:none !important;
	background: url(../images/bg-navigation2.jpg) no-repeat;
}

		ul#navigation2 li a.n1, ul#navigation2 li a.n1:visited {
                background-position: 0px 0; height: 27px;
            }
		 ul#navigation2 li a.n1:hover, body#n1 ul#navigation2 li a.n1 {
                background-position: -256px 0px;
            }
		
		ul#navigation2 li a.n2, ul#navigation2 li a.n2:visited {
                background-position: 0px -27px; height: 28px;
            }
		 ul#navigation2 li a.n2:hover, body#n2 ul#navigation2 li a.n2 {
                background-position: -256px -27px;
            }
		ul#navigation2 li a.n3, ul#navigation2 li a.n3:visited {
                background-position: 0px -55px; height: 28px;
            }
		 ul#navigation2 li a.n3:hover, body#n3 ul#navigation2 li a.n3 {
                background-position: -256px -55px;
            }
		ul#navigation2 li a.n4, ul#navigation2 li a.n4:visited {
                background-position: 0px -83px; height: 28px;
            }
		 ul#navigation2 li a.n4:hover, body#n4 ul#navigation2 li a.n4 {
                background-position: -256px -83px; 
            }
			ul#navigation2 li a.n5, ul#navigation2 li a.n5:visited {
                background-position: 0px -111px; height: 28px;
            }
		 ul#navigation2 li a.n5:hover, body#n5 ul#navigation2 li a.n5 {
                background-position: -256px -111px; 
            }
			ul#navigation2 li a.n6, ul#navigation2 li a.n6:visited {
                background-position: 0px -139px; height: 28px;
            }
		 ul#navigation2 li a.n6:hover, body#n6 ul#navigation2 li a.n6 {
                background-position: -256px -139px; 
            }
			
		 ul#navigation2 li a.n7, ul#navigation2 li a.n7:visited {
                background-position: 0px -167px; height: 28px;
            }
		 ul#navigation2 li a.n7:hover, body#n7 ul#navigation2 li a.n7 {
                background-position: -256px -167px; 
            }


/*------------------ =navigationAdditional  -----*/

ul#navigationAdditional {
	float:left;
	width: 600px;
	height: 12px;
	padding: 0 0 0 0px;
}

ul#navigationAdditional li {
	float: left;
	height: 12px;
	list-style-type: none;
	color: #fff;
	margin-right: 15px;
}

ul#navigationAdditional li a {
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
}

ul#navigationAdditional li a:hover {
	text-decoration: underline;
}


/*------------------ =navigationLanguage  --------*/

ul#navigationLanguage {
}

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

div#footer {
	width: 625px;
	height: 86px;
	background: url(../images/bg-footer.jpg) no-repeat;
	margin-bottom: 10px;
	padding: 38px 0 0 330px;
}

div#footer p { font-size: 0.9em; float:left; }

/*------------------ =address  -------------------*/

p#address {
	width: 360px;
}

/*==================================================
    => standarts   
==================================================*/

ul.error404 {
   margin: 0 0 20px 0;
   padding: 0;
   list-style: none;
}

ul.error404 li {
   padding: 5px 0 5px 25px;
   background:url(../images/icon-get-more.png) no-repeat left center;
   margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   _height: 20px;
}

ul.liste {
   margin: 0 0 20px 0;
   padding: 0;
   list-style: none;
}

ul.liste li {
   padding: 5px 0 5px 25px;
   border-bottom: dashed 1px #ccc;
   margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   _height: 20px;
}

iframe {
	padding: 3px;
	border: solid 1px #E4E2E3;
}

/*==================================================
    => clearfix   
==================================================*/

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

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */