/* madbox CSS */

body { margin: 0; padding: 0; font: normal normal 12px/17px "Arial", sans-serif; background: transparent url("../images/paper_bg.jpg") repeat-y; background-position: 50%; } 
body.player { text-align: center; background: #2a2c25 url(""); margin: 10px 0; }

#header { position: relative; height: 125px; width: 100%; background: url("../images/header_bg.jpg") repeat-x; border-bottom: 1px solid #333; }
#header #logo img { margin-top: 30px; }
#header .container_940 { position: relative; background: url("../images/landkarte_bg.png") no-repeat 100% 100%; }
#header #mainnav { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; background: #fff; }
#header #mainnav ul { margin: 0 auto; list-style: none; padding: 0; text-transform: uppercase; width: 940px; text-align: left; }
#header #mainnav li { margin: 0 30px 0 0; padding: 0; float: left; }
#header #mainnav li a { display: block; height: 40px; line-height: 50px; font-weight: bold; color: #333 !important; letter-spacing: 1px; }
#header #mainnav li a:hover { height: 30px; line-height: 30px; border-top: 10px solid #171614; color: #999;}
#header #mainnav li.active a { height: 30px; line-height: 30px; border-top: 10px solid #171614; color: #999;}
#header #mainnav ul ul { display: none; }

#presenter { position: relative; height: 240px; width: 100%; border-bottom: 8px solid #000; background: #2a2c25; padding: 30px 0; }
#presenter_inhalt { position: relative; height: 10px; width: 100%; border-bottom: 8px solid #000; background: #2a2c25; padding: 0px 0; }
#presenter #newsflash { position: relative; width: 260px; height: 215px; padding: 10px; background: #41423c url("../images/newsflash_rahmen_bg.png") no-repeat bottom; float: left; color: #fff; }
#presenter #newsflash h3 { margin: -10px -10px 16px -10px; padding: 2px 10px; height: 20px; color: #333; background: url("../images/newsflash_header_bg.png") no-repeat; line-height: 20px; text-transform: uppercase; font-size: 1em;}

#presenter #galerie { position: relative; width: 537px; height: 235px; background: #fff; float: right; overflow: hidden; z-index: 0;}
#presenter #galerie img { position: absolute; top: 10px; left: 10px; width: 517px; height: 215px; z-index: 0; }
#presenter #galerie #paspartou { position: absolute; top: 10px; left: 10px; width: 517px; height: 215px; background: url("../images/paspartou.png") no-repeat; z-index: 1; }

#main { margin: 55px auto 25px auto; width: 940px; }
#main #content_long { float: left; }

#about { margin: 25px auto; }
#main #content { width: 570px; float: left; }
#main #sidebar { width: 340px; float: right; }

#main #content_long table { border:0; width:100%;}

.year { position: relative; font: italic normal 20px/1em Georgia, serif; color: #727562; }

.artikel { position: relative; height: 125px; border-bottom: 7px solid #727562; padding: 0 0 20px 120px; margin-top: 25px; }
.artikel.first { margin-top: 0; }
.artikel .datum { position: absolute; left: 0; top: 0; width: 100px; font-family: "Georgia", serif; overflow: hidden; color: #727562; text-align: right; }
.artikel .datum .tag { font-size: 100px; height: 70px; letter-spacing: -5px; display: block; line-height: 40px; }
.artikel .datum .monat { font-size: 50px; display: block; line-height: 40px;}
.artikel .metainfo { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; color: #727562; font-size: 11px; }
.artikel p { text-transform: uppercase; color: #727562;}
.artikel h3 { font: normal normal 20px/20px "Georgia", sans-serif; margin-bottom: 10px;}
.artikel a { font-weight: bold; }
.artikel a.readon { text-transform: lowercase; }

.archiveAdvice { margin-top: 10px; }

.veranstaltung { margin: 5px 0px; }
.veranstaltung .datum { float: left; width: 70px;  }
.veranstaltung .beschreibung { float: left; margin-left: 70px;}

#sidebar .modul { background: #f1f2ef; padding: 5px 10px; margin-bottom: 30px; position: relative}
#sidebar .modul ul { padding: 0; margin: 0; }
#sidebar .modul li { padding: 0; margin: 0; list-style: none;  z-index: 10; }
#sidebar .modul h3 { position: relative; font: italic normal 24px/1em Georgia, serif; color: #727562; border-bottom: 1px solid #727562; margin-bottom: 10px; z-index: 100; }
#sidebar .modul p, #sidebar .modul ul, #sidebar .modul div { position: relative; z-index: 100; }
#sidebar .modul:before { content: "";  position: absolute; bottom: -7px; left: -7px; background: url("../images/modul_shadowBottom.png") no-repeat; width: 352px; height: 77px; z-index: 0;}
#sidebar .modul:after { content: "";  position: absolute; top: -7px; left: -7px; background: url("../images/modul_shadowTop.png") no-repeat; width: 352px; height: 77px; z-index: 0;}
#sidebar .modul img {width: 320px;}
#sidebar .modul div img {width: 148px;}

.modul .currentComments li { border-bottom: 1px dotted #727562; padding-bottom: 5px !important; margin-bottom: 5px !important; }
.modul .currentComments li.last { border: 0 !important; padding: 0 !important; }
.modul .currentComments .autor { font-weight: bold; }

/*#################### CALx ####################*/
#CALx { margin-top: 1em; }
#CALx a { text-decoration: none; }
#CALx .navPeriod { width: 100%; position: relative; text-align: center; margin-bottom: 1px; background: #fff; padding: 3px 0; }
#CALx .navPeriod .previousYear { position: absolute; left: 5px; }
#CALx .navPeriod .previousMonth { position: absolute; left: 30px; }
#CALx .navPeriod .nextMonth { position: absolute; right: 30px; }
#CALx .navPeriod .nextYear { position: absolute; right: 5px; }
#CALx .navPeriod .year { font: normal normal 12px/17px "Arial", sans-serif; color: #333; }

#CALx .CALxTable { width: 100%; }
#CALx .CALxTable a { display: block; background: #750000 !important; color: #fff !important; }
#CALx .CALxTable td { text-align: center; border: 1px solid #fff; }
#CALx .CALxTable thead th { background: #fff; text-align: center;}
#CALx .CALxTable .today { background: #ccc; }

#CALx acronym { border: 0; }
#overDiv { background: #fff; }


/*#################### ditto pagination ###########*/
#ditto_pages {text-align: right;}
#ditto_pages .ditto_currentpage { padding: 1px 5px 2px; margin-right: 1px; border: 1px solid #727562;  background-color: #727562;  color: #fff;}
#ditto_pages .ditto_off {border: 1px solid #ccc; padding: 1px 5px 2px; margin-right: 1px; color: #ccc;}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { padding: 1px 5px 2px; margin-right: 1px; text-decoration: none; color: black;}
#ditto_pages a:hover { color: #727562; text-decoration: underline;}

/*#################### Footer ####################*/
#footer { position: relative; width: 100%; background: #2a2c25; border-top: 8px solid #000; padding: 30px 0;}
.footerBox { padding: 0 10px; width: 199px; float: left; margin-right: 20px; border-left: 1px solid #727562; height: 185px; color: #fff; line-height: 1.5em; position: relative; }
.footerBox h3 { background: #727562; font: italic normal 17px/1em Georgia, serif; color: #fff; padding: 3px 10px; margin: 0 -10px 10px -10px; }
.footerBox a, .footerBox a:visited { color: #fff; text-decoration: underline; }
.footerBox a:hover { color: #727562; text-decoration: none; }
#bandLinks.footerBox ul { list-style-type: none; padding: 0; margin: 0 0 15px 0; text-transform: uppercase;}
#bandLinks.footerBox a { color: #ffffff; }
#bandLinks.footerBox a:hover { color: #727562; }
#JWPlayer.footerBox { margin-right: 0; border: 0; width: 220px; padding: 0; }
#JWPlayer.footerBox button { position: absolute; bottom: 0; }

a:link, a:visited { text-decoration: none; color: #750000; }
a:hover { text-decoration: underline; color: #727562; }
a.readon { text-decoration: underline; padding-right: 14px; background: url("../images/bullet.gif") no-repeat 100% 60%; font-weight: bold;}
a.rssLink { padding-right: 20px; background: url("../images/icon_rss.png") no-repeat 100% 50%; }

h1, h2, h3, h4, h5 { margin-top: 0; }
h1 { position: relative; font: italic normal 24px/1em Georgia, serif; color: #727562; margin-bottom: 20px; }
h2 { position: relative; font: italic normal 17px/1em Georgia, serif; color: #727562; margin-bottom: 20px; border-bottom: 1px solid #727562; }

ul { list-style: none; margin: 0; padding: 0; }

.bigBorder { border-bottom: 8px solid #000 !important; }
p { margin-top: 0; }
.container_940 { width: 940px; margin: 0 auto;}
img { border: 0; }
.clear { clear: both; height: 0; width: 0; line-height: 0; margin: 0; padding: 0; }