/* CSS Copyright by Mellowvibes Media GmbH Author Bastian Runge */


body {
background: url("images/bg_schoki.gif") top left repeat;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 11px;
text-decoration: none;
color: #ddd;
margin: 0 auto;
padding: 0;
}

div#wrap, div#header, div#content, div#wss_ad {
margin: 0 auto;
width: 900px;
}

img {
border: 0;
}

div#wrap {
background: #000;
border-color: #e68900;
border-width: 1px;
border-style: solid;
padding: 5px;
float: left;
margin: 0 0 0 20px;
}

.modul_content {
margin-left:-10px;
padding: 0 10px 0 0;
}

a {
text-decoration: none;
color: #FF9900;
}

a:hover {
border: none;
}

div#navi ul li a {
font-family: Arial, sans-serif;
color: #ff9902;
}

div#navi ul li a:hover {
color: #f3f3f3;
}

/* --- JAVASCRIPT ACTIVATION --- */

div#js {
width: 100%;
padding: 5px 0 0 0;
font-size: 12px;
text-align: center;
height: 25px;
background: red;
margin: 0 0 10px 0;
display: none;
}


/* --- ANZEIGE --- */

div#anzeige {
margin: 5px 0 5px 30px;
width: 900px;
height: 90px;
text-align: center;
}

/* --- HEADER --- */

div#header {
height: 163px;
width: 910px;
margin: -5px 0px 0px -5px;
}

div#logo {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
width: 910px;
height: 163px;
background: url("images/wsm_header_001.jpg");
margin: 0px 0px 0px 0px;
}


/* --- NAVI --- */

/*////////// ---------- NAVI SCRIPT ----------- //////////*/

ul#nav {
	border: 0 none;
	padding: 0;
	list-style: none;
	height: 25px;
	float: left;
}

ul#nav li {
	margin: 0 10px 0 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 20px;
}

* html ul#nav li {
	margin: 20px 5px 0 0;
}

ul#nav ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 200px;
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
}
/*From IE 7 lack of compliance*/
ul#nav ul:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#nav ul li {
	width: 200px;
	padding: 0;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	z-index: 999;
}

ul#nav a {
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: none;
	color: #000;
 	font-size: 13px;
 	font-weight: bold;
  	text-decoration: none;
  	height: 20px !important;
  	height: 20px; /*For IE*/
  	border: none;
}

ul#nav a:hover, ul#nav li:hover a, ul#nav li.iehover a {
  	background: #000;
  	color: #f3f3f3;
}

ul#nav li:hover li a, ul#nav li.iehover li a {
  	float: none;
  	background: #000;
  	color: #ffb503;
  	top: 5px;
  	padding: 2px 0 0 5px;
  	/* border: 1px solid #FF820E; */
}

ul#nav li:hover li a:hover, ul#nav li.iehover li a:hover {
 	 color: #ccc;
  	background: #000;
}

ul#nav li:hover ul, ul#nav li.iehover ul {
  	display: none;
}

ul#nav li:hover ul, ul#nav li.iehover ul {
 	display: block;
}
/*////////// ---------- NAVI SCRIPT ENDE ----------- //////////*/



div#navi {
padding: 0 0 10px 10px;
margin: 0 0 0 -5px;
height: 25px;
width: 900px;
background: #000;
border-bottom: 1px solid #e68900;
}

/* --- CONTENT --- */

div#content {
margin: 0;
}

.artikelbox p {
color: #ddd;
}

div#content_wrap {
width: 900px;
clear: both;
}

div#left {
float: left;
width: 300px;
margin: 0 5px 0 0;
overflow: hidden;
}

div#right {
float: right;
width: 585px;
}

div#content_wrap img, .artikelbox img, .artikelbox_vorschau img, div#jamreports img {
padding: 0 4px 0 0; // all images inside the content boxes
}

div#content_wrap ul {
padding: 0;
list-style: none;
}


h2#head_win, h2#head_interviews, h2#head_center_ad, h2#head_shortdirect, h2#head_reviews, h2#head_media, h2#head_blog, h2#head_gallery, h2#head_events, h2#head_news, h2#head_shortnews, h2#head_jamreports, h2#con, h2#site_con {
height: 25px;
}

h2.con {
width: 595px;
margin: 5px 0 0 0;
}

* html h2.con {
width: 555px;
margin: 5px 0 0 0;
}

h2.site_con {
width: 300px;
margin: 5px 0 0 0;
}

div.con {
width: 585px;
padding: 5px 0 0 10px;
background: url(images/contentbg.jpg) top center repeat-x;
}


* html div.con {
width: 580px;
padding: 5px 0 0 0;
margin: 0;
background: url(images/contentbg.jpg) top center repeat-x;
}

div.site_con {
padding: 5px 0 0 10px;
}

h2#head_news {
margin: 5px 5px 0 0;
width: 520px;
background: url("images/news_top.png") top left no-repeat;
float: left;
}

h2#head_shortnews {
margin: 0;
width: 350px;
float: right;
}

div#news {
margin: 1px 0 0 0;
width: 495px;
height: 190px;
background: url("images/news.png") top left no-repeat;
padding: 5px 10px;
float: left;
}

div#shortnews {
z-index: 0;
margin: -21px 0 0 0;
width: 380px;
height: 220px;
background: #000;
color: #fff;
float: right;
overflow: hidden;
}

h2#head_win {
margin: 5px 0 0 0;
width: 300px;
background: url("images/win_top.png") top center no-repeat;
float: left;
}

