@charset "utf-8";

/* Author: Dennis Schmerbeck */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2009 - Dennis Schmerbeck & Euroweb Internet GmbH */


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

* {
	padding:0;
	margin:0;
}

html {
	background:#dedede url(../images/bg-html.jpg) repeat-y;
}

body {
	color:#515151;
	vertical-align:baseline;
	font:13px/17px Arial, Helvetica, sans-serif;
}
 html[xmlns^="http"] {
 overflow-y:scroll;
}

ul.displayNone { display:none;}

body.hasJS ul.displayNone  { display:block;}

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

a,
.escape span {
	text-decoration:none;
	color:#0a91ef; /*white-space:nowrap;*/
}

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

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

p {
	margin:0 0 15px 0;
}

img,
img a {
	border:none;
}

/*==================================================
    => global classes / ID's
==================================================*/

.cms ol,
.cms ul {
	padding:0 0 20px 25px;
	font-size:11px;
}

.cms ol {
	list-style-position:inside !important;
	list-style-type:decimal !important;
}

.cms ul {
	list-style-position:inside !important;
	list-style-type:disc !important;
}

.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 {
	font-weight:bold;
	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;
}

.floatLeft {
	float:left;
}

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

#buttonImprint {
	display:none;
}

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

div#container {
	width:888px;
	/*position:relative;*/
	text-align:left;
	padding:0 9px 0 0;
}

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

div#header {
	height:auto;
}

boday.hasJS div#header {
	width:888px;
	height:336px;
}

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

h1#branding {
	background:url(../images/bg-logo.jpg) no-repeat;
	width:222px;
	height:111px;
	float:left;
	text-indent:-9999px;
	display:block;
}

h1#branding a {
	display:block;
	height:71px;
	width:222px;
}

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

div#contentContainer {
}

div#contentContainer h2 {
	color:#026f39;
	font:lighter 26px/28px Arial, Helvetica, sans-serif;
	padding-bottom:10px;
}

h2 + h3 { color:#333 !important;}

div#contentContainer h3 {
	color:#026F39;
	font:bold 13px/17px Arial, Helvetica, sans-serif;
	padding-bottom:20px;
}

div#contentContainer h4 {
	color:#026f39;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	padding-bottom:7px;
}

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

div#contentMain {
	/*  margin-top:-498px;*/
   margin-top:-326px;
	padding:55px 0 20px 20px;
	width:636px;
	float:right;
	background: url(../images/bg-content.jpg) repeat-x;
}

div#contentMain strong { font-size:11px;font-weight:bold;}

div#contentMain { font-size:11px;}

body.hasJS div#contentMain {
	padding:55px 0 20px 20px;
	width:636px;
	float:right;
	background: url(../images/bg-content.jpg) repeat-x;
	margin-top:-326px;
	_margin-top:-333px;
}

div#contentMain p,
div#contentMain dl {
	font-size:11px;
	line-height:16px;
	color:#515151;
}

div#contentMain p strong {
	font-size:11px;
	color:#333333;
}

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

div.contentColumn1 {
	width:308px;
	float:left;
}

div.contentColumn2 {
	width:308px;
	float:right;
}

/*------------------ =content-sidebar  -------------*/
div#contentSidebar {
	float:none;
	padding:0 0 0 40px;
	background:url(../images/bg-content.jpg) repeat-x;
	width:182px;
}

boday.hasJS div#contentSidebar {
	background:url(../images/bg-content.jpg) repeat-x;
	width:182px;
	float:left;
	padding:0 0 0 40px;
}

p.hrSidebar {
	background:url(../images/bg-sidebar-hr.jpg) 0 15px no-repeat;
	height:20px;
}

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

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

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

.image2 {
	margin-bottom: 50px;
	padding-right: 18px;
	display: block;
}

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

dl.imprintBusiness,
dl.imprintAddress {
}

dl.imprintBusiness dt,
dl.imprintAddress dt {
	display:block;
	width:50%;
	float:left;
}

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

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

div#navi {
	
	overflow:visible;
	padding:28px 0 0 40px;
	clear:both;
	float:left;
	background:url(../images/bg-navi.jpg) no-repeat;
	width:182px;
/*	height:365px;*/
  height:197px;
	background:#1C8A34;
}

body.hasJS div#navi {
	background: url(../images/bg-navi.jpg) no-repeat;
	width:182px;
	height:197px;
	padding:28px 0 0 40px;
	clear:both;
	float:left;
	overflow:hidden;
}

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

ul#naviAdd {
	display:block;
	width:656px;
	height:111px;
	float:right;
	background:url(../images/bg-naviadd.jpg) no-repeat;
	position:relative;
	font-size:10px;
	text-transform:uppercase;
}

