html, body{ font:11px Tahoma, Arial, Verdana; margin: 0; }
body {
background:#151638 ;
background-position: top right;
font-family: tahoma, arial, verdana;
color: #FFFFFF;
font-size: 11px;
}
img { border: 0; }
a { text-decoration: none; }
p { display: block; padding: 0; margin: 0; }
hr { height: 1px; background: #6980AC; border: 1px solid #6980AC; }
td a { color: #c9e7ff; text-decoration: underline; }
td a:hover { color: #faac00; }
h1 { font-size: 18px; }
.h1 { font-size: 18px; display: inline; }
h2 { font-size: 16px; }
.h2 { font-size: 16px; display: inline; }
h3 { font-size: 14px; }
.h3 { font-size: 14px; display: inline; }
h4 { font-size: 12px; }
.h4 { font-size: 12px; display: inline; }
h5 { font-size: 11px; }
.h5 { font-size: 11px; display: inline; }
h6 { font-size: 9px; }
.h6 { font-size: 9px; display: inline; }
.clearBoth { clear: both; }
.wrapper{ width: 983px; }
.left { float: left; }
.right { float: right; }
.text { line-height: 15px; }
/* =========================================== */
/* VIDEO ARTIKEL */
/* =========================================== */
.mediaplayerDIV { background: #000000; text-align: center; padding: 10px; margin: 10px 0 0 0; }
.mediaplayer { }
/* ===== STREAMING SERVER ===== */
#FLVPlayer { background: #000000; text-align: center; padding: 10px; margin: 10px; }
/* =========================================== */
/* KONTAKT FORMULAR */
/* =========================================== */
.form_headline { padding: 0 0 10px 0; color: #faac00; font-size: 18px; }
td.refTitle { font-family: tahoma, arial, verdana; color: #c9e7ff; font-size: 11px; width: 150px; }
td.refDesc { padding: 2px; }
td.refDesc .must { width: 300px; border: 1px solid #faac00; }
td.refDesc .text { width: 300px; border: 1px solid #6980ac; }
td.refDesc input, td.refDesc textarea { background: #FFF url(../img/input_bg.jpg) repeat-x; border: 0; }
.exception li { color: #c9e7ff; }
/* =========================================== */
/* HEADER - NAVIGATION */
/* =========================================== */
.headerNav {
text-align: right;
height: 30px;
line-height: 30px;
color: #c9e7ff;
}
.headerNav a { color: #c9e7ff; }
/* =========================================== */
/* HEADER - HAUPTSPONSOR 1 */
/* =========================================== */
.hauptsponsor_1 { height: 63px; margin: 10px 0 10px 0; }
.hauptsponsor_1 .banner {
width: 468px;
height: 60px;
background-color: #151638;
border-right: 2px solid #10112b;
float: right;
background-image: url(../img/hauptsponsor_1.jpg);
}
.hauptsponsor_1 .banner a {
width: 468px;
height: 100px;
display: block;
}
.ndl_logo {text-align:right; width: 223px; width:982px; float: left; background: url(../img/ndl_logo.jpg); background-repeat:no-repeat; background-position:left middle}
/* =========================================== */
/* CONTENT */
/* =========================================== */
.contentWrapper { background: #151638 url(../img/content_bg.jpg) no-repeat; width: 980px; border-right: 2px solid #10112b; }
.topNavigation { height: 36px; border-bottom: 1px solid #080815; border-top: 1px solid #464661; background-color: #151638; }
.topNavigation ul { float: right; list-style: none; margin: 0; padding: 0; height: 36px; }
.topNavigation li { height: 36px; float: right; }
.topNavigation li.nav1 a { display: block; width: 60px; height: 36px; background-image: url(../img/topNav_News.jpg); }
.topNavigation li.nav1 a:hover { background-position: right; }
.topNavigation li.nav2 a { display: block; width: 98px; height: 36px; background-image: url(../img/topNav_Programm.jpg); }
.topNavigation li.nav2 a:hover { background-position: right; }
.topNavigation li.nav3 a { display: block; width: 141px; height: 36px; background-image: url(../img/topNav_Festivalgelaende.jpg); }
.topNavigation li.nav3 a:hover { background-position: right; }
.topNavigation li.nav4 a { display: block; width: 112px; height: 36px; background-image: url(../img/topNav_Information.jpg); }
.topNavigation li.nav4 a:hover { background-position: right; }
.topNavigation li.nav5 a { display: block; width: 148px; height: 36px; background-image: url(../img/topNav_StadtMiltenberg.jpg); }
.topNavigation li.nav5 a:hover { background-position: right; }
/* =========================================== */
/* HEADER IMAGE */
/* =========================================== */
.headerImage { background-image: url(../img/header.jpg); height: 181px; }
/* =========================================== */
/* BREADCRUMB - MEN� */
/* =========================================== */
.breadcrumb { padding: 0 0 7px 0; margin: 0 0 10px 0; border-bottom: 1px solid #6980ac; color: #c9e7ff; }
.breadcrumb .link { color: #c9e7ff; }
.breadcrumb .link:hover { color: #faac00; text-decoration: underline; }
/* =========================================== */
/* SUCHE */
/* =========================================== */
.suche { width: 779px; height: 33px; float: left; background-image: url(../img/suche_bg.jpg); }
.suche ul { float: right; list-style: none; margin: 6px 0 0 0; padding: 0; height: 21px; }
.suche ul li { height: 21px; float: right; }
.suchtext {
width: 270px;
height: 21px;
border: 0;
margin: 0;
background-image: url(../img/suchtext_bg.jpg);
color: #6e7382;
}
.suchtext .input { width: 260px; border: 0; margin: 1px 5px 0 5px; background: none; color: #6e7382; }
.sucheBtn {
display: block;
background-image: url(../img/suche_btn.gif);
width: 38px;
height: 21px;
margin-right: 9px;
}
.sucheBtn:hover { background-position: right; }
/* SEARCHRESULT */
.suchBegriff { color: #faac00; font-size: 14px; font-weight: bold; }
.searchResultError { margin: 30px 0 10px 0; padding: 10px 15px 10px 15px; background-color: #20284a; border-top: 1px solid #6980ac; border-bottom: 1px solid #6980ac; }
.searchResultArtikel { margin: 10px 0 10px 0; padding: 10px 15px 10px 15px; border-bottom: 1px solid #6980ac; }
.searchTitle { margin: 0 0 10px 0; font-size: 14px; color: #faac00; }
.searchResultLinkBox { text-align: right; }
.searchResultLink { color: #c9e7ff; }
.searchResultLink:hover { color: #faac00; }
.searchResultError .input { width: 260px; border: 1px solid #c9e7ff; margin: 1px 0 0 5px; padding: 0; color: #6e7382; }
/* =========================================== */
/* NAVIGATION - linkeSpalte */
/* =========================================== */
.linkeSpalte { width: 191px; float: left; margin: 0 10px 0 0; }
/* NAVIGATION */
.navigation ul { list-style: none; margin: 10px 0 15px 0; padding: 0; }
.navigation ul ul { padding: 0 0 0 15px; }
.navTitle { margin: 10px 0 0 0; border-bottom: 1px solid #131b4d; }
.navTitle a.link { display: block; color: #8ec8f8; margin: 1px 0 5px 0; padding: 1px 10px 0 15px; font-size: 14px; font-weight: bold; }
.navTitle a.activ { display: block; color: #faac00; margin: 1px 0 5px 0; padding: 1px 10px 0 15px; font-size: 14px; font-weight: bold; }
.navTitle a.link:hover { background-color: #6980ac; color: #0d162e; }
.navIndex { border-bottom: 1px solid #131b4d; }
.navIndex a.link { display: block; color: #55a7ea; margin: 1px 0 0 0; padding: 1px 10px 0 15px; font-size: 11px; }
.navIndex a.activ { display: block; background-color: #6980ac; color: #0d162e; margin: 1px 0 0 0; padding: 1px 10px 0 15px; font-size: 11px; }
.navIndex a.link:hover { background-color: #6980ac; color: #0d162e; }
ul li.navIndex a.link { font-weight: normal; }
ul li.navIndex a.activ { font-weight: normal; }
/* =========================================== */
/* CONTENT SPALTE */
/* =========================================== */
.contentSpalte { width: 578px; float: left; margin: 10px 0 10px 0; }
.imgArtikel { margin: 0 0 10px 0; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52; }
/* ARTIKEL - 1 SPALTE */
.Artikel_1S {
width: 186px; height: 263px; margin: 0 0 10px 0; float: left; border-top: 1px solid #111947; border-bottom: 1px solid #111947;
background: #040422 url(../img/content_bg.jpg) no-repeat right top;
}
.Artikel_1S .Artikel_1S_bg { width: 186px; height: 258px; }
.Artikel_1S .bild { margin: 5px 0 10px 0; height: 118px; border-top: 1px solid #111947; border-bottom: 1px solid #111947; }
.Artikel_1S .headline { margin: 5px 10px 10px 10px; color: #faac00; font-size: 14px; font-weight: bold; height: 15px; }
.Artikel_1S .text { margin: 5px 10px 10px 10px; color: #c9e7ff; height: 67px; }
.Artikel_1S .detail a { margin: 5px 10px 0 0; color: #faac00; text-align: right; float: right; }
.Artikel_1S .text a { color: #faac00; }
.Artikel_1S .text a:hover { color: #FFF; }
/* ARTIKEL - 2 SPALTEN */
.Artikel_2S {
width: 382px; height: 154px; margin: 0 0 10px 0; float: left; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52;
background: #63637a url(../img/artikel_2S_bg.jpg) repeat-x;
}
.Artikel_2S .Artikel_2S_bgLayer { height: 153px; background: url(../img/artikel_s2_detail.gif) no-repeat right bottom; }
.Artikel_2S .bild { float: left; border-top: 2px solid #40405c; border-bottom: 2px solid #40405c; margin: 0 10px 0 0; width: 168px; height: 149px; overflow: hidden; }
.Artikel_2S .date { padding: 15px 10px 5px 15px; color: #c9e7ff; }
.Artikel_2S .headline { color: #faac00; font-size: 14px; font-weight: bold; height: 30px; }
.Artikel_2S .subheadline { color: #c9e7ff; height: 65px; }
.Artikel_2S .detail a { margin: 0 15px 0 0; color: #faac00; text-align: right; float: right; }
.Artikel_2S_werbung_leer { margin: 0 0 0 10px; float: left; width: 186px; height: 153px; background: url(../img/werbung.jpg) no-repeat; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52; }
.Artikel_2S_werbung { overflow: hidden; margin: 0 0 0 10px; float: left; width: 186px; height: 153px; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52; }
.Artikel_2S_werbung .moreLink { text-align: right; margin: 0 10px 0 0; }
.Artikel_2S_werbung .moreLink a { color: #faac00; }
.Artikel_2S_werbung .moreLink a:hover { color: #ffd67b; }
.Artikel_2S_werbung table, .Artikel_2S_werbung td { border: 0; }
.Artikel_2S a { color: #faac00; }
.Artikel_2S a:hover { color: #FFF; }
/* ARTIKEL - 2 SPALTEN GROß */
.Artikel_2S_BIG{
width: 567px; margin: 0 0 10px 0; padding:2px 10px 4px 0px; float: left; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52;
background: #63637a url(../img/artikel_2S_bg.jpg) repeat-x bottom;
}
.Artikel_2S_BIG .bild { float:left; margin-right:15px; width:200px }
.Artikel_2S_BIG .date { padding: 15px 10px 5px 15px; color: #c9e7ff; }
.Artikel_2S_BIG .headline { color: #faac00; font-size: 14px; font-weight: bold; height: 30px; margin-top:10px;}
.Artikel_2S_BIG .headline2 { color: #FFFFFF; font-size: 14px; font-weight: bold; height: 30px; margin-top:10px;}
.Artikel_2S_BIG .subheadline { color: #c9e7ff; height: 65px; }
.Artikel_2S_BIG .detail a { margin: 0 15px 0 0; color: #faac00; text-align: right; float: right; }
.Artikel_2S_werbung_leer { margin: 0 0 0 10px; float: left; width: 186px; height: 153px; background: url(../img/werbung.jpg) no-repeat; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52; }
.Artikel_2S_werbung { overflow: hidden; margin: 0 0 0 10px; float: left; width: 186px; height: 153px; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52; }
.Artikel_2S_werbung .moreLink { text-align: right; margin: 0 10px 0 0; }
.Artikel_2S_werbung .moreLink a { color: #faac00; }
.Artikel_2S_werbung .moreLink a:hover { color: #ffd67b; }
.Artikel_2S_werbung table, .Artikel_2S_werbung td { border: 0; }
.Artikel_2S_BIG a { color: #faac00; }
.Artikel_2S_BIG a:hover { color: #FFF; }
/* ARTIKEL - VIP GROß */
.Artikel_VIP{
width: 567px; margin: 0 0 10px 0; padding:2px 10px 4px 0px; float: left; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52;
background: #3F405C /*url(../img/artikel_2S_bg.jpg) repeat-x bottom*/;
}
.Artikel_VIP .bild { float:left; margin-right:15px; width:200px }
.Artikel_VIP .date { padding: 15px 10px 5px 15px; color: #c9e7ff; }
.Artikel_VIP .headline { color: #FFFFFF; font-size: 14px; font-weight: bold; height: 30px; margin-top:10px;}
.Artikel_VIP .subheadline { color: #c9e7ff; height: 65px; }
.Artikel_VIP a { margin: 0 15px 10px 0; color: #faac00; text-align: right; float: right; }
/* VIP - ARTIKEL */
.vipArtikel {
width: 578px; height: 121px; margin: 0 0 10px 0; float: left; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52;
background: #7d5600 url(../img/vipArtikel_bg.jpg) repeat-x;
}
.vipArtikel .vipArtikel_bg { width: 578px; height: 121px; background: url(../img/vipArtikel_detail.gif) no-repeat right bottom; }
.vipArtikel .bild { float: left; border-top: 2px solid #40405c; border-bottom: 2px solid #40405c; margin: 0 15px 0 0; width: 169px; height: 117px; overflow: hidden; }
.vipArtikel .headline { padding: 15px 10px 5px 10px; color: #151638; font-size: 16px; font-weight: bold; }
.vipArtikel .subheadline { padding: 0 10px 5px 10px; color: #FFFFFF; font-size: 12px; font-weight: bold; }
.vipArtikel .text { padding: 0 15px 10px 10px; color: #ffd67b; font-size: 11px; }
.vipArtikel .detail a { margin: 0 15px 10px 10px; color: #ffd67b; text-align: right; float: right; }
.vipArtikel .text a { color: #faac00; }
.vipArtikel .text a:hover { color: #FFF; }
/* ARTIKEL LISTE */
.artikelListe { }
.artikelListe .kategorie { color: #6980ac; font-size: 14px; font-weight: bold; margin: 15px 0 10px 0; }
.Artikel {
width: 578px; height: 153px; margin: 0 0 10px 0; float: left; border-top: 2px solid #141d52; border-bottom: 2px solid #141d52;
background: #63637a url(../img/artikel_2S_bg.jpg) repeat-x;
}
.Artikel .Artikel_bgLayer { height: 153px; background: url(../img/artikel_liste_detail.gif) no-repeat right bottom; }
.Artikel .bild { float: left; border-top: 2px solid #40405c; border-bottom: 2px solid #40405c; margin: 0 21px 0 0; width: 168px; height: 149px; overflow: hidden; }
.Artikel .headline { padding: 15px 15px 0 15px; color: #faac00; font-size: 18px; height: 30px; }
.Artikel .subheadline { margin: 0 15px 0 0; color: #ffd67b; font-size: 11px; height: 20px; }
.Artikel .text { margin: 0 15px 0 15px; color: #c9cdd5; font-size: 11px; height: 65px; overflow: hidden; }
.Artikel .text a { color: #faac00; }
.Artikel .detail a { margin: 0 15px 0 0; color: #faac00; text-align: right; float: right; }
.text img { margin: 10px; }
.Artikel_Detail .detailLink { margin: 10px 15px 0 0; text-align: right; }
.Artikel_Detail .text .detailLink a { color: #ffd67b; }
.Artikel_Detail .detailLink a:hover { color: #faac00; }
.Artikel_Detail .text a img { border: 1px solid #5a5b87; }
.Artikel_Detail .text td img { border: 1px solid #5a5b87; }
/* ARTIKEL DETAIL */
.Artikel_Detail { padding: 0 0 10px 0; margin: 10px 0 0 0; border-bottom: 1px solid #6980ac; color: #c9e7ff; }
.Artikel_Detail .artPic { float: right; margin: 0 0 10px 10px; border: 1px solid #c9e7ff; }
.Artikel_Detail .headline { color: #faac00; font-size: 18px; height: 25px; }
.Artikel_Detail .subheadline { color: #ffd67b; font-size: 11px; height: 30px; }
.Artikel_Detail .text { color: #c9e7ff; font-size: 11px; margin: 10px 0 0 0; }
.Artikel_Detail .text a { color: #c9e7ff; text-decoration: underline; }
.Artikel_Detail .text a:hover { color: #faac00; }
.Artikel_Detail .backLink { margin: 10px 15px 0 0; color: #c9e7ff; text-align: right; }
.Artikel_Detail .backLink a { color: #faac00; }
.Artikel_Detail .backLink a:hover { color: #ffd67b; }
.artImageBorder { float: right; border: 1px solid #6980AC; width: 204px; text-align: right; margin: 0 0 15px 15px; text-align: center; }
.artImageBorder img { margin: 2px; }
/* =========================================== */
/* RECHTE SPALTE */
/* =========================================== */
.rechteSpalte { width: 191px; float: left; margin-left: 10px; }
/* SPONSOREN */
.sponsoren_title { height: 20px; border-bottom: 1px solid #6980ac; color: #faac00; font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; }
.sponsoren_image { border-bottom: 2px solid #141d52; margin: 10px 0 10px 0; width: 191px; overflow: hidden; text-align: center; }
.sponsoren_bottom { height: 11px; border-top: 1px solid #6980ac; }
/* TOPTHEMEN */
.topthemen .title { height: 20px; color: #faac00; font-size: 14px; font-weight: bold; margin: 10px 0 5px 0; }
.topthemen .artikel { border-top: 1px solid #6980ac; border-bottom: 2px solid #08091b; background: #131d3b url(../img/topthemen_pfeil.gif) no-repeat right bottom; }
.topthemen .artikel .headline { color: #8ec8f8; font-size: 11px; font-weight: bold; margin: 10px 10px 0 10px; }
.topthemen .artikel .headline a { color: #8ec8f8; font-size: 11px; font-weight: bold; }
.topthemen .artikel .headline a:hover { color: #faac00; }
.topthemen .artikel .text { color: #55a7ea; font-size: 11px; margin: 6px 10px 10px 10px; }
.topthemen .artikel .text a { color: #55a7ea; }
.topthemen .artikel .text a:hover { color: #8ec8f8; }
/* WERBUNG - Sidebar */
.werbungSidebar_leer {
margin: 10px 0 0 0;
float: left; width: 191px; height: 153px;
background: url(../img/werbung_sidebar.jpg) no-repeat;
border-top: 2px solid #141d52;
border-bottom: 2px solid #141d52;
overflow: hidden;
}
.werbungSidebar {
margin: 10px 0 0 0;
float: left; width: 191px; height: 153px;
border-top: 2px solid #141d52;
border-bottom: 2px solid #141d52;
overflow: hidden;
}
/* DATEIANHANG IN ARTIKELN */
.filesTitel { margin: 15px 0 5px 0; color: #C9E7FF; font-size: 12px; font-weight: bold; }
.files { border-top: 1px solid #5a5b87; border-left: 1px solid #5a5b87; border-right: 1px solid #5a5b87; margin: 0 0 2px 0; }
.fileIcon img { margin: 4px; }
.fileIcon { border-bottom: 1px solid #5a5b87; width: 16px; text-align: center; }
.fileTitel { text-align: left; padding: 3px 10px 3px 10px; border-left: 1px solid #5a5b87; border-right: 1px solid #5a5b87; border-bottom: 1px solid #5a5b87; }
.fileComment { text-align: left; padding: 3px 0 3px 10px; border-bottom: 1px solid #5a5b87; }
.fileTitel a { color: #C9E7FF; font-weight: bold; }
.fileTitel a:hover { color: #8ec8f8; }
.fileComment a { color: #C9E7FF; font-weight: bold; }
.fileComment a:hover{ color: #faac00; }
/* =========================================== */
/* SITEMAP */
/* =========================================== */
.sitemap { margin: 5px 0 15px 10px; padding: 0; list-style-type: none; }
.sitemap li { margin: 2px; padding: 0 0 0 20px; }
.sitemap li a { color: #c9e7ff; font-size: 12px; }
.sitemap li a:hover { color: #0D162E; background: #6980AC; }
/* =========================================== */
/* FOOTER */
/* =========================================== */
.footer { clear: both; width: 980px; height: 104px; background-image: url(../img/footer_bg.jpg); }
.footer .text { color: #7d7e7f; text-align: center; }
.footer .text b { color: #c9e7ff; }
.footer a { color: #c9e7ff; }
.footer a:hover { color: #faac00; }
.footer .menue { text-align: center; padding-top: 10px; margin-bottom:20px; }
.footer .menue .link { color: #c9e7ff; }
.footer .menue .link:hover { color: #151638; }