@charset "utf-8";

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

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

* {
   padding:0;
   margin:0;
}

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

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

a,
.escape span {
   text-decoration:underline;
   color:#065acb;
}

a:hover,
a:hover span {
   color:#065acb;
   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 #c2c2c2;
   margin:10px 0 0 0;
	padding:20px 0 0 0;
   *margin:0 0 15px 0;
}

strong {
	color:#000;
}

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

.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:10px;
   margin-right:5px;
}

.display-none {
	display:none;
}

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

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

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

/* //////	=> map	////// */

.googleMaps {
	height:350px;
   width:652px;
}

/* //////	=> euroweb imprint links	////// */

#euroweb {
	width:800px !important;
   position:absolute;
}

#euroweb a {
	float:left;
   margin-right:103px;
}

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

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

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

dl.address dt {
   width:50%;
}

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

body.hasJS dl.portfolio .head {
	font:normal 20px/24px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:0px;
}

dl.portfolio .head {
   color:#464646;
   font:normal 19px/24px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:-0.4pt;
   padding-bottom:10px;
   border-bottom:1px solid #c2c2c2;
   margin-bottom:10px;
}

dl.portfolio dt,
dl.portfolio dd {
	float:left;
   width:33.33%;
   padding-bottom:5px;
   border-bottom:1px solid #dadada;
   margin-bottom:5px;
   height:40px;
}

dl.portfolio dt.last {
	clear:right;
}

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

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

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

/* //////	=> 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:960px;
   margin:0 auto;
   text-align:left;
   position:relative;
   padding-bottom:40px;
}

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

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

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

h1#branding a {
	display:block;
   width:460px;
   height:90px;
}

#slideshow {
	width:720px;
   height:240px;
   overflow:hidden;
   background:#fff url(../images/icons/icon-loading.gif) center center no-repeat;
   position:absolute;
   top:170px;
   left:220px;
}

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

ul#navi {
	width:180px;
   padding:20px;
   z-index:1;
}

ul#navi li {
	line-height:40px;
   _height:30px;
   _padding-top:10px;
   background:url(../images/bg-navi-border.gif) left bottom repeat-x;
}

ul#navi li.last {
	background:none;
}

body.hasJS ul#navi li a {
	font:normal 18px/22px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:0px;  
}

ul#navi li a {
   font:normal 15px/22px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:-1pt;
   text-transform:uppercase;
   text-decoration:none;
   color:#464646;
   height:40px;
   padding-left:20px;
   background:url(../images/bg-navi.gif) 0 9px no-repeat;
   *background:url(../images/bg-navi.gif) 0 4px no-repeat;
}

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

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

ul#navi-add {
	padding:28px 0 0 10px;
}

ul#navi-add li {
	float:left;
   padding:0 8px;
   background:url(../images/bg-navi-add.gif) right 5px no-repeat;
}

ul#navi-add li.last {
	background:none;
   padding:0 0 0 8px;
}

body.hasJS ul#navi-add li a {
	font:normal 15px/20px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:0px;
}

ul#navi-add li a {
	font:normal 14px/20px Arial Narrow, Helvetica, sans-serif;
	color:#464646;
   text-decoration:none;
   letter-spacing:-0.15pt;
}

ul#navi-add li.last a {
	padding-top:5px;
   background:url(../images/icons/icon-top.gif) 20px top no-repeat;
}

ul#navi-add li.last a:hover {
   background:url(../images/icons/icon-top-hover.gif) 20px top no-repeat;
}

ul#navi-add li a:hover,
ul#navi-add li.active a {
	color:#065acb;
}

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

ul#navi-sub {
	width:189px;
   height:121px;
   background:url(../images/bg-navi-sub.png) no-repeat;
   position:absolute;
   z-index:2;
   padding:10px 20px;
   top:199px;
   left:162px;
   display:none;
}

ul#navi .leistungen:hover ul#navi-sub {
	display:block;
}

ul#navi-sub li {
	background:none;
   border-bottom:1px solid #e2e2e2;
}

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

body.hasJS ul#navi li a {
	font:normal 16px/22px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:0px;
}

ul#navi-sub li a {
	font:normal 15px/22px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:-0.6pt;
   text-transform:none;
   background:none;
   color:#464646 !important;
}

ul#navi-sub li a:hover,
ul#navi-sub li.active a {
	color:#065acb !important;
}

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

#content-container {
	padding:40px 20px 20px 20px;
}

body.hasJS #content-container h2 {
	font:bold 26px/30px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:0px;
}

#content-container h2 {
   color:#000;
   font:bold 24px/30px Arial Narrow, Helvetica, sans-serif;
   text-transform:uppercase;
   letter-spacing:-0.8pt;
}

body.hasJS #content-container h3 {
	font:normal 20px/24px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:0px;
}

#content-container h3 {
   color:#464646;
   font:normal 19px/24px Arial Narrow, Helvetica, sans-serif;
   letter-spacing:-0.4pt;
}

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

#content-container #content-main {
	width:660px;
   float:left;
}

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

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

#content-container #content-sidebar {
	width:200px;
   float:left;
   padding:31px 40px 0 0;
}

#content-container #content-sidebar address {
	margin-bottom:20px;
   font-style:normal;
}

#content-container #content-sidebar #address {
	margin-bottom:20px;
}

#content-container #content-sidebar #address a,
#content-container #content-sidebar #address a span {
	text-decoration:none;
   color:#464646;
}

#content-container #content-sidebar #address a:hover,
#content-container #content-sidebar #address a:hover span {
   color:#065acb;
}

#content-container #content-sidebar #address li {
	padding-left:20px;
}

#content-container #content-sidebar #address li.phone {
	background:url(../images/icons/icon-phone.gif) 0 6px no-repeat;
}

#content-container #content-sidebar #address li.fax {
	background:url(../images/icons/icon-fax.gif) 0 6px no-repeat;
}

#content-container #content-sidebar #address li.email {
	background:url(../images/icons/icon-email.gif) 0 7px no-repeat;
}

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

#footer {
	width:720px;
   height:60px;
   background:url(../images/bg-footer.jpg) no-repeat;
   float:right;
   padding:0 20px 0 0;
}