ul#naviAdd li {
	display:block;
	float:left;
	left:349px;
	position:relative;
	top:59px;
}

ul#naviAdd li a {
	color:#666666;
}

ul#naviAdd li#liStartseite {
	padding-right:16px;
}

ul#naviAdd li#liKontakt {
	padding-right:12px;
}

ul#naviAdd li#liAnfahrt {
	padding-right:16px;
}

/*------------------ slideshow  --------*/

div#slideshow {
	background: url(../images/slideshow/02.jpg) no-repeat;
	height:225px;
	width:656px;
	position:relative;
	float:right;
	overflow:hidden;
}

.ewcms_news_link {
	display:none;
}

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


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

div#footerContainer {
}

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

div#footer {
	background:url(../images/bg-footer.jpg) no-repeat;
	float:right;
	height:111px;
	width:656px;
}

div#footer ul#footerNavi01,
div#footer ul#footerNavi02,
div#footer ul#footerNavi03,
div#footer ul#footerNavi04 {
	width:144px;
	display:block;
	float:left;
	font-size:10px;
	line-height:20px;
	padding:21px 0 0 20px;
}

div#footer ul#footerNavi01 li a,
div#footer ul#footerNavi02 li a,
div#footer ul#footerNavi03 li a,
div#footer ul#footerNavi04 li a {
	color:#808080;
}

div#footer ul#footerNavi01 li a:hover,
div#footer ul#footerNavi02 li a:hover,
div#footer ul#footerNavi03 li a:hover,
div#footer ul#footerNavi04 li a:hover {
	color:#0A91EF;
}

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

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

ul.list 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.list2 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	list-style: none;
}

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

ul.list2 li a {
	padding-left:20px;	
}


address {
	font:12px/20px Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#333333;
	padding:65px 0 0 0;
}

address span {
	font-weight:bold;
	color:#016e38;
}

dl#kontaktdaten dt {
	display:block;
	width:52px;
	float:left;
}

dl#kontaktdaten dd {
	clear:right;
}

div#paketverfolgung {
	height:80px;
	background:url(../images/dpd-logo.jpg) 113px 3px no-repeat;
}

div#paketverfolgung input#pknr {
	background:url(../images/bg-paket-form.jpg) no-repeat;
	height:20px;
	border:none;
	padding-top:2px;
	color:#9d9c9c;
	font-size:12px;
	width:162px;
	padding-left:1px;
}

div#paketverfolgung p strong {
	color:#016e38;
}

div#paketverfolgung .button {
	background:url(../images/bg-paket-submit.jpg) no-repeat;
	display:block;
	height:15px;
	width:55px;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	line-height:0.1em;
}

div#paketverfolgung .button:hover {
	background:url(../images/bg-paket-submit-hover.jpg) no-repeat;
}

#acc-navi .ueberPunkte {
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	border:none;
	background:none;
	padding-bottom:5px;
}

#acc-navi ul {
	padding-bottom:10px;
}

#acc-navi ul a {
	padding-left:15px;
	width:150px;
}

#acc-navi li {
	margin-bottom:0;
	padding-bottom:3px;
}

#acc-navi a {
	cursor:pointer;
	display:block;
	font-size: 12px;
	color:#c8e4cf;
	text-decoration:none;
	height:20px;
	border-bottom:1px solid #51b06c;
	background:url(../images/li-pfeile.jpg) no-repeat 0 7px;
}

#acc-navi ul li a:hover,
#acc-navi ul li a.active {
	color:#fff;
	background:url(../images/li-pfeile.jpg) no-repeat 3px 7px;
}

div#jobs {	
	height:232px;
	position:absolute;
	right:0;
	top:111px;
	width:49px;
	text-indent:-9999px;
}

div#jobs a:hover {
	background:transparent url(../images/bg-jobs-hover.jpg) no-repeat scroll 0 0;
}

div#jobs a {
	background:transparent url(../images/jobs.jpg) no-repeat scroll 0 0;
	display:block;
	height:232px;
	width:49px;
}

p.ewcms_news_feed:after {
	content:"...";
}

p.achtung {
background:#FFFFFF url(../images/cms/icon-cancel.png) no-repeat scroll 3px center;
border-bottom:1px solid #999999;
color:red;
font-size:10px;
height:25px;
left:232px;
line-height:25px;
position:absolute;
text-align:left;
text-indent:25px;
top:336px;
width:656px;
z-index:99;
}

.abstand { padding-bottom:15px;}

a.anchor { background:transparent url(../images/li-pfeile-a.jpg) no-repeat scroll 0 5px; font-size:11px;}

a.anchor:hover { background:transparent url(../images/li-pfeile-a.jpg) no-repeat scroll 5px 5px; text-decoration:none; }

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */