@charset "utf-8";

/* Author: Duy Tran */
/* Created: 18.12.2009 */		
/* Company: Euroweb Internet GmbH */


/* global tags */

* { 
	margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}

body {
	background: #cfe7e1 url(../images/bg-body.gif) repeat-x top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	color: #2a3e3e;
	font-size: 12px;
}

html[xmlns^="http"] { overflow-y: scroll;}

a, .escape span {
	text-decoration: underline;
	color: #2a3e3e;
	outline: none;
}

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

hr { 
	color: #f0fffb; 
	height: 1px; 
	border-top: solid 1px #f0fffb;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}


/* global classes  */

.clear { 
	clear: both; 
	height: 0; 
	width: 0;
}

.floatLeft { float: left;}

.floatRight { float: right;}

.textIndent { text-indent: -5000px;}


/************ layout ************/


/* branding */

h1#branding {
	position: absolute;
	width: 343px;
	height: 138px;
	right: 15px;
	top: 0;
 }

h1#branding a {
	display: block;
	text-indent: -5000px;
	width: 343px;
	height: 138px;
	background: url(../images/bg-branding.gif) no-repeat;
}


/*  container  */

div#container {
	width: 980px;
	position: relative;
	background: url(../images/bg-container.gif) repeat-y;
}

#header-img{
	position:absolute;
	left:10px;
	top:18px;
}
/*  navigation  */

div.subnaviServices ul#navi01 {
	margin: 0 0 200px 0;
}

div.subnaviProducts ul#navi02 {
	margin: 0 0 110px 0;
}


ul#navi01  {
	width: 176px;
	height: 88px;
	margin: 0 0 5px 0;
	padding: 80px 0 0 0;
}

ul#navi01 li { 
	position: relative;
}

ul#navi01 li a, ul#navi02 li a, ul#navi03 li a, ul#navi04 li a  {
	display: block;
	text-indent: -5000px;
	width: 176px;
	background: url(../images/navi-01.gif) no-repeat;
}

a.n1 { height: 31px; background-position: 0 0!important;}
a.n2 { height: 31px; background-position: 0 -31px!important;}
a.n3 { height: 27px; background-position: 0 -62px!important;}

a.n1:hover, div#contentSidebar.naviActive01 li a.n1 { background-position: -176px 0!important;}
a.n2:hover, div#contentSidebar.naviActive02 li a.n2 { background-position: -176px -31px!important;}
a.n3:hover, div#contentSidebar.naviActive03 li a.n3 { background-position: -176px -62px!important;}



a.n4 { height: 31px; background-position: 0 0!important;}
a.n5 { height: 31px; background-position: 0 -31px!important;}

a.n4:hover, div#contentSidebar.naviActive04 li a.n4 { background-position: -176px 0!important;}
a.n5:hover, div#contentSidebar.naviActive05 li a.n5 { background-position: -176px -31px!important;}



ul#navi02 li a {
	background: url(../images/navi-02.gif) no-repeat;
}

ul#navi03 li a.n6 {
	height: 31px;
	background: url(../images/navi-03.gif) no-repeat;
}

ul#navi03 li a.n6:hover, div#contentSidebar.naviActive06 li a.n6 {
	background-position: -176px 0!important;
}

ul#navi04 li a.n7 {
 	height: 131px;
	background: url(../images/navi-04.gif) no-repeat;
}

ul#navi04 li a.n7:hover, div#contentSidebar.naviActive07 li a.n7{
	background-position: -176px 0!important;
	} 
	

	
/* dynamic navi (subnavi) */


ul.dynamicnavi, ul.dynamicnavi02  {
	line-height: 21px;
	border-left: 1px solid #97bfb4;
	padding: 7px 0 0 0;
	position: absolute;
	top: 323px;
	left: 30px;
	z-index: 80;
	width: 200px;
}

ul.dynamicnavi02 {
	top: 383px;
}


ul.dynamicnavi li, ul.dynamicnavi02 li {
	background: url(../images/li-line.gif) no-repeat left center!important;
	font-size: 11px;

}

ul.dynamicnavi li a, ul.dynamicnavi02 li a {
	color: #2a3e3e;
	text-decoration: none;
	display: block;
	padding: 0 0 0 3px!important;
}

ul.dynamicnavi li a:hover, ul.dynamicnavi02 li a:hover {
	padding: 0 0 0 0px!important;
}


/* dynamic content */

div#dynamicContent h3 {
	font-size: 13px;
	color: #2a3e3e;
	padding: 0 0 7px 18px;
	background: url(../images/h3-arrow.gif) no-repeat 0 5px;
}

div#dynamicContent h3 a {
	text-decoration: none;
}

div#dynamicContent ul {
	margin: 0 0 20px 0;
} 

div#dynamicContent ul li {
	line-height: 25px;
	font-size: 11px;
	background: url(../images/li-square.gif) no-repeat left center;
	padding: 0 0 0 11px;
}

	

ul.subNavi {
	line-height: 21px;
	border-left: 1px solid #97bfb4;
	padding: 7px 0 0 0;
	margin: 0 0 25px 0;
}

ul.subNavi li {
	background: url(../images/li-line.gif) no-repeat left center;
	font-size: 11px;
}

ul.subNavi li a {
	color: #2a3e3e;
	text-decoration: none;
	padding: 0 0 0 13px;
	display: block;
	margin: 0!important;
	_height: 15px;
}

