/* ################### GENERAL ################################################################## */
body {
	margin: 0 0 0 0;
	background-color:#000000;
	width:100%;
	height:100%;
	background-position:top center;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color:#000000;
}

html	{
	overflow: hidden;
}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

img {
	border: none;
}

p	{
	margin: 0 0 0 0;
}

h1, h2, h3, h4	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.clear {
	clear:both; 
	height:0px; 
	overflow:hidden;
}

ul	{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a:focus	{
	outline: none;
}

.static	{
	position: static;
}

.center	{
	text-align: center;
}

.headline	{
	margin: 0 0 0 0;	
	padding: 15px 0 7px 0;
}

input[type="text"]	{
	border: 1px solid #cccccc;
}

/* ################### FRAME ##################################################################  */

.pagescroll {
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	margin:auto;
	overflow: auto;
	text-align:center; 
}

.pageframe {
	width:990px;
	margin:auto;
	/*
	margin-top:20px;
	*/
	text-align:left;
	padding: 20px 0 150px 0;
	position: relative;
	z-index: 1500; 
}

.page {
	background-repeat:repeat-y;
	background-position: top left;
	margin:0px;
	padding:0px;
	width:990px;
	height: 100%;
}

.leftcolumn {
	float:left;
	width:220px;
	height: 100%;
	display:inline;
}

.pagemargin {
	height:15px;
	background-image:none;
}

.rightcolumn {
	float:right;
	width:750px;
	height: 100%;
	display:inline;
	padding: 0 0 0 20px;
}

.content	{
	height: 100%;
}

.content-wide .rightcolumn,
.content_wide_light .rightcolumn {
	padding: 0 0 0 0;
	width: 770px;
}


/* ################### Header & Footer ################################################################## */
.jackwolfskinlogo {
	width:42px;
	height:43px;
	margin: 10px 20px 0 0 !important;
	margin: 10px 10px 0 0;
	float:right;
	background-image:url(../resources/_internal/nav/jackwolfskin_logo.png);
	background-repeat: no-repeat;
}

.header {
	background-color:#000000;
}

.header .logo {
	float:left;
}

.header .topnav {
	clear:both;
	padding:0px;
	padding-top:10px;
	margin:0px;
	margin-left:27px;
	height:30px;
	list-style-type:none;
	
}

.header .topnav li{
	float:left;
}

.header .topnav li  {
	padding: 0 10px; 
	background: url(../resources/_internal/nav/top/topnav_spacer.jpg) no-repeat left top;
}

.header .topnav li:first-child,
.header .topnav li.first-child  {
	background: none;
}

.header .topnav li li  {
	background: none;
}


.header .metanav {
	float:right;
	margin:0px;
	list-style-type:none;
	padding: 12px 10px 0 0;
	/*
	width:246px;
	padding-top:12px;
	padding:0px;*/
}

.header .metanav li{
	float:left;
}

.header .metanav li  {
	padding: 0 6px;
	background: url(../resources/_internal/nav/meta/metanav_spacer.jpg) no-repeat left top;
}

.header .metanav li:first-child,
.header .metanav li.first-child  {
	background: none;
}


.footer {
	clear:both;
	width:990px;
	height:26px;
	background-image:url(../resources/_internal/nav/footer.png);
}

.footer .footernav {
	float:right;
	padding:0 10px 0 0;
	margin:0px;

	list-style-type:none;
}

.footer .footernav li{
	float:left;
	padding: 6px 6px 0 6px;
	background: url(../resources/_internal/nav/footer/footernav_spacer.png) no-repeat left 6px;
}


.footer .footernav li:first-child,
.footer .footernav li.first-child  {
	background: none;
}



.footer	#jw_worldwide	{
	float: left;
}

.header .searchnav {
	clear:right;
	float:right;
	width: 265px;
}

