html, body { background-image: url(images/bg.jpg); margin: 0px; padding: 0px; font-family: arial,helvetica,sans-serif; color: #000000; font-size: 11px; text-align: center; }
table { font-family: arial,helvetica,sans-serif; color: #000000; font-size: 11px; }

h1, h1 span { font-family: arial,helvetica,sans-serif; color: #000000 !important; font-size: 13px !important; font-weight: bold; }
h2 { font-size: 11px !important; color: #000000; font-weight: bold; margin-bottom: 7px; }
h3 { font-size: 11px !important; color: #000000; font-weight: bold; margin: 0 0 10px 0; font-family: arial,helvetica,sans-serif; }

img { border-style: none; margin: 0px; padding: 0px; }


img#logo_bdn
{    
    z-index: 99;
    position: absolute;
    margin-top: 71px;
    margin-left: 533px;
    }

form { margin: 0px; padding: 0px; }
input { font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 15px; }
input.button { padding: 0 8px 0 8px; width: auto; }
/*select { margin: 5px 0 0 8px; padding: 0 0 0 4px; border: 1px solid #767676; font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 15px; }*/ a { color: #000000; text-decoration: none; }

a:hover { text-decoration: underline; }

#wrap { position: relative; background: url(images/bg_wrap.png); margin: 0px auto; padding: 0px; width: 964px; text-align: left; }
#header { margin: 0px; padding: 0px;}
#header ul, #header ul li { list-style-type: none; }
.keyvisual { margin: 18px; padding: 0px; width: 928px; height: 120px; }

.navigation { margin: 4px 0 0 18px; padding: 0px; width: 938px; height: 42px; overflow: hidden; z-index:800;}
.navigation ul { margin: 0px; padding: 0px; width: 938px; height: 34px; list-style: none; }
.navigation li { margin: 0px; padding: 0px; width: 185px; height: 34px; float: left; margin-right: 1px;}
.navigation li hover { margin: 0px; padding: 0px; width: 185px; height: 34px; float: left; margin-right: 1px; border-top: 80px solid #f17d04;}
.navigation a { height: 34px; vertical-align: middle; line-height: 34px; background-color: #004389; color: #fff; font-weight: bold; font-size: 14px; text-align: center; width: 185px; display: block; }
* html .navigation a:visited { height: 34px; vertical-align: middle; line-height: 34px; background-color: #004389; color: #fff; font-weight: bold; font-size: 14px; text-align: center; width: 185px; display: block; }
.navigation a:hover { text-decoration: none; color: #004389; background-color: #fff; border-bottom: 8px solid #f17d04;}
* html .navigation a:hover { text-decoration: none; z-index: 9999; color: #004389; background-color: #fff; border-bottom: 8px solid #f17d04;}
a.nav1 {}
a.nav2 {}
a.nav3 {}
a.nav4 {}
a.nav5 {}
a.noLink {cursor: default; }

p.breadcrumb { margin: 0px 0 26px 0; padding: 0px; font-size: 11px; line-height: 14px; color: #767676; }

.leftcol { margin: 50px 0 0 18px; padding: 0px; width: 185px; float: left; }
.middlecol { margin: 50px 0 0 23px; padding: 0px; width: 512px; float: left; min-height: 400px }
.middlebox { margin: 0 0 20px 10px; padding: 0px; width: 552px; border: 1px solid #767676; overflow: hidden; }
.middlebox h2 { margin: 25px 10px 0 188px; padding: 0px; color: #767676; font-size: 20px; font-weight: bold; line-height: 25px; }
.middlebox p { margin: 20px 10px 0 188px; padding: 0px; font-size: 12px; line-height: 15px; }
.topic { margin: 0px; padding: 0px; width: 195px; overflow: hidden; float: left; }
.register { margin: 35px 10px 0 0; padding: 0px; height: 22px; border-style: none; float: right; }
.register td { margin: 0px; padding: 0px; height: 22px; font-size: 12px; line-height: 22px; color: #4398D2; font-weight: bold; white-space: nowrap; }
.register a { color: #000000; }

ul.metanav { margin: 0 0 20px 10px; padding: 0px; width: 504px; list-style: none; }
li.left { margin: 0px; padding: 0px; font-size: 12px; line-height: 15px; color: #767676; float: left; }
li.right { margin: 0px; padding: 0px; font-size: 12px; line-height: 15px; color: #767676; float: right; text-align: right; }
.rightcol { margin: 50px 18px 0 0; padding: 0px; width: 185px; float: right; }
.rightbox { margin: 0 0 20px 10px; padding: 0 0 15px 0; width: 173px; border: 1px solid #767676; overflow: hidden; }
.righthead { margin: 0px; padding: 0px; width: 173px; height: 23px; border-bottom: 1px solid #767676; overflow: hidden; }
.righthead h4 { margin: 0px; padding: 23px 0 0 0; width: 173px; display: block; }

h4.right4 { background: url(images/bg_righthead_1.gif); }
h4.right5 { background: url(images/bg_righthead_2.gif); }
.rightbox h5 { margin: 10px 9px 0px 8px; padding: 0px; font-size: 12px; font-weight: bold; line-height: 15px; }
h5.right4 { color: #9B0000; }
h5.right5 { color: #CF8500; }
.rightbox p { margin: 5px 9px 0px 8px; padding: 0px; font-size: 11px; line-height: 14px; }
.rightbox img { margin: 5px 0 0px 8px; padding: 0px; }

#footer { background: url(images/bg_footer.png) bottom left no-repeat; position: relative; margin: 0px auto; padding: 0 0 18px 18px; width: 946px;  margin-right: auto; }
* html #footer { background: url(images/bg_footer.png) bottom left no-repeat; position: relative; margin: 0px auto; padding: 0 0 18px 18px; width: 967px; }
#footer a, #footer a:hover, #footer a:visted { color: #fff !important; }
a.footleft { margin: 0; float: left; }
.footright { position: relative; margin: 0; float: left; background-color: #004389; width: 787px; color: #fff; height: 50px; font-weight: bold; }
.footright .orange { position: relative; color: #fb7b00; top: -1px; }
.footright div { padding: 8px 18px 0 18px; line-height: 18px; }
.footright a { color: #fff; font-weight: bold; }
a.dnnLogin { color: #fff !important; position: absolute; right: 10; bottom: 5; }

#subnav1 { position: absolute; z-index: 999; top: 18px; left: 17px; width: 186px; overflow: hidden; background: #transparent; display: block; color: #000;}
#subnav2 { position: absolute; z-index: 999; top: 18px; left: 203px; width: 186px; overflow: hidden; background: #transparent; display: none; color: #000;}
#subnav3 { position: absolute; z-index: 999; top: 18px; left: 389px; width: 186px; overflow: hidden; background: #transparent; display: none; color: #000;}
#subnav4 { position: absolute; z-index: 999; top: 18px; left: 575px; width: 186px; overflow: hidden; background: #transparent; display: none; color: #000;}
#subnav5 { position: absolute; z-index: 999; top: 18px; left: 761px; width: 186px; overflow: hidden; background: #transparent; display: none; color: #000;}
#subnav1 a:hover { color: #f17d04; }
#subnav2 a:hover { color: #f17d04; }
#subnav3 a:hover { color: #f17d04; }
#subnav4 a:hover { color: #f17d04; }
#subnav5 a:hover { color: #f17d04; }
.subnavpic { margin: 0 0 0 1px; padding: 0px; width: 183px; height: 120px; overflow: hidden;  border-right: 1px solid #fff; border-left: 1px solid #fff; }
* html .subnavpic { margin: 0 0 0 1px; padding: 0px; width: 185px; height: 120px; overflow: hidden;  border-right: 1px solid #fff; border-left: 1px solid #fff; }
.subnavtitle { margin: 0 0 0 1px; padding: 0px; width: 188px; height: 34px; overflow: hidden; background: transparent; }
.subnavtopics { margin: 0 0 1px 1px; padding: 0px; width: 183px; overflow: hidden; background: #FFFFFF; border: 1px solid #f17d04; border-top: 8px solid #f17d04; }
* html .subnavtopics { margin: 0 0 1px 1px; padding: 0px; width: 185px; overflow: hidden; background: #FFFFFF; border: 1px solid #f17d04;border-top: 8px solid #f17d04; }
.subnavtopics a { margin: 8px 0; padding: 0 0 0 25px; font-size: 12px; line-height: 15px; font-weight: bold; color: #000; display: block; }
.subnavtopics a:hover { text-decoration: none; background: url(images/list.gif) no-repeat 0px 1px; }

/* ============================================================================= */ 
/* ================================= Inhalt ==================================== */ 


/* Header */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; }
 /* End hide from IE-mac */ /* box margin (links) */ .leftcol .box { margin-left: 39px; }
/* Inhalts-divs */ div.row { clear: both; }
.alert { color: Red; }

div.row90 { width: 90%; clear: both; }
div.row.transparent { background-color: Transparent !important; }
div.col { float: left; }
div.right { float: right !important; }
div.col4 { width: 4%; float: left; }
div.col5 { width: 5%; float: left; }
div.col10 { width: 10%; float: left; }
div.col11 { width: 11%; float: left; }
div.col12 { width: 12%; float: left; }
div.col15 { width: 15%; float: left; }
div.col16 { width: 16%; float: left; }
div.col20 { width: 20%; float: left; }
div.col25 { width: 25%; float: left; }
div.col30 { width: 30%; float: left; }
div.col33 { width: 33%; float: left; }
div.col34 { width: 34%; float: left; }
div.col35 { width: 35%; float: left; }
div.col40 { width: 40%; float: left; }
div.col45 { width: 45%; float: left; }
div.col50 { width: 50%; float: left; }
div.col55 { width: 55%; float: left; }
div.col60 { width: 60%; float: left; }
div.col65 { width: 65%; float: left; }
div.col70 { width: 70%; float: left; }
div.col80 { width: 80%; float: left; }
div.col90 { width: 90%; float: left; }
div.col100 { width: 100%; float: left; }
.bold { font-weight: bold !important; }
.indent { text-indent: 13px; }

/* Button */ 
.Button, .button { background: #f1f1f1; border: solid 1px #ccc; border-right-width: 8px; cursor: pointer; }

/* Links */ 
a.HelveticaBig { font-family: arial,helvetica,sans-serif; font-size: 14px; color: #000000; font-weight: bold; }

/* Boxen (container) allgemein */
.boxhead h4 { margin: 0; padding: 0; }

/* Ueberschriften-Box */ 
div.BdnHeader { position: relative; border: 1px solid #797979; border-top: 5px solid #f17d04; padding: 0; margin: 0px 0px 15px 0px;}
div.BdnHeader p { margin: 0px; padding: 0; }
img.BdnHeaderIcon { margin: 8px 0 0 5px; }
img.BdnHeaderIcon[class] { position: absolute; left: 5px; top: 8px; margin: 0; }
.BdnHeader h1 { font-family: arial,helvetica,sans-serif; color: #f17d04 !important; font-size: 13px !important; font-weight: bold; margin: 8px 0 10px 15px; padding: 0; }

/* Themen-Box mit Bildern */ 
div.PictureTextBoxLeft { border: solid 1px #767779; border-right-width: 0px; width: 195px; height: 315px; overflow: hidden; background-color: #cccccc; }
div.PictureTextBoxLeft p { margin: 0; }
div.PictureTextBoxRight { position: relative; float: left; border: solid 1px #767779; border-left-width: 0px; width: 358px; height: 315px; overflow: hidden; }
div.PictureTextBoxRight h2, div.PictureTextBoxRight p { margin: 10px; }
div.PictureTextBoxNavi { position: absolute; bottom: 5px; right: 20px; }
div.PictureTextBoxNavi img { margin: 0; padding: 0; }

/* Teaser-Box */
div.TeaserBoxTitle { background-image: url('/images/Header/bg_head_teaser.gif'); background-repeat: repeat-x; width: 556px; text-align: left; margin-top: 20px; } 
div.TeaserBox { border: solid 1px #767779; border-top-width: 0px; overflow: hidden; height: 210px; }
div.TeaserBoxLeft { float: left; width: 195px; height: 140px; overflow: hidden; margin: 10px; margin-right: 0px; }
div.TeaserBoxLeft img { width: 195px; }
div.TeaserBoxHeaderNavi { padding: 3px 10px 3px 10px; }
div.TeaserBoxHeaderNavi a { color: #790000; font-weight: bold; text-decoration: none; }
div.TeaserBoxRight { float: left; width: 320px; height: 137px; overflow: hidden; margin: 10px; }
div.TeaserBoxFooterNavi { position: absolute; bottom: 0px; right: 20px; }
div.TeaserBoxFooterNavi img { margin: 0; padding: 0; }

/* Hotelliste */ 
div.ListItem, div.AlternatingListItem { position: relative; height: auto;  margin: 4px 0 4px 0; border: 1px solid red; border-right-width: 15px; height: 75px; max-height: 75px; }
div.ListItem { border-color: #8bb8cf; background-color: #fff; }
div.AlternatingListItem { border-color: #8bb8cf; background-color: #fff; }

/* HotelPage */ 
.item { background: #f9f9f9 !important; margin-bottom: 3px; border-left: solid 6px #8bb8cf; height: 1%; padding: 4px; }

/* Paging */ 
.Pager { margin: 0px; margin-left: auto; margin-right: auto; text-align: center; width: 100%; }
.Pager li { float: left; list-style: none; border: 1px solid #a8a8a8; background-color: #fcfcfc; margin-left: 2px; margin-right: 2px; height: 14px; width: 14px; }
.Pager a { color: #000000 !important; }
.Pager a:hover, .Pager * .active { color: #FFFFFF !important; height: 10px; background-color: #013d71; padding: 1px 4px 1px 4px; }

/* Aktuelle Mitteilungen */
div.NewsBox { clear: both; border: solid 1px #d0d0d0; border-right-width: 20px; width: 536px; } 
div.NewsBoxHeader { margin-top: 10px; background-image: url('/images/Header/bg_head_news.gif'); background-repeat: repeat-x; width: 552px; text-align: left; padding-left: 5px; }
div.NewsBoxListItem, div.NewsBoxAlternatingListItem { margin: 1px 0 0 0; position: relative; overflow: hidden; min-height: 67px; }
div.NewsBoxListItem { background-color: #fcfcfc; }
div.NewsBoxAlternatingListItem { background-color: #ececec; }
div.NewsBoxStatic img { height: 67px; width: 90px; }
div.NewsBoxDetails img { float: left; padding-right: 8px; padding-bottom: 8px; }

/* rad treeview */ 
.rtUL li { list-style-type: none; }

/* filter-leiste */
div.FilterRow { margin-top: 5px; padding: 2px; background-color: #fff; border: solid 1px #f1f1f1; border-right-width: 15px; }
div.FilterRowSmall { margin-top: 10px; height: 26px; padding: 2px; background-color: #fff; border: solid 1px #f1f1f1; border-right-width: 15px; }
div.filterHyrachie { background-image: url('/images/HotelList/filterHyrachie.gif'); background-repeat: no-repeat; height: 25px; }

/*Tab -Strip*/
.TabPage { background-color: #eeeeee; border: solid 1px gray; }
/* ============================================================================= */