@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 {
   color:#7a764d;
   vertical-align:baseline;
   text-align:center;
   font:12px/20px "Verdana", Arial, Helvetica, sans-serif;
   overflow:-moz-scrollbars-vertical;
   background:#f9f2b2 url(../images/body.jpg) repeat-x;
}

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

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

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

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

p {
   margin:0 0 15px 0;
}

img, img a {
   border:none;
}

/*==================================================
    => global classes
==================================================*/
.hr { 
   height:20px;
   background:url(../images/p-hr.jpg) repeat-x top;
   margin:20px 0 0 0;
 }
.clear {
   clear:left;
   float:none;
   height:0;
   line-height:0.0em
}

.highlight {
   background:#fafafa url(../images/icon-get-more.png) no-repeat 3px center;
   border-bottom:solid 1px #e5e4e1;
   border-top:solid 1px #e5e4e1;
   padding:0 0 0 20px;
   line-height:30px;
}

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

.marginLeft20 {
	margin-left:20px;
}

.marginLeft10 {
	margin-left:10px;
}

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

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

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

div#header {
	height:477px;
   background:url(../images/div-header.jpg);
}

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

h1#branding a {
   text-indent:-9999px;
   display:block;
   width:367px;
   height:88px;
   position:absolute;
   top:136px;
   left:37px;
}

/*------------------ =claim  ---------------------*/

p#claim {
}

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

div#contentContainer {
	width:407px;
   padding:26px;
   background:#fff;
   position:relative;
   left:404px;
   top:-188px;
   min-height:350px;
   height:auto !important;
   height:350px;
}

div#contentContainer h2 {
   color:#ef4a2b;
   font:lighter 24px/28px "Verdana", Arial, Helvetica, sans-serif;
}

div#contentContainer h3 {
   color:#7a764d;
   font:lighter 22px/26px "Verdana", Arial, Helvetica, sans-serif;
}

div#contentContainer h4 {
   color:#7a764d;
   font:lighter 18px/28px "Verdana", Arial, Helvetica, sans-serif;
}
/*------------------ =contentMain  ---------------*/

div#contentMain {
}

/* =imagesTypes */

.imagesType1 {
   border:1px solid #d9d9d9;
   padding:7px;
   background:#fff url(../images/layout/progress.gif) no-repeat center center;
   outline:none;
   margin-bottom:20px;
}

.imagesType1:hover, a:hover img.imagesType1 {
   border:1px solid #c1c1c1;
   padding:7px;
   margin-bottom:20px;
}

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

/* =imprint */

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

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display:block;
   width:40%;
   float:left;
}

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

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

ul#navigation {
	width:166px;
   height:220px;
   position:absolute;
   top:477px;
   left:197px;
   background:url(../images/ul-navigation.jpg);
   padding:37px 0 0 41px;
}

ul#navigation li {
	
}

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

ul#navigation .startseite a {
   height:27px;
   background:url(../images/ul-navigation-li.jpg);
}

ul#navigation .startseite a:hover, ul#navigation .startseite-active a {
	height:27px;
	background:url(../images/ul-navigation-li.jpg) -161px 0;
}

ul#navigation .unser-produkt a {
   height:33px;
   background:url(../images/ul-navigation-li.jpg) 0 -27px;
}

ul#navigation .unser-produkt a:hover, ul#navigation .unser-produkt-active a {
   height:33px;
	background:url(../images/ul-navigation-li.jpg) -161px -27px;
}

ul#navigation .unsere-leistungen a {
   height:34px;
   background:url(../images/ul-navigation-li.jpg) 0 -60px;
}

ul#navigation .unsere-leistungen a:hover, ul#navigation .unsere-leistungen-active a {
   height:34px;
	background:url(../images/ul-navigation-li.jpg) -161px -60px;
}

ul#navigation .kontakt a {
   height:35px;
   background:url(../images/ul-navigation-li.jpg) 0 -94px;
}

ul#navigation .kontakt a:hover, ul#navigation .kontakt-active a {
	height:35px;
	background:url(../images/ul-navigation-li.jpg) -161px -94px;
}

ul#navigation .anfahrt a {
   height:36px;
   background:url(../images/ul-navigation-li.jpg) 0 -129px;
}

ul#navigation .anfahrt a:hover, ul#navigation .anfahrt-active a {
   height:36px;
	background:url(../images/ul-navigation-li.jpg) -161px -129px;
}

ul#navigation .impressum a {
   height:35px;
   background:url(../images/ul-navigation-li.jpg) 0 -165px;
}

ul#navigation .impressum a:hover, ul#navigation .impressum-active a {
	height:35px;
	background:url(../images/ul-navigation-li.jpg) -161px -165px;
}

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

div#footer {
	width:459px;
	position:relative;
   left:404px;
   top:-188px;
   height:120px;
   background:url(../images/div-footer.jpg);
}

div#footer p {
	padding-top:130px;
	font-size:10px;
   text-align:center;
   color:#a8a37b;
}

/*------------------ =adress  -------------------*/

p#address {
}

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

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

ul.liste li {
   padding:5px 0 5px 25px;
   border-bottom:dashed 1px #ccc;
   margin:0 10px 0 0;
   line-height:18px;
   list-style:none;
   _height:20px;
}

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