@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => import additional CSS
==================================================*/

 @import url("lightbox.css");
 @import url("ew_cms.css");
 @import url("clearfix.css");

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

* {
   padding:0;
   margin:0;
}

html {
   height:100%;
   background: #fff url(../images/loading.gif) no-repeat center center;
}

body {
   margin: 0px;
   padding: 0px;
   color: #fff;
   vertical-align:baseline;
   font: 12px Arial, Helvetica, sans-serif;
   height:100%;
}
 html[xmlns^="http"] {
 overflow-y: scroll;
}

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

a, a:active, .escape span {
   text-decoration: underline;
   color: #8c8cb8;/*white-space:nowrap;*/
}

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

a { outline:none;/* disable dotted active-link borders */ }

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

img, img a { border: none; }

br {
   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;
}

.highlight {
   background: #000 url(../images/icon-get-more.png) no-repeat 3px center;
   padding: 3px 0 3px 20px;
}

.floatLeft { float: left; }

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

.floatRight { float: right; }

.blockShort {
   float:left;
   display:block;
   width: 30px;
}

.blockMiddle {
   float:left;
   display:block;
   width: 60px;
}

.blockLarge {
   float:left;
   display:block;
   width: 130px;
}

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

.hideme { display:none; }

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

div#container {
   width: 100%;
   position:relative;
   text-align: left;
   margin: 0 auto -30px auto;
   min-height:100%;/*   padding: 100px 0 0 0;*/
}

*html #container { height:100%; }

div#push {
   height: 100px;
   width: 960px;
}

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

div#header {
   height: 90px;
   width: 100%;
   background: url(../images/header.png) no-repeat 960px 0px;
   _background: url(../images/header2.png) no-repeat 960px 0px;
   margin: 0 0 60px 0;
}

div#banner {
   width: 960px;
   height: 90px;
}

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

h1#branding {
   text-indent:-9999px;
   height: 90px;
   width: 367px;
   background: url(../images/branding.png) no-repeat;
   float:left;
   display:block;
   margin: 0 4px 0 0;
}

*html h1#branding {
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/branding.png',sizingMethod='scale');
}

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

div#contentContainer {
   width: 585px;
   padding: 0 0 0 371px;
}

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

div#contentMain {
   width: 585px;
   padding: 0 0 50px 0;
   text-align:justify;
}

div#contentMainBox {
   background: url(../images/contentmainbox.png) repeat;
   padding: 15px;
   width: 555px;
}

*html div#contentMainBox {
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/contentmainbox.png',sizingMethod='scale');
}

div#contentMain h2 {
   color: #fff;
   font: lighter 16px/30px Arial, Helvetica, sans-serif;
   background: #000;
   padding: 0 0 0 15px;
   margin: 0 0 4px 0;
   cursor:e-resize;
}

div#contentMain h3 {
   color: #fff;
   font: lighter 16px/22px Arial, Helvetica, sans-serif;
   margin: 0 0 4px 0;
}

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

/* =imagesTypes */

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

.imagesType1:hover, a:hover img.imagesType1 { border: 1px solid #000; }

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

div.logobox {
   float:left;
   width: 137px;
   height: 120px;
   font-size: 10px;
   color: #fff;
}

div.logobox a {
   font-size: 10px;
   color: #fff;
   text-decoration: none;
}

div.logobox p{ display:block;}

/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress {
   float:left;
   width: 49%;
   line-height: 18px;
   margin: 15px 0;
}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display: block;
   width: 90px;
   float:left;
   color:#999;
   font-size: 10px;
}

dl.imprintTypeOfBusiness dd, dl.imprintAddress dd { clear:right; }

#btnImprint { display:none; }


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

ul#navigation {
   float:left;
   width: 585px;
   background: url(../images/navigation.png) repeat;
   height: 90px;
   display:block;
}

*html ul#navigation {
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navigation.png',sizingMethod='scale');
}

ul#navigation li { float:left; }

ul#navigation li a {
   display:block;
   text-decoration: none;
   color: #fff;
   height: 39px;
   font-size: 16px;
   padding: 51px 0 0 0;
   text-align:center;
}

