@charset "utf-8";

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


/* global tags */

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

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

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

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

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

hr { 
	color: #41100C; 
	height: 1px; 
	border-top: solid 1px #41100C;
	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;
	height: 0;
	line-height: 0;
	padding: 0;
}

.noMarginRight { margin-right: 0!important;}
.noPaddingLeft { padding-left: 0!important;}


.highlight {
	color: #00622c;
	font-weight: bold;
}

.highlightBorder {
	border:1px inset #e2e2e2;
	background: #dcdcdc;
	padding: 15px 15px 0 15px;
	margin: 0 0 20px 0;
}


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


/* branding */

h1#branding {
	position: absolute;
	width: 236px;
	height: 102px;
	top: 26px;
	left: 0;
 }
 

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


/*  container  */

div#container {
	width: 980px;
	position: relative;
	margin: 0 auto;
}

/*  navigation  */

ul#navi  {
	width: 980px;
	height: 35px;
	margin: 0 0 33px 0;
}

ul#navi li { 
	float: left; 
	position: relative;

}

ul#navi li a {
	display: block;
	text-indent: -5000px;
	height: 35px;
	background-image: url(../images/navi.gif);
	background-repeat: no-repeat;

}
	
a.n1 { width: 69px; background-position: 0 0;}
a.n2 { width: 100px; background-position: -69px 0;}
a.n3 { width: 88px; background-position: -169px 0;}
a.n4 { width: 252px; background-position: -257px 0;}
a.n5 { width: 202px; background-position: -509px 0;}
a.n6 { width: 175px; background-position: -711px 0;}
a.n7 { width: 94px; background-position: -886px 0;}



body.noJS a.n1:hover, body.naviActive01 ul#navi li a.n1 { background-position: 0 -35px!important;}
body.noJS a.n2:hover, body.naviActive02 ul#navi li a.n2 { background-position: -69px -35px!important;}
body.noJS a.n3:hover, body.naviActive03 ul#navi li a.n3 { background-position: -169px -35px!important;}
body.noJS a.n4:hover, body.naviActive04 ul#navi li a.n4 { background-position: -257px -35px!important;}
body.noJS a.n5:hover, body.naviActive05 ul#navi li a.n5 { background-position: -509px -35px!important;}
body.noJS a.n6:hover, body.naviActive06 ul#navi li a.n6 { background-position: -711px -35px!important;}
body.noJS a.n7:hover, body.naviActive07 ul#navi li a.n7 { background-position: -886px -35px!important;}
body.noJS a.n8:hover, body.naviActive08 ul#navi li a.n8 { background-position: 0 -35px!important;}
body.noJS a.n9:hover, body.naviActive09 ul#navi li a.n9 { background-position: 0 -35px!important;}
body.noJS a.n10:hover, body.naviActive10 ul#navi li a.n10 { background-position: 0 -35px!important;}



/*  flyout menu  */


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

ul#navi  li ul li {
	position: relative;
	float: none;
}

ul#navi li ul a.mitarbeiter {
	display: block;
	background: url(../images/navi-flyout.gif) no-repeat;
	width: 251px;
	height: 35px;
}

ul#navi li ul a.freistellung {
	display: block;
	background: url(../images/navi-flyout2.gif) no-repeat;
	width: 251px;
	height: 35px;
}

ul#navi li ul a.aimpressum {
	display: block;
	background: url(../images/navi-flyout3.gif) no-repeat;
	width: 175px;
	height: 35px;
}

ul#navi li ul a:hover, 
body.noJS a.n2b:hover { background-position: 0 -35px;}
body.naviActive02b ul#navi li a.n2b { background-position: 0 -35px!important;}

ul#navi li#sub1 ul,   ul#navi li#sub2 ul {
	position: absolute;
	z-index: 1;
	top: 35px;
	left: 0;
	height: 35px;
}

ul#navi li#sub1:hover ul, ul#navi li#sub2:hover ul  {display: block;}



/*  header  */

div#toggleButton {
	position: absolute;
	right: 0;
	top: 156px;
}

div#toggleButton a {
	font-size: 11px;
	background: url(../images/btn-toogle.gif) repeat-x;
	display: block;
	width: 150px;
	height: 17px;
	color: #fff;
	padding: 3px 0 0 8px;
	text-decoration: none;
	cursor: pointer;
}

div#toggleButton a:hover {
	background-position: 0 -20px;
}


div#header { 
	width: 980px;
	height: 177px;
	background: url(../images/bg-header.gif) no-repeat;
	position: relative;
}

div#slideshowContainer {
	width: 980px;
	background: url(../images/bg-slideshow-container.jpg) no-repeat #e0e0e0;
	overflow: hidden;
	margin: 0 0 1px 0;
}



div#kataloge {
	width: 297px;
	float: left;
}

div#kataloge ul {
	width: 277px;
	padding: 60px 0 6px 11px;
}


div#kataloge ul li, .download {
	font-size: 11px;
	background: url(../images/li-arrow-kataloge.gif) no-repeat 0 6px;
	padding: 0 0 0 16px;
	line-height: 17px;
	margin: 0 0 4px 0;
}

.download {font-size:12px;}

div#kataloge ul li a {
	background: url(../images/li-line.gif) repeat-x bottom;
	padding: 0 0 6px 0;
	color: #373737;
	text-decoration: none;
	display: block;
	width: 257px;
}


div#kataloge ul li a:hover {
	color: #008337;
}

.lastChild {
	background: none!important;
	border: none!important;
}




span.h3outOfBox, span.h3outOfBox2 {
	width: 11px;
	height: 46px;
	background: url(../images/bg-h3-out-of-box.png) no-repeat;
	position: absolute;
	left: -11px;
	top: 177px;
	z-index: 5;
	text-indent: -5000px;
}

