/* Start of CMSMS style sheet 'Layout' */
/* selfClear */
.selfClear:after { content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }
.selfClear { display: inline-block; }
* html .selfClear { height: 1%; }
.selfClear { display: block; }

/* element styles*/
HTML {overflow: -moz-scrollbars-vertical;}
BODY {text-align: center; background-color: #000000;font-family: Arial, Sans-serif; color: #333333; font-size: 11px;}
HTML > BODY {font-size: 11px;}
A {text-decoration: none;}
A:hover {text-decoration: underline;}
TD { vertical-align: top;}

H1.headline {font-family: Arial, Sans-serif; font-size: 3.64em; font-weight: normal; color: #222222;}

H1 {font-family: Arial, Sans-serif; font-size: 1.82em; font-weight: bold; color: #222222;}
H2 {font-family: Arial, Sans-serif; font-size: 1.82em; font-weight: normal; color: #222222;}

H3 {font-family: Arial, Sans-serif; font-size: 1.45em; font-weight: bold; color: #222222;}
H4 {font-family: Arial, Sans-serif; font-size: 1.45em; font-weight: normal; color: #222222;}

H5 {font-family: Arial, Sans-serif; font-size: 1.1em; font-weight: bold; color: #000000; margin-bottom: 1em;}
H6 {font-family: Arial, Sans-serif; font-size: 1.1em; font-weight: normal; color: #000000; margin-bottom: 1em;}

.greybox H2 {font-family: Arial, Sans-serif; font-weight: bold; color: #efda1b; background-color: #000000; clear:both; padding: 2px 4px; margin:0;font-size: 1.1em;}
.greybox DIV.item {margin: 0.4em 0 1.6em 0;}
.greybox P {color: #333333; font-size: 1em; margin: 0 0 0.5em 0;}

#page {width: 820px; min-height: 500px; margin: 0 auto; text-align:left; background-color: #ffffff;}
#background {height: 500px; width: 100%; background: transparent; position: absolute; top: 0px; z-index: -100; left:0px;}
#background2 {height: 500px; width: 100%; background: transparent; position: absolute; top: 0px; z-index: -200; display: none; left:0px;}
#header {padding: 22px 16px 22px 18px;}
#menu {margin: 10px 0 0 0; background-color: #c4c4c4;}
#menu LI.top {height: 26px; line-height: 26px; padding:0;}
#menu LI {float: left; padding: 0 12px;  font-family: Tahoma, Arial, Sans-serif; color: #000000; cursor: pointer; position: relative; z-index: 999;}
#menu A.top {display: block; float: left; color: #000000; line-height: 26px; height: 26px; padding: 0 12px;}
#menu LI LI {padding: 0;}
#menu LI.current {background-color: #00539f; color: #ffffff;}
#menu LI.current A.current {color: #ffffff; font-weight: bold;}
#footer {padding: 20px 0 35px 0; text-align: center; color: #2a2a2a; font-family: Tahoma, Arial, Sans-serif; line-height: 2em;}
#footer A {color: #2a2a2a; }
#menu A { text-decoration: none;}
#content {padding: 0 16px 0 18px;}
.leftcolumn { width: 533px; float: left;}
.rightcolumn {float: right; width: 242px;}

.leftcolumn .padding {padding: 0 0 0 14px;}

.greybox {background-color: #eeeeee; position: relative;}
.greybox .spot {width: 159px; height: 151px; background: transparent url(../images/topspot6.png) top left no-repeat; position: absolute; top: -10px; right: -16px; z-index: 0;}
.greybox .spottext {height: 120px;}
.greybox .padding {padding: 10px;}
.greybox .paddinglarge {padding: 22px 20px 22px 25px;}
.link {color: #217ed4; text-decoration: underline;}

.textbox {width: 257px; line-height: 14px; padding: 6px 4px; border: solid 1px #c3c3c3; color: #3c3c3c;}
.welcome, .newsletter, .intro {margin-bottom: 3em;}
.newsletter {margin-bottom: 0;}

.calendarium {margin: 0;}
.calendarium LI {cursor: pointer; width: 167px; height: 154px; padding: 0 1px; background: #969696 url(../images/image_background.png) top left repeat-x; float: left; position: relative; margin: 0 7px 23px 0;}
.calendarium LI .overlay {position: absolute; bottom: 0px; left: 1px; width: 157px; background: transparent url(../images/overlay.png) top left repeat-y; font-size: 1.2em; font-weight: bold; padding: 0 5px; color: #ffffff; z-index: 100;}
.calendarium LI .overlay .padding {padding: 3px 2px;}
.calendarium LI .dropdown {position: absolute; left: 1px; width: 167px; display: none; top: 154px; background: #2e2e2e url(../images/image_dropdown.png) top left repeat-x; z-index: 999;}
.calendarium LI IMG {width: 167px; height: 154px;}
.list {padding: 5px;}
.list TH {padding: 0 3px;}
.list TH.date {background-color: #e2d118; color: #000000; font-weight: bold;}
.list TH.place {background-color: #e2d118; color: #000000; font-weight: bold;}
.list TD.date {padding-right: 5px;}
.list TD {color: #ffffff;}
.list TD A {color: #ffffff;}

.events {margin: 0;}
.events LI {width: 221px; float: left; margin-right: 40px; margin-bottom: 20px;}
.events DIV.date {font-size: 1em; font-weight: bold; background-color: #000000; color: #ffde00;padding:2px;}
.events DIV.name {font-size: 1.3em; font-weight: bold; color: #000000; margin: 0 0 0.2em 0;}
.events P {margin: 0 0 0.1em 0;}

.tab_controls .next {float: right; cursor: pointer; z-index: 999; position: relative;}
.tab_controls .prev {float: left; cursor: pointer; z-index: 999; position: relative;}
.tab_controls {margin: 0 0 20px 0; text-align: center; position: relative; width: 482px;}
.tab_controls .text {position: absolute; top:0; left: 0; width: 100%; z-index: 900;}

.searchlist {width: 194px; height: 27px; border: solid 1px #b7b7b7; line-height: 21px; padding: 3px 5px; margin-bottom: 11px;}

.artistpage TD {vertical-align: top; padding-right: 20px;}
.artist {font-face: Arial, Sans-serif;}
.artist TH {font-size: 1.1em; padding: 2px 20px; font-weight: bold;}
.artist TD {font-size: 1em;padding: 2px 20px;}
.artist .altrow {background-color: #e9e9e9;}
.artist .row {background-color: #f2f2f2;}
.artistbild {padding-right: 10px;}
.artistpadding {padding: 0 25px;}

.CDbild 
{ 
float: right;
margin: 0 0 30px 40px;
}

.searchbutton {float: right;}
#calendarlist {width: 533px;}

.playlist
{
background: #000;
width: 246px;
border: 1px solid #000;
}

.playlist ul
{
margin: 0;
padding: 0;
}

.playlist li
{
padding: 3px;

}

.playlist li.odd
{
background: #888;
}

.playlist li.even
{
background: #444;
}

.playlist a
{
color: #fff;
}

#jw-player{border: 3px solid #dddddd;}
/* End of 'Layout' */