@charset "utf-8";

/* Author: Andreas Walter */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Andreas Walter & 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 {
	background:url(../images/html.jpg) center top;
}

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

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

a, .escape span {
   text-decoration:none;
   color:#e2001a;
   /*white-space:nowrap;*/
   font-weight:bold;
}

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

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

p {
   margin:0 0 15px 0;
}

img, img a {
   border:none;
}

/*==================================================
    => 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 3px;
   border-bottom:solid 1px #e5e4e1;
   border-top:solid 1px #e5e4e1;
   padding:0 0 0 20px;
}

.floatLeft {
   float:left;
}

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

.floatRight {
   float:right;
}

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

.error404 li {
	background:url(../images/icon-get-more.png) 5px 8px no-repeat;
   padding-left:20px;
   line-height:28px;
}

#btnImprint {
	display:none;
}

.marginTop30px {
	margin-top:30px;
}

.route {
	width:546;
   height:346;
   overflow:hidden;
}

.cmsImage {
	margin:0 0 30px 30px;
}

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

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

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

div#header {
	height:305px;
   background:url(../images/div-header.jpg) center bottom no-repeat;
}

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

h1#branding a {
   text-indent:-9999px;
   width:367px;
   height:248px;
   float:left;
   display:block;
   margin-top:57px;
}

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

div#contentContainer {
}

div#contentContainer h2 {
   color:#004a99;
   font:bold 27px/28px "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
   margin-bottom:20px;
}

div#contentContainer h3 {
   color:#e2001a;
   font:bold 20px/24px "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
}

div#contentContainer h4 {
   color:#004a99;
   font:bold 16px/22px "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
   margin-bottom:10px;
}
/*------------------ =contentMain  ---------------*/

div#contentMain {
	width:550px;
   float:right;
   min-height:380px;
   height:auto !important;
   height:380px;
	background:#f9fafb url(../images/div-contentmain.jpg) left top no-repeat;
   padding:0 43px 30px 30px;
}

div#contentMain .colLeft {
	width:260px;
   float:left;
}

div#contentMain .colRight {
	width:260px;
   float:right;
}

div#contentMain #slideShow {
   width:256px;
	height:426px;
	overflow:hidden;
}

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

div#contentSidebar {
	width:260px;
   height:463px;
   float:left;
   background:url(../images/div-contentsidebar.jpg);
   padding:48px 0 0 77px;
}

div#contentSidebar strong {
	color:#004a99;
}

div#contentSidebar a, div#contentSidebar a span {
	color:#798594;
   text-decoration:none;
   font-weight:normal;
}

div#contentSidebar a:hover, div#contentSidebar a:hover span {
	text-decoration:underline;
}

/* =imagesTypes */

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

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

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

/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress {

}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display:block;
   width:50%;
   float:left;
   font-weight:bold;
}

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

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

ul#navigation {
	float:left;
	width:571px;
   height:27px;
   overflow:hidden;
   background:url(../images/ul-navigation.jpg);
   margin-top:244px;
}

ul#navigation li {
	text-indent:-9999px;
   float:left;
}

ul#navigation li a {
	height:27px;
   display:block;
}

ul#navigation .geschichte a {
	width:104px;
}

ul#navigation .geschichte a:hover {
	background:url(../images/ul-navigation.jpg) 0 -27px;
}

ul#navigation .leistungen a {
	width:126px;
}

ul#navigation .leistungen a:hover {
	background:url(../images/ul-navigation.jpg) -104px -27px;
}

ul#navigation .referenzen a {
	width:126px;
}

ul#navigation .referenzen a:hover {
	background:url(../images/ul-navigation.jpg) -230px -27px;
}

ul#navigation .aktuelles a {
	width:114px;
}

ul#navigation .aktuelles a:hover {
	background:url(../images/ul-navigation.jpg) -356px -27px;
}

ul#navigation .kontakt a {
	width:101px;
}

ul#navigation .kontakt a:hover {
	background:url(../images/ul-navigation.jpg) -470px -27px;
}

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

div#footer {
	float:right;
	width:623px;
   height:130px;
   background:url(../images/div-footer.jpg);
}

div#footer ul {
	padding-left:20px;
}

div#footer ul li {
	float:left;
   color:#fecc00;
   font-weight:bold;
   font-size:17px;
}

div#footer ul li a {
	margin:0 10px;
   font-size:10px;
   color:#004a99;
}

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

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

ul.list li {
   padding:0 0 0 15px;
   background:url(../images/ul-list.jpg) 5px 8px no-repeat;
   line-height:22px;
}