@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:#ccc;
}

body {
   color:#000;
   vertical-align:baseline;
   text-align:center;
   font:12px/20px Arial, Helvetica, sans-serif;
   overflow:-moz-scrollbars-vertical;
}

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

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

a:hover,
a:hover span {
   color:#b32c28;
   text-decoration:none;
}

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

address{
	font-style: normal;
}

address,
p {
   margin:0 0 15px 0;
}

img,
img a {
   border:none;
}

/*==================================================
    => global classes / ID's
==================================================*/
.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 4px;
   border-bottom:solid 1px #e5e4e1;
   border-top:solid 1px #e5e4e1;
   padding:0 0 0 20px;
}

.float-left {
   float:left;
}

.float-right {
   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;
}

#button-imprint {
   display:none;
}

.display-none {
	display:none;
}

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

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

/*==================================================
    => top, center, bottom
==================================================*/

div#top,
div#center,
div#bottom {
   text-align:left;
}

div#top {
	background:url(../images/bg-top.jpg) repeat-x;
}

div#center {
	background:#f2f2f2 url(../images/bg-center.jpg) repeat-x;
   padding-bottom:20px;
}

div#bottom {
	border-top:1px solid #aeaeae;
}
/*==================================================
    => header  
==================================================*/

div#header {
	width:900px;
   margin:0 auto;
}

div#header div#shop {
	width:220px;
   height:20px;
   background:url(../images/bg-div-shop.jpg) no-repeat;
   float:right;
   padding:8px 20px 10px 20px;
   margin-right:20px;
   _margin-right:10px;
   color:#6f6f6f;
}

div#header div#shop a {
	padding-left:15px;
   background:url(../images/icon-shop.gif) 0 4px no-repeat;
}

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

h1#branding {
	width:326px;
   height:150px;
   text-indent:-9999px;
   background:url(../images/bg-branding.jpg) no-repeat;
   float:left;
}

h1#branding a {
	width:326px;
   height:150px;
   display:block;
}

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

div#container {
	width:860px;
   margin:0 auto;
   background:url(../images/bg-container.jpg) no-repeat;
   padding:20px 20px;
}

div#container h2 {
	padding-top:24px;
   color:#fff;
   font:italic 28px/32px "Times New Roman", Times, serif;
   text-align:right;
}

div#container h3 {
	padding-top:34px;
   color:#fff;
   font:italic 17px/20px "Times New Roman", Times, serif;
   height:110px;
}

div#container h4 {
	color:#333;
	font:italic bold 16px/20px "Times New Roman", Times, serif;
   background:url(../images/bg-container-h4.jpg) 0 8px repeat-x;
   margin-bottom:20px;
}

div#container h4 span {
	background:#f2f2f2;
   padding-right:15px;
}

/*------------------ =content-column  -------------*/

div.content-column-1 {
	width:260px;
   float:left;
   padding-right:40px;
}

div.content-column-2 {
	width:260px;
   float:left;
   padding-right:40px;
}

div.content-column-2-big {
	width:560px;
   float:left;
}

div.content-column-3 {
	width:260px;
   float:left;
}

/*------------------ =content-sidebar  -------------*/

div#content-main p span {
	padding-left:20px;
   color:#828282;
   border-left:5px solid #ccc;
   display:block;
   margin-top:10px;
   line-height:16px;
   font-size:11px;
}

	
/*==================================================
    => Neue Niederlassung  
==================================================*/
div#neue-niederlassung {
	background:url(../images/icon-niederlassung.gif) left top no-repeat;
	padding:45px 0 20px 0;
	}
	div#neue-niederlassung div.address {
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:5px 0;
	}
		

/*==================================================
    => image  
==================================================*/

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

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

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

/*==================================================
    => imprint  
==================================================*/

#addressImprint{
	margin-bottom: 0;
}

dl.imprint-business,
dl.imprint-address {
}