ul.subNavi li a:hover {
	padding: 0 0 0 8px;
}
	


/* navigation additional */

ul#naviAdd {
	
}

ul#naviAdd li { 
	float: left;
}

ul#naviAdd li a {
	display: block;
	text-indent: -5000px;
}


/*  flyout menu  */

/*
ul#navi  li ul,ul#navi  li#sub1 ul  {
	display: none;
 	list-style: none;
}

ul#navi  li ul li {
	background: none;
	display: block;
	position: relative;
	float: none;
	text-indent: 0;
}

ul#navi li ul a {
	font-size: 12px !important;
	display: block;
	color: #fff!important;
	width: 90px;
	height: 15px;
	text-indent: 0;
	padding-left: 26px;
	text-decoration: none;
}

ul#navi li ul a:hover { text-decoration: underline;}

ul#navi li#sub1 ul {
	position: absolute;
	padding-bottom: 12px;
	z-index: 1;
	background: #0e0000;
	top: 0;
	left: 0;
}

ul#navi li#sub1:hover ul {display: block;}
*/


/*  sidebar  */

div#contentSidebar { 
	float: left;
	width: 216px;
	background: url(../images/bg-sidebar.gif) no-repeat;
	padding: 150px 0 0 30px;
}


/*  header  */

div#header { 
	width: 734px;
	height: 306px;
	background: url(../images/bg-header.jpg) no-repeat;
	margin: 0 0 8px 0;
}


/*  content container  */

div#contentContainer {
	width: 734px;
	float: left;
	padding: 150px 0 0 0;
}

div#contentMain {
	width: 693px;
	overflow: hidden;
	min-height: 360px;
	border-right: 1px solid #f0fffb;
	background: url(../images/bg-content-main.gif) repeat-x;
	padding: 0 20px 20px 20px;
}

div.contentColumn01 {
	float: left;
	width: 331px;
	padding: 0 24px 0 0;
	position:relative;
}
* html div.contentColumn01 {
	float: left;
	width: 331px;
	height: 200px;
	padding: 0 24px 0 0;
	position:relative;
}
.phonebox{
	position:absolute;
	left:48px;
	top:110px;
	}
	
.phonebox01{
	position:absolute;
	left:315px;
	top:362px;
	}

div.contentColumn02 {
	float: left;
	width: 335px;
}
* html div.contentColumn02 {
	float: left;
	width: 335px;
	height:200px;
}




/* footer */

div#footerContainer {
	width: 100%;
	height: 111px;
	background: url(../images/bg-footer-container.gif) repeat-x;
}

div#footer {
	position: relative;
	width: 713px;
	height: 69px;
	background: url(../images/bg-footer.gif) no-repeat;
	padding: 42px 0 0 267px;
}

div#footer p {
	color: #006061;
	font-size: 10px;
	line-height: 16px;
	margin: 0!important;
}


div#footer a {
	font-size: 11px;
	text-decoration: underline;
	color: #006061;
	position: absolute;
	bottom: 6px;
	right: 17px;
	font-size: 10px;
}

div#footer a:hover {
	text-decoration: none!important;
}

div#footer div {
	float: left;
	height: 50px;
}

div.footerContent01 {
	width: 356px;
}

div.footerContent02 {
	width: 50px;
	padding: 15px 0 0 0;
}

div.footerContent03 {
	width: 200px;
	position: relative;
}



/************ CONTENT ************/


/*  headlines  */


h2 {
	font-size: 32px;
	color: #fff;
	padding: 6px 0 0 0;
	margin: 0 0 30px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

h2.index { background-position: 0 0;}
h2.kontakt { background-position: 0 0;}
h2.danke { background-position: 0 0;}
h2.anfahrt { background-position: 0 0;}
h2.impressum { background-position: 0 0;}
h2.fehler404 { background-position: 0 0;}
h2.newsletter { background-position: 0 0;}


h3.arrow
 {
	font-size: 11px;
	color: #2a3e3e;
	padding: 0 0 7px 18px;
	background: url(../images/h3-arrow.gif) no-repeat 0 5px;
}

h3 {
	margin: 0 0 12px 0;
	background: none;
	font-size: 13px;

}
	

/*  links  */


/*  p  */

div#contentMain p { 
	margin: 0 0 20px 0; 
	line-height: 21px;
}

div#ourStaff p {
	font-size: 11px;
	line-height: 18px;
}

	
/*  images  */

.image {
	border: 1px solid #effffa;
	background:#fff url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 4px 0;
	cursor: url(../images/zoomin.cur), pointer;
   	outline: none;
}

.image:hover{
	border: 1px solid #7a9d99;
}

.imageNoHover {
	border: 1px solid #effffa;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 12px 30px 0;
}


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

ul.list li {
	line-height: 25px;
	font-size: 11px;
	background: url(../images/li-square.gif) no-repeat left center;
	padding: 0 0 0 11px;
}


/*  png fix  */

*html div#xxx {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/xxx.png', sizingMethod='crop');
}

/*  slideshow  */

div#slideshow { 

}

div#noSlide {
	position: absolute;
	width: 100px;
	height: 20px;
	background: ;
	color: #fff;
	padding: 5px;
	top: 0;
	left: 0;
	line-height: 16px;
	font-size: 12px;
}


/* --------------------------------------------------------------------------- */
/* ########### Standard sIFR styles... !!! DO NOT MODIFY !!!  ################ */
/* --------------------------------------------------------------------------- */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}