@charset 'utf-8';

@media print {

    ul#meta_navigation, ul#main_navigation, div#main_search, ul#foot_navigation { display: none; }

}

@media screen, projection {

    *, html, body {
    	border: 0;
    	font: 10px/14px verdana, helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    }

	html {
		overflow: scroll;
		overflow-x: auto;
	}

    div#preload_imgs {
    	position: absolute;
    	top: -2000px;
    	left: -2000px;
    	z-index: 99;
    }
    #viewbox {
    	background: #ffffff;
    	margin: auto;
    	width: 950px;
    }
    h1#logo {
    	background: url('../../media/images/basic/gym80_logo.png') no-repeat 0 14px;
    	cursor: pointer;
    	float: left;
    	height: 62px;
    	text-indent: -999em;
    	width: 187px;
    }

    ul#meta_navigation {
    	float: left;
    	padding: 23px 0 21px 0;
    	width: 763px;
    }
    ul#meta_navigation li {
    	display: inline;
    	float: right;
    	padding: 0 0 0 28px;
    	text-transform: uppercase;
    }
    ul#meta_navigation li.deaktiv {
    	color: #777777;
    }
	ul#meta_navigation a {
    	color: #1a171b;
    	text-decoration: none;
    }
    ul#meta_navigation a:hover {
    	color: #a0a4a7;
    }

    div#js_navigation {
    	background: #ffffff;
    	left: 100px;
    	padding-top: 4px;
    	position: absolute;
    	top: 90px;
    	z-index: 100;
    }
    div#nav_contents {
    	border-left: solid 1px #e3e4e4;
    	border-top: solid 1px #e3e4e4;
    	border-bottom: solid 1px #e3e4e4;
    	float: left;
    }
    ul#sekunav {
    	border-right: solid 1px #e3e4e4;
    	float: left;
    	list-style-type: none;
    	text-transform: uppercase;
    }
    ul#sekunav li a {
    	background: transparent;
    	color: #1a171b;
    	display: block;
    	padding: 3px 5px 4px 14px;
    	text-decoration: none;
    	width: 139px;
    }
    ul#sekunav li a:hover,
    ul#sekunav li a.activ {
    	background: #a0a4a7;
    	color: #ffffff;
    }
    ul#tertnav {
    	border-right: solid 1px #e3e4e4;
    	float: left;
    	list-style-type: none;
    	text-transform: uppercase;
    }
    ul#tertnav li a {
    	background: transparent;
    	color: #1a171b;
    	display: block;
    	padding: 3px 5px 4px 14px;
    	text-decoration: none;
    	width: 139px;
    }
    ul#tertnav li a:hover,
    ul#tertnav li a.activ {
    	background: #a0a4a7;
    	color: #ffffff;
    }
    li.stat_activ {
    	background: #7f8285;
    }
    li.stat_activ > a {
    	color: #ffffff !important;
    }
    .nav_pimg {
		background: url('../../media/images/develop/fitness_nav_pre.jpg') no-repeat 0 18px;
		border-right: solid 1px #e3e4e4;
		float: left;
		height: 166px; /*180px*/
		width: 317px;
	}

    ul#main_navigation {
    	background: url('../../media/images/basic/bg_navi.jpg') repeat-x;
    	width: 791px;
    	height: 28px;
    	float: left;
    	text-transform: uppercase;
    	color: #ffffff;
    }
    ul#main_navigation li {
    	border-left: solid 1px #ffffff;
    	display: inline;
    	float: left;
    	height: 22px;
    	padding: 6px 0 0 12px;
    	width: 146px;
    }
    ul#main_navigation li.activ {
    	background: url(../../media/images/basic/bg_navi.jpg) repeat-x 0 -66px;
    }
    ul#main_navigation li.stat_activ {
    	background: url(../../media/images/basic/bg_navi.jpg) repeat-x 0 -33px;
    }
    ul#main_navigation li.first {
    	border-left: 0;
    	padding: 6px 0 0 13px;
    	width: 142px;
    }
    ul#main_navigation li.first_activ {
    	background: url(../../media/images/basic/bg_navi.jpg) repeat-x 0 -66px;
    	border-left: 0;
    	padding: 6px 0 0 13px;
    	width: 142px;
    }
    ul#main_navigation li.first_stat_activ {
    	background: url(../../media/images/basic/bg_navi.jpg) repeat-x 0 -33px;
    	border-left: 0;
    	padding: 6px 0 0 13px;
    	width: 142px;
    }
    ul#main_navigation a {
    	color: #ffffff;
    	text-decoration: none;
    }
    ul.mainslave {
    	display: none;
    }

    div#main_search {
    	background: url('../../media/images/basic/bg_navi.jpg') repeat-x;
    	height: 20px;
    	padding: 5px 0 3px 4px;
    	width: 155px;
    	float: left;
    }
    div#main_search form {
    	display: inline;
    }
    div#main_search form input {
    	color: #58585a;
    	font-weight: bold;
    	float: left;
    	height: 18px;
    	padding: 0 0 0 2px;
    	width: 119px;
    }
    #main_search input.submit {
		float: left;
		width: 20px;
		height: 18px;
		background: #ffffff url('../../media/images/basic/lupe.png') no-repeat -4px 0px;
		cursor: pointer;
	}

    div#content {
    	padding: 4px 0 4px 0;
    }

    ul#foot_navigation {
    	background: url('../../media/images/basic/bg_navi.jpg') repeat-x;
    	color: #ffffff;
    	height: 28px;
    	text-transform: uppercase;
    	width: 950px;
    }

    ul#foot_navigation li {
    	display: inline;
    	float: right;
    	padding: 7px 14px 7px 14px;
    }

    ul#foot_navigation a {
    	color: #ffffff;
    	text-decoration: none;
    }
    ul#foot_navigation li.stat_activ {
    	background: transparent;
    }
    ul#foot_navigation a:hover {
    	color: #a0a4a7;
    }
    ul#foot_navigation li.stat_activ a {
    	color: #a0a4a7 !important;
    }

