/*
	wohh.de
	main design
	
	Warki IT, TYPO3 developping and more
	(C) 2008-2009 Anton Warkentin
*/

/*
	:: main ::
*/
body {	
	padding: 0;margin: 0;	
	background: #ffffcc url(/fileadmin/wohh/style/background.gif) top left repeat;	
	height:auto !important; min-height: 100%;
	position: relative;			
	font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10pt;
}
* html body {
  background-image: url(http://wohh.de/footlocker-wohh.gif);
	
}
/*
	:: links ::	
*/
a, a:link {
	
}

a:hover, a:focus, a:active {
	outline: none;
}

input {
  padding: 0.25em;
}

.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}
.text_center {
  text-align: center;
}

/*
	:: various ::
*/
.clear {clear: both;}
.clear_left {clear: left;}
.clear_right {clear: right;}
.right {float: right;}
.left {float: left;}

img {
	border: none;
}
/*
	:: topics ::
*/
h1 {
	color: #998C6C;	
	text-transform: uppercase;
	font-size: 14pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h2 {
	color: #998C6C;			
	border-bottom: 1px solid #DBD7CC;
	margin: 1em 0 0.5em 0;
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
}
h3 {
	color: #998C6C;
	font-size: 10pt;
	display: inline;
}
h4 {
  font-size: 10pt;
  color: #000;
}
/*
	:: banner ::
*/
#page_banner {
  position: relative;
  min-height: 500px;
}
#banner_top {
  margin: 20px 0 20px 0;
  text-align: center;
}
#banner_bottom {
  margin: 20px 0 0 0;
  text-align: center;
}

.banner_content_top {
  text-align: center;
}
#banner_right {
  position: absolute;
  top: 2px;
  bottom: 200px;
  z-index: 1;
  margin: 0 0 0 515px;
  left: 50%;
}
#banner_left {
  margin: 0 1% 0 1em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 200px;
  z-index: 1;
}
.banner_news {
  text-align: center;
  margin: 1em 0;
}

/*
	:: site structure ::
*/
.head {
padding: 0;	
margin: 0 auto;
	max-width: 1200px;
	background: transparent url(/fileadmin/wohh/style/head-trans.png) left top no-repeat;	
}
	.head_background {
		background: transparent url(/fileadmin/wohh/style/head_background_right-trans.png) top right no-repeat;
		padding: 2px 0;
		margin: 0 -10px 0 0
	}
	
	.head .website,
	.skip {
		position:absolute;left:-1000em;top:-1000em;
	}
	
	.head .homelink {
		display: block;
		min-width: 850px;
	}
		.head .homelink img {
			border: none;	
		}

div#page {
	background: transparent url(/fileadmin/wohh/style/page_bottom-trans.png) bottom left no-repeat;
	width: 800px;
	margin: 0 0 0 -400px;
	left: 50%;
	position: relative;
	padding-bottom: 20px;
	z-index: 10;
}
	div#page_backtop {background: transparent url(/fileadmin/wohh/style/page_top-trans.png) top left no-repeat; padding-top: 20px;}
	div#page_back {background: transparent url(/fileadmin/wohh/style/page_middle-trans.png) top left repeat-y; padding: 0 10px;}

	div#left {
		width: 140px;
		float: left;
		padding: 0 10px 0 0;
	}
		#left h1#cat {
			color: #ffffff;
			padding-left: 10px;

			background-repeat: no-repeat;
			background-position: top center;
		}
		
		#left h1 a {
 			display: block;
			height: 70px;
		}
		
		#left h1 span {
  			font-size: 9pt;
  			display: none;
		}
		#left h2 {
			color: #998C6C; background: #F5F4F1 url(/new/fileadmin/wohh/media/wohh/left_h2.gif);
			padding: 0 10px;
			margin: 12px -5px 5px 0;	
			line-height: 20px;
		}
                #left h2.first {
                  margin-top: 0;
                }
                
		#left h4 {
		  margin-bottom: 1em;
		}
		#left p {
			padding: 0 10px;
		}
		#left input {
		  width: 120px;
		}

		
		#left form input {
		}
	div#main {
		margin-left: 150px; padding: 0 10px;
		text-align: left;
	}
		#main #copyright {
			
clear: both;
color: #998C6C;
			border-top: 1px solid #DBD7CC;
			margin: 1em 160px 0 5px; padding: 0.25em 0 1em 0.25em;
			font-size: 8pt;
		}
		#main div#content {
			margin-right: 160px;
			background: white;
		}
		#main div#content_top {
			margin-bottom: 2em;
		}
		#main div#content_right {
			float: right;
			width: 140px;
			text-align: right;
			padding: 0 0 0 7px;
margin: -13px 0 0 0;
			border-left: 1px solid #ddd;
		}
#main div#content_right h2.first {
  margin: -16px 0 0.5em 0;
}
#main #content_right p {
  font-size: 0.8em;
  text-align: left;
}
#main #content_right p a {
  display: block;
  padding: 0.25em 0;
}
#content_right ul {
  font-size: 0.8em;
  text-align: left;
}
#content_right ul li {
  color: #988C6D;
  list-style: outside disc;
  margin-left: 1em
}

div#space {
	padding-bottom: 8em;
}