.header .searchnav .searchbox {
	border:none;
	background-color:transparent;
	background-image:url(../resources/_internal/nav/search_input.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:141px;
	overflow:hidden;
	padding: 3px 10px 0 10px;
	color:#808080;
	font-size: 9px;
	height: 16px;
}

.header .searchnav .searchsubmit {
	border:none;
	width:20px;
	height:16px;
	background-color:transparent;
	background-image:url(../resources/_internal/nav/search_button.gif);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	margin: 1px 20px 0 0;
}

.header .searchnav a {
	float:right;
	margin: 5px 50px 0 0;
	text-align: right;
}


/* ################### Left Navigation ################################################################## */
.leftnav {
	margin: 15px 0 0 0;	
}

.leftnav li{
	margin: 0 0 0 0;
	padding: 3px 0 4px 0;
	line-height:5px;
	width:180px;
}

.leftnav li ul {
	margin: 3px 0 0 32px;
}

.leftnav li ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height:16px;
	color:#808080;
	font-size:11px;
	width:170px;
}

.leftnav li ul li a {
	color:#808080;
	text-decoration: none;
	text-transform: uppercase;
}

.leftnav li ul li a:hover,
.leftnav li ul li a.leftnav_on {
	color:#000000;
	text-decoration: none;
	text-transform: uppercase;
}

.leftnav li ul li ul{
	margin: 2px 0 0 2px;
	line-height:5px;	
}

.leftnav li ul li ul li{
	margin: 0 0 2px 10px;
	padding: 0 0 0 10px;
	line-height:12px;
	color:#000000;
	background-image:url(../resources/_internal/nav/blackarrow_right.gif);
	background-position:0px 4px;
	background-repeat:no-repeat; 
	font-size:10px;
	width:160px;
}

.leftnav li ul li ul li a{
	text-decoration:none;
	color:#000000;
}

.leftnav li ul li ul li a:hover, .leftnav li ul li a.leftnav_on {
	color:#cc0000;
}

.leftnav li ul li ul li.leftnav_on {
	background-image:none;
	color:#cc0000;
}

.leftnav li ul li ul li.leftnav_on a{
	color:#cc0000;
}

/* ################### Right Navigation ################################################################## */

div.rightnav {
	float:right; 
	width:195px;
}

ul.rightnavtop {
	padding-top:15px;
}


ul.rightnav  li{
	padding:0px;
	margin:0px; 
}



ul.rightnav li a {
	text-decoration:none;
	color:#000000;
	padding:0px;
	padding-left:8px;
	margin:0px;
	background-image: url(../resources/_internal/nav/blackarrow_right.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
}

.rightnav a:hover {
	text-decoration:underline;
}

div.rightnav .box {
	margin-top:30px;
}

div.rightnav .box h3 {
	margin:0px;
	margin-bottom:5px;
}
	

/* ################### Background-Images ################################################################## */
/* home */
body.theme0{
	background-image:url(../resources/_internal/backgrounds/home.jpg);
}
/* press */
body.theme1 {
	background-image:url(../resources/_internal/backgrounds/presse.jpg);
}
/* products */
body.theme2 {
	background-image:url(../resources/_internal/backgrounds/produkte.jpg);
}
/* apparel */
body.theme3 {
	background-image:url(../resources/_internal/backgrounds/bekleidung.jpg);
}
/* advice */
body.theme4 {
	background-image:url(../resources/_internal/backgrounds/beratung.jpg);
}
/* news */
body.theme5 {
	background-image:url(../resources/_internal/backgrounds/aktuell.jpg);
}
/* service */
body.theme6 {
	background-image:url(../resources/_internal/backgrounds/service.jpg);
}
/* shopping */
body.theme7 {
	background-image:url(../resources/_internal/backgrounds/einkaufen.jpg);
}
/* company */
body.theme8 {
	background-image:url(../resources/_internal/backgrounds/unternehmen.jpg);
}
/* tours */
body.theme9 {
	background-image:url(../resources/_internal/backgrounds/touren.jpg);
}
/* tour */
body.theme10 {
	background-image:url(../resources/_internal/backgrounds/tour.jpg);
}
/* rebound */
body.theme11 {
	background-image:url(../resources/_internal/backgrounds/rebound.jpg);
}
/* equipment */
body.theme12 {
	background-image:url(../resources/_internal/backgrounds/ausruestung.jpg);
}
/* notice */
body.theme13 {
	background-image:url(../resources/_internal/backgrounds/hinweis.jpg);
}
/* imprint */
body.theme14 {
	background-image:url(../resources/_internal/backgrounds/impressum.jpg);
}
/* contact */
body.theme15 {
	background-image:url(../resources/_internal/backgrounds/kontakt.jpg);
}
/* footwear */
body.theme16 {
	background-image:url(../resources/_internal/backgrounds/schuhe.jpg);
}

.home {
	background-image:url(../resources/_internal/layer/220white.gif);position: relative;
}

/* ###################  Layers ################################################################## */

.content-wide {
	background-image:url(../resources/_internal/layer/220trans_560white_210trans.png);
}

.content_wide_light {
	background-image:url(../resources/_internal/layer/220light_560white_210light.png);
}

.content_left_trans {
	background-image: url(../resources/_internal/layer/690trans_300white.png);
}

.content_right_white {
	background-image: url(../resources/_internal/layer/780trans_210white.png);
}

.content_full_trans {
	background-image: url(../resources/_internal/layer/990trans.png);
	
}

.content-wide .content,
.content_wide_light .content {
	float:left;
	display: inline;
	padding: 0 0 15px 0;
	width: 560px;
}

#selection	{
	background: url(../resources/_internal/layer/bg_selection.png) !important;
	background: #e6e6e6;
}