dl.imprint-business dt,
dl.imprint-address dt,
address span.definitionTerm {
   display:block;
   width:125px;
   float:left;
   font-size:11px;
   color:#828282;
}

dl.imprint-business dd,
dl.imprint-address dd
address br {
   clear:right;
}

dl.imprint-net dt {
   display:block;
   width:60px;
   float:left;
   color:#828282;
}

dl.imprint-net dd {
   clear:right;
}

/*==================================================
    => kontakt  
==================================================*/

dl.kontakt dt {
   display:block;
   width:20%;
   float:left;
}

dl.kontakt dd {
   clear:right;
}

.pdf {
	background:url(../images/icon-pdf.gif) 0 5px no-repeat ;
	padding: 10px 0px 10px 60px;
	
	}
/*==================================================
    => navi    
==================================================*/

ul#navi {
	clear:right;
	float:right;
   padding:22px 9px 0 0;
}

ul#navi li {
	float:left;
   line-height:24px;
   border-right:1px solid #e5e5e5;
}

ul#navi .last {
	border-right:none;
}

ul#navi li a {
	color:#7f7f7f;
   text-decoration:none;
   padding:0 10px;
}

ul#navi li a:hover,
ul#navi .active a {
	color:#000;
}

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

ul#navi-add {
	clear:both;
   height:35px;
   padding:5px 0 0 0;
   background:url(../images/bg-navi-add.jpg) 0 10px repeat-x;
   overflow:hidden;
}

ul#navi-add li {
	float:left;
   padding:0 18px;
}

ul#navi-add li a {
	color:#fff;
   text-decoration:none;
   font-weight:bold;
   display:block;
   padding:10px 20px 5px 20px;
}

ul#navi-add .first {
	padding:0 20px 0 0;
}

ul#navi-add .last {
	padding:0 0 0 20px;
}

ul#navi-add li a:hover,
ul#navi-add .active a {
	color:#000;
   background:url(../images/bg-navi-add-a-hover.jpg) right top no-repeat;
}

/*------------------ =navi-sub  -----*/

ul#navi-sub {
	height:50px;
   padding:15px 20px;
   position:absolute;
   top:190px;
   left:50%;
   margin-left:-450px;
   width:900px;
}

ul#navi-sub li {
	float:left;
   padding:0 15px;
}

ul#navi-sub .first {
	padding:0 15px 0 0;
}

ul#navi-sub .last {
	padding:0 0 0 16px;
}

ul#navi-sub li a {
	color:#000;
   text-decoration:none;
   padding:0;
   font-weight:normal;
   background:none !important;
}

ul#navi-sub li a:hover,
ul#navi-sub .active a {
	color:#fff;
}

span.sub {
	height:50px;
   display:block;
}

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


/*------------------ =footer-container  --------*/

div#footer-container {
}

/*------------------ =footer  --------*/

div#footer {
	width:860px;
   margin:0 auto;
   padding:30px 0;
   color:#404040;
}

div#footer h4 {
	color:#333;
	font:italic bold 16px/20px "Times New Roman", Times, serif;
   background:url(../images/bg-footer-h4.jpg) 0 8px repeat-x;
   margin-bottom:15px;
}

div#footer h4 span {
	background:#ccc;
   padding-right:15px;
}

div#footer div.footer-column-1 {
	width:260px;
   float:left;
   padding-right:40px;
}

div#footer div.footer-column-2 {
	width:260px;
   float:left;
   padding-right:40px;
}

div#footer div.footer-column-2 p {
	margin:0;
}

div#footer div.footer-column-3 {
	width:260px;
   float:left;
}

div#footer dt {
   display:block;
   width:25%;
   float:left;
}

div#footer dd {
   clear:right;
}

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

/*------------------ =list  --------*/
ul.list {
   margin:0 0 20px 0;
}

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

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

ul.listLinks li {
   padding:5px 0 5px 0;
}

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