span.h3outOfBox2 {
	top: 984px;
}



/*  slideshow  */

div#slideshow { 
	width: 681px;
	height: 374px;
	padding: 0 0 0 1px;
	float: left;
}

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

span#phone {
	width: 158px;
	height: 65px;
	background: url(../images/bg-phone.png) no-repeat;
	position: absolute;
	right: -8px;
	top: 440px;
	z-index: 99;
	text-indent: -5000px;
	padding: 15px 0 0 172px;
}

span#phone a {
	display: block;
	width: 132px;
	height: 22px;
	background: url(../images/btn-phone.gif) no-repeat;
}

span#phone a:hover {
	background-position: 0 -22px;
}



/*  content container  */


div#contentContainerRepeat {
	width: 100%;
	background: url(../images/bg-content-container-repeat.gif);
	overflow: hidden;
	padding: 33px 0 0 0;
}


div#contentContainer {
	width: 980px;
	margin: 0 auto;
		overflow: hidden;
	padding: 0 0 33px 0;

}

div#contentMain { 
	float: left;
	width: 628px;

}

div.contentColumn01 {
	float: left;
	width: 310px;
}

div.contentColumn02 {
	float: left;
	width: 310px;
}

div#contentSidebar { 
	float: left;
	width: 258px;
	background: url(../images/bg-content-sidebar.jpg) no-repeat;
	padding: 388px 70px 0 24px;
	_padding: 358px 70px 0 24px;
	height: 100px;
}


/* footer */

div#footerContainer {
	width: 100%;
	padding: 33px 0 0 0;
}

div#footer {
	position: relative;
	width: 980px;
	min-height: 280px;
	margin: 0 auto;
}

div#footerAdressContainer {
	width: 100%;
	height: 41px;
	background: #414141;
}

div#footerAdress {
	width: 980px;
	background: #414141;
	margin: 0 auto;
	padding: 14px 0 0 0;
}

div#footerAdress ul li {
	color: #fff;
	font-size: 11px;
	float: left;
	margin: 0 13px 0 0;
	padding: 0 0 0 13px;
	background: url(../images/li-footer.gif) no-repeat left center;
}

/* sitemap */

div#footer ul {
	float: left!important;
	margin: 0 24px 0 0;
}


div#sitemap {
	width: 352px;
	float: left;
}

div#sitemap ul {
	width: 139px;
}

div#sitemap ul li {
	line-height: 35px;
	border-bottom: 1px solid #dadada;

}

div#footer ul li {

}

div#footer ul li a {
	font-size: 11px;
	color: #343434;
	text-decoration: none;

}

div#footer ul li a:hover,
body.naviActive01 ul li a.s1,
body.naviActiveSitemap02 ul li a.s2,
body.naviActiveSitemap03 ul li a.s3,
body.naviActive03 ul li a.s4,
body.naviActive04 ul li a.s5,
body.naviActive05 ul li a.s6, 
body.naviActive06 ul li a.s7, 
body.naviActive07 ul li a.s8, 
body.naviActive09 ul li a.s9,
body.naviActive10 ul li a.s10

{
	color: #00773e!important;
}

div#sitemapKataloge {
	float: left;
	width: 628px;
}

div#sitemapKataloge ul {
	width: 257px;
	margin: 0 29px 0 0;
	height: 250px;
}

div#sitemapKataloge ul li {
	line-height: 17px;
	border-bottom: 1px solid #dadada;
	padding: 11px 0 11px 0;
}



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


/*  headlines  */


h2 {
	font-size: 24px;
	padding: 5px 0 25px 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #006032;
}

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 {
	font-size: 15px;
	color: #001007;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}


h3.pdf {
	background: url(../images/icon-pdf.gif) no-repeat 408px -3px;
	margin: 0 0 20px 0;
}


div#anschrift h3 {
	padding: 20px 0 20px 0;
}

h4 {
	padding: 0 0 5px 0;
	font-size: 12px;
	color: #006032;
}


div#sitemap h4 {
	font-weight: bold;
	color: #006032;
	background: url(../images/icon-sitemap.gif) no-repeat 55px 0;
	padding: 0 0 12px 0;
}


div#sitemapKataloge h4 {
	background: url(../images/icon-pdf.gif) no-repeat 60px -2px;
	padding: 0 0 10px 0;
}


div#anschrift {
	margin: 0 0 10px 0;
	overflow: hidden;
}

div.adress {
	float: left;
	width: 205px;
}

div.opening {
	float: left;
	width: 285px;
}



/*  p  */

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

div#contentSidebar p { 
	margin: 0 0 6px 0; 
	line-height: 17px;
	font-size: 11px;
}

div#anschrift p {
	font-size: 11px;
	line-height: 17px;
}


/* dl */

div.opening dl {
	width: 280px;
	height: 50px;
}

div.opening dt, div.opening dd {
	float: left;
	width: 130px;
	font-size: 11px;
	line-height: 17px;
}

/* list */

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

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



	

/* links */

a#btnOffeneStelle {
	width: 420px;
	height: 81px;
	background: url(../images/index/btn-offene-stelle.gif) no-repeat;
	display: block;
	text-indent: -5000px;
}

a#btnOffeneStelle:hover {
	background-position: 0 -81px;
}

	
/*  images  */

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

.image:hover{
	border: 1px solid #00773e;
}

.imageNoHover {
	border: 1px solid #a6a6a6;
	margin: 4px 12px 12px 0;
	background:#fff url(../images/progress.gif) no-repeat center center;
	padding: 1px;

}

/*  googlemaps  */

div.map {
	width: 600px;
	height: 350px;
}
	

/*  png fix  */

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