@charset "utf-8";

/* Company: Euroweb Internet GmbH */

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

* {
   padding:0;
   margin:0;
}

body {
   color:#000;
   text-align: center;
   font: 12px Arial, Helvetica, sans-serif;
	line-height:21px;
	background:url(../images/bg-content.jpg) repeat-y center top;
}

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

a:link,
a:visited {
   color: #022165;
   text-decoration: underline;
}

a:hover {
   color: #022165;
   text-decoration: underline;
}

a:active {
   color: #022165;
   text-decoration: none;
}

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

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

.clear {
   clear:left;
   float:none;
}

.float-left {
   float: left;
}

.float-right {
   float: right;
   margin-left:10px!important;
}

.trenn {
   border-bottom:1px solid #022165;
   clear:left;
   float:none;
   height:1px;
   margin-bottom:30px;
   padding:0;
   width:100%;
}
.trenn2 {
   border-bottom:1px solid #CCCCCC;
   clear:left;
   float:none;
   height:1px;
   padding:0;
	   margin-bottom:30px;
   width:100%;
}


.image {
   border: 2px solid #fff;
   margin: 0px 10px 10px 0;
   outline: none;
}

.image-lighbox {
   border: 2px solid #fff;
   margin: 0px 10px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

html>image {
   margin: 0px 10px 5px 0;
}


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


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

div#content-main ol {
   margin-left:10px;
   color: #022165;

}

div#content-main ul {
   margin-left:10px;
   line-height:26px;
   list-style-type: square;
   color: #022165;
   list-style-position: outside;
   font: 12px Arial, Helvetica, sans-serif;
}

div#content-main li {
   color: #022165;
   line-height:26px;
   margin-left:10px;
   font: 12px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}


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

div#container {
   width: 100%;
position:relative;

height:auto !important;
height:100%;
min-height:100%;
background: url(../images/bg-header.gif) no-repeat center top;

}

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

div#header {
   height:294px;
	width:960px;
	padding-top:52px;
	text-align: left;
	margin:0 auto;
	position:relative;
}

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

h1#branding {
   display:block;
   width:960px;
   height:148px;
   outline:none;
	text-indent:-99999px;
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	background: url(../images/branding.png) no-repeat 0 0;
}

*html h1#branding {

	background:url(../images/branding.gif) no-repeat 0 0;
}

div#header-firma{
   display:block;
   width:250px;
   height:297px;
   outline:none;
	text-indent:-99999px;
	position:absolute;
	top:48px;
	right:0;
	z-index:81;
	background:url(../images/form-firma.png) no-repeat 0 0;
}


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


/*==================================================
    => content-container  
==================================================*/

div#content-container {
   padding:30px 0 0 0;
   width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:url(../images/bg-content-container.jpg) no-repeat 0 0;

}

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

div#content-main {
   float:left;
   width:648px;
   text-align:left;
	padding-left:30px;
	}
	
h2 {
   font: 30px  Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:normal;
}

.content-column{
	width:315px;
   float:left;
}

h3{
   font: 21px  Arial, Helvetica, sans-serif;
	color:#022165;
	line-height:36px;
	font-weight:normal;
	margin-bottom:40px;
}

.h4{
   font:26px  Arial, Helvetica, sans-serif;
	color:#022165;
	font-weight:normal;
}
.h5{
   font:18px  Arial, Helvetica, sans-serif;
	color:#022165;
	font-weight:normal;
	margin-right:10px;
}
h4{
   font:30px  Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:normal;
	margin:20px 0 40px 0;
}

h5{
   font:12px  Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:normal;
}

h6{
   font: 21px  Arial, Helvetica, sans-serif;
	color:#022165;
	line-height:36px;
	font-weight:normal;
}

/* =imprint */

dl.content-main-imprint, dl {
   line-height:20px;
}

dl.content-main-imprint dt, dl dt {
   display:block;
   float:left;
   font-weight:bold;
   width:220px;
}

dl.content-main-imprint dd, dl dd {
   clear:right;
   float:left;
   width:250px;
}

.content-main-imprint-margin {
   margin-top:15px;
}

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

ul#navi{
   width:960px;
   height:87px;
	position: absolute;
	top:275px;
	left:0;
	background: url(../images/bg-navi.gif) no-repeat 0 0;
	
}

ul#navi li {
   float:left;
	display:block;
	list-style-type:none;
}

ul#navi li a {
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