/*
	:: navigation ::
*/
/* 
	-- main navi --
*/
	.mainnav {
margin: 0;padding: 0 1%;
		min-width: 784px;
overflow: auto;
width: 100%;
	}
		.mainnav li {
			margin: 0; padding: 0;background: transparent url(/fileadmin/wohh/style/mainnav_li_background-trans.png) top right no-repeat;
			display: inline-block;
			width: 12.25%;
			line-height: 50px;
float: left;
		}
			*+html .mainnav li,
			*html .mainnav li {
				float: left;	
			}
			.mainnav li.first {
				
			}
			
			.mainnav li.last {
				
			}
			
			.mainnav a {
				background: transparent url(/fileadmin/wohh/style/mainnav_community-trans.png) no-repeat top left;
				display: block;
				text-decoration: none;
				color: #900;
				font: bold 10pt/50px Verdana, Tahoma, Arial, sans-serif;
				
			}
				.mainnav a span {
					background: transparent url(/fileadmin/wohh/style/mainnav_background-trans.png) top left repeat-x;
					display: block;
					text-align: center;
					margin: 0 14px 0 50px;
				}
				
				.mainnav a:active,
				.mainnav a:focus,
				.mainnav a:hover {
					text-decoration: underline;
				}
				
			.mainnav li.u79 a {
				background-image: url(/fileadmin/wohh/style/mainnav-news-trans.png);	
			}
				.mainnav li.u79 a:focus,
				.mainnav li.u79 a:active,
				.mainnav li.u79 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-news-hover-trans.png);	
				}
			.mainnav li.u86 a {
				background-image: url(/fileadmin/wohh/style/mainnav-community-trans.png);	
			}
				.mainnav li.u86 a:focus,
				.mainnav li.u86 a:active,
				.mainnav li.u86 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-community-hover-trans.png);	
					
				}
			.mainnav li.u78 a {
				background-image: url(/fileadmin/wohh/style/mainnav-shop-trans.png);	
			}
				.mainnav li.u78 a:focus,
				.mainnav li.u78 a:active,
				.mainnav li.u78 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-shop-hover-trans.png);	
				}
			.mainnav li.u83 a {
				background-image: url(/fileadmin/wohh/style/mainnav-music-trans.png);	
			}
				.mainnav li.u83 a:focus,
				.mainnav li.u83 a:active,
				.mainnav li.u83 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-music-hover-trans.png);	
				}
			.mainnav li.u82 a {
				background-image: url(/fileadmin/wohh/style/mainnav-sport-trans.png);	
			}
				.mainnav li.u82 a:focus,
				.mainnav li.u82 a:active,
				.mainnav li.u82 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-sport-hover-trans.png);	
				}
			.mainnav li.u85 a {
				background-image: url(/fileadmin/wohh/style/mainnav-style-trans.png);	
			}
				.mainnav li.u85 a:focus,
				.mainnav li.u85 a:active,
				.mainnav li.u85 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-style-hover-trans.png);	
				}
			.mainnav li.u84 a {
				background-image: url(/fileadmin/wohh/style/mainnav-grafitti-trans.png);	
			}	
				.mainnav li.u84 a:focus,
				.mainnav li.u84 a:active,
				.mainnav li.u84 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-grafitti-hover-trans.png);	
				}
			.mainnav li.u81 a {
				background-image: url(/fileadmin/wohh/style/mainnav-technik-trans.png);	
			}
				.mainnav li.u81 a:focus,
				.mainnav li.u81 a:active,
				.mainnav li.u81 a:hover {
					background-image: url(/fileadmin/wohh/style/mainnav-technik-hover-trans.png);	
				}

	
/*
	-- breadcrump --
*/

ul#bread {
	border-bottom: 1px solid #998C6C;
	margin: 0 5px 1em 0;
}
	ul#bread li {
		list-style: none;
		display: inline;
		font-size: 8pt;
		color: #998C6C !important;
		padding-right: 0.5em;
	}
		ul#bread li a, ul#bread li a:visited {
			text-decoration: none;
			color: #998C6C !important;
			font-size: 8pt;
			padding-right: 0.5em;
		}
			ul#bread li a:hover, ul#bread li a:focus, ul#bread li a:active {
				color: #998C6C;
			}
	ul#bread li.nospace {padding-right: 0}
/*
	-- leftnavi --
*/
#left ul {
	margin: 0 0 0 25px;
	padding: 0;
}
	#left ul li {
		color: #988C6D;
		list-style: outside disc;
	}
	#left ul li a, #left ul li a:visited {
		color: #000000 !important;
		text-decoration: none;
                display: block;
                margin-right: 10px;
                line-height: 1.3em;
	}
	#left ul li a:hover, #left ul li a:focus, #left ul li a:active {
		color: #F5F4F2;
		
	}

        #left ul li.active {
		list-style: circle !important;
	}


.globalnav {
	float: right;
	padding: 15px 1em;
	font: 10pt Verdana, Tahoma, Arial, sans-serif;
}
	.globalnav li {
		list-style: none;	
		display: inline;
		text-align: right;
		line-height: 1.5em;
	}
		.globalnav .umbruch {
			display: block;
		}
		.globalnav a {
			color: #663;
			background: transparent url(/fileadmin/wohh/style/75_transparent-trans.png);
			text-decoration: none;
		}
			.globalnav a:focus,
			.globalnav a:active,
			.globalnav a:hover {
				color: #900;
				text-decoration: underline;	
			}


	
/*
	-- simple navi --
*/
ul.simplenavi {
	text-align: center;
}
	ul.simplenavi li {
		display: inline;
	}
		ul.simplenavi a {
			color: #900;
			font: bold 9pt/47px Verdana, Tahoma, Arial, sans-serif;
			text-decoration: underline;
			padding: 0 1em;
			border-right: 0 solid #900;
		}
		ul.simplenavi li.last a {
			border-right: none;
		}