/**********************************************************************************************************************/
/**																																						**/
/**																																						**/
/**	SOUND7.DE - RELAUNCH 2008 - styles.css [Screen Main CSS-File]																**/
/**																																						**/
/**																																						**/
/**********************************************************************************************************************/

/*navi CSS-File*/

.realgrey a .item{
	height: 30px;
}

.yui-navset {
	padding-left: 400px;
	margin-top: 0px;
	top: -11px;
	width: 586px;
	height: 48px;
}

#demo .yui-content {
	color: #3E3E40;
	border: 0px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	height: 24px;
	margin-top: -5px;
	z-index: 100;
}

#demo .home {
	background:#AAAAAA;
}

#demo .magazine {
	background:#BDBDBD;
}

#demo .meet {
	background:#E8E8E8;
}

#demo .service {
	background:#F3F3F3;
}

#demo .yuimessage {
	background:#DBDBDB;
}

#demo .shop {
	background:#F3F3F3;
}

#demo .yui-nav{
	height: 24px;
}

#demo .yui-nav a {
	background:#D8D8D8;
	border-color:#111111;
	border-style:solid;
	border-width: 0px;
	color:#3E3E40:
	font-weight:bold;
	position:relative;
	text-decoration:none;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 8px;
	padding-right: 8px;
}
#demo .yui-nav a em{
	border-top-width: 0px;
	color: #3E3E40;
	padding: 0px;
}


#demo .yui-nav .home {
	background:#AAAAAA;
}

#demo .yui-nav .magazine {
	background:#BDBDBD;
}

#demo .yui-nav .meet {
	background:#E8E8E8;
}

#demo .yui-nav .service {
	background:#F3F3F3;
}

#demo .yui-nav .yuimessage {
	background:#DBDBDB;

}

#demo .yui-nav .shop {
	background:#F3F3F3;
}

#demo .yui-nav .selected {
	margin:0pt 0.16em -2px 0pt;
}


#demo .yui-content div {
	font-weight:normal;
	color: #3E3E40
	border: 0px;
	padding: 5px;
	margin: 0;
}
#demo .yui-content div a{
	color: #3E3E40;
	font-weight:bold;
}

#demo .yui-nav {
	border-color:#304060;
	border-style:solid;
	border-width:0pt 0pt 0px;
}

#demo .yui-nav li{
	margin-right: 2px;
}

b{
	font-weight: bold;
}

.modul_720_article {
	color:#333333;
	float:left;
	font-family:Arial;
	font-size:8pt;
	height:auto;
	width:715px;
	padding-right:0px;
}





/*

WEB 2.0 Colors (Januar 2008)

Shiny silver [#F9F7ED]
(Magnolia Mag.nolia [#F9F7ED])
Interactive action yellow [#FFFF88]
Qoop Mint [#CDEB8B]
(Gmail blue [#C3D9FF])
Shadows Grey [#36393D]

Ruby on Rails Red [#D01F3C]
Etsy Vermillion [#D15600]
43 Things Gold [#C79810]
Writely Olive [#73880A]
Basecamp Green [#6BBA70]
Mozilla Blue [#3F4C6B]
Digg Blue [#356AA0]
Last.fm Crimson [#D01F3C]
*/

/* in use:

music: C71219
message: C71219
meet: C71219;
grau: F9F7ED
rot: C71219

ROT: #C71219
*/



/*********************************************************************************************************************/
/* --> Allgemeine Formatierungen																													*/
/*********************************************************************************************************************/
html, body, label, div, span, p, a, td, form, fieldset, li, option {
	font: 8pt Arial,Verdana,Tahoma;
}

img {
	border-width: 0px;
}

a .hover, a .active, a {
	border-width: 0px;
	color: #00CC66;
}


a img {
	border-width: 0px;
}

.vspace {
	height: 4px;
}

.hspace {
	width: 4px;
	float: left;
}

/* Unsichtbares IVW-Pixel (Muss absolut positioniert werden, da es sonst im Firefox das Layout verschiebt) */
.IVW {
	position: absolute;
}

#statistics {
	position: absolute;
	top: -10px;
	left: -10px;
}

hr {
	border-width: 0px;
	padding: 0px;
	background-color: #333;
	color: #333;
	height: 1px;
	margin-top: -4px;
}

hr.vspace {
	border-width: 0px;
	background-color: #333;
	color: #333;
	height: 1px;
}

#site {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* Obere Zeile (Linkzeile + Suche) */
#toprow {
	width: 100%;
	height: 40px;
	overflow: hidden;
	margin-bottom: 4px;
	background-color: #F0F0F0;
	margin: 0 auto;
	text-align: center;
}

#toprow_content {
	width: 984px;
	color: #fff;
	height: 37px;
	overflow: hidden;
	margin-left: 7px;
	margin: 0 auto;
}

#toprow a {
	letter-spacing: +1px;
	color: #75747C;
	font-weight: normal;
	text-decoration: none;
	font: 8pt Arial;
}

#toprow a:hover, #toprow a:active {
	color: #75747C;
	font-weight: normal;
	text-decoration: underline;
	font: 8pt Arial;
}

.toprow_left {
	float: left;
	margin-top: 15px;
	margin-left: 2px;
	color: #fff;
	font: 8pt Arial;
}

.toprow_right {
	float: right;
	margin-top: 12px;
	margin-right: 4px;
	color: #333;
	font: 8pt Arial;
}

#rss_icon {
	margin-right: 5px;
	margin-top: -2px;

}

#finden_button {
	margin-left: 3px;
	margin-bottom: 2px;
}

#top_searchfield {
	float: left;
	letter-spacing: +1px;
	border-bottom: 0px;
	border-right:0px;
	border-color: #eeeeee;
	height:13px;
	padding-left:3px;
	padding-top:3px;
}



/* Kopfbereich (Logo, Banner) */
#header {
	width: 998px;
	height: 95px;
	text-align: left;
	overflow: hidden;
}

.grey {
border-left: solid 1px #eee;
border-right: solid 1px #eee;
border-bottom: solid 1px #eee;
padding: 5px;
margin-bottom: 5px;
}

.searchboxgrey {
 height : 352px;
}

/* background-image:url(data/layout/images/header_background_2008.png); */         /* Logo */
#logo {
	width: 407px;
	height: 60px;
	position: relative;
	left: 7px;
	top: 12px;
	float: left;
	overflow: hidden;
}

/* Banner */
#banner {
	height: 80px;
	position: relative;
	right: 13px;
	top: 13px;
	float: right;
	overflow: hidden;
}

/* Menü */
#menu {
	width: 780px;
	height: 50px;
	margin-left: 7px;
	position: relative;
	top: 11px;
	float: left;
	overflow: hidden;
	display: none;
}

/*     #menu {
	width: 780px;
	height: 50px;
	position: absolute;
	top: 133px;
	left: 7px;
	float: left;
	overflow: hidden;
}

*/     /* Contentbereich */
#main_background {
	width: 998px;
	height: auto;
	min-height: 590px;
}

/* background-image:url(data/layout/images/content_background_2008.png); background-repeat: repeat-y; */
#main {
	margin-left: 12px;
	text-align: left;
	height: auto;
	min-height: 590px;
	width: 974px;
}

/* '* html' wird nur vom IE interpretiert, alle anderen Browser ignorieren es */
* html #main_background {
	height: 590px;
}

/* Obere Zeile (Linkzeile + Suche) */
#bottomrow {
	width: 998px;
	height: 35px;
	text-align: right;
	vertical-align: text-bottom;
	overflow: hidden;
}

/* background-image:url(data/layout/images/shadow_bottom_2008.png); background-repeat:no-repeat; */
#bottomrow a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
	font: 8pt Arial;
}

#bottomrow a:hover, #bottomrow a:active {
	color: #333;
	font-weight: normal;
	text-decoration: underline;
	font: 8pt Arial;
}

#werbung {
	width: 160px;
	height: auto;
	position: absolute;
	top: 192px;
	left: 800px;
	overflow: hidden;
	display: none;
}

/*********************************************************************************************************************/
/* --> Suchformular & allgemeine Formular																										*/
/*********************************************************************************************************************/
form {
	margin: 0px;
}

form input, select, submit, textarea {
	color: #4A4A4A;
	font: 7pt Arial;
}