#sortierung	{
	background: #e6e6e6;
}

/* Form Elements */
/* Search Dealer */
#register	{
	margin: 10px 0 0 0;
}

.left_column	{
	margin: 0 0 0 17px;
	float: left;
	display: inline;
	width: 260px;
}

.right_column	{
	float: left;
	display: inline;
	width: 200px;
	color: #808080;
}

.search_tip	{
	font-size: 10px;
}

.left_column label,
.left_column input,
.left_column select,
.left_column .checkbox {
	font-size: 10px;
	margin: 0 6px 6px 0;
}

/* ###################  Store Search ################################################################## */



.search_stores #register .left_column input {
	width: 145px;
	background: #ffffff;
	color: #808080;
}

.search_stores #register .left_column select {
	width: 150px;
	background: #ffffff;
	color: #808080;
}

.search_stores #register .left_column label,
.left_column .checkbox,
.terms span {
	width: 80px;
	display: block;
	float: left;
	display: inline;
	color: #000000;
	padding: 2px 0 0 0;
}

.search_stores #register .left_column .buttons {
	margin: 10px 0 0 0;
	text-align: left;
}

.search_stores #register .left_column .buttons .submit {
	width: 63px;
	height: 16px;
	border: none;
	margin: 0 40px 0 0;
	padding: 0 0 0 0;
	float: right;
	background-color: transparent;
}

.search_stores #register .left_column .buttons .new_stores {
	width: 69px;
	height: 9px;
	border: none;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	background-color: transparent;
}


/* ###################  Login  ################################################################## */

.login	{
	padding: 10px 0 0 20px;
}

.login a,
.rightnav .contact a	{
	text-decoration: none;
	color: #000000;
	padding: 0 0 0 8px;
	margin: 0;
	background-image: url(../resources/_internal/nav/blackarrow_right.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
}

.login #register {
	margin-bottom: 20px;
}

.login #register p	{
	margin: 4px 0 4px 0;
	font-size: 11px;
	color: #808080;
}

.login #register input	{
	font-size: 11px;
	color: #808080;
}

.login label	{
	display: block;
	float: left;
	width: 100px;
	margin: 2px 0 0 0;
}

.login .buttons	{
	width: 100px;
	margin: 20px 0 0 150px;
}

.rightnav .contact	{
	margin: 45px 0 0 0;
	padding: 0 0 40px 0;
}

.rightnav .contact p	{
	margin: 10px 0 10px 0;
	color: #333333;
}