@charset "utf-8";

/* Company: Euroweb Internet GmbH */

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

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

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

* {
   padding:0;
   margin:0;
}

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

html, body {
	height:100%;
}

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

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

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

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

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

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

img, img a {
   border: none;
}

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

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

.highlight {
   font-weight:bold;
   color:#40647e;
}

.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 3px center;
   padding: 3px 10px 3px 20px;
}

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

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

div#container {
   width: 915px;
   position:relative;
   margin: 0 auto -127px auto;   
   min-height:100%;
   text-align: left; 
}

*html #container { height: 100%;}

#push { height: 127px;}

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

div#header {
	background: url(../images/header.jpg) no-repeat;
	width: 577px;
	height: 60px;
   padding: 147px 0 59px 334px;
}

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

ul#navigation {
/*	margin: 147px 0 0 334px;*/
}

ul#navigation li { float:left; padding-right: 36px; }

ul#navigation li a{display: block; height: 40px; text-indent: -9999px;}


.l-1 { width:74px; }
.l-2 { width:70px; }
.l-3 { width:84px; }
.l-4 { width:59px; }
.l-5 { width:55px; }

#navigation li.l-1 a:hover, #navigation li.l-1 a.active{ background: url(../images/naviActive.jpg) no-repeat 0px 4px;}
#navigation li.l-2 a:hover, #navigation li.l-2 a.active{ background: url(../images/naviActive.jpg) no-repeat -110px 4px;}
#navigation li.l-3 a:hover, #navigation li.l-3 a.active{ background: url(../images/naviActive.jpg) no-repeat -216px 4px;}
#navigation li.l-4 a:hover, #navigation li.l-4 a.active{ background: url(../images/naviActive.jpg) no-repeat -336px 4px;}
#navigation li.l-5 a:hover, #navigation li.l-5 a.active{ background: url(../images/naviActive.jpg) no-repeat -431px 4px;}

ul#navigation li a:hover {
}

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

h1#branding {
   text-indent:-9999px;
   width: 0;
   height:0;
}

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

#contentSidebar {
	background:url(../images/contentSidebar.jpg) no-repeat 24px 0;
	width: 255px;
	height: 300px;
	float:left;
	padding: 68px 43px 0 48px;
}

.sidebarPadding { padding-top: 50px;}

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

div#contentContainer { width: 915px;}

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

div#contentMain {
	width: 550px;
	float:left;	
}

div#contentMain h1 {
   color: #00427f;
   font: lighter 24px/32px Verdana, Arial, Helvetica, sans-serif;
   margin-bottom: 16px;
   text-transform: uppercase;
}

div#contentMain h2 {
   color: #0078ff;
   font: lighter 14px/18px Verdana, Arial, Helvetica, sans-serif;
   margin-bottom: 45px;
}

div#contentMain h3 {
   color: #0078ff;
   font: bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
   margin-bottom: 15px;
}

div#contentMain h4 {
   color: #831634;
   font: lighter 18px/22px;
}

/* =imagesTypes */

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

.imagesType1:hover, a:hover img.imagesType1 {
   border: 1px solid #0078ff;
   padding: 2px;
}

.imagesType2 {
   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.imprintAddress{
	float:left;
   width: 49%;
   line-height: 18px;
   margin: 15px 0;
}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt{
	display: block;
   width: 120px;
   float:left;
}

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


/*------------------ =navigationSub  -----*/

ul#navigationSub {
   height: 20px;
   padding: 95px 0 0 425px;
}

ul#navigationSub li {
	float: left;
   margin-right: 40px;   
}

ul#navigationSub li a {
	float: left;
	display: block;
	text-indent: -9999px;

}

ul#navigationSub .li-6 a { width: 70px;}
ul#navigationSub .li-7 a { width: 61px;}
ul#navigationSub .li-8 a { width: 59px;}
ul#navigationSub .li-9 a { width: 77px;}

ul#navigationSub .li-6 a:hover, .li-6 a.active{ background: url(../images/navigationSubActive.jpg) no-repeat -2px -12px;}
ul#navigationSub .li-7 a:hover, .li-7 a.active{ background: url(../images/navigationSubActive.jpg) no-repeat -112px -12px;}
ul#navigationSub .li-8 a:hover, .li-8 a.active{ background: url(../images/navigationSubActive.jpg) no-repeat -213px -12px;}
ul#navigationSub .li-9 a:hover, .li-9 a.active{ background: url(../images/navigationSubActive.jpg) no-repeat -312px -12px;}

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

div#footer {
	background: url(../images/footer.jpg) no-repeat 0 0;
	width: 915px;
	height: 127px;
	position: relative;
	margin: 0 auto;
}

div#containerFooter{
	background: url(../images/containerFooter.jpg) repeat-x; 
	width: 100%;
	height: 127px;
}


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

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

ul.liste li {
	padding: 2px 0 2px 15px;
	background: url(../images/li.gif) no-repeat 0 9px;
	margin: 0 10px 0 0;
	line-height: 18px;
}

ul.liste li:hover {
   color:#333;
   background: #f7f8f8;
}