/*********************************************************************************************************************/
/* --> "Breadcrums"-Navigationsleiste																											*/
/*********************************************************************************************************************/
#breadcrumbs {
	width: 100%;
	height: 18px;
	overflow: hidden;
	vertical-align: middle;
	background-color: #C71219;
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-weight:bold;
	padding-left:3px;
	padding-top:1px;
	margin-top: -11px;
	margin-left: -11px;
	width: 523px;
}

#breadcrumbs_channel {
	width: 100%;
	height: 18px;
	overflow: hidden;
	vertical-align: middle;
	background-color: #C71219;
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-weight:bold;
	padding-left:3px;
	padding-top:1px;
	width: 521px;
}

#breadcrumbs_fullwidth {
	width: 100%;
	height: 18px;
	overflow: hidden;
	vertical-align: middle;
	background-color: #C71219;
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-weight:bold;
	padding-left:3px;
	padding-top:1px;
	margin-left:-6px;
margin-top:-6px;
width:779px;
}

#breadcrumbs a, #breadcrumbs_channel a, #breadcrumbs_fullwidth a {
	color: #ffffff;
	font-size:15px;
	font-weight:bold;
	padding-left:3px;
	padding-top:1px;
}

/*********************************************************************************************************************/
/* --> Modul-Container - Mit Überschrift(-balken), umfasst mehrere, kleinere Module												*/
/*							(z.B. soundcheck) ODER ein größeres (z.B. Events)																*/
/*********************************************************************************************************************/
.container_gallery {
	width: 770px;
	height: 104px;
	overflow: hidden;
}

/* \"Neuste Galerien\" Modul-Container im 3-spalter Layout */
.container_gallery_254 {
	width: 254px;
	height: 211px;
	overflow: hidden;
	float: left;
}

/*132*/     /* \"Container News\" Modul-Container über die ganze SOUND7.DE - Layoutbreite */
.container_news {
	width: 770px;
	height: 153px;
	overflow: hidden;
}

/* \"Container News\" Modul-Container über die 2/3 der SOUND7.DE - Layoutbreite */
.container_news_512 {
	width: 512px;
	height: 298px;
	overflow: hidden;
	float: left;
}

/* \"Container News Archiv\" Modul-Container über die 2/3 der SOUND7.DE - Layoutbreite */
.container_news_archiv {
	width: 512px;
	height: 211px;
	overflow: hidden;
	float: left;
}

/* 254px Container - für RedBlogg */
.container_redblogg {
	width: 254px;
	height: 298px;
	overflow: hidden;
	float: left;
}

/* 168px Container - für 3-spalter Layout [Umfrage] */
.container_168 {
	width: 168px;
	height: 316px;
	overflow: hidden;
	float: left;
}

/* 254px Container - für 3-spalter Layout [z.b. soundcheck, specialbox] */
.container_254 {
	width: 254px;
	height: 211px;
	overflow: hidden;
	float: left;
}

/* 254px Container - für 3-spalter Layout */
.container_254x104 {
	width: 254px;
	height: 104px;
	overflow: hidden;
}

/* 254px Container - für 3-spalter Layout [Artists Startseite] */
.container_254x409 {
	width: 254px;
	height: 409px;
	overflow: hidden;
	float: left;
}

/* 254px Container - für 3-spalter Layout [z.b. soundcheck, specialbox] */
.container_254x531 {
	width: 254px;
	height: 531px;
	overflow: hidden;
	float: right;
}

/* 254px Container - für 3-spalter Layout [z.b. soundcheck, specialbox] */
.container_254x830 {
	width: 254px;
	height: 830px;
	overflow: hidden;
	float: right;
}

/* 254px Container - für 3-spalter Layout [z.b. soundcheck, specialbox] */
.container_254x956 {
	width: 254px;
	height: 956px;
	overflow: hidden;
	float: right;
}

/* 254px Container auto height - für 3-spalter Layout [z.b. tracklist soundcheck] */
.container_254_auto {
	width: 254px;
	height: auto;
	overflow: hidden;
}

.container_254_right {
	width: 254px;
	height: auto;
	overflow: hidden;
	float: right;
}

/* 512px Container - für 3-spalter Layout [bisher nur für soundcheck] */
.container_512 {
	width: 512px;
	height: 211px;
	overflow: hidden;
	float: left;
}

/* 512px Container - für 3-spalter Layout] */
.container_512_auto {
	width: 512px;
	height: auto;
	overflow: hidden;
	text-align: left;
}

/* 512px Container - für 3-spalter Layout] */
.container_512_left {
	width: 512px;
	height: auto;
	overflow: hidden;
	float: left;
}

/* 512px Container - für 3-spalter Layout] */
.container_512_right {
	width: 512px;
	height: auto;
	overflow: hidden;
	float: right;
}

/* Container über die ganze SOUND7.DE - Layoutbreite */
.container_770 {
	width: 785px;
	height: 211px;
	overflow: hidden;
}

#bannerneu {
	display:block;
	float:right;
	width: 185px;
	height: 810px;
	background-color:#E8E8E8;
	padding:auto;
}

#bannerneu p{
	float:right;
	display:block;
	margin-right: 3px;
	margin-top: 3px;
}

#bannercontent{
	display:block;
	margin:auto;
	margin-top:25px;
	height: 600px;
	width: 150px;
}

#bannercontent iframe{
	margin-left:-5px;
}


.donate {
	display:block;
	text-align:center;
	background-color:#C71219;
	font-weight:normal;
	font-size:10pt;
	color:#fff;
	padding:5px;
	width:498px;
	margin-top:4px;
	margin-bottom:4px;
	letter-spacing:0.05em;
}

.donate a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:10pt;
}

.donate a:hover{
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	font-size:10pt;
}

.donate a:active{
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
	font-size:10pt;
}

/*********************************************************************************************************************/
/* --> Modul-Container Überschriften (Rubrikfarben)																						*/
/*********************************************************************************************************************/
.headline_magazine, .headline_artists, .headline_service, .headline_message, .headline_meet, .headline_music, .headline_home, .headline_forum{
	width: 100%;
	height: 19px;
	background-color: #C71219;
	overflow: hidden;
}

.headline_magazine a, .headline_artists a, .headline_service a, .headline_message a, .headline_meet a, .headline_music a, .headline_home a, .headline_forum a{
	color: #ffffff;
	font-weight:bold;
	font-size:15px;
	padding-left:3px;
	padding-top:1px;
	display:block;
}

.headline_magazine a:hover, .headline_artists a:hover, .headline_service a:hover, .headline_message a:hover, .headline_meet a:hover, .headline_music a:hover, .headline_home a:hover, .headline_forum a:hover{
	color: #ffffff;
	font-weight:bold;
	font-size:15px;
	padding-left:3px;
	padding-top:1px;
	display:block;
}


.headline_grey {
	width: 100%;
	height: 19px;
	background-color: #333;
	overflow: hidden;
	line-height: 19px;
	vertical-align: middle;
	color: #FFF;
	font: 8pt Arial;
}

/*********************************************************************************************************************/
/* --> Hintergrundflächen (Rubrikfarben/grau)																								*/
/*********************************************************************************************************************/
.modulbackground_magazine, .modulbackground_music {
	width: 100%;
	height: 60px;
	background-color: #C71219;
}

.modulbackground_home {
	width: 100%;
	height: 60px;
	background-color: #353C56;
}

.modulbackground_Magazin_soundcheck {
	width: 154px;
	margin-left: 100px;
	height: 92px;
	background-color: #C71219;
}

.modulbackground_Magazin_soundcheck_60 {
	width: 193px;
	margin-left: 190px;
	height: 60px;
	background-color: #C71219;
}

/* .modulbackground_artists {
	width: 129px;
	height: 54px;
	margin-left: 125px;
	background-color: #E8E8E8;
}

*/
.modulbackground_soundcheck {
	width: 192px;
	height: 62px;
	margin-left: 62px;
	background-color: #E8E8E8;
}

