@charset "utf-8";
/* CSS Document */

	a:link 		{color: #893769; text-decoration:none; border: 0px; margin: 0px;}
	a:visited 	{color: #893769; text-decoration: none; border: 0px; margin: 0px;}
	a:hover 	{color: #000; text-decoration: none; border: 0px; margin: 0px;}
	a:active 	{color: #893769; text-decoration: none; border: 0px; margin: 0px;}
	a:focus 	{color: #893769; text-decoration: none; border: 0px; margin: 0px;}
	
	ul li { list-style-type: none;}
	 
	ul {	list-style-type: none;}
	
	li {	list-style-type: none;}
	
	body {
			overflow: scroll;
			text-align: left;
			}
	
	div#rahmen {
			position: absolute;
			left: 50%;
			margin-top: 50px;
			margin-left: -500px;
			height: 700px;
			width: 1000px;
			background-color: #FFFFFF;
			
			}
			
	div#logo_gross {
			position: relative;
			margin-top: 50px;
			height: 80px;
			width: 1000px;
			}
			
	div#menue {
			position: relative;
			height: 25px;
			width: 1000px;
			margin-top: 3px;
			float: left;
			}
			
	ul#main_menue {
			border: 0px;
			margin-left: -40px;
			}
		
	ul#main_menue li {
			float: left;
			margin-right: 10px;
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: 2px;
			font-weight:bold;
			}
			
	div#index_switch {
			position: relative;
			left: 100px;
			color: #000;
			}
	
	div#line {
			margin-top: auto;
			position: relative;
			left: 100px;
			height: 10px;
			width: 1000px;
			background-image: url(../Bilder/line.jpg);
			}
	
	div#impressum_agb {
			font-size: 9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #999;
			position: relative;
			left: 100px;
			}
			
			
	div#fin {
			width: 1000px;
			margin-top: auto;
			position: relative;
			background-color: #FFF;
			height: 100px;
			}
			
	durch {
			text-decoration: line-through;
			}
			
	div#zum_shop {
			height: 18px;
			width: 63px;
			background-image: url(../Bilder/button_zumshop.jpg);
			position: absolute;
			
			}
			

	div#fast_navi {
			position: relative;
			height: 97px;
			width: 1000px;
			margin-top: 20px;
			}
			
	div#fast_navi_1 {
			position: relative;
			height: 97px;
			width: 247px;
			float: left;
			background-image: url(../Bilder/decks_button_start.jpg);
			margin-right: 4px;
			}

	div#fast_navi_2 {
			position: relative;
			height: 97px;
			width: 247px;
			float: left;
			background-image: url(../Bilder/lookbook_button_start.jpg);
			margin-right: 4px;
			}
			
	div#fast_navi_3 {
			position: relative;
			height: 97px;
			width: 247px;
			float: left;
			background-image: url(../Bilder/caps_button_start.jpg);
			margin-right: 4px;
			}
			
	div#fast_navi_4 {
			position: relative;
			height: 97px;
			width: 247px;
			float: left;
			background-image: url(../Bilder/sale_button_start.jpg);
			}
			
	div#footer {
			height: 125px;
			width: 1000px;
			background-image: url(../Bilder/beyond_footer.jpg);
			margin-top: 50px;
			position: relative;
			}		

/*--------------------------------------------------------------------------------------menue-------------------------------------------------*/			
	div#menue_news {
			height: 25px;
			width: 60px;
			background-image: url(../Bilder/button_news_1.jpg);
			float: left;
			}
	
	div#menue_news:hover {
			background-image: url(../Bilder/button_news_2.jpg);
			}
			
	
			
	div#menue_shop {
			height: 25px;
			width: 60px;
			background-image: url(../Bilder/button_shop_1.jpg);
			float: left;
			}
	
	div#menue_shop:hover {
			background-image: url(../Bilder/button_shop_2.jpg);
			}

	div#menue_retail {
			height: 25px;
			width: 60px;
			float: left;
			background-image: url(../Bilder/button_retail_1.jpg);
			}
	
	div#menue_retail:hover {
			background-image: url(../Bilder/button_retail_2.jpg);
			}
			
	div#menue_contact {
			height: 25px;
			width: 60px;
			float: left;
			background-image: url(../Bilder/button_kontakt_1.jpg);
			}
	
	div#menue_contact:hover {
			background-image: url(../Bilder/button_kontakt_2.jpg);
			}
			
			
	div#menue_facebook {
			height: 25px;
			width: 60px;
			float: right;
			background-image: url(../Bilder/button_facebook_1.jpg);
			}
	
	div#menue_facebook:hover {
			background-image: url(../Bilder/button_facebook_2.jpg);
			}
			
	div#menue_vimeo {
			height: 25px;
			width: 60px;
			float: right;
			background-image: url(../Bilder/button_vimeo_1.jpg);
			}
	
	div#menue_vimeo:hover {
			background-image: url(../Bilder/button_vimeo_2.jpg);
			}

	

