/* HTML-Elemente */

body, div, td
{
	font-size:13px;
    font-family:Arial;
    background-color:transparent;
}

body {
	background-image:url(../../binaries/universal/backgrounds/background.jpg);
	margin:0px;
	padding:0px;	
}

select
{
	font-size:11px;
}

form
{
	display:inline;
}

.bold {font-weight: bold;}
.left {text-align: left;}
.centered {text-align: center;}
.right {text-align: right;}


/*** Grundstruktur ***/
.site-container { margin:0px auto; width:1258px; background-image:url(../../binaries/universal/backgrounds/skateboard_background_2.jpg);
	background-repeat:repeat-y; background-position:69px 0px; }
.site-container .top {width:1258px; background-image:url(../../binaries/universal/backgrounds/skateboard_top.png);
	background-repeat:no-repeat; }
.site-container .top .spacer { margin:0px 77px; }
.site-container .main { width:1258px; background-image:url(../../binaries/universal/backgrounds/skateboard_middle.png); background-repeat:repeat-y; }
.site-container .main .spacer { padding:8px 80px 0px 82px; }
.site-container .main .spacer .left_area { width:228px; float:left; }
.site-container .main .spacer .right_area { margin-left:7px;float:left; }
.site-container .main_right_menu { width:1258px; background-image:url(../../binaries/universal/backgrounds/skateboard_middle.png); background-repeat:repeat-y; }
.site-container .main_right_menu .spacer { padding:8px 80px 0px 82px; }
.site-container .main_right_menu .spacer .left_area { width:868px; float:left; }
.site-container .main_right_menu .spacer .right_area { width:228px; float:left; }
.site-container .bottom { width:1258px; background-image:url(../../binaries/universal/backgrounds/skateboard_middle.png); background-repeat:repeat-y; }
.site-container .bottom .footer .spacer { padding:8px 83px 0px 83px; }
.main_area { padding:0px; }
	

.clearer { clear:both; font-size:1px; height:1px; line-height:1px; }

/*** Header der Seite ***/