.modulbackground_grey {
	width: 100%;
	height: 60px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_auto {
	width: 244px;
	height: auto;
	padding:5px;
	background-color: #E8E8E8;
	color: #333;
}

.bg_grey_783 {
	width: 244px;
	height: 773px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_508 {
	width: 498px;
	height: auto;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_607 {
	width: 244px;
	height: 597px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_481 {
	width: 244px;
	height: 471px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_287 {
	width: 244px;
	height: 277px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_287x168 {
	width: 158px;
	height: 277px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_269 {
	width: 244px;
	height: 259px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_224 {
	width: 244px;
	height: 214px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_215 {
	width: 244px;
	height: 205px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_125x215 {
	width: 118px;
	height: 205px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_182 {
	width: 244px;
	height: 172px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_770x182 {
	width: 775px;
	height: 172px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_138 {
	width: 244px;
	height: 128px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_193x132 {
	width: 183px;
	height: 122px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_100 {
	width: 373px;
	height: 90px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_254x100 {
	width: 244px;
	height: 90px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_340x100 {
	width: 330px;
	height: 90px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_75 {
	width: 244px;
	height: 65px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_70 {
	width: 100%;
	height: 70px;
	background-color: #E8E8E8;
}

.bg_grey_54 {
	width: 100%;
	height: 54px;
	background-color: #E8E8E8;
}

.bg_grey_512x50 {
	width: 502px;
	height: 40px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_55 {
	width: 244px;
	height: 45px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_50 {
	width: 244px;
	height: 40px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

.bg_grey_29 {
	width: 244px;
	height: 19px;
	padding:5px;
	background-color: #E8E8E8;
	overflow: hidden;
}

#article_footer_bg {
    margin-bottom:-11px;
    margin-left:-11px;
	width: 516px;
	height: 23px;
	border: solid 0px #E8E8E8;
	border-left-width: 5px;
	border-right-width: 5px;
	float: left;
	margin-top: 0px;
	color: #333;
	background-color: #E8E8E8;
}

#article_footer_left {
	float: left;
	line-height: 23px;
	height: 23px;
	vertical-align: middle;
}

#article_footer_right {
	float: right;
	line-height: 23px;
	height: 23px;
	vertical-align: middle;
}

.article_footer_current_page, #article_footer_left a:active, #article_footer_left a:hover {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	margin: 0px 2px 0px 0px;
	width: 23px;
	line-height: 23px;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
}

/* Seitenzahl Link */
#article_footer_left a {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	margin: 0px 2px 0px 0px;
	width: 23px;
	line-height: 23px;
	background-color: #CCC;
	color: #000;
	text-decoration: none;
	font: 8pt Arial;
}

/* Grauer Link */
#article_footer_right a {
	color: #333;
	text-decoration: none;
	font: 8pt Arial;
}

#article_footer_right a:hover, #article_footer_right a:active {
	color: #333;
	text-decoration: underline;
	font: 8pt Arial;
}

#article_footer_right .footer_link {
	display: inline;
	line-height: 100%;
	cursor: pointer;
}

#article_footer_right .footer_link:hover {
	display: inline;
	line-height: 100%;
	cursor: pointer;
	text-decoration: underline;
}

/*********************************************************************************************************************/
/* --> SOUND7.DE Farbbalken (Rubrikfarben/grau)																								*/
/*********************************************************************************************************************/
.titleline_grey, .titleline_home {
	width: 100%;
	height: 8px;
	overflow: hidden;
	background-image: url(data/channels/images/new_intro_title_line_grey.png);
}

.titleline_magazine, .titleline_music {
	width: 100%;
	height: 8px;
	overflow: hidden;
	background-image: url(data/channels/images/new_intro_title_line_magazine.png);
}

/*********************************************************************************************************************/
/* --> Module (ohne Überschriften! - tlw. alleinstehend, tlw. integriert in Container)											*/
/*********************************************************************************************************************/
.modul_gallery {
	width: 125px;
	height: 83px;
	background-color: #E8E8E8;
	overflow: hidden;
	float: left;
}

/* Modul Galerie Item (\"Neuste Galerien\" Vorschau) */
.modul_gallery_83 {
	width: 125px;
	height: 83px;
	background-color: #000;
	overflow: hidden;
	float: left;
}

/* Modul Galerie Item (\"Neuste Galerien\" Vorschau) */
.modul_gallery_89 {
	width: 125px;
	height: 89px;
	background-color: #000;
	overflow: hidden;
	float: left;
}

/* Soundchek Item, z.B. 3 x untereinander pro Box */
.modul_soundcheck_item {
	width: 254px;
	height: 62px;
	overflow: hidden;
}

/* Artists Item, z.B. 3 x untereinander pro Box */
.modul_artists_item {
	width: 254px;
	height: 54px;
	overflow: hidden;
}

/* Modul, das über die volle Breite geht */
.modul_770 {
	width: 770px;
	height: 277px;
	overflow: hidden;
}

/* Modul, das über die volle Breite geht auto. Höhe */
.modul_770_auto, .modul_770_article {
	width: 770px;
	height: auto;
	color: #333;
	border: solid 1px #eee;
	padding: 5px;
	line-height: 20px;
	float: left;
	font: 8pt Arial;
}

*/         /* Modul, das über 2/3 der Seite geht */
.modul_512 {
	width: 512px;
	height: 277px;
	overflow: hidden;
	float: left;
}

/* Modul, das über 2/3 der Seite geht */
.modul_504_auto {
	width: 504px;
	height: auto;
	float: left;
}

/* Modul, das über 2/3 der Seite geht (Artikel Template) auto. Höhe border:solid 5px #FFFFFF;*/
.modul_504_article {
	width: 504px;
	height: auto;
	color: #333;
	border: solid 1px #eee;
	line-height: 20px;
	float: left;
	font: 8pt Arial;
	padding: 10px;

}

.modul_504 {
	width: 524px;
	height: auto;
	color: #333;
	border: none;
	line-height: 20px;
	float: left;
	font: 8pt Arial;
	padding: 0px;
}
/* Modul, das über 1/3 der Seite geht */
.modul_254 {
	width: 254px;
	height: 200px;
	overflow: hidden;
	float: left;
}

/* Modul, das über 1/3 der Seite geht (Artikel Template) auto. Höhe, rechtsbündi*/
.modul_254_auto {
	width: 254px;
	height: auto;
	overflow: hidden;
	float: left;
	margin-left: 5px;
}

/* Modul, das über 1/3 der Seite geht (Artist Template) auto. Höhe linksbündig */
.modul_254_auto_left {
	width: 254px;
	height: auto;
	overflow: hidden;
	float: left;
}

/* IE 3-Pixel Bug - '* html' wird nur vom IE6 interpretiert, alle anderen Browser ignorieren es */     /* Hides from IE5-mac \*/
* html .modul_254_auto_left {
	margin-right: 0px;
}

/* End hide from IE5-mac */         /* Modul, das über 1/3 der Seite geht (254px Picture Box, z.B. Artist Template) */
.modul_254x182 {
	width: 254px;
	height: 182px;
	overflow: hidden;
}

/* Modul, das über 1/3 der Seite geht (254px Picture Box, z.B. Artist Template) */
.modul_254x170 {
	width: 254px;
	height: 170px;
	overflow: hidden;
}

/* Modul, das über 1/3 der Seite geht (254px Picture Box, z.B. Artist Template) */
.modul_254x168 {
	width: 254px;
	height: 168px;
	overflow: hidden;
	float: left;
}

/* Modul, das über 2/3 der Seite geht */
.modul_512x132 {
	width: 524px;
	height: 132px;
	overflow: hidden;
	float: left;
}

/* Modul, das über 1/3 der Seite geht (ACHTUNG: innerhalb eines Moduls mit 5px-Rahmen!! -> daher 249 statt 254) */
.modul_249 {
	width: 249px;
	height: 277px;
	overflow: hidden;
	float: left;
}

/* Modul, das über 1/3 der Seite geht (ACHTUNG: innerhalb eines Moduls mit 5px-Rahmen!! -> daher 249 statt 254)*/
.modul_249x182 {
	float:left;
	height:172px;
	overflow:hidden;
	padding-left:13px;
	padding-right:13px;
	width:229px;
}

.modul_383_auto {
	width: 383px;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}

/* Modul A (Artikel-teaser 3-spalter Layout) */
.modulA {
	width: 260px;
	height: 184px;
	overflow: hidden;
	float: left;
}
.modulA .feature_text_container{
	width:258px;
	border: solid 1px #eeeeee;
	height: 67px;
}

.feature_text{
	color:#C71219
}

/* Modul B (Artikel-teaser 2-spalter Layout) */
.modulB {
	width: 383px;
	height: 330px;
	overflow: hidden;
	float: left;
}

/* Modul C (News-item o. [Text-]Teaser) */
.modulC {
	width: 128px;
	height: 160px;
	overflow: hidden;
	float: left;
}

/* Modul D (News-item m. [Text-]Teaser) */
.modulD {
	width: 128px;
	height: 272px;
	overflow: hidden;
	float: left;
}

/* Modul F (Artikel-teaser 3-spalter Layout [z.B. Rubrikseite statement]) */
.modulF {
	width: 340px;
	height: 316px;
	overflow: hidden;
	float: left;
}

/* Modul G (Artikel-teaser 2-spalter Layout) */
.modulG {
	width: 383px;
	height: 190px;
	overflow: hidden;
	float: left;
	margin-top: 5px;
}

.modulG a{
	display:block;
	float: left;
}

.modulbackground_Magazin_soundcheck_60 {
	diplay:block;
	background-color: #C71219;
	height: 58px;
}

.modulH a{
	display:block;
	float: left;
}

.modulbackground_Magazin_soundcheck{
	height: 100px;
	background-color: #C71219;
}

.modulbackground_Magazin_soundcheck .title_large_white{
	width: 144px;
}

/* wie Modul C aber nicht so hoch */
.modulM {
	width: 125px;
	height: 116px;
	overflow: hidden;
	float: left;
}

.modulN {
	width: 190px;
	height: 30px;
	overflow: hidden;
	float: left;
}

/* Modul O (Artikel-teaser 2-spalter Layout) */
.modulO {
	width: 383px;
	height: 235px;
	overflow: hidden;
	float: left;
}

/*********************************************************************************************************************/
/* --> Modulgrafiken																																	*/
/*********************************************************************************************************************/
.modul_gallery_image {
	width: 125px;
	height: auto;
	background-color: #000;
	overflow: hidden;
}

/*#757374*/     /* Modul Special image (ACHTUNG -> Sonderformat!) */
.modul_special_img {
	width: 254px;
	height: 128px;
	overflow: hidden;
}

/*         /* Modul A image (3-spalter Layout) */
.modulimageA {
	width: 260px;
	height: 110px;
	overflow: hidden;
}

.modulimageA a img{
	width: 260px;
}

/* Modul B image (2-spalter Layout) */
.modulimageB {
	width: 383px;
	height: 167px;
	overflow: hidden;
}

/* Modul C image (News o. Teaser) */

.modulimageC, .modulimageD {
	width: 127px;
	height: 54px;
	overflow: hidden;
}

.modulimageC img, .modulimageD img{
	width: 127px;
}

/* Modul F image (3-spalter Layout) */
.modulimageF {
	width: 340px;
	height: 148px;
	overflow: hidden;
}

.soundcheck_image {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0px;
	overflow: hidden;
}

/* Hides from IE5-mac \*/
* html .soundcheck_image {
	margin-right: -3px;
}

/* End hide from IE5-mac */         /* artist_preview_img */
.artist_preview_img {
	width: 127px;
	height: 54px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.artist_preview_img {
	background: #fff;
	padding: 4px;
	border: 1px solid #ccc;
}

/*  .artist_preview_img_shadow {
	width: 125px;
	height: 54px;
	position: relative;
	left: 4px;
	top: 4px;
	background: #666;
}

/*********************************************************************************************************************/
/* --> Artists-Bereich  (Artist pages)																											*/
/*********************************************************************************************************************/
/* .artist_header, .artist_logo {
	display: block;
}

*/          .artist_header {
	width: 760px;
	height: 40px;
	background-color: #333;
	border: solid 5px #333;
}

.artist_url {
	float: right;
	font-weight: 900;
	color: #606060;
	font: 13pt Arial;
}

.artist_name {
	width: auto;
	font-size: 18pt;
	height: 20px;
	font-weight: 900;
	color: #FFF;
}

#artist_list {
	margin-top: 0px;
	list-style-image: url(data/layout/images/artists_list_item.png);
}

#artist_list li {
	margin-left: -20px;
}

.artist_column {
	width: 238px;
	float: left;
}

.artist_column_space {
	width: 16px;
	float: left;
}

.artist_content {
	width: 492px;
	height: auto;
	min-height: 515px;
	float: left;
	border: solid 10px #E8E8E8;
	background-color: #E8E8E8;
	color: #333;
	margin-left:4px;
}

/* '* html' wird nur vom IE interpretiert, alle anderen Browser ignorieren es */
* html .artist_content {
	height: 515px;
}

.artist_discographie {
	height: 100px;
	background-color: #E8E8E8;
	padding: 5px;
}

.artist_img_thumb {
	width: 100px;
	height: 66px;
	overflow: hidden;
	margin: 8px;
	float: left;
	text-align: center;
	vertical-align: middle;

}

.artist_cover {
	width: 100px;
	margin-right: 10px;
	overflow: hidden;
	display: block;
}

/* EDIT: Höhe kann variable sein (ti@cina.de, 06.05.2006) */
.artist_mp3player {
	width: 254px;
	height: 174px;
	overflow: hidden;
}

.artist_menu_bg {
	width: 512px;
	height: 28px;
	background-color: #333;
	overflow: hidden;
	text-align: center;
}

.artist_menu_space {
	width: 9px;
	float: left;
}

.artist_menu_active {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	line-height: 18px;
	background-color: #C71219;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
	padding: 3px 10px 3px 10px;
}

.artist_menu_notavailable {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	line-height: 18px;
	background-color: #333;
	color: #606060;
	text-decoration: none;
	font: 8pt Arial;
	padding: 3px 10px 3px 10px;
}

.artist_menu_available, a.artist_menu {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	line-height: 18px;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
	padding: 3px 10px 3px 10px;
}

.artist_menu_available:hover {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	line-height: 18px;
	background-color: #C71219;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	font: 8pt Arial;
	padding: 3px 10px 3px 10px;
}

a.artist_menu:active, a.artist_menu:hover {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	line-height: 18px;
	background-color: #C71219;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
	padding: 3px 10px 3px 10px;
}

a.impressum_contact {
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0px;
	width: 254px;
	line-height: 26px;
	background-color: #CCC;
	color: #000;
	text-decoration: none;
	font: 8pt Arial;
}

a.impressum_contact:hover, a.impressum_contact:active {
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0px;
	width: 254px;
	line-height: 26px;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
}

/*********************************************************************************************************************/
/* --> Artists-Bereich  (Übersichtsseite)																										*/
/*********************************************************************************************************************/
.artist_254 {
	width: 252px;
	border: solid 1px #E8E8E8;
	background-color: #E8E8E8;
}

a.artist_letter {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	margin: 0px 1px 1px 0px;
	width: 27px;
	line-height: 26px;
	background-color: #CCC;
	color: #000;
	text-decoration: none;
	font: 8pt Arial;
}

a.artist_letter:hover, a.artist_letter:active {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	margin: 0px 1px 1px 0px;
	width: 27px;
	line-height: 26px;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
}

a.artist_stil {
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0px 1px 1px 0px;
	width: 125px;
	line-height: 16px;
	background-color: #CCC;
	color: #000;
	text-decoration: none;
	font: 8pt Arial;
}

a.artist_stil:hover, a.artist_stil:active {
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 0px 1px 1px 0px;
	width: 125px;
	line-height: 16px;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
}

a.artist_country {
	font-weight: bold;
	display: block;
	text-align: left;
	margin: 0px 1px 1px 0px;
	width: 125px;
	line-height: 16px;
	background-color: #CCC;
	color: #000;
	text-decoration: none;
	font: 8pt Arial;
}

a.artist_country:hover, a.artist_country:active {
	font-weight: bold;
	display: block;
	text-align: left;
	margin: 0px 1px 1px 0px;
	width: 125px;
	line-height: 16px;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
}

/*********************************************************************************************************************/
/*	-->	Allgemeine	Text-Formate																					*/
/*********************************************************************************************************************/
.stronglink {
	font-weight: bold;
}

.stronglink:hover{
	font-weight: bold;
}


/* Farbe des Autorennames hinter dem Subtitel eines Artikels (z.B. Startseite) */
.by_author {
	color:#BDBDBD;
}

.small {
	color: #6B6B6B;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	font: 7pt Arial;
}

.small_nopadd {
	color: #6B6B6B;
	font-weight: normal;
	font: 7pt Arial;
}

.small_white {
	color: #FFF;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	font: 7pt Arial;
}

/* Trennline für Artikelvorschau in Webcast. Schlägt Seitentrennung vor */
.page_separator {
	line-height: 17px;
	height: 17px;
	background-color: #FF1509;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	border: dotted 2px #FF1509;
	position: absolute;
	left: 0px;
	width: 1000px;
	font: 8pt Arial;
}

/* filter:Alpha(opacity=80, finishopacity=50); -moz-opacity:.80; */
.medium {
	color: #6B6B6B;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	font: 8pt Arial;
}

.medium_nopadd {
	color: #6B6B6B;
	font-weight: normal;
	font: 8pt Arial;
}

.medium_white {
	color: #FFF;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	font: 8pt Arial;
}

.title_regular {
	color: #C71219;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	font: 8pt Arial;
}

.title_regular_nopadd {
	color: #C71219;
	font-weight: bold;
	font: 8pt Arial;
}

.title_large {
	color: #C71219;
	font-weight: 900;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	font: 13pt Arial;
}

.title_large_nopadd {
	color: #C71219;
	font-weight: 900;
	font: 13pt Arial;
}

 .title_large_white {
	color: #FFF;
	font-weight: 900;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	font: 13pt Arial;
}

.title_magazine, .title_service, .title_music {
	line-height: 100%;
	color: #C71219;
	margin-top: 5px;
	font-weight: bold;
	font: 22pt Arial;
}

.title_home {
	line-height: 100%;
	color: #353C56;
	margin-top: 5px;
	font-weight: bold;
	font: 22pt Arial;
}

.title_artists {
	line-height: 100%;
	color: #5F7E42;
	margin-top: 5px;
	font-weight: bold;
	font: 22pt Arial;
}

h1.title_large_white {
	color: #FFF;
	font-weight: 900;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	margin-bottom: 0px;
	font: 13pt Arial;
}

h1.title_magazine, h1.title_service, h1.title_music {
	line-height: 100%;
	color: #C71219;
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 0px;
	font: 22pt Arial;
}

h1.title_home {
	line-height: 100%;
	color: #353C56;
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 0px;
	font: 22pt Arial;
}

h1.title_artists {
	line-height: 100%;
	color: #5F7E42;
	margin-top: 5px;
	font-weight: bold;
	margin-bottom: 0px;
	font: 22pt Arial;
}

.subtitle {
	color: #333;
	font-weight: bold;
	font: 12pt Arial;
}

h2 {
	color: #333;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font: 12pt Arial;
}

h3 {
	color: #333;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 0px;
	font: 8pt Arial;
}

.bildunterschrift {
	color: #333;
	font: 8pt Arial;
}

.bottomrow_right {
	float: right;
	margin-top: 8px;
	margin-right: 4px;
	color: #333;
	font: 8pt Arial;
}

.item {
	margin-left: 4px;
}

.imprint_mail {
	margin-top: 5px;
}

.imprint_mail a {
	font-size: 12pt;
	color: #6B6B6B;
	font-weight: bold;
}

.imprint_mail a:hover {
	font-size: 12pt;
	color: #E8E8E8;
	font-weight: bold;
}

.imprint_mail a:active {
	font-size: 12pt;
	color: #E8E8E8;
	font-weight: bold;
}

div.success {
	color: #FFF;
	background-color: #03C335;
	display: block;
	padding: 5px;
	text-align: left;
}

div.error {
	color: #FFF;
	background-color: #D42800;
	display: block;
	padding: 5px;
	text-align: left;
}

div.info {
	color: #FFF;
	background-color: #F5AD01;
	display: block;
	padding: 5px;
	text-align: left;
}

.dark_grey_box {
	color: #FFF;
	text-align: center;
	padding: 5px;
	background-color: #333;
	display: block;
}

/*********************************************************************************************************************/
/* --> Link-Formate																																	*/
/*********************************************************************************************************************/
a.white {
	color: #FFF;
	text-decoration: none;
	font: 8pt Arial;
}

a.white:hover, a.white:active {
	color: #FFF;
	text-decoration: underline;
	font: 8pt Arial;
}

/* Standard Link */
a, a:active, a:hover {
	color: #00619E;
	text-decoration: none;
	font: 8pt Arial;
}

/* Standard Link */
a.small_link {
	color: #00619E;
	text-decoration: none;
	font: 7pt Arial;
}

a.small_link:hover, a.small_link:active {
	color: #00619E;
	text-decoration: underline;
	font: 7pt Arial;
}

/* Hellblauer Link (z.B. Linkzeile Impressum & Co.) */
a.bluelink {
	color: #00619E;
	text-decoration: none;
	font: 9pt Arial;
}

a.bluelink:hover, a.bluelink:active {
	color: #00619E;
	text-decoration: underline;
	font: 9pt Arial;
}

/*********************************************************************************************************************/
/* --> Link-Formate [Events-Kalender]																											*/
/*********************************************************************************************************************/
a.events_small {
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	font: 7pt Arial;
}

a.events_small:hover, a.events_small:active {
	color: #6B6B6B;
	font-weight: normal;
	text-decoration: underline;
	margin-left: 5px;
	margin-right: 5px;
	font: 7pt Arial;
}

/*********************************************************************************************************************/
/* --> Textfarben für Artikel																														*/
/*********************************************************************************************************************/
.color_arctic {
	color: #245D73;
}

.color_blue {
	color: #00008B;
}

.color_red {
	color: #BF3030;
}

.color_darkred {
	color: #8B0000;
}

.color_lightgrey {
	color: #DADADA;
}

.color_darkgrey {
	color: #717171;
}


/********************************************************************************************************************/
/*	-->	AJAX Funktionen																								*/
/********************************************************************************************************************/

#galleryAJAX .links {
	cursor: pointer;
}

#HiddenAJAX1, #HiddenAJAX2 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 1px;
	height: 1px;
}

#shuffle_player {
	display: none;
	position: absolute;
	left: 685px;
	top: 55px;
	width: 95px;
	height: 93px;
	cursor: hand;
}

/* Soundcheck Ratings */
#rating_left_column {
	float: left;
	width: 260px;
	height: 180px;
}

#rating_right_column {
	float: right;
	width: 238px;
	height: 180px;
}

#editor_rating {
	width: 207px;
	height: 116px;
	padding-top: 5px;
	background-image: url(data/layout/images/color_field_big.png);
	line-height: 116px;
	vertical-align: middle;
	float: left;
}

#user_rating {
	width: 140px;
	height: 64px;
	padding-top: 2px;
	background-image: url(data/layout/images/color_field.png);
	background-repeat: no-repeat;
	line-height: 64px;
	vertical-align: middle;
	float: left;
}

#my_rating {
	width: 140px;
	height: 64px;
	background-image: url(data/layout/images/color_field.png);
	float: left;
}

#my_handle {
	background-image: url(data/layout/images/note_slider.png);
	width: 40px;
	height: 57px;
	cursor: pointer;
}

#editor_percent {
	margin-top: 34px;
	font-size: 18pt;
}

#user_percent, #my_percent {
	margin-top: 15px;
}

#rating_badge {
	display: none;
	position: absolute;
	left: 320px;
	top: 10px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/datei.png',sizingMethod='scale');
}

