body { text-align: center; font-family: arial; background-image: url(images/bg.jpg); background-position: center; }
p, font, div, a { font-size: 11px; }
a, a:hover { color: #58585a !important; text-decoration: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#bg { position: relative; text-align: left; margin-left: auto; margin-right: auto; width: 968px; margin-top: 50px; }
#bgtop { position: absolute; width: 100%; height: 30px; background-image: url(images/bg_top.png); top: -5px; left: 0; background-repeat: no-repeat; }
#bgstripe { width: 100%; background-image: url(images/bg_stripe.png); background-repeat: no-repeat; background-position: 0 25px; }
#bgbottom { position: absolute; width: 100%; height: 28px; background-image: url(images/bg_bottom.png); bottom: -28px; left: 0; background-repeat: no-repeat; }

#wrapper { text-align: left; width: 950px; margin: 0 0 0 5px; }
#head { position: relative; width: 100%; height: 90px; }
.headernavi { position: absolute; top: 10px; right: 50px; }
#flag { position: absolute; float: right; text-align: right; top: 10px; right: 5px; width: 40px; }
#flag img { margin: 0 5px 0 0; }

#searchrow { position: absolute; right: 20px; top: 50px; margin: 8px 0 8px 0; overflow: hidden; float: right; }
#page { position: relative; width: 100%; min-height: 500px; }
.themecol { float: left; width: 694px; height: 210px; background-image: url(/portals/0/images/thema/croissant.jpg); margin: 8px 0 0 8px; }
.actioncol { float: right; width: 232px; height: 210px; background-color: #bf1d23; margin: 8px 8px 0 0; color: #fff !important; }
.actioncol h1 { font-size: 13px !important; font-weight: bold; font-style: normal; color: #fff; margin: 0; padding: 0; padding-bottom: 2px; border-bottom: solid 1px #bfd62f; }
.actioncol span, .actioncol label { color: #fff !important; }
.middlecol { float: left; width: 452px; margin: 8px 0 0 8px; }
.leftcol { float: left; width: 232px; margin: 9px 0 0 8px; }
.rightcol { float: right; width: 232px; margin: 8px 8px 0 0; }
.rightcolmap { background-color: #bf1d23; text-align: center; padding: 10px; margin-bottom: 8px; }
.breadcrumb { text-align: right; font-weight: bold; }

#footer { position: relative; background-color: #ffffff; margin-top: 20px; }
.footernavi { position: absolute; bottom: -10px; right: 0; }
#loginButton { position: relative; }
#loginButton a { position: absolute; right: 0; top: 30px; color: #f4f2ef !important; }

h3 { color: #bd0b1d; margin: 0; padding: 3px 4px 3px 4px; font-size: 12px; font-weight: bold; background-color: #ecedaf; line-height: 25px; width: 100%; }
h4 { color: #bd0b1d; margin: 0; padding: 3px 4px 3px 4px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; line-height: 25px; width: 100%; }
.form { color: #4b4b6d; padding: 8px 4px 8px 4px; background-color: #f3f4d0; overflow: hidden; }
.form input { border: solid 1px #4b4b6d; }
.formedit { color: #4b4b6d; border: solid 1px #d2d2d2; padding: 8px 4px 8px 4px; background-color: white; overflow: hidden; }

/* inhalt */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }

div.row { clear: both; }
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.col75 { width: 75%; 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; }
.underline { text-decoration: underline !important; }
.alert { color: Red; }
.deviderMargin { margin-bottom: 10px; }
.container { padding: 7px; border: solid 1px #ecedaf; }

/* Hotelliste */
div.itemheader { color: #bd0b1d; text-indent: 0.5em; font-size: 12px; font-weight: bold; background-color: #ecedaf; line-height: 25px; width: 100%; }
div.ListItem, div.AlternatingListItem { position: relative; height: auto; border: solid 1px #ecedaf; margin: 0px 0 7px 0; height: 68px; max-height: 68px; }
div.ListItem { background-color: #fff; }
div.AlternatingListItem { background-color: #fff; }
div.ListItem .title, div.AlternatingListItem .title { font-size: 13px !important; color: #bf1d23; font-weight: bold; }
div.ListItem a, div.ListItem a:hover, div.AlternatingListItem a, div.AlternatingListItem a:hover { text-decoration: none; }

/* Paging */ 
.Pager { margin: 10px auto 10px auto; }
.Pager .col a { color: #000000 !important; border: 1px solid #ececec; padding: 2px 5px 2px 5px; margin: 1px; float: left; text-decoration: none; }
.Pager .col a:hover, .Pager .active a { color: #fff !important; background-color: #bf1d23 !important; text-decoration: none; }

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

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

/* Window */
a.window, a.window:hover { color: #bd0b1d; text-decoration: underline; }

/* navi */
.navi { height: 26px; }
#page .mainmenu { position: relative; top: 0; left: 0; z-index: 999; float: left; width: 934px; margin: 0 8px 0 8px; }
#page .mainmenu ul { float: left; width: 100%; list-style: none; background: #bf1d23; padding: 0; border-top: solid 2px #bfd62f; margin: 0; }
#page .mainmenu a, .mainmenu a:visited { display: block; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: underline; text-decoration: none; border: solid #bfd62f; border-width: 0 2px 0 0; margin: 6px 0 0 0; }

#page .mainmenu li  { float: left; margin: 0; list-style-type: none; height: 30px; width: 185px; text-align: center; }
#page .mainmenu li.last { width: 194px; }
#page .mainmenu li.last a { border-right: 0px; }

#page .mainmenu ul li { float: left; position: relative; }
#page .mainmenu ul li a { white-space: nowrap; color: #fff !important; }
	
#page .mainmenu li ul a { padding: 0; border-width: 0; }
#page .mainmenu li ul { z-index: 999; position: absolute; left: -999em; top: 28px; height: auto; width: 100%; min-width: 13em; margin: 0; text-align: center; border-top: solid 2px #bf1d23; }
#page .mainmenu li ul li { text-align: center; width: 100%; background: #e7e2d9; border: solid #bfd62f; border-width: 0 1px 1px 1px; }
#page .mainmenu li ul li:hover, 
#page .mainmenu li ul li.active { background: #bf1d23; }
#page .mainmenu li ul li:hover a, 
#page .mainmenu li ul li.active a { color: #fff !important; border-right: solid 2px #bf1d23; }

#page .mainmenu li ul a,
#page .mainmenu li:hover a { color: #57575a !important; border-right: solid 2px #e7e2d9; }

#page .mainmenu li:hover { background: #e7e2d9; }

#page .mainmenu li:hover ul { left: auto; }

.headernavi .mainmenu,
.footernavi .mainmenu { background-color: Transparent; border-top-width: 0; }
.headernavi .mainmenu ul,
.footernavi .mainmenu ul { margin: 0; padding: 0; }
.headernavi .mainmenu li,
.footernavi .mainmenu li { list-style-type: none; float: right !important; }
.headernavi .mainmenu a,
.footernavi .mainmenu a { font-size: 13px !important; color: #7a7c7e; font-weight: normal; border-left: 1px solid #bf1d23; border-right-width: 0; padding: 0 15px 0 15px; }
.headernavi .mainmenu a:hover,
.footernavi .mainmenu a:hover  { text-decoration: none; }
/* navi schluss */

/* HotelPage */
.hotelpage .navigation { background: #fff; width: 100%; }
.hotelpage .navigation .node a { border-right: solid 4px #fff; padding: 2px 10px 2px 10px; float: left; font-weight: bold; text-decoration: none !important; background: #fff; }
.hotelpage .navigation .node a:hover,
.hotelpage .navigation .selected a { background-color: #ecedaf; color: #bf1d23; text-decoration: none; }

.hotelpage ul { margin-top: 1px; }
.hotelpage[class] ul { margin-top: 1px; }
.hotelpage ul li { list-style-type: circle; }

.hotelpage .header { position: relative; height: 208px; background: #e7e2d9; border: solid 1px #d3817f; margin-top: 5px; }
.hotelpage .header h1 { font-size: 16px; color: #bf1d23 !important; margin: 0; padding: 0; font-weight: bold; }
.hotelpage .header h2 { font-size: 14px; color: #58585a !important; margin: 0; padding: 0; padding-top: 5px; font-weight: bold; }

.hotelpage .content { margin-top: 20px; min-height: 320px; }
.hotelpage .content h1 { font-size: 14px; color: #000 !important; margin: 0 0 10px 0; font-weight: bold; }
.hotelpage .content h2,
.hotelpage .content h2 a { font-size: 12px; color: #58585a !important; margin: 0; padding: 0; padding-bottom: 5px; font-weight: bold; color: #bf1d23 !important; }
.hotelpage .content .info,
.hotelpage .content .info span { color: #58585a !important; font-weight: lighter !important; font-size: 11px; }
.hotelpage .content .teaser { width: 212px; height: 85px; margin-right: 11px; margin-bottom: 11px; border: solid 1px #ecedaf; padding: 5px; }
.hotelpage .content .facility { width: 330px; min-height: 85px; border: solid 1px #ecedaf; padding: 5px; margin-bottom: 10px; }
.hotelpage .content .gallery { width: 93px; height: 27px; background-color: #e7e2d9; border: solid 1px #c8d95a; margin-right: 10px; cursor: pointer; }

.hotelpage .footer { height: 105px; }
.hotelpage .footer .links { position: relative; text-align: right; }

.hotelpage .content a,
.hotelpage .footer .links a { font-size: 12px; color: #58585a !important; font-weight: bold !important; cursor: pointer; text-decoration: none !important; }

.hotelpagenavigation { margin-top: 17px; }
.hotelpagenavigation .header { border-top-width: 1px !important; border-bottom: solid 2px #bf1d23 !important; color: #bf1d23 !important; }
.hotelpagenavigation .node a { color: #58585a !important; text-decoration: none !important; }
.hotelpagenavigation .header,
.hotelpagenavigation .node { width: 218px; background-color: #e7e2d9; border: solid 1px #bfd62f; border-top-width: 0px; font-weight: bold !Important; padding: 7px 7px 7px 7px; }


.mdbutton { background: #ffffff url('/images/Icons/button.gif') no-repeat right; width: 150px; border: none; font-weight: bold; cursor: pointer; }
.mdbackbutton { background: #ffffff url('/images/Icons/backbutton.gif') no-repeat left; width: 150px; border: none; font-weight: bold; cursor: pointer; }

/* teaser box */
.teaserbox { width: 230px; border: 1px solid #bd0b1d; overflow: hidden; margin-bottom: 8px; min-height: 92px; }
.teaserbox img { border: 0; }
.teaserbox p { padding: 0; margin: 0; }
.teaserboxhead { margin: 0px; padding: 0px; width: 230px; height: 20px; overflow: hidden; color: white; font-size: 11px; font-weight: bold; line-height: 20px; text-align: left; background-color: #bd0b1d; background-position: right; background-repeat: no-repeat; }
.teaserboxtitle a, .teaserboxtitle span { color: #fff !important; font-size: 13px; font-weight: bold; }
div.teaserboxcontent { margin: 4px; padding: 0; }
div.teaserboxcontent .teaserleft { float: left; width: 100px; margin-right: 5px; }
div.teaserboxcontent .teaserright { text-align: right; width: 88px; float: left; padding: 13px 0 0 0; }
div.teaserboxcontent .teaserright a { font-size: 12px !important; font-weight: bold; }