/********* A FF CSS-FILE FOR WS **********/
/* MASTER PREMIUM SPECIAL DELUXE EDITION */
/****** THIS IS FOR bullheadhouse.de ******/


/* globals */
*					{margin: 0; padding: 0;	}
html, body			{min-height: 100%; height: auto; height: 100%;}
body				{font-family: Arial, Helvetica, sans-serif; color:#000; line-height:130%; font-size: 72%; background: #eee url(../images/layout/bg-body.jpg) repeat-x center top; color: #533f30;}
img 				{border: none;}
iframe				{border: 1px solid #56402e;}

.clear				{clear: both; font-size: 0.0001em; line-height: 0.00001em;}

/* links */			 
a:link, a:visited		{text-decoration:underline; color: #533f30; }
a:hover	 			{text-decoration:none; }
a:hover	img	 		{-moz-opacity: 0.85; opacity: 0.85;}

#fblike {
left:23px;
position:absolute;
top:289px;
}

#facebook {
height:607px;
position:relative;
width:200px;
}

.galerieBox {
float:left;
padding:0 10px 0 0;
width:124px;}

.webstyle-logo {margin:0 0 0 -15px;}

.cms-pdf {
background:transparent url(../images/pdf.png) no-repeat scroll 0 center;
display:block;
height:21px;
/* line-height:30px; */
padding:8px 0 0 50px;
font-size:0.95em;
}

.logo-atomic { background:url("../images/atomic-logo.gif") no-repeat scroll 0 center transparent; display:block; height:21px; padding:6px 0 0 77px;}
.logo-uvex { background:url("../images/uvex-logo.gif") no-repeat scroll 0 center transparent; display:block; height:21px; padding:6px 0 0 67px;}
.logo-nitro { background:url("../images/nitro-logo.gif") no-repeat scroll 0 center transparent; display:block; height:21px; padding:6px 0 0 77px;}
.logo-sono22 { background:url("../images/sono22-logo.gif") no-repeat scroll 0 center transparent; display:block; height:21px; padding:6px 0 0 142px;}


.delwqu {background-image:url(../images/trash.png); background-repeat:no-repeat; width:20px; height:20px; padding: 0 20px 0 0;} 

.accordion-start { width:539px; }
.accordion { width:539px; }
.accordion dt {	width:auto; margin:5px 0 10px 0; cursor:pointer; background:transparent url(../images/mehr.png) no-repeat scroll 0 6px; padding:5px 0 0 44px; font-size:11px; font-weight:bold;}
.accordion dt:hover {}
.accordion dd { overflow:hidden; }
.accordion-start ul {	list-style:none; float:left; line-height:160%; }
.accordion-start ul.ul-width { width:300px; }
.accordion-start ul li { padding:0 0 0px 11px; background:url(../images/bg-li.gif) 0 8px no-repeat; }

.box-table-a
{
	font-family: Arial;
	font-size: 11px;
	margin:0 0 25px 0;
	width: 539px;
	text-align: left;
	border-collapse: collapse;
}
.box-table-a th
{
	font-size: 11px;
	font-weight: bold;
	padding: 8px;
	background: #906541;                 /* Table Head */
	border-top: 4px solid #56402e;       /* Border - Top */
	border-bottom: 1px solid #fff;
	color: #fff;                        /* Table Head Color */
}
.box-table-a td
{
	padding: 8px;
	background: #efcbac;                   /* Table Grundfarbe */ 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
}
.box-table-a tr:hover td
{
	background: #dcb99b;                   /* Table Grundfarbe - Hover */
	color: #000;                           /* FontColor - Hover */
}


/* paragraphs */
p 					{font-size: 1em; line-height:150%; margin: 0 0 16px 0;}
	.newsel p		{margin-bottom: 0;}
	#textbase p		{font-size: 1em;}
	#textbase .galerieBox p		{font-size: 0.8em;}	
	.teaserbox p	{color: #fff;}


/* lists */		
ul 					{list-style:none;}

/* brandings */
h1, h2, h5			{display: block; font-size: .0000001em; line-height: .0000001em; text-indent: -9999px;}
	h2#perfektelage	{background: url(../images/layout/slogans/perfekte-lage.png); height: 75px; width: 225px; margin: 0 0 10px 0;}
	h3				{font-size: 1.55em; font-weight: normal; margin: 0 0 6px 0;}
	h3#anreisebeschreibung {margin: 20px 0 6px 0;}
	h4				{font-size: 1.5em; font-weight: normal; margin: 0 0 6px 0;}
	h5#h5video		{background: url(../images/layout/h5-sidebar-video.png); height: 136px; width: 276px; margin: -57px 0 0 -5px; position: relative; z-index: 5;}
	h5#h5news		{background: url(../images/layout/h5-sidebar-news.png); height: 42px; width: 252px; margin: 25px 0 0 23px;}
	h6				{color: #a9866d; text-transform: uppercase; font-size: 11px; font-weight: normal; margin: 0 0 7px 0;}


/* layout */
#container			{width: 990px; margin: 0 auto;}
	#moodhead		{height: 325px; overflow: hidden; background: url(../images/layout/head/summer.jpg); position: relative;}
		#moodhead.winter	{background:url(../images/layout/head/winter.jpg);}
		#moodhead.bike	{background:url(../images/layout/head/bike.jpg);}		
		#logo		{position: absolute; right: 29px; top: 14px;}
	#subhead		{height: 311px; background:url(../images/layout/bg-subhead.png) no-repeat; position: relative;}
		#socfav		{position: fixed; margin: 0 0 0 -20px; top: 20px; background: url(../images/layout/bg-fav.png) no-repeat; width: 24px; height: 227px; z-index: 44;}
			a#fblink:link,
			a#fblink:visited	{position: absolute; top: 141px; left: 0; width: 24px; height: 24px;}
			a#tlink:link,
			a#tlink:visited		{position: absolute; top: 170px; left: 0; width: 24px; height: 24px;}
			a#myslink:link,
			a#myslink:visited	{position: absolute; top: 202px; left: 0; width: 24px; height: 24px;}
		#navi		{position: absolute; left: -10px; top: -69px; background: url(../images/layout/bg-navi-ul.png); width: 203px; height: 314px; padding: 28px 0 20px 0; z-index: 7;}
			#navi li	{position: relative; z-index: 4; float: left; width: 185px;}
				#navi li:hover		{z-index: 3 !important;}
				#navi #nu01x		{z-index: 8;}
				#navi #nu02x		{z-index: 7;}
				#navi #nu03x		{z-index: 6;}
				#navi #nu04x		{z-index: 5;}
			#ch01		{position: absolute; height: 85px; width: 37px; right: -37px; top: 0; background: url(../images/layout/bg-nav-rightborder.png) 0 -18px; z-index: 99; }
			#ch02		{position: absolute; height: 76px; width: 37px; right: -37px; top: 0; background: url(../images/layout/bg-nav-rightborder.png) 0 -103px; z-index: 99; }
			#ch03		{position: absolute; height: 70px; width: 37px; right: -37px; top: 0; background: url(../images/layout/bg-nav-rightborder.png) 0 -179px; z-index: 99; }
			#ch04		{position: absolute; height: 88px; width: 37px; right: -37px; top: 0; background: url(../images/layout/bg-nav-rightborder.png) 0 -248px; z-index: 99; }
			#navi a.h:link,
			#navi a.h:visited	{background: url(../images/layout/bg-navi-a.png); display: block; width: 185px;}
				#navi a.h:link span,
				#navi a.h:visited span	{display: block; font-size: .0000001em; line-height: .0000001em; text-indent: -9999px; width: 155px; visibility: hidden; background: url(../images/layout/bg-navi-a.png); margin: 0 0 0 30px; cursor: pointer; position: relative; z-index: 5; }
					#navi a.h.js:link span,
					#navi a.h.js:visited span	{visibility: visible;}
					#navi a.h:hover span	{visibility: visible;}
				#navi a#l01:link,
				#navi a#l01:visited	{background-position: 0 -28px;}
					#navi a#l01:link span,
					#navi a#l01:visited span	{height: 85px; background-position: -243px -28px;}
				#navi a#l01.active:link,
				#navi a#l01.active:visited		{background-position: -213px -28px;}
				
				
				#navi a#l02:link,
				#navi a#l02:visited	{background-position: 0 -113px;}
					#navi a#l02:link span,
					#navi a#l02:visited span	{height: 76px; background-position: -243px -113px;}
				#navi a#l02.active:link,
				#navi a#l02.active:visited		{background-position: -213px -113px;}
				
				#navi a#l03:link,
				#navi a#l03:visited	{background-position: 0 -188px;}
					#navi a#l03:link span,
					#navi a#l03:visited span	{height: 70px; background-position: -243px -188px;}
				#navi a#l03.active:link,
				#navi a#l03.active:visited		{background-position: -213px -188px;}
				
				#navi a#l04:link,
				#navi a#l04:visited	{background-position: 0 -258px; height: 83px;}
					#navi a#l04:link span,
					#navi a#l04:visited span	{height: 70px; background-position: -243px -258px;}
				#navi a#l04.active:link,
				#navi a#l04.active:visited		{background-position: -213px -258px;}
				
				.dropnav	{width: 299px; height: 316px; display: none; position: absolute; left: 193px; top: -83px; z-index: 1; font-size: 1.2em;}
					#nu01 .dropnav	{top: 2px;}
					#nu02 .dropnav	{top: -83px;}
					#nu03 .dropnav	{top: -159px;}
					#nu04 .dropnav	{top: -229px;}
					.dropnav .inner	{padding: 20px 25px 15px 12px;  background: url(../images/layout/bg-dropnav2.png) no-repeat -47px 0; float: right; width: 280px;}
				.dropnav.js	{display: block; width: 0px; overflow: hidden; z-index: 1;left: 190px; } /*  top: -39px;  */
					#navi .dropnav ul,
					.dropnav ul	{display: block; height: 316px;width: 259px; margin: 0 0 0 40px;}
					#navi .dropnav li,
					.dropnav li	{color: #fff; width: 90px; margin-right: 30px; float: left;}
						.dropnav li img	{border: 2px solid #fff; margin: 3px 0 9px 0;}
				#navi li:hover .dropnav	{display: block;}
				
		#sloganbox			{position: absolute; width: 250px; top: -20px; left: 219px; z-index: 2;}
		a.hideC:link,
		a.hideC:visited		{display: block; font-size: .0000001em; line-height: .0000001em; text-indent: -9999px;}
		a#aanfahrt:link,
		a#aanfahrt:visited	{background: url(../images/layout/bg-a-anfahrt.png) no-repeat; width: 230px; height: 123px; position: absolute; right: 50px; top: 150px;}
			a#aanfahrt:hover	{background-position: 0 bottom;}
		a#abuchung:link,
		a#abuchung:visited	{background: url(../images/layout/bg-a-buchungsformular.png) no-repeat; width: 240px; height: 199px; position: absolute; right: 292px; top: 83px;}
			a#abuchung:hover	{background-position: 0 bottom;}
		a#amail:link,
		a#amail:visited		{background: url(../images/layout/bg-a-mail.png) no-repeat; width: 197px; height: 17px; position: absolute; left: 348px; top: 292px; z-index: 4;}
			a#amail:hover	{background-position: 0 bottom;}



		#slideshow	{background:url(../images/layout/bg-slideshow.png) no-repeat; width: 459px; height: 258px; overflow: hidden; position: absolute; top: -154px; right: 24px; z-index: 3; padding: 25px 0 0 25px;}
			#slideshow img	{position: absolute; top: 0; left: 0; display: none;}
			#innerShow	{width: 449px; height: 244px; position: relative;}
			#deck		{background: url(../images/layout/bg-slideshow-deck.png) no-repeat; width: 467px; height: 265px; z-index: 4; position: absolute; top: -9px; left: -8px;}
	#content		{background: url(../images/layout/bg-content.png) repeat-y; min-height: 100px;}
		#textbase	{width: 539px; float: left; margin: 0 0 0 170px; padding: 30px 0 0 0;}
			#textbase li	{background: url(../images/layout/bg-lipoi.png) no-repeat 0 6px; padding: 0 0 6px 10px; font-size: 1em;}
			.ithumb		{float: left; border: 1px solid #56402e; padding: 1px; margin: 2px 10px 10px 0;}
			.ithumb2		{border: 1px solid #56402e; padding: 1px; margin: 2px 10px 10px 0;}			
			.ithumb3		{border: 1px solid #56402e; padding: 1px; margin: 2px 10px 10px 0;}						
			.column	{float: left; width: 252px;}
			.left	{margin-right: 30px;}
			.el		{margin: 0 0 26px 0;}
				.txt	{font-size: .95em;  line-height:18px;}
			.el .txt a:link,
			.el .txt a:visited	{display: inline-block; background: url(../images/layout/bg-el-a.png) no-repeat 0 4px; padding: 0 0 0 14px;}
			.teaserbox		{width: 169px; height: 148px; color: #fff; padding: 40px 12px 0 358px;}
				.teaserbox a:link,
				.teaserbox a:visited	{color: #fff; background:url(../images/layout/bg-teaserbox-a.png) no-repeat 0 6px; padding: 0 0 0 14px; display: inline-block;}
				.freestyle	{background: url(../images/layout/bg-freestylekurse.jpg) no-repeat; }
		#sidebar	{width: 279px; float: left; position: relative;}
			#iwarenkorb	{background:url(../images/layout/iworb.png) no-repeat; font-size: 0.95em; width: 109px; height: 60px; position: absolute; left: -690px; top: 30px; display: none; color: #fff; padding: 26px 12px 0 8px; overflow: hidden;}
				#iwarenkorb a:link,
				#iwarenkorb a:visited	{color: #fff; display: block; padding-left:20px;}
			.videobox	{height: 149px; width: 210px; margin: 19px 0 0 27px;}
			.videobox2	{height: 152px; width: 216px; margin: 19px 0 0 27px;}
			.videobox2 img	{margin: 19px 0 0 0;}
				#videobox.ph	{background: url(../images/layout/bg-video-placeholder.png);}
			#newsbox	{width: 210px; margin: 10px 0 0 27px; font-size: .95em;}
				.newsel		{margin: 0 0 26px 0;}
				.newsel img	{background: url(../images/layout/bg-newsbox-image.jpg) no-repeat; padding: 4px;}
				.newsel a.cmsa:link,
				.newsel a.cmsa:visited	{background: url(../images/layout/bg-nbox-a.png) no-repeat 0 6px; text-decoration: underline; padding: 2px 0 2px 15px; display: block;}
				.newsel a.cmsa:hover		{text-decoration: none;}
				
				.links a.cmsa:link,
				.links a.cmsa:visited	{background: url(../images/layout/bg-nbox-a.png) no-repeat 0 6px; text-decoration: underline; padding: 2px 0 2px 15px; display: block; font-size:0.95em;}
				.links a.cmsa:hover		{text-decoration: none;}

				
	#footer			{background: url(../images/layout/bg-footer.png) no-repeat; height: 266px; width: 823px; margin: 0 0 60px 0; padding: 12px 0 0 167px;}
		#partnerl		{margin: 0 0 0 66px;}
		#partnerl li	{float: left;}
		.smap		{float: left; margin: 30px 40px 0 0; color: #533f30; font-size: .95em;}
			.smap li	{padding: 0 0 4px 0;}
			.smap .h	{font-weight: bold;}
			.smap a:link,
			.smap a:visited	{text-decoration: none; color: #533f30;}

			.smap a:hover	{text-decoration: underline;}
			
			
			.smap li.active a {font-weight:bold;}

	
#wqu		{background: #fff; width: 260px; position: fixed; z-index: 1000; left: 50%; top: 50%; margin: -100px 0 0 -150px; border: 3px double #000; padding: 20px; display: none;}
	#wqu select	{display:block; width: 260px;}
	a#closewqu:link,
	a#closewqu:visited	{position: absolute; right: 5px; top: 5px;}
	a#closewqu:hover	{}

#textbase #wkorbul li {background: none; font-size:0.95em; height:20px;}
	#textbase #wkorbul li span.price	{float: right;}
	.total				{border-top: 1px solid #000; padding-top: 10px;}