/********************************************************************************************************************/
/*	-->	Neuer Eventkalender (2008)																					*/
/********************************************************************************************************************/
#event_form label {
	width: 150px;
	display: block;
	float: left;
	padding: 2px;
	padding-left: 5px;
}

#event_form div.leftmargin {
	margin-left: 160px;
	margin-top: 4px;
}

#event_form fieldset {
	border: solid 1px #BBB;
}

#event_form fieldset legend {
	color: #C71219;
	font-weight: bold;
	font: 8pt Arial;
}

#event_form input {
}

#event_form select {
	width: 210px;
}

#event_form input, select, button, textarea {
	margin: 2px;
	font: 8pt Arial;
}

#event_form #add_artists {
	margin-left: 130px;
}

#autocomplete_choices {
	position: absolute;
	width: 250px;
	background-color: white;
	margin: 0px;
	padding: 0px;
}

#autocomplete_choices ul {
	list-style-type: none;
	border: 1px solid #888;
	background-color: white;
	width: 250px;
	margin: 0px;
	padding: 0px;
}

#autocomplete_choices ul li.selected {
	background-color: #EED3B4;
}

#autocomplete_choices ul li {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	height: 14px;
	cursor: pointer;
}

.calendar_arrow {
	margin-left: 4px;
	margin-right: 4px;
}

