/*

	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
	wubet.com v1 CSS
	last edit: 12 Nov 2008
	copyright: philipp hofstätter, fietstouring.com
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 
	

*/


/* -- Basic HTML Elements -- */

* { margin:0; padding:0; }

body {
	font-family: Helvetica,Arial,Tahoma,sans-serif;
	font-size: 11px;
	color: #fff;
	background-color: #000;
	margin: 0 0 0 20px;
	}
	
ul, li { list-style-type:none;  }
a img { border:none; }
form { display:inline; }

a:link, a {
  text-decoration: none; 
  color: #999;
}

a:hover {
	color: #fff;
}

h2#collTitle a {
	color: #fff;
	font-weight:normal;
	text-decoration:none;
	font-style:normal;
}

h2#collTitle  {
	color: #fff;
	font-size: 10px;
	font-weight:normal;
	display:block;
	position:absolute;
	right:0;
	bottom:-1px;
	text-transform: uppercase;
}


/* -- Seitenlayout -- */

#container {
	position:relative;
	width: 802px;
	height:auto;
	margin: 0 auto;
	background: transparent url(logo_top.png) no-repeat 90px top;
}
	
div#logo {
	position:absolute;
	top: 548px;
	left: 100px;
	width: 165px;
	height: 52px;
}

div#logo h1 a {  /* wubet Logo */
	display:block;
	width: 165px;
	height: 52px;
	text-indent: -5000em;
	background: transparent url(wubet-logo-black.png) no-repeat top left;
	border:none;
	outline:0;
}

#content {
	position:relative;
	clear:both;
	width: 100%;
	height: 402px;
	padding-top: 20px;
	overflow:hidden;
}


/* =Main Navigation
**********************************************************************************/

ul#navigation { 
	width:100%;
	padding: 66px 0 0 0;
}

ul#navigation li { display:inline; margin:0; }

ul#navigation li a { 
	display:block;
	float:left;
	color: #999;
	text-decoration:none;
	font-weight:normal; 
	text-transform:uppercase;
	margin-right: 27px;
	font-size:10px;
	outline:0;
	font-style:normal;
}


ul#navigation li a.active { 
	color: #fff;
}

ul#navigation li a:hover {
	color: #fff;
}

ul#navigation li.switch a {
	margin-right:0;
	text-transform:none;
	outline:0;
}

#switch {
	background: transparent url(switch-black.png) no-repeat left top;
	outline:0;
}

/* =Content
**********************************************************************************/

/* WYSIWIG Text */

.textContainer {
	width:410px;
	height:324px;
	overflow:hidden;
	padding:0;
	line-height: 15px;
}

.textContent {
	height:auto;
}

.textContent p {
	margin: 0 0 10px 0;
}

#buttons {
	position:absolute;
	top: 370px;
	left: 0;
}

#up, #down {
	display:block;
	width: 6px;
	height: 6px;
	text-indent: -5000em;
	background: transparent url(up-black.png) no-repeat left top;
	cursor:pointer;
}

#down {
	margin-top: 5px;
	background: transparent url(down-black.png) no-repeat left top;
}

div.text-section ul { margin-bottom: 12px; }

div.text-section li { 
	list-style-type:disc; 
	list-style-position: outside;
	margin-bottom: 6px;
	margin-left: 15px;
	line-height: 15px; 
}


/* =COLLECTION NAV
**********************************************************************************/

.collNav {
	position:absolute;
	top: 23px;
	right:0;
	width: 200px;
	height: 400px;
	overflow:hidden;
}

dl.collTeaser { 
	margin: 0 0 5px 0;
} 

dl.collTeaser dt {
	float:left;
	width:46px;
}

dl.collTeaser dt a { 
	height: 46px;
	width: 46px;
	display:block;
	text-decoration:none;
	outline:0;
}

dl.collTeaser dd {
	margin-left: 53px;
}

dl.collTeaser dd a {
	text-decoration:none;
	font-style:normal;
	color:#fff;
	text-transform:uppercase;
	font-size: 10px;
}

/* image Startseite */

img#image {
	border: 1px solid #5f5f5f;
}

/* =SLIDESHOW
**********************************************************************************/

#main_image{ 
	margin:0;
	height: 400px;
	width: 600px;
	text-align:right;
	border: 1px solid #5f5f5f;
}

.galleria {	
	position:absolute;
	right:0;
	top: 20px;
	list-style-type:none;
	width:200px;
	height: 250px;
	overflow:hidden;
}

.galleria li {
	display:block;
	width:45px;
	height:46px;
	overflow:hidden;
	float:left;
	margin: 0 0 4px 4px;
}

.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}

/* Collections Nav */

div.info {
	position:absolute;
	right:0;
	bottom: 15px;
	font-size:10px;
}

span.nav a {
	color: #fff;
	font-style:normal;
	text-decoration:none;
	font-size: 10px;
	margin-left: 2px;
	outline:0;
}

/* Video Control */

#video-start {
	position:absolute;
	right:0;
	top: 370px;
	cursor:pointer;
	text-transform:uppercase;
	color: #fff;
	font-size: 10px;
}

#videoContainer {
	width: 600px;
	height: 400px;
	display:none;
	background:#000;
}


/* =EXTRAS (clears floats - do not edit or delete)
================================================ */
dl.collTeaser:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}