@charset "utf-8";

/* Author: Duy Tran */
/* Created: 05.03.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: #2f3800;
	font-size: 12px;
}

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

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

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

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

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

.highlight {
	background: #f76100;
	padding: 2px 0 3px 10px;
	margin: 0 0 20px 0;
	color: #fff;
}

.highlight02 {
	background: #f4f4f4;
	padding: 2px 0 3px 10px;
	margin: 0 0 20px 0;
	overflow: hidden;
}





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


/* branding */

h1#branding {
	position: absolute;
	top: 37px;
	left: 0;
	width: 286px;
	height: 110px;
	z-index: 50;
 }

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


/*  container  */

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

/*  navigation  */

ul#navi  {
	width: 671px;
	height: 30px;
	position: absolute;
	top: 37px;
	right: 0;
}

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

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

a.n1 { width: 97px; background-position: 0 0;}
a.n2 { width: 183px; background-position: -97px 0;}
a.n3 { width: 70px; background-position: -280px 0;}
a.n4 { width: 127px; background-position: -350px 0;}
a.n5 { width: 95px; background-position: -477px 0;}
a.n6 { width: 99px; background-position: -572px 0;}



body.noJS a.n1:hover, body.naviActive01 ul#navi li a.n1 {  background-position: 0 -30px!important;}
body.noJS a.n2:hover, body.naviActive02 ul#navi li a.n2 {  background-position: -97px -30px!important;}
body.noJS a.n3:hover, body.naviActive03 ul#navi li a.n3 {  background-position: -280px -30px!important;}
body.noJS a.n4:hover, body.naviActive04 ul#navi li a.n4 {  background-position: -350px -30px!important;}
body.noJS a.n5:hover, body.naviActive05 ul#navi li a.n5 {  background-position: -477px -30px!important;}

body.noJS a.n6:hover, body.naviActive06 ul#navi li a.n6 {  background-position: -572px -30px!important;}




/*  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;}
*/


/*  header  */

div#headerContainer {
	width: 100%;
	height: 675px;
	background: url(../images/bg-header-container.gif) no-repeat top center;

}


div#header { 
	width: 980px;
	position: relative;
	height: 675px;
	margin: 0 auto;
	*background: url(../images/slider/slider-alternative.jpg) no-repeat 0 88px;
	_background: url(../images/slider/slider-alternative.jpg) no-repeat 0 88px;

}

blockquote {
	position: absolute;
	width: 100%;
	height: 81px;
	background: url(../images/bg-claim.gif) no-repeat;
	top: 186px;
	left: 0;
	text-indent: -5000px;
	z-index: 10;
}

a#btnShop {
	width: 220px;
	height: 93px;
	background: url(../images/btn-shop.png) no-repeat;
	position: absolute;
	bottom: 95px;
	right: 325px;
	display: block;
	text-indent: -5000px;
	z-index: 5;
}

a#btnShop:hover {
	background-position: 0 -93px;
}



/*  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;
}



/*  content container  */

div#contentContainer {
	width: 980px;
	padding: 35px 0 0 0;
}

div#contentMain { 
	float: left;
	width: 572px;
	padding: 0 120px 0 0;
	margin: 0 0 20px 0;
}

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

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

div#contentSidebar { 
	float: left;
	width: 288px;
	height: 500px;
}

dl {
	width: 288px;
}

dt, dd {
	float: left;
	line-height: 22px;
	margin-bottom: 15px;
}

dt {
	width: 126px;
}

dd {
	width: 155px;
}


/* list */

ul.list {
	padding: 5px 5px 5px 10px;
	width: 200px;
	margin: 0 0 20px 0;
}

ul.list li {
	font-size: 17px;
	background: url(../images/li-arrow.gif) no-repeat 0 11px;
	padding: 0 0 0 15px;
	line-height: 30px;
}


ul.bigList {
	padding: 5px 5px 5px 10px;
	width: 500px;
}

ul.bigList li {
	font-size: 17px;
	background: url(../images/li-arrow.gif) no-repeat left center;
	padding: 0 0 0 15px;
	line-height: 30px;
}

/* footer */


div#footerContainer {
	width: 100%;
	height: 176px;
	padding: 30px 0 0 0;
	background: #efefef;
}

div#footer {
	position: relative;
	margin: 0 auto;
	width: 980px;
	font-size: 11px;
}

div#footer div {
	float: left;
}

div#footerContent01 {
	width: 334px;
}

div#footerContent02 {
	width: 298px;
	padding: 0 60px 0 0;
}

div#footerContent03 {
	width: 280px;
}

div#footerContent03 ul {
	width: 138px;
	float: left;
}

div#footerContent03 ul li {
	line-height: 23px;
}

div#footerContent03 ul li a {
	color: #181818;
}

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


/*  headlines  */


/* slider */


div#slider {
	width: 980px;
	height: 519px;
	position: absolute;
	top: 99px;
	left: 2px;
	overflow: hidden;

	*display: none;
	_display: none;
}




h2 {
	font-size: 33px;
	color: #2f3800;	
	text-transform: uppercase;
	position: absolute;
	top: -47px;
	left: 0;
}

h2.h2 {
	font-size: 19px;
	color: #222800;
	position: relative;
	text-transform: none;
	padding: 40px 0 0 0;
}


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: 19px;
	color: #98ad00;
	font-weight: lighter;
	padding: 0 0 10px 0;
}

h4 {
	font-size: 14px;
	color: #e16e00;
	padding: 0 0 17px 0;
} 

div#contentSidebar h3 {
	width: 288px;
	height: 37px;
	padding: 0 0 18px 0;
	text-indent: -5000px;

}

div#contentSidebar h3.adress {
	background: url(../images/bg-h3-wilhelm-ettl.gif) no-repeat;
}

div#contentSidebar h3.openingHours {
	background: url(../images/bg-h3-oeffnungszeiten.gif) no-repeat;
	margin: 35px 0 0 0;
}


div#slider01 {
	width: 980px;
	height: 519px;
	background: url(../images/slider/slider-01.png) no-repeat;
}

div#slider02 {
	width: 980px;
	height: 519px;
	background: url(../images/slider/slider-02.png) no-repeat;
}

div#slider03 {
	width: 980px;
	height: 519px;
	background: url(../images/slider/slider-03.png) no-repeat;
}



/*  p  */

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

div#contentSidebar p { 
	margin: 0 0 13px 0; 
	line-height: 21px;
}

div#footer p {
	line-height: 19px;
	margin: 0 0 20px 0;
}

	
/*  images  */

.image {
	border: 1px solid #666;
	padding: 2px;
	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 #98ad00;
}

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

/*  png fix  */

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