#calendar_sheet {
	background-image: url(data/layout/images/calendar_sheet.png);
	width: 83px;
	height: 83px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

#calendar_sheet_month {
	color: #fff;
	font-size: 16pt;
	line-height: 33px;
	font-weight: bold;
	text-align: center;
	width: 83px;
	height: 33px;
}

#calendar_sheet_day {
	color: #333;
	font-size: 34pt;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	width: 83px;
	height: 50px;
}

#event_details {
	list-style-type: none;
	margin: 0px;
	border: 1px solid #bbb;
	padding: 5px;
}

#event_details li {
	margin-left: 0px;
	padding: 5px;
}

#event_details div {
	margin-left: 15px;
	line-height: 20px;
}

#event_details .artists {
	padding: 1px;
}

.calendar_month_day {
	list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 110px;
	overflow: hidden;
}

.calendar_month_day li {
	margin-left: 0px;
	padding-left: 0px;
	line-height: 12px;
}

.calendar_month_day li img {
	margin-left: -5px;
	margin-right: 2px;
}

.calendar_more_link {
	width: 100px;
	text-align: right;
}

#event_search {
	float: right;
	display: block;
	width: 236px;
	text-align: right;
}

#event_text_input {
	float: left;
}

#event_go_button {
	float: right;
	margin-left: 3px;
}