h2#head_interviews {
margin: 5px 0 0 5px;
background: url("images/interviews_top.png") top center no-repeat;
width: 595px;
float: right;
}

div#win {
margin: 1px 5px 0 0;
padding: 5px 10px 0 10px;
width: 280px;
background: url("images/win.png") top left no-repeat;
float: left;
}

div#interviews {
margin: 1px 0 0 0;
padding: 5px 10px 0 10px;
width: 575px;
background: url("images/interview.png") top left no-repeat;
float: left;
}

div#interviews img {
margin-top: 2px;
}

h2#head_center_ad {
margin: 5px 5px 0 0;
background: url("images/werbung_top.png") top center no-repeat;
width: 300px;
float: left;
}

h2#head_shortdirect {
margin: 5px 0 0 0;
background: url("images/shortdirect_top.png") top center no-repeat;
width: 295px;
float: left;
}

h2#head_reviews {
margin: 5px 0 0 5px;
background: url("images/reviews_top.png") top center no-repeat;
width: 295px;
float: right;
}

div#center_ad {
margin: 1px 5px 0 0;
width: 300px;
height: 250px;
float: left;
}

div#shortdirect {
margin: 1px 0 0 0;
padding: 5px 10px 0 10px;
width: 275px;
height: 250px;
background: url("images/review.png") top left no-repeat;
float: left;
}

div#reviews {
margin: 1px 0 0 0;
padding: 5px 10px 0 10px;
width: 275px;
height: 250px;
background: url("images/review.png") top left no-repeat;
float: right;
}

* html div#reviews {
padding: 5px 10px 0 0;
}

div#wss_ad {
color: #000000;
z-index: 999;
margin: 0px 0px 0px 0px;
padding: 35px 0px 0px 380px;
width: 520px;
height: 168px;
background: url("images/wss_bg.jpg") no-repeat;
border-top: 1px dashed #e68900;
border-bottom: 1px dashed #e68900;
float: left;
text-align: right;
font-size: 11px;
font-family: Arial Black, Arial, sans-serif;
overflow: hidden;
}

div#wsm_header_ad {
z-index: 0;
margin: auto;
padding: auto;
height: 100px;
width: 905px;
background: black;
border-top: 1px dashed #e68900;
border-bottom: 1px dashed #e68900;
float: left;
align: center;
}


div#wss_ad_content {
	float: left;
	width: 250px;
}

div#wss_ad_pic {
	float: left;
}

div#wss_ad_text {
	float: left;
	margin: 0 0 0 5px;
	width: 120px;
}

div#blog, div#gallery, div#events {
height: 250px;
}

h2#head_blog {
margin: 5px 5px 0 0;
background: url("images/jamreports_top.png") top center no-repeat;
width: 300px;
float: left;
}

h2#head_gallery {
margin: 5px 5px 0 0;
background: url("images/gallery_top.png") top center no-repeat;
width: 295px;
float: left;
}

h2#head_media {
margin: 5px 0 0 0;
background: url("images/media_top.png") top center no-repeat;
width: 295px;
float: right;
}

div#jamreports {
margin: 1px 5px 0 0;
padding: 5px 10px 0 10px;
width: 280px;
float: left;
background: url("images/blog.png") top left no-repeat;
}

div#gallery {
margin: 1px 5px 0 0;
padding: 5px 0 0 10px;
width: 285px;
float: left;
background: url("images/gallery.png") top left no-repeat;
}

div#gallery * img, div#wss_ad * img {
border: 0px;
}

div#gallery img { margin-bottom: 4px; }

div#media {
margin: 1px 0 5px 0;
padding: 5px 10px 0 10px;
width: 275px;
float: right;
background: url("images/media.png") top left no-repeat;
height: 250px;
}

* html div#media {
padding: 5px 10px 0 0;
}

h2#head_events {
margin: 10px 0 0 0;
width: 595px;
float: left;
background: url("images/events_top.png") top left repeat-x;
}

h2#head_jamreports {
margin: 5px 0 0 0;
width: 300px;
float: right;
background: url("images/blog_top.png") top left repeat-x;
}

div#events {
margin: 1px 0 0 0;
padding: 5px 0;
width: 595px;
float: left;
background: url("images/media.png") top left repeat-x;
}

div#blog {
margin: 1px 0 0 0;
padding: 5px 10px 0 10px;
width: 280px;
float: right;
background: url("images/jamreports.png") top left repeat-x;
}

div#blog ul li {
margin-left: -25px;
}

div.con artikelbox {
	width: 200px;
} 

.artikel_kommentare {
	padding-left: 10px;
}

/* --- SKY AD --- */

div#skyad {
float: left;
margin: 0 0 0 5px;
height: 160px;
}

/* --- SKY AD END --- */

/* --- FOOTER --- */

div#footer {
clear: both;
text-align: center;
margin: 0 0 20px 0;
padding: 5px 0 10px 0;
height: 60px;
}

div#footer div#links, div#footer div#copyright {
text-align: center;
margin: 5px 0 0 -5px;
padding: 5px 10px;
width: 890px;
height: 15px;
}

div#footer div#links {
background: #ba5600;
color: #000;
}

div#footer div#links a {
color: #000;
font-weight: bold;
border: none;
}

div#footer div#links a:hover {
color: #eee;
}

div#footer div#copyright {
background: #333;
}

/* buffer ausgabe test */
.artikelbox h2, .artikelbox p { 
padding: 0;
margin: 0;
}

.newsshort {
text-decoration: underline;
padding-top: 40px;
}