.Header { height:135px; width:1104px;font-family:Verdana; font-size:14px;}
.Header .logo { float:left; padding:5px 0px 0px 7px;}
.Header .logo img { border:0px; }
.Header .buddy { float:left; padding:0px 0px 0px 4px; }
.Header .meta { float:right; width:535px;}
.Header .meta .infos { height:49px;}
.Header .meta .infos .flaggen { float:right; padding: 15px 5px 0px 0px;}
.Header .meta .infos .links { float:right; padding: 15px 5px 0px 0px; }
.Header .meta .infos .links a { padding:0px 0px 0px 10px;font-family:Verdana; font-size:15px; }
.Header .meta .account { height:43px;font-family:Verdana; font-size:15px; }
.Header .meta .account .small_trolley { float:left; padding:4px 0px 0px 6px; }
.Header .meta .account .small_trolley .picture{ float:left;}
.Header .meta .account .small_trolley .text { font-family:Verdana; font-size:13px;float:left; color:#FFFFFF; padding:9px 0px 0px 9px;}
.Header .meta .account .small_trolley .text .quantity { padding-left:2px; color:#fa0606; }
.Header .meta .account .small_trolley .text .price { color:#fa0606; }
.Header .meta .account .links { float:left; padding:13px 0px 0px 0px; }
.Header .meta .account .links a:link, 
.Header .meta .account .links a:active, 
.Header .meta .account .links a:visited { color:#ffffff; padding:0px 0px 0px 8px; text-decoration:none; font-family:Verdana; font-size:13px; }
.Header .meta .account .links a:hover { color:#ffffff; padding:0px 0px 0px 8px; text-decoration:underline; font-family:Verdana; font-size:13px; }
.Header .meta .account .links .logout { cursor:pointer;background-color: transparent; border: 0; padding: 0; color:#ffffff; padding:0px 0px 0px 8px; text-decoration:none; font-family:Verdana; font-size:13px; }
.Header .meta .account .links .logout:hover { text-decoration:underline; }

/*** Menu ***/
.menu { height:40px; }
.menu .link { float:left; padding-top:12px;font-family:Arial; font-size:15px; width:860px; }
.menu .link h2 { float:left; font-size:15px; margin:0px; padding:0px; font-weight:normal; }
.menu .link a.highlight:link ,
.menu .link a.highlight:active,
.menu .link a.highlight:hover,
.menu .link a.highlight:visited{ font-weight:bold;text-decoration: underline; }
.menu .link a:link ,
.menu .link a:active, 
.menu .link a:visited { color:#ffffff; padding:0px 6px 0px 6px; text-decoration:none; font-family:Arial; font-size:15px;}
.menu .link a:hover { color:#ffffff; padding:0px 6px 0px 6px; text-decoration:underline; font-family:Arial; font-size:15px;}
.menu .search { float:right; margin:12px 10px 0px 0px;font-family:Arial; }
.menu .search { background-image:url(../../binaries/universal/backgrounds/search_input.jpg); background-repeat:no-repeat; width:230px; height:20px; }
.menu .search input { border:0px; margin:1px 0px 0px 7px; width:210px;font-family:Arial; font-size:14px; }

/*** Boxen ***/
.menu_box { border: 2px solid #000000; width:226px; background-color:#ffffff; }
.menu_box .menu_box_title { text-align:center; color:#ffffff; height:35px; background-image:url(../../binaries/universal/backgrounds/dark_wood.png); }
.menu_box .menu_box_title .spacer { padding:5px 0px 0px 0px; margin:0px; font-size:20px; }
.menu_box .menu_box_content { padding:4px; font-family:Verdana; }
.menu_box .menu_box_content .menu_box_item { padding:4px; }

/*** HOME ***/
.brandoftheweek { border:1px solid #000000; width:227px; }
.brandoftheweek .container { width:227px; height:415px; background-color:#FFFFFF; }
.brandoftheweek .container .headline { color:#FFFFFF; background-color:#391b1b; height:35px; }
.brandoftheweek .container .headline .text { text-align:center; padding:4px 0px 0px 0px; font-size:20px; }
.brandoftheweek .container .inner_spacer {}
.brandoftheweek .container .inner_spacer .text { padding:4px; font-family:Verdana; font-size:11px; }
.brandoftheweek .container .container_item {padding-left:23px; text-align:center; }
.brandoftheweek .container .container_item .product { margin:0px!important; }
.brandoftheweek .container .container_item .picture { border:1px solid #000000;  }

.landingpage_top {  font: 18px Arial; font-weight:bold; text-align:center; padding:5px 0px 15px 0px;width:1088px;}
.landingpage_bottom { font: 14px Arial;padding:5px 0px 0px 4px;width:1088px; }

.product { float:left; width:177px; height:347px; background-color:#ffffff; border:1px solid #A0A0A0; margin:0px 27px 27px 0px;}
.product.margin_right { margin:0px 21px 27px 0px;}
.product.no_icons { height:295px; }
.product .product_picture {  width:177px; height: 228px; border-bottom:1px solid #A0A0A0; overflow: visible; }
.product .product_picture .pic_brand { position:absolute;  z-index:0; margin:4px 0px 0px 4px; }
.product .product_picture .pic_inner { vertical-align:middle;margin:auto;text-align:center;width:176px; height: 228px; }
.product .product_picture .pic_inner .pic { margin:auto; }
.product .desc { height:60px; width:179px; text-align:center; }
.product h3 { font-family:Verdana; font-weight:normal; font-size:12px; margin:4px 0px 0px 0px; }
.product h3 a { font-size:12px; }
.product .price { font-family:Verdana;font-size:12px; }
.product .icons {  }
.product .icons div { float:left;  }
.product .icons div.info { width:40px; height:40px; }
.product .icons div.new {margin-left:9px;}
.product .icons div.sale {margin-left:9px;}
.product .icons .info .info_overlay { display:none; }
.product .icons .info:hover .info_overlay { display:block; position:relative; top:-207px; left:0px; border-top:1px solid #A0A0A0;
	background-color:#FFFFFF; width:177px; height:100px; }
.product .icons .info:hover .overlay_spacer { padding:5px; }
	
.reduced{ color: #ff0000; text-decoration: line-through;font-weight:bold; }

.slideshow { background-color:#FFFFFF; float:left; margin-left:2px; width:856px; height:415px;}
.slideshow .inner_spacer { position:absolute; }
.slideshow #SlideshowContainer { width:856px; height:415px;}
.slideshow .slideshowIcons {  background-image:url(../../binaries/universal/backgrounds/slideshow_layer.png);
	background-repeat:no-repeat; z-index:10; text-align:center; position:absolute; top: 380px; left: 7px; height:24px; width: 842px;}
.slideshow .slideshowIcons #SlideshowIconContainer { }
.slideshow .slideshowIcons #SlideshowIconContainer table { cursor:pointer; }
.slideshow .slideshowIcons #SlideshowIconContainer table td { color:#FFFFFF; font-size:12px; padding-top:1px; }
.slideshow .slideshowIcons #SlideshowIconContainer table td.active { font-weight:bold; font-size:14px; padding-top:0px; }


/*** FOOTER ***/
.footer { margin: 0px;font: 18px Arial; }
.footer .balken {  background-image:url(../../binaries/universal/backgrounds/balk_middle.png);	background-repeat:repeat-x; height:44px; background-position:1px 0px; }
.footer .balken .left { float:left; width:16px; z-index:2; position:relative; left:-14px; }	
.footer .balken .element { float:left; padding:10px 0px 0px 0px; color:#FFFFFF; font-size:17px;}
.footer .balken .right { float:right; z-index:2; position:relative; left:14px; }
.footer .container { float:left; padding:10px 0px 0px 0px; color:#FFFFFF; font: 15px Arial;}
.footer .container a:link,
.footer .container a:active,
.footer .container a:visited {font: 15px Arial;}
.footer .container a:hover {font: 15px Arial;text-decoration:underline;}
.footer .close { background-image:url(../../binaries/universal/backgrounds/skateboard_bottom.png); background-repeat:no-repeat; background-position: left bottom;}
.footer .close .element { float:left; padding:10px 0px 0px 0px; color:#000;font: 15px Arial;}

/*** SCROLLER ***/

.ProductScrollerHeadline { margin:10px 0px 10px 0px;font: 18px Arial; font-weight:bold; }
.ProductScroller { margin-right:10px; text-align:center;width:1088px; }
.ProductScroller .Scroller {position:relative; overflow:hidden; width:880px; float:left; padding:8px 0px 0px 2px;}
.ProductScroller .Scroller .items { width:1000px; position:relative; overflow:hidden; float:left; top:0px; }
.ProductScroller .Scroller ul { width:1000px; margin:0px; padding:0px; list-style-type:none;}
.ProductScroller .Scroller ul li { width:200px; float:left; }
.ProductScroller .Scroller ul li .product { margin-left:13px; }
.ProductScroller .ControlSpacer { width:40px; float:left;}
.ProductScroller .carousel-control { overflow:hidden;display:inline-block;width:25px;height:295px;cursor:pointer;}
.ProductScroller .carousel-next { background:url(../../binaries/universal/buttons/arrow_right.gif) 0 0 no-repeat; position:relative;
	z-index:3; margin:9px 3px 0px 7px; border:1px solid #a0a0a0;}
.ProductScroller .carousel-previous { background:url(../../binaries/universal/buttons/arrow_left.gif) 0 0 no-repeat; position:relative;
	z-index:3; float:left; margin:9px 3px 0px 7px; border:1px solid #a0a0a0; }


/*** SmartGRid ***/

.SmartGrid { margin-left:0px; }
.SmartGridCarousel ul { margin:0px; padding:0px; list-style-type: none; border:1px solid #000000; }

/* 404 */
.error { background-image: url("../../binaries/universal/backgrounds/bg_white_transparent.png"); border: 1px solid #000000; margin-top: 15px; padding: 15px; height:250px;}
.error .headline { color: #FF0000; font-weight: bold; font-size:20px; }
.error .text {}

/*** Kleine Banner auf der Startseite ***/
.small_banner {float:left; margin:3px 3px 13px 3px; width:358px;}
.small_banner img{border:1px solid #000000;}

/* Links */
/* STANDARD */

a:link { text-decoration:none; color:#080002;font-family:Verdana;font-size:13px; }
a:active { text-decoration:none; color:#080002;font-family:Verdana;font-size:13px; }
a:hover { text-decoration:underline; color:#080002;font-family:Verdana;font-size:13px; }
a:visited { text-decoration:none; color:#080002;font-family:Verdana;font-size:13px; }


.style_msg_success
{
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#008800;
	padding:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
}

.style_msg_error
{
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#FF0000;
	padding:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
}