.event_items a.main, #event_details span {
	font-size: 12pt;
	color: #6B6B6B;
	font-weight: bold;
}

.event_items a.main:hover {
	font-size: 12pt;
	color: #E8E8E8;
	font-weight: bold;
}

.event_items a.main:active {
	font-size: 12pt;
	color: #E8E8E8;
	font-weight: bold;
}

.event_search_active {
	border: 1px solid #6B6B6B;
	padding: 2px;
}

#content_below_feature {
	position: relative;
	width: 974px;
}

/********************************************************************************************************************/
/* --> Feature auf der Startseite																					*/
/********************************************************************************************************************/
#feature {
	width: 974px;
	overflow: hidden;
	display: block;
	position: relative;
}

#feature .feature_content {
	background-image: url(data/layout/images/1.png);
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#feature .feature_content ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#feature .feature_content li {
	display: block;
	padding: 3px;
	padding-left: 5px;
	margin: 0px;
	width: 250px;
}

#feature .feature_content li a {
	color: #36393D;
}


#feature .feature_content li:hover {
	color: #36393D;
	background-color: #FFF;
}


#feature .feature_content li .title {
	font-size: 10pt;
	font-weight: bold;
	margin-right: 5px;
}

/********************************************************************************************************************/
/* --> Storyflasher "MUSIC" Startseite (ab Januar 2008)																*/
/********************************************************************************************************************/
#flash_content {
	width: 383px;
	height: 380px;
	overflow: hidden;
	float: left;
}

#flash_content .article_preview {
	width: 383px;
	height: 259px;
	overflow: hidden;
}

#flash_content .mask .item div {
	margin: 0px;
	background-color: #FFF;
}

#flash_content .mask .item_active div, #flash_content .mask .item_active span {
	margin: 0px;
	background-color: #C71219;
	color: #fff;
}

#flash_content .mask {
	position: absolute;
	width: 383px;
	height: 259px;
	overflow: hidden;
}

#flash_content .mask #image_row_music  img {
	margin: 0px;
}

#flash_content .mask #image_row_music {
	position: absolute;
	width: 2083px;
	height: 300px;
	overflow: hidden;
}

#flash_content .mask #image_row_music div {
	float: left;
	margin-right: 4px;
	width: 383px;
}

#flash_content .mask #image_row_music div.feature_text_container {
	border: #ddd solid 1px;
	width: 381px;
	height: 70px;
	border-width: 0px 1px 1px 1px;
	margin-top: 21px;
}

#flash_content .mask #image_row_music div.feature_text {
	width: 373px;
	height: 60px;
	overflow: hidden;
	border-width: 5px;
}

#flash_content .mask #image_row_music div.feature_text div {
	margin-left:5px;
}

#flash_content .mask #image_row_music div.feature_text .title_large,
#history .mask #image_row_histoy div.feature_text .medium,
#history .mask #image_row_histoy div.feature_text .title_large,
#flash_content .mask #image_row_music div.feature_text .medium {
	width: 364px;
}

/****	Navigation des Story-Flashers - ANFANG	****/
#flash_content .navigation {
	height: 19px;
	width: 383px;
	top: 167px;
	border-top:2px solid #fff;
	position:absolute;
	background-color:#E8E8E8;
}

#flash_content #number_of_article div.passive {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	border-right: 2px solid #fff;
	width: 23px;
	height: 19px;
	line-height: 19px ! important;
	vertical-align: middle;
	background-color: #A0A0A0;
	color: #36393D;
	text-decoration: none;
	cursor: pointer;
	font: 8pt Arial;
}

#flash_content #number_of_article .active {
	font-weight: bold;
	display: block;
	float: left;
	text-align: center;
	width: 23px;
	height: 19px;
	line-height: 19px ! important;
	background-color: #36393D;
	color: #FFF;
	text-decoration: none;
	border-right: 2px solid #fff;
	font: 8pt Arial;
}

#flash_content div.backward {
	float: left;
	border-right: 2px solid #fff;
	z-index: 2;
	cursor: pointer;
	background-color: #A0A0A0;
}

#flash_content div.forward {
	border-left: 2px solid #fff;
	z-index: 2;
	cursor: pointer;
	background-color: #A0A0A0;
	float: right;
	width: 23px;
}

#flash_content div.pause {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	z-index: 2;
	cursor: pointer;
	background-color: #A0A0A0;
	float: left;
	margin-left: 80px;
}
/****	Navigation des Story-Flashers - ENDE	****/


#flash_content .music_item {
	clear: both;
	margin-bottom: 2px;
	height: 48px;
}

#flash_content .music_item img {
	float: left;
	margin-right: 5px;
}

#flash_content .item {
	margin-left: 0px;
}

/*
#flash_content .item:hover,
#flash_content .item:hover div {
	background-color: #C71219;
	border-color: #C71219;
}

#flash_content .mask #image_row_music div.feature_text_container:hover {
	border: #C71219 solid 1px;
	border-width: 0px 1px 1px 1px;
}

#flash_content .item:hover div,
#flash_content .item:hover span,
#naehkaestchen a.item:hover div,
.archive_box a.item:hover div,
#artist_box_startseite .item:hover div,
#events_widget .item_active div,
.news_content .item:hover div,
#flash_content .item_active div {
	color: #fff;
}
*/
#flash_content #more_articles {
	border: #ddd solid 1px;
	border-width: 0 1px 0 1px;
}

#flash_content #more_articles .item {
	height: 48px;
	margin-bottom: 2px;
	overflow: hidden;
}

#flash_content #more_articles .item div{
	margin-top:5px;
}

#flash_content #more_articles .item .medium{
	margin-top:0px;
}

#flash_content #more_articles .item img {
	float: right;
	margin-left: 5px;
	margin-top:0px;

}

#flash_content #stories_archive {
	display: block;
	background-color: #E8E8E8;
	color: #C71219;
	padding:3px;
}

/********************************************************************************************************************/
/* --> Storyflasher "MESSAGE" Startseite (ab Januar 2008)															*/
/********************************************************************************************************************/
.flash_content_message {
	width: 254px;
	height: 204px;
	overflow: hidden;
	float: left;
}

.flash_content_message .article_preview {
	width: 256px;
	height: 181px;
	overflow: hidden;
}

.flash_content_message .item {
	margin: 0px;
	background-color: #FFF;
}

.flash_content_message .item_active {
	margin: 0px;
	background-color: #C71219;
	color: #fff;
}

.flash_content_message #mask {
	position: absolute;
	width: 254px;
	height: 181px;
	overflow: hidden;
}

.flash_content_message #mask #image_row_message {
	position: absolute;
	width: 2083px;
	height: 183px;
	overflow: hidden;
}

.flash_content_message #mask #image_row_message div {
	float: left;
	margin-right: 4px;
	width: 256px;
}

.flash_content_message #mask #image_row_message div.feature_text_container {
	border: #ddd solid 1px;
	width: 252px;
	height: 70px;
	border-width: 0px 1px 1px 1px;
	background-color: #ffffff;
	margin-top:15px;
}

.flash_content_message #mask #image_row_message div.feature_text {
	width: 244px;
	border-width: 5px;
}

.flash_content_message #mask #image_row_message div.feature_text .title_large, .flash_content_message #mask #image_row_message div.feature_text .medium {
	width: 235px;
}

.flash_content_message div.backward {
background-color:#E8E8E8;
cursor:pointer;
float:left;
height:20px;
left:720px;
position:absolute;
top:109px;
width:225px;
z-index:2;
}

.flash_content_message div.forward {
	position: absolute;
	height:20px;
	width:30px;
	left: 944px;
	top:109px;
	z-index: 2;
	cursor: pointer;
	background-color:#E8E8E8;
}