/*--------------------------------------------------------------------------------------news-------------------------------------------------*/			
			

	div#news_1_headline {
			position: relative;
			left: 100px;
			height: 30px;
			width: 1000px;
			}
			
	div#news_1_pic {
			height: 286px;
			width: 1000px;
			position: relative;
			left: 100px;
			
			}
			
	div#news_1 {
			position: relative;
			left: 100px;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size:10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			width: 525px;
			color: #333333;
			}

	div#news_2_headline {
			position: relative;
			left: 100px;
			margin-top: 20px;
			height: 30px;
			width: 525px;
			}
/*--------------------------------------------------------------------------------------shop-------------------------------------------------*/			
			
	div#shop_pics {
			position: relative;
			left: 100px;
			width: 530px;
			font-size:10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}

/*--------------------------------------------------------------------------------------lookbook-------------------------------------------------*/

	div#menue_lookbook {
			height: 25px;
			width: 66px;
			background-image: url(../Bilder/button_lookbook_01.jpg);
			float: left;
			}

	div#menue_lookbook:hover {
			background-image: url(../Bilder/button_lookbook_02.jpg);
			}

	.boxgrid_lb{ 
		width: 1000px; 
		height: 580px; 
		float:left; 
		background:#161613; 
		overflow: hidden; 
		position: relative; 
		margin-top: 10px;
			}
	.boxgrid_lb img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
				}
	.boxgrid_lb p{ 
		padding: 0 10px; 
		color: #000; 
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		}
				
			.boxcaption_lb{ 
				float: left; 
				position: absolute; 
				background: #FFF; 
				height: 150px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption_lb {
 					top: 580px;
 					left: 0;
 				}
 				.caption .boxcaption_lb {
 					top: 300px;
 					left: 0;
 				}


/*--------------------------------------------------------------------------------------exhibition-------------------------------------------------*/

	div#menue_exhibition {
			height: 25px;
			width: 79px;
			background-image: url(../Bilder/button_exhibition_2.jpg);
			float: left;
			}

	div#menue_exhibition:hover {
			background-image: url(../Bilder/button_exhibition_1.jpg);
			}
			
	div#exhibition_bg {
			position: relative;
			margin-top: 38px;
			height: 2700px;
			width: 1000px;
			background-image: url(../Bilder/exhibition_bg.jpg);
			}
			
	div#exhibition_video {
			position: absolute;
			margin-left: 504px;
			margin-top: 1450px;
			height: 281px;
			width: 496px;
			}
			
	div#exhibition_video_2 {
			position: absolute;
			margin-left: 0px;
			margin-top: 2200px;
			height: 281px;
			width: 496px;
			}
			
	div#exhibition_text {
			position: absolute;
			margin-top: 1350px;
			width: 490px;
			font-weight: normal;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			}

	div#exhibition_wheel {
			position: absolute;
			margin-left: 330px;
			margin-top: 1220px;
			width: 100px;
			height: 100px;
			background-image: url(../Bilder/wheel.gif);
			}
			
	div#exhibition_skater {
			position: absolute;
			margin-left: 640px;
			margin-top: 1842px;
			width: 300px;
			height: 452px;
			background-image: url(../Bilder/tom_thiele.gif);
			}
			
	div#exhibition_heft {
			position: absolute;
			margin-left: 640px;
			margin-top: 2350px;
			width: 300px;
			height: 200px;
			background-image: url(../Bilder/heft.gif);
			}
			
/*--------------------------------------------------------------------------------------impressum-------------------------------------------------*/			
	div#impressum {
			position: relative;
			left: 100px;
			font-size:10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			width: 525px;}
			
	div#impressum_2 {
			position: relative;
			left: 100px;
			font-size:9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			width: 525px;}
/*--------------------------------------------------------------------------------------agb-------------------------------------------------*/			
			
	div#agb {
			position: relative;
			left: 100px;
			font-size:9px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			width: 525px;}
			
/*--------------------------------------------------------------------------------------contact-------------------------------------------------*/			

	div#contact_buttons {
			height: 22px;
			width: 140px;
			position: absolute;
			top: 365px;
			left: 385px;
			}
			
	div#contact_plz {
			position: absolute;
			left: 200px;
			top: 273px;			
			}
			
	div#contact_ort {
			position: absolute;
			left: 250px;
			top: 273px;			
			}
			
	div#contact_strasse {
			position: absolute;
			left: 200px;
			top: 238px;			
			}
			
			
	

/*--------------------------------------------------------------slideshow---------------------------------------------------------------*/	

	.boxgrid{ 
		width: 1000px; 
		height: 450px; 
		float:left; 
		background:#161613; 
		overflow: hidden; 
		position: relative; 
		margin-top: 10px;
			}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
				}
	.boxgrid p{ 
		padding: 0 10px; 
		color: #000; 
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 10px;
		}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #FFF; 
				height: 150px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 450px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 300px;
 					left: 0;
 				}
 
/*--------------------------------------------------------------slideshow #2---------------------------------------------------------------*/	

/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}