/* Textformatierungen */
 	ul { list-style-type: none; }

/* Linke Spalte und Shopping Nav */
	#leftBox {
		float: left;
 		height: 66px;
		width: 155px;
 		padding-top: 408px;
	}

	ul#product_navigation, ul#sub_nav {
    	position: absolute;
    	z-index: 5;
    	top: 92px;
    	border: solid 1px #e3e4e4;
    	width: 154px;
    	text-transform: uppercase;
    }
    ul#product_navigation li.stat_activ {
    	background: #777777;
    }
    ul#product_navigation li.title {
    	text-transform: none;
    }
    ul#product_navigation li a,
    ul#sub_nav li a {
    	color: #1a171b;
    	display: block;
    	padding: 3px 5px 4px 14px;
    	text-decoration: none;
    }
    ul#product_navigation li a:hover,
    ul#product_navigation li a.activ,
    ul#sub_nav li a:hover,
    ul#product_navigation_seku li a:hover {
    	background: #a0a4a7;
    	color: #ffffff;
    }
    ul#product_navigation li.stat_activ a:hover,
    ul#sub_nav li.stat_activ a:hover,
    ul#product_navigation_seku li a.activ {
    	background: transparent;
    }
    ul.prod_sub_nav, ul.sub_sub_nav {
    	display: none;
    }
    ul#product_navigation_seku,
    ul#sub_nav_seku {
    	background: #ffffff;
    	position: absolute;
    	z-index: 5;
    	border: solid 1px #e3e4e4;
    }

    ul#sub_nav_seku {
    	width:317px;
	}

    ul#product_navigation_seku li a,
    ul#sub_nav_seku li a {
    	color: #1a171b;
    	display: block;
    	padding: 3px 5px 4px 14px;
    	text-decoration: none;
    }
    ul#product_navigation_seku li a.activ,
    /*ul#product_navigation_seku li a:hover,*/
    ul#sub_nav_seku li a.activ/*,
    ul#sub_nav_seku li a:hover*/ {
    	background: #a0a4a7;
    	color: #ffffff;
    }
    ul#product_navigation_seku.small {
    	width: 158px;
    }
    ul#product_navigation_seku.medium {
    	width: 317px;
    }
    ul#product_navigation_seku.large {
    	width: 476px;
    }

    ul.shopping_nav {
    	background: #58585e;
    	width: 153px;
    	border: solid 1px #e3e4e4;
    }
    ul.shopping_nav li {
    	color: #ffffff;
    	text-transform: uppercase;
    	padding: 5px 0 2px 14px;
    }
    ul.shopping_nav li a {
    	color: #ffffff;
    	display: block;
    	float: left;
    	font: 10px/10px verdana, helvetica, sans-serif;
    	text-decoration: none;
    	width: 120px;
    	height: 14px;
    }
    ul.shopping_nav li a:hover {
    	color: #1a171b;
    }
    ul.shopping_nav li#haendler {
    	background: url(../../media/images/basic/bg_shoppingnavi_sprite.png) no-repeat 0px 0px;
    }
	ul.shopping_nav li#broschuere {
    	background: url(../../media/images/basic/bg_shoppingnavi_sprite.png) no-repeat 0px 0px;
    }
	ul.shopping_nav li#finanz {
    	background: url(../../media/images/basic/bg_shoppingnavi_sprite.png) no-repeat 0px 0px;
    }
	ul.shopping_nav li#newsletter {
    	background: url(../../media/images/basic/bg_shoppingnavi_sprite.png) no-repeat 0px -21px;
    }
	ul.shopping_nav li#merkliste {
    	background: url(../../media/images/basic/bg_shoppingnavi_sprite.png) no-repeat 0px -42px;
    }
    ul.shopping_nav li#merkliste span.activ {
    	color: #58585a;
    }
    ul.shopping_nav li#merkliste span {
    	color: #ffffff;
    }

    #get_broschuere {
    	width: 948px;
    	height: 472px;
    	border-left: 1px solid #e3e4e4;
    	border-right: 1px solid #e3e4e4;
    	border-bottom: 1px solid #e3e4e4;
    	top: 94px;
    	z-index: 8;
    	background: #ffffff;
   	 	position: absolute;
   	 	display: none;
	}

	sup {
		font-size: 8px;
		line-height: 5px;
	}

}