.flash_content_message #message_archiv {
	display: block;
	background-color: #E8E8E8;
	color: #C71219;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.flash_content_message #message_archiv a{
	display:block;
	color: #C71219;
}

/********************************************************************************************************************/
/* --> Newscontent Box Startseite (ab Januar 2008)																	*/
/********************************************************************************************************************/
.news_content_container {
	width: 329px;
	height: 380px;
	overflow: hidden;
	float: left;
}

.news_content_container .news_content #news_archiv {
	display: block;
	background-color: #BBBBBB;
	color: #C71219;
	padding-left:5px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:5px;
	margin-right: 0px;
	margin-top:-2px;
}

.news_content_container .news_content #news_archiv a{
	display:block;
	color: #C71219;
}

.news_content {
	width: 329px;
	height: 356px;
	overflow: hidden;
	float: left;
	background-color: #E8E8E8;
	padding-top: 5px;
}

.news_content .item {
	width: 329px;
	height: 48px;
	overflow: hidden;
	background-color: #E8E8E8;
	cursor: pointer;
	padding-left: 5px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.modul_254_auto .item {
	width: 250px;
	height: 48px;
	overflow: hidden;
	background-color: #E8E8E8;
	cursor: pointer;
	padding-left: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.modul_254_auto .item img {
	display: block;
	float: right;
	width: 110px;
	height: 48px;
}

/*
.news_content .item:hover, #flash_content_soundcheck .item a:hover div {
	background-color: #C71219;
	color: #fff;
}
*/

.news_content .item img {
	display: block;
	float: right;
	width: 110px;
	height: 48px;
}



/********************************************************************************************************************/
/* --> EVENTS Widget Box Startseite (ab Januar 2008)																*/
/********************************************************************************************************************/
#events_widget {
	float: right;
	background-color: #FFF;
	width: 254px;
	height: 176px;
	overflow:hidden;
}

#events_widget #archive_events{
	display: block;
	background-color: #E8E8E8;
	padding-left:5px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:5px;
	margin-right: 0px;
}

#events_widget #archive_events a{
	display:block;
	color: #C71219;
}

#events_widget .grey {
	background-color: #FFFFFF;
	width: 242px;
	height: 129px;
	padding-top: 5px;
	margin-bottom: 0px;
	border: solid 1px #E8E8E8;
	border-top: none;
}

#events_widget .item {
	width: 254px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 2px;
	margin-left: 0px;
}

events_widget .item_active {
	width: 244px;
	height: 30px;
	color: #fff;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 2px;
}




/********************************************************************************************************************/
/* --> Storyflasher "SOUNDCHECK" Startseite (ab Januar 2008)														*/
/********************************************************************************************************************/
#flash_content_soundcheck {
	width: 716px;
	height: 195px;
	overflow: hidden;
	float: left;
	background-color: #E8E8E8;
}

#flash_content_soundcheck .article_preview {
	width: 716px;
	height: 161px;
	overflow: hidden;
}

#flash_content_soundcheck .item {
	float: left;
	margin-right: 11px;
	width: 104px;
	overflow: hidden;
}

#flash_content_soundcheck .item .title_regular {
	width: 100px;
	display: block;
}

#flash_content_soundcheck .item .medium {
	width: 100px;
	display: block;
	padding-bottom: 4px;
}

#flash_content_soundcheck .mask {
	position: absolute;
	width: 710px;
	height: 145px;
	overflow: hidden;
	left: 5px;
	margin-top: 10px;
	background-color: #E8E8E8;
}

#flash_content_soundcheck .mask #image_row_soundcheck {
	position: absolute;
	width: 4000px;
	height: 150px;
	overflow: hidden;
}

#flash_content_soundcheck .mask #image_row_soundcheck img {
	float: left;
	margin-right: 4px;
	width: 100px;
	display: block;
}

#flash_content_soundcheck img.backward {
	float: left;
	position: absolute;
	top: 558px;
	left: -2px;
	border: 2px solid #fff;

	z-index: 2;
	cursor: pointer;
	background-color: #BBBBBB;
}

#flash_content_soundcheck img.forward {
	position: absolute;
	top: 558px;
	left: 688px;
	border: 2px solid #fff;
	z-index: 2;
	cursor: pointer;
	background-color: #BBBBBB;
}

#flash_content_soundcheck #soundcheck_archiv {
	position: absolute;
	border-top: 2px solid #fff;
	top: 558px;
	left: 28px;
	width: 660px;
	background-color: #E8E8E8;
	display: block;
}

#flash_content_soundcheck #soundcheck_archiv a{
	float: right;
	color: #C71219;
	margin-top: 2px;
	margin-right: 3px;
}

.soundcheckarchivheadline{
	width: 770px;
}
/********************************************************************************************************************/
/* --> Artistbox Startseite "SOUNDCHECK" Startseite (ab Januar 2008)												*/
/********************************************************************************************************************/
#artist_box_startseite {
	width: 254px;
	height: 195px;
	float: right;
	background-color: #E8E8E8;
	overflow: hidden;
}

#artist_box_startseite .item {
	margin: 0px 0px 3px 0px;
	width: 254px;
	height: 56px;
	overflow: hidden;
	cursor: pointer;
}

#artist_box_startseite .item .modulbackground_artists {
	width: 129px;
	height: 56px;
	margin-left: 125px;
}

#artist_box_startseite .item img {
	margin-right: 5px;
}

/********************************************************************************************************************/
/* --> Archiv Boxen auf der Startseite (ab Januar 2008)																*/
/********************************************************************************************************************/
.archive_box {
	width: 157px;
	height: 380px;
	background-color: #E8E8E8;
	float: left;
	overflow: hidden;
	border-color: #E8E8E8;
	border-width: 1px;
	border-style: solid;
}

.archive_box.music, .archive_box.shop, .archive_box.artists {
	background-color: #ffffff;
}

.archive_box.music, .archive_box.message, .archive_box.artists, .archive_box.soundcheck{
	height: 550px;
}

.archive_box.message, .archive_box.artists {
	float: right;
}

.archive_box.message {
	margin-left: 4px;
}

.archive_box.shop h2, .archive_box.shop h3,.archive_box.music h2, .archive_box.music h3, .archive_box.message h2, .archive_box.message h3, .archive_box.forum h2, .archive_box.forum h3,    .archive_box.artists h2, .archive_box.artists h3, .archive_box.soundcheck h2, .archive_box.soundcheck h3{
	background: #BBBBBB;
}


.archive_box h2 {
	font-size: 10pt;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	color: #36393D;
	/*margin-top: 4px;*/
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.archive_box h3 {
	font-size: 8pt;
	padding-left: 10px;
	font-weight: normal;
	display: block;
	color: #36393D;
	margin-top: 0px;
}

/* .archive_box .item {
	margin-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}

.archive_box .item_active {
	margin-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: #C71219;
	cursor: pointer;
}

.archive_box .item_active div {
	color: #fff;
	margin-left: 5px;
}

*/        .archive_box a.item {
	margin: 0px;
	cursor: pointer;
	display: block;
	padding: 2px 4px 2px 4px;
}
/*
.archive_box a.item:hover {
	background-color: #C71219;
	cursor: pointer;
}
*/

/********************************************************************************************************************/
/* --> Nähkästchen Plugin Januar 2008 (zwei Zufalls-Artikel pro Tag von vor 31.12.2007)								*/
/********************************************************************************************************************/
#naehkaestchen {
	width: 322px;
	height: 166px;
	float: left;
	margin: 4px 0px 0px 4px;
}

#naehkaestchen a.item {
	display: block;
	margin: 0px;
	float: left;
	width: 159px;
	height: 147px;
	overflow: hidden;
	background-color: #E8E8E8;
}

#naehkaestchen a.item img {
	margin-bottom: 2px;
	width: 159px;
}
/*
#naehkaestchen a.item:hover {
	background-color: #C71219;
	cursor: pointer;
	color: #fff;
}
*/

/********************************************************************************************************************/
/* --> Iconleiste "Quicklinks" auf der Startseite																	*/
/********************************************************************************************************************/

#iconleiste {
	width: 976px;
	height: 90px;
}

#iconleiste a {
	width: 156px;
	float: left;
	background-color: #fff;
	display: block;
	height: 85px;
	overflow: hidden;
	text-indent: -200px;
	border: solid 1px #eeeeee;
	margin-left:2px;
	margin-right:2px;
}

#icl_radioview{
	background-image: url('data/layout/images/icl/radio_norm.jpg');
	}
	