ul#navigation li a#m4 { width: 101px; }

ul#navigation li a#m5 { width: 127px; }

ul#navigation li a#m6 { width: 133px; }

ul#navigation li a#m7 { width: 121px; }

ul#navigation li a#m8 { width: 103px; }

body.m4 ul#navigation li a#m4 { background: #000; }

body.m5 ul#navigation li a#m5 { background: #000; }

body.m6 ul#navigation li a#m6 { background: #000; }

body.m7 ul#navigation li a#m7 { background: #000; }

body.m8 ul#navigation li a#m8 { background: #000; }

ul#navigation li a:hover { background: #000; }

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

div#navigationAdditionalBox {
   width: 100%;
   background:#000;
   height: 30px;
   position:fixed;
   z-index: 10;
}

ul#navigationAdditional {
   width: 850px;
   display:block;
   background: #000;
   height: 30px;
   padding: 0 0 0 110px;
}

ul#navigationAdditional li {
   float:left;
   color: #fff;
   font-size: 10px;
   line-height: 30px;
   text-transform:uppercase;
}

ul#navigationAdditional li a {
   height: 30px;
   color: #858585;
   text-decoration: none;
   line-height: 30px;
   padding: 0px 5px;
   border-right: solid 1px #858585;
}

ul#navigationAdditional li a#m3 { border-right: none; }

ul#navigationAdditional li a:hover { color: #ccc; }

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

div#footer {
   clear:left;
   height:30px;
   width: 100%;
   background: #fff;
   position:fixed;
   bottom: 0px;
}

div#footer ul { width: 960px;}

div#footer ul li {
   float:left;
   height: 30px;
   line-height: 30px;
   color: #696969;
   font-size: 11px;
   padding: 0 0 0 32px;
}

div#footer ul li strong { color: #000; }

div#footer div.infoBox {
   position:absolute;
   margin-top: -20px;
   left: 721px;
   width:235px;
   text-align:center;
   height: 20px;
   background: #000;
   line-height: 20px;
   font-size: 10px;
   line-height: 20px;
   display: none;
}

body.m4 div#footer div.m4, body.m5 div#footer div.m5, body.m6 div#footer div.m6, body.m7 div#footer div.m7, body.m8 div#footer div.m8 { display:block; }

div#footer a, div#footer a span, div#infoBox a { text-decoration: none; }

/*==================================================
    => 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;
   border-top: solid 2px #000;
   clear:both;
   display:block;
   width: 555px;
}

ul.liste li {
   padding: 5px 0 5px 25px;
   border-bottom: dashed 1px #000;
   background:url(../images/navigation-icon.gif) no-repeat 9px center;
   float:left;
   width: 230px;
   margin: 0 20px 0 0;
   _margin: 0 10px 0 0;
   line-height: 18px;
   list-style:none;
   height: 20px;
}

ul.liste li.hightlight, ul.liste li.hightlight:hover {
   background: #000 url(../images/navigation-icon-hover.gif) no-repeat 9px center;
   color: #fff;
}

ul.liste li:hover { background:url(../images/navigation-icon-hover.gif) no-repeat 9px center}

ul#tabs {
   margin: 0 0 20px 0;
   padding: 0;
   list-style: none;
   display:block;
}

.panel {
   clear: both;
   display: none;
   padding: 20px 0 0 0;
}

.panel.active-tab-body { display: block; }

ul#tabs li{margin: 0 20px 0 0; _margin: 0 10px 0 0; float:left;}

#tabs a {
   text-decoration: none;
   padding: 5px 0 5px 25px;
   border-bottom: dashed 1px #000;
   background:url(../images/navigation-icon.gif) no-repeat 9px center;
   width: 230px;
   line-height: 18px;
   display:block;
   list-style:none;
   height: 18px;
}

#tabs a.active-tab {
   background: #000 url(../images/navigation-icon-hover.gif) no-repeat 9px center;
   color: #fff;
}

noscript p {
   padding: 5px 5px 5px 25px;
   background: #000 url(../images/cancel.jpg) no-repeat 5px center;
}