a.navia {
	outline:none;
	display:block;
	height:71px;
	width:139px;
	background:  url(../images/navi-firmenprofil.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navia:hover, a.navia:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navib {
	outline:none;
	display:block;
	height:71px;
	width:104px;
	background:   url(../images/navi-aktuelles.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navib:hover, a.navib:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navic {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:71px;
	width:115px;
	background:  url(../images/navi-leistungen.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navic:hover, a.navic:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navid {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:71px;
	width:91px;
	background:  url(../images/navi-historie.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navid:hover, a.navid:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navie {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:71px;
	width:126px;
	background:  url(../images/navi-mitarbeiter.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navie:hover, a.navie:active {
	display:block;
	background: none;
	text-indent:-99999px;
}


a.navif {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:71px;
	width:95px;
	background: url(../images/navi-kontakt.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navif:hover, a.navif:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navig {
	outline:none;
	text-indent:-99999px;
	display:block;
	height:71px;
	width:87px;
	background:  url(../images/navi-anfahrt.gif) no-repeat 0 0;
	font-weight: normal;
}

a.navig:hover, a.navig:active {
	display:block;
	background: none;
	text-indent:-99999px;
}



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

ul#navi-add{
   width:281px;
   height:410px;
	padding-top:65px;
	float:left;
	background:url(../images/bg-navi-ad.gif) no-repeat 0 0;
}
ul#navi-add ul{
margin: 0;
}

ul#navi-add li {
	display:block;
	list-style-type:none;
}

ul#navi-add li a {
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -99999px;
	margin:0;
}

a.navi-add1 {
	outline:none;
	display:block;	
	width:281px;
	height:43px;
	background: url(../images/navi-add1.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add1:hover, a.navi-add1:active {
	display:block;
	background: none;
	text-indent:-99999px;
}


a.navi-add2 {
	outline:none;
	display:block;	
	width:281px;
	height:30px;
	background: url(../images/navi-add2.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add2:hover, a.navi-add2:active {
	display:block;
	background: none;
	text-indent:-99999px;
}


a.navi-add3 {
	outline:none;
	display:block;	
	width:281px;
	height:30px;
	background: url(../images/navi-add3.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add3:hover, a.navi-add3:active {
	display:block;
	background: none;
	text-indent:-99999px;
}


a.navi-add4 {
	outline:none;
	display:block;	
	width:281px;
	height:28px;
	background: url(../images/navi-add4.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add4:hover, a.navi-add4:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navi-add5{
	outline:none;
	display:block;	
	width:281px;
	height:28px;
	background: url(../images/navi-add5.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add5:hover, a.navi-add5:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navi-add6{
	outline:none;
	display:block;	
	width:281px;
	height:30px;
	background: url(../images/navi-add6.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add6:hover, a.navi-add6:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navi-add7{
	outline:none;
	display:block;	
	width:281px;
	height:28px;
	background: url(../images/navi-add7.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add7:hover, a.navi-add7:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navi-add8{
	outline:none;
	display:block;	
	width:281px;
	height:29px;
	background: url(../images/navi-add8.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add8:hover, a.navi-add8:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navi-add9{
	outline:none;
	display:block;	
	width:281px;
	height:31px;
	background: url(../images/navi-add9.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add9:hover, a.navi-add9:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navi-add10{
	outline:none;
	display:block;	
	width:281px;
	height:29px;
	background: url(../images/navi-add10.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add10:hover, a.navi-add10:active {
	display:block;
	background: none;
	text-indent:-99999px;
}

a.navi-add11{
	outline:none;
	display:block;	
	width:281px;
	height:29px;
	background: url(../images/navi-add11.gif) no-repeat 0 0;
	font-weight: normal;
	text-indent:-99999px;
}

a.navi-add11:hover, a.navi-add11:active {
	display:block;
	background: none;
	text-indent:-99999px;
}
/*==================================================
    => footer   
==================================================*/
div#footer-container {
   height: 169px;
   width:100%;
	text-align:left;
   background: url(../images/bg-footer.jpg) no-repeat top center;
	color:#666666;
	font-weight:bold;
	font:12px;
}
div#footer {
   height: 169px;
   width:960px;
	text-align:left;
   background: url(../images/bg-footer.gif) repeat-x 0 0;
	position: relative;
	margin:0 auto;

	color:#666666;
	font:12px;
}

.foot1{
	width:200px;
	height:50px;
	position:absolute;
	top:44px;
	left:60px;
	color:#022165;
}
.foot2{
	width:200px;
	height:50px;
	position:absolute;
	top:56px;
	left:304px;
}
.foot3{
	width:200px;
	height:50px;
	position:absolute;
	top:56px;
	left:506px;
}
.foot4{
	width:200px;
	height:50px;
	position:absolute;
	top:44px;
	left:740px;
}


div#footer a:link ,
div#footer a:visited,
div#footer a:active  {
   color: #666666;
   text-decoration: underline;
}

div#footer a:hover {
   color: #666666;
   text-decoration: none;
}


.top {
   text-align:right;
   width:610px;
}

/*==================================================
    => googlemaps   
==================================================*/

div#map a {
   background:transparent url(../images/bg-google-enlarge.gif) no-repeat scroll 0 0;
   display:block;
   height:30px;
   text-indent:-9999px;
   width:600px;
   margin:10px 0 5px 0;
}

.iframemap {
   border:3px solid #fff;
   padding:3px;
}

/*==================================================
    => 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 */

.floatstop{
clear:both;
}

.floatstop2{
clear:both;
height:100px;
}