@charset "utf-8";

/* Author: Andreas Walter */
/* Company: Euroweb Internet GmbH */
/* Copyright: 2010 - Andreas Walter & Euroweb Internet GmbH */

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

* {
   padding:0;
   margin:0;
}

html {
	background:#3a3a3a url(../images/bg-html.jpg) center top;
}

body {
   color:#0c503f;
   vertical-align:baseline;
   text-align:center;
   font:13px/20px Trebuchet MS, Arial, Helvetica, sans-serif;
   overflow:-moz-scrollbars-vertical;
	background:url(../images/bg-body.jpg) center top no-repeat;
}

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

a,
.escape span {
   text-decoration:underline;
   color:#0f9271;
}

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

a {
   outline:none;
}

p {
   margin:0 0 20px 0;
}

img,
img a {
   border:none;
}

hr {
	height:1px;
   border:none;
   border-top:1px solid #b0c7b7;
   margin:10px 0 0 0;
	padding:20px 0 0 0;
   *margin:0 0 15px 0;
}

/* //////	=> noscript	////// */

noscript p {
	position:absolute;
	width:100%;
	height:25px;
	line-height:25px;
	top:0;
	left:0;
	font-size:11px;
	color:#666;
	text-indent:25px;
	border-bottom:solid 1px #999;
	z-index:99;
   text-align:center;
   background:#fff;
}

noscript strong {
	padding-left:20px;
	background:url(../images/cms/icon-cancel.png) no-repeat 0 center;
   font-weight:bold;
}

/* ///////////////////////////////////////////////////////////
	=> global classes / id's Cufon.replace(['h2','h3','h4','#claim']);
Cufon.replace(['#navi a','#navi-add-footer a','a.top'],{hover: true});
/////////////////////////////////////////////////////////// */

.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4,
.cufon-loading #claim,
.cufon-loading #navi a,
.cufon-loading #navi-add-footer a,
.cufon-loading a.top {
	visibility:hidden;
}

#euroweb {
	float:right;
	position:absolute;
	top:620px;
	right:40px;
}

.googleMaps {
	width:552px;
	height:400px;
	overflow:hidden;
}

.center {
	text-align:center;
	font-style:italic;
	font-size:14px;
}

.highlight {
   padding-left:10px;
   background:url(../images/icons/icon-arrow.gif) 0 center no-repeat; 
}

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

.display-none {
	display:none;
}

/* //////	=> images	////// */

.image {
   border:1px solid #b0c7b7;
   background:#f2f6f2 url(../images/icons/icon-loading.gif) no-repeat center center;
   padding:3px;
}

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

/* //////	=> definition lists 	////// */

dl.imprint-business,
dl.imprint-address {
	margin-bottom:20px;
}

dl.imprint-business dt,
dl.imprint-address dt {
   display:block;
   width:25%;
   float:left;
}

dl.address dt {
	display:block;
   width:34%;
   float:left;
}

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

/* //////	=> lists		////// */

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

ul.list li {
   padding-left:15px;
   background:url(../images/icons/icon-arrow.gif) 0 8px no-repeat; 
}

ol.list {
	margin:0 0 20px 25px;
}

ol.list li {
	padding-left:5px;
	list-style:decimal;
}

/* //////	=> floats, clearfix	////// */

.float-left {
   float:left;
}

.float-right {
   float:right;
}

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

* html .clearfix {
   height:1%;
}

.clearfix {
   display: inline-block;
}

* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}

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

#container {
   width:940px;
   margin:0 auto;
   text-align:left;
   position:relative;
	background:url(../images/bg-container.jpg) center top no-repeat;
}

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

#header {
	height:490px;
	background:url(../images/bg-header.jpg) 0 160px no-repeat;
}

h1#branding {
   text-indent:-9999px;
	padding:54px 0 0 40px;
	background:url(../images/bg-branding.jpg) 40px 54px no-repeat;
	float:left;
}

h1#branding a {
	display:block;
	width:226px;
	height:79px;
}

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

ul#navi-add {
	float:right;
	padding:120px 40px 0 0;
}

ul#navi-add li {
	float:left;
	padding-left:28px;
	text-indent:-9999px;
}

ul#navi-add li a {
	width:12px;
	height:10px;
	overflow:hidden;
	display:block;
	background:url(../images/bg-navi-add.jpg);
}

ul#navi-add li.contact a {
	background-position:-12px 0;
}

ul#navi-add li.home a:hover {
	background-position:0 -10px;
}

ul#navi-add li.contact a:hover {
	background-position:-12px -10px;
}

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

ul#navi {
	clear:both;
	padding:38px 20px
}

ul#navi li {
	float:left;
	width:225px;
	text-align:center;
}

.cufon-active ul#navi li a {
	font:normal 20px/24px Arial Narrow, Helvetica, sans-serif;
}

ul#navi li a {
	color:#cddccc;
	text-decoration:none;
	font:bold 20px/24px Arial Narrow, Helvetica, sans-serif;
}

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

/* //////	=> claim 	////// */

.cufon-active #claim {
	font:normal 28px/32px Arial Narrow, Helvetica, sans-serif;
}

#claim {
	font:bold 28px/32px Arial Narrow, Helvetica, sans-serif;
	color:#f2f6f2;
	padding:213px 0 0 40px;
}

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

#content-container {
	background:#cddccc url(../images/bg-content-container.jpg) repeat-x;
}

.cufon-active #content-container h2 {
	font:normal 28px/32px Arial Narrow, Helvetica, sans-serif;
}

#content-container h2 {
   color:#0c503f;
   font:bold 28px/32px Arial Narrow, Helvetica, sans-serif;
	text-transform:uppercase;
}

.cufon-active #content-container h3 {
	font:normal 20px/24px Arial Narrow, Helvetica, sans-serif;
}

#content-container h3 {
   color:#333;
   font:bold 20px/24px Arial Narrow, Helvetica, sans-serif;
}

.cufon-active #content-container h4  {
	font:normal 16px/20px Arial Narrow, Helvetica, sans-serif;
}

#content-container h4 {
   color:#0c503f;
   font:bold 16px/20px Arial Narrow, Helvetica, sans-serif;
}

#content-container #content-main {
	padding:40px 40px 30px 40px;
}

#content-container #content-main .content-column {
	float:left;
	width:260px;
	padding-right:40px;
}

#content-container #content-main .content-column-big {
	float:left;
	width:560px;
	padding-right:40px;
}

#content-container #content-main div.last {
	padding:0;
}


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

#footer {
	background:url(../images/bg-footer.jpg) no-repeat;
	padding-bottom:60px;
}

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

ul#navi-add-footer li {
	float:left;
	padding-right:34px;
}

.cufon-active ul#navi-add-footer li a,
.cufon-active a.top  {
	font:normal 14px/20px Arial Narrow, Helvetica, sans-serif;
}

ul#navi-add-footer li a,
a.top  {
	color:#cddccc;
	text-decoration:none;
	font:bold 14px/20px Arial Narrow, Helvetica, sans-serif;
}

ul#navi-add-footer li a:hover,
ul#navi-add-footer li.active a,
a.top:hover {
	color:#f2f6f2;
}

a.top {
	float:right;
	margin:18px 40px 0 0;
	_margin:18px 20px 0 0;
	padding-left:10px;
	background:url(../images/icons/icon-top.gif) 0 10px no-repeat;
}