@charset "utf-8";

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

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

* {
   padding:0;
   margin:0;
}

html {
	background:#404040 url(../images/bg-html.jpg) center top repeat-y;
}

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

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

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

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

a {
   outline:none;
}

p {
   margin:0 0 20px 0;
}

img,
img a {
   border:none;
}

strong {
	color:#0066cc;
}

/*==================================================
    => global classes / ID's
==================================================*/
.hr {
   height:20px;
   background:url(../images/p-hr.jpg) repeat-x top;
   margin:20px 0 0 0;
}

.hl-hr {
   height:15px;
   background:url(../images/p-hr.jpg) repeat-x top;
   margin:5px 0 0 0;
}

.highlight {
	padding-left:10px;
   background:url(../images/p-highlight.gif) 0 8px no-repeat;
}

.cmsFormat a {
	padding-left:10px;
   background:url(../images/p-highlight.gif) 0 6px no-repeat;
}

.cmsFormat strong {
	color:#444;
}

.highlight {
	color:#0066cc;
}

.float-left {
   float:left;
}

.float-right {
   float:right;
}

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

#button-imprint {
   display:none;
}

.display-none {
	display:none;
}

.route {
	width:594px;
   height:350px;
   overflow:hidden;
}

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

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

/*==================================================
    => top  
==================================================*/

div#top {
	height:402px;
   background:url(../images/bg-top.jpg) center top no-repeat;
}

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

h1#branding {
   text-indent:-9999px;
   float:left;
   background:url(../images/h1-branding.jpg) no-repeat;
}

h1#branding a {
	width:260px;
   height:140px;
	display:block;
}

div#slideshow {
	float:left;
   width:640px;
   height:260px;
   overflow:hidden;
   *margin-top:41px;
}

/*==================================================
    => center  
==================================================*/

div#center div.container {
	width:860px;
	padding:30px 20px;
   background:url(../images/bg-center-container.jpg) 186px 0 repeat-y;
}

div#center h2 {
   font:bold 28px/30px Arial Narrow, Helvetica, sans-serif;
}

div#center h3 {
   color:#7f7f7f;
   font:normal 18px/20px Arial Narrow, Helvetica, sans-serif;
}

div#center h4 {
   color:#0066cc;
   font:bold 16px/20px Arial Narrow, Helvetica, sans-serif;
}

/*------------------ =content-main  ---------------*/

div#center div#content-main {
	width:600px;
   float:right;
}

div#center div#content-main .column-left {
	width:280px;
   float:left;
}

div#center div#content-main .column-right {
	width:280px;
   float:left;
}

div#center div#content-main h2 {
	color:#0066cc;
}

/*------------------ =content-sidebar  -------------*/

div#center div#content-sidebar {
	width:220px;
   float:left;
   padding-right:20px
}

div#center div#content-sidebar h2 {
	color:#7f7f7f;
}


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

ul#navi {
	width:220px;
   height:200px;
	clear:both;
   float:left;
   padding:30px 20px;
   background:url(../images/bg-navi.jpg) 0 30px no-repeat;
}

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

ul#navi li a {
	width:220px;
   display:block;
}

ul#navi li.l1 a {
	height:35px;
}

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

ul#navi li.l2 a {
	height:28px;
}

ul#navi li.l2 a:hover,
ul#navi li.l2-active a {
	height:28px;
   background:url(../images/bg-navi.jpg) -280px -35px;
}

ul#navi li.l2 ul li a,
ul#navi li.l2-active ul li a {
	height:29px;
   background:url(../images/bg-navi.jpg) -20px -63px;
}

ul#navi li.l2 ul li a:hover,
ul#navi li.l2 ul li.active a,
ul#navi li.l2-active ul li a:hover,
ul#navi li.l2-active ul li.active a {
	height:29px;
   background:url(../images/bg-navi.jpg) -280px -63px;
}

ul#navi li.l3 a {
	height:28px;
}

ul#navi li.l3 a:hover,
ul#navi li.l3-active a {
	height:28px;
   background:url(../images/bg-navi.jpg) -280px -92px;
}

ul#navi li.l3 ul li.l1 a,
ul#navi li.l3-active ul li.l1 a {
	height:22px;
   background:url(../images/bg-navi.jpg) -20px -120px;
}

ul#navi li.l3 ul li.l1 a:hover,
ul#navi li.l3 ul li.l1-active a,
ul#navi li.l3-active ul li.l1 a:hover,
ul#navi li.l3-active ul li.l1-active a {
	height:22px;
   background:url(../images/bg-navi.jpg) -280px -120px;
}

ul#navi li.l3 ul li.l2 a,
ul#navi li.l3-active ul li.l2 a {
	height:23px;
   background:url(../images/bg-navi.jpg) -20px -142px;
}

ul#navi li.l3 ul li.l2 a:hover,
ul#navi li.l3 ul li.l2-active a,
ul#navi li.l3-active ul li.l2 a:hover,
ul#navi li.l3-active ul li.l2-active a {
	height:23px;
   background:url(../images/bg-navi.jpg) -280px -142px;
}

ul#navi li.l4 a {
	height:35px;
}

ul#navi li.l4 a:hover,
ul#navi li.l4-active a {
	height:35px;
   background:url(../images/bg-navi.jpg) -280px -165px;
}

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

ul#navi-add {
	float:right;
   padding:65px 147px 0 0;
   background:url(../images/bg-navi-add.jpg) 0 65px no-repeat;
   width:305px;
   height:34px;
   overflow:hidden;
}

ul#navi-add li {
	float:left;
   padding-left:28px;
   text-indent:-9999px;
}

ul#navi-add li a {
	display:block;
   height:34px;
}

ul#navi-add li.l1 a {
	width:51px;
}

ul#navi-add li.l1 a:hover,
ul#navi-add li.l1-active a {
	width:51px;
   background:url(../images/bg-navi-add.jpg) -28px -34px;
}

ul#navi-add li.l2 a {
	width:42px;
}

ul#navi-add li.l2 a:hover,
ul#navi-add li.l2-active a {
	width:42px;
   background:url(../images/bg-navi-add.jpg) -107px -34px;
}

ul#navi-add li.l3 a {
	width:41px;
}

ul#navi-add li.l3 a:hover,
ul#navi-add li.l3-active a {
	width:41px;
   background:url(../images/bg-navi-add.jpg) -177px -34px;
}

ul#navi-add li.l4 a {
	width:59px;
}

ul#navi-add li.l4 a:hover,
ul#navi-add li.l4-active a {
	width:59px;
   background:url(../images/bg-navi-add.jpg) -246px -34px;
}

/*==================================================
    => bottom   
==================================================*/
div#bottom {
   background:url(../images/bg-bottom.jpg) repeat-x;
   height:240px;
}

div#bottom div.container {
	width:860px;
   padding:30px 20px;
   color:#b3b3b3;
   background:url(../images/bg-bottom-container.jpg) center top no-repeat;
}

div#bottom div.container strong {
	color:#fff;
}

div#bottom div.container a {
	color:#fff;
}

div#bottom div.container h2 {
	font-size:20px;
}

div#bottom div.container .hl-hr {
   background:url(../images/p-bottom-hr.jpg) repeat-x top;
   margin-top:10px;
   height:25px;
}

div#bottom {
	background:#404040 url(../images/bg-bottom.jpg) repeat-x;
}

div#bottom div#footer-sidebar {
	width:240px;
   float:left;
}

div#bottom div#footer-main {
	width:600px;
	float:left;
   padding:20px 0 0 20px;
}

div#bottom div#footer-main h2 {
	color:#fff;
}

div#bottom div#footer-sidebar ul li {
	padding-bottom:20px;
}

div#bottom div#footer-sidebar ul li#igz {
	background:url(../images/igz-bw.jpg) no-repeat;
}

div#bottom div#footer-sidebar ul li#igz a {
	background:url(../images/igz.jpg) no-repeat;
   display:block;
   height:58px;
   width:208px;
}

div#bottom div#footer-sidebar ul li#dnv {
	background:url(../images/dnv-bw.jpg) no-repeat;
}

div#bottom div#footer-sidebar ul li#dnv a{
	background:url(../images/dnv.jpg) no-repeat;
   display:block;
   height:88px;
   width:208px;
}

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

/*==================================================
    => image  
==================================================*/

.image {
   border:1px solid #e5e5e5;
   background:#fff url(../images/icon-progress.gif) no-repeat center center;
   outline:none;
   padding:2px;
}

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

.image-2 {
   border:1px solid #e5e5e5;
   background:#fff url(../images/icon-progress.gif) no-repeat center center;
   padding:2px;
}

.thumb-left {
	float:left;
   margin-top:6px;
   margin-right:20px;
   _margin-right:10px;
}

.thumb-right {
	float:right;
   margin-top:6px;
   margin-left:20px;
   _margin-left:10px;
}

/*==================================================
    => imprint  
==================================================*/

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

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

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

/*==================================================
    => list   
==================================================*/

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

ul.list li {
	padding-left:20px;
   background:url(../images/bg-ul-list.gif) 10px 8px no-repeat;
}

ul.list li.phone {
	background:url(../images/icon-phone.jpg) 0 6px no-repeat;
   padding-left:20px;
}

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

ul.list li.email {
	background:url(../images/icon-email.jpg) 0 7px no-repeat;
   padding-left:20px;
}

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

.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;
}