#icl_forum{
	background-image: url('data/layout/images/icl/forum_norm.jpg');
	}

#icl_newsletter{
	background-image: url('data/layout/images/icl/soundletter_norm.jpg');
	}

#icl_rssfeeds{
	background-image: url('data/layout/images/icl/rss_norm.jpg');
	}

#icl_spende{
	background-image: url('data/layout/images/icl/spende_norm.jpg');
	}
	
#icl_blog{
	background-image: url('data/layout/images/icl/redblog_norm.jpg');
	}
	
#icl_shop{
	background-image: url('data/layout/images/icl/shop_norm.jpg');
	}
	

/********************************************************************************************************************/
/* --> Zusätzliche Klassen (ab Januar 2008)																			*/
/********************************************************************************************************************/
.archiv_link {
	float: right;
}

#news_archiv {
	margin-right: 4px;
	margin-top: 5px;
}

#message_archiv {
}

#story_archiv {
}

#beta_badge {
	height:139px;
	left:850px;
	position:absolute;
	top:-16px;
}

#reno_badge {
	left: 930px;
	position:absolute;
	top:-50px;
	z-index: 5;
	display:none;
}

#adbannerquer{
	background-color:#E8E8E8;
	display:block;
	height: 85px;
}
#adbannerquer span{
	display:block;
	margin-left: 5px; 
	margin-top: 2px;
	}

#banner1 {
margin: 8px;
margin-top:2px;
width: 468px;
float: left;	
}

#banner2 {
margin: 8px;
margin-top:2px;
width: 468px;
float: left;	
}

/*********************************************************************************************************************/
/**                                                                                                                 **/
/**                                                                                                                 **/
/**    SOUND7.DE - RELAUNCH 1/2008 - body.css [Main Body CSS-File]                                                 **/
/**                                                                                                                 **/
/**                                                                                                                 **/
/*********************************************************************************************************************/

html, body {}

body {margin: 0 auto;}

/* '* html' wird nur vom IE interpretiert, alle anderen Browser ignorieren es */
* html body{text-align:center;}

/*background-color:#757374; background-image:url(data/layout/images/site_background_2008.png); background-position:-385px 0px; background-repeat:repeat-y;*/
body {background-color:#fff;}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{margin:0 0.5em 0 0;}.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{margin:0 0 0.5em;}.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{width:6em;}.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav{width:auto;}.yui-navset .yui-navset-left,.yui-navset-left{padding:0 0 0 6em;}.yui-navset-right{padding:0 6em 0 0;}.yui-navset-top,.yui-navset-bottom{padding:auto;}.yui-nav,.yui-nav li{margin:0;padding:0;list-style:none;}.yui-navset li em{font-style:normal;}.yui-navset{position:relative;zoom:1;}.yui-navset .yui-content{zoom:1;}.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{display:inline-block;display:-moz-inline-stack;*display:inline;vertical-align:bottom;cursor:pointer;zoom:1;}.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{display:block;}.yui-navset .yui-nav a{position:relative;}.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;}.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a{display:block;}.yui-navset-bottom .yui-nav li a{vertical-align:text-top;}.yui-navset .yui-nav li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em{display:block;}.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav{position:absolute;z-index:1;}.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav{position:static;}.yui-navset .yui-navset-left .yui-nav,.yui-navset-left .yui-nav{left:0;right:auto;}.yui-navset .yui-navset-right .yui-nav,.yui-navset-right .yui-nav{right:0;left:auto;}.yui-skin-sam .yui-navset .yui-nav,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav{border:solid #2647a0;border-width:0 0 5px;Xposition:relative;zoom:1;}.yui-skin-sam .yui-navset .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav li{margin:0 0.16em 0 0;padding:1px 0 0;zoom:1;}.yui-skin-sam .yui-navset .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected{margin:0 0.16em -1px 0;}.yui-skin-sam .yui-navset .yui-nav a,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a{background:#d8d8d8 url(../../../../assets/skins/sam/sprite.png) repeat-x;border:solid #a3a3a3;border-width:0 1px;color:#000;position:relative;text-decoration:none;}.yui-skin-sam .yui-navset .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em{border:solid #a3a3a3;border-width:1px 0 0;cursor:hand;padding:0.25em .75em;left:0;right:0;bottom:0;top:-1px;position:relative;}.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus,.yui-skin-sam .yui-navset .yui-nav .selected a:hover{background:#2647a0 url(../../../../assets/skins/sam/sprite.png) repeat-x left -1400px;color:#fff;}.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus{background:#bfdaff url(../../../../assets/skins/sam/sprite.png) repeat-x left -1300px;outline:0;}.yui-skin-sam .yui-navset .yui-nav .selected a em{padding:0.35em 0.75em;}.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a em{border-color:#243356;}.yui-skin-sam .yui-navset .yui-content{background:#edf5ff;}.yui-skin-sam .yui-navset .yui-content,.yui-skin-sam .yui-navset .yui-navset-top .yui-content{border:1px solid #808080;border-top-color:#243356;padding:0.25em 0.5em;}.yui-skin-sam .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav,.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav{border-width:0 5px 0 0;Xposition:absolute;top:0;bottom:0;}.yui-skin-sam .yui-navset .yui-navset-right .yui-nav,.yui-skin-sam .yui-navset-right .yui-nav{border-width:0 0 0 5px;}.yui-skin-sam .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav li,.yui-skin-sam .yui-navset-right .yui-nav li{margin:0 0 0.16em;padding:0 0 0 1px;}.yui-skin-sam .yui-navset-right .yui-nav li{padding:0 1px 0 0;}.yui-skin-sam .yui-navset-left .yui-nav .selected,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected{margin:0 -1px 0.16em 0;}.yui-skin-sam .yui-navset-right .yui-nav .selected{margin:0 0 0.16em -1px;}.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav a{border-width:1px 0;}.yui-skin-sam .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em,.yui-skin-sam .yui-navset-right .yui-nav a em{border-width:0 0 0 1px;padding:0.2em .75em;top:auto;left:-1px;}.yui-skin-sam .yui-navset-right .yui-nav a em{border-width:0 1px 0 0;left:auto;right:-1px;}.yui-skin-sam .yui-navset-left .yui-nav a,.yui-skin-sam .yui-navset-left .yui-nav .selected a,.yui-skin-sam .yui-navset-left .yui-nav a:hover,.yui-skin-sam .yui-navset-right .yui-nav a,.yui-skin-sam .yui-navset-right .yui-nav .selected a,.yui-skin-sam .yui-navset-right .yui-nav a:hover,.yui-skin-sam .yui-navset-bottom .yui-nav a,.yui-skin-sam .yui-navset-bottom .yui-nav .selected a,.yui-skin-sam .yui-navset-bottom .yui-nav a:hover{background-image:none;}.yui-skin-sam .yui-navset-left .yui-content{border:1px solid #808080;border-left-color:#243356;}.yui-skin-sam .yui-navset-bottom .yui-nav,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav{border-width:5px 0 0;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected,.yui-skin-sam .yui-navset-bottom .yui-nav .selected{margin:-1px 0.16em 0 0;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li,.yui-skin-sam .yui-navset-bottom .yui-nav li{padding:0 0 1px 0;vertical-align:top;}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li a,.yui-skin-sam .yui-navset-bottom .yui-nav li a{}.yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em,.yui-skin-sam .yui-navset-bottom .yui-nav a em{border-width:0 0 1px;top:auto;bottom:-1px;}.yui-skin-sam .yui-navset-bottom .yui-content,.yui-skin-sam .yui-navset .yui-navset-bottom .yui-content{border:1px solid #808080;border-bottom-color:#243356;}


.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid #F9F7ED;
}
.highslide:hover img {
	border: 2px solid #F9F7ED;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-caption a.navigate:hover {
	background-color: #F9F7ED;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}


/* Controlbar example */
.controlbar {	
	display:none;
	background: url(javascripts/highslide_graphics/button_close.png);
	width: 26px;
	height: 19px;
}
.controlbar a {
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/
	height: 19px;
}
.controlbar a:hover {
	background: #fff url(javascripts/highslide_graphics/button_close.png);
}

.controlbar .close {
	width: 26px;
}

.highslide-html {
	border: 1px solid white;
    background-color: white;
}
.highslide-html-blur {
    border: 1px solid silver;
}
.highslide-html-content {
	position: absolute;
    display: none;
}



/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#disqus_thread{
	background-color:#f8f8f8;
	padding: 10px;
}