html, body { background: #505050; margin: 0px; padding: 0px; font-family: Trebuchet MS; color: #000000; font-size: 11px; }

h1 { color: #000000 !important; font-size: 13px !important; font-weight: bold; }
h2 { font-size: 11px !important; color: #000000; font-weight: bold; margin-bottom: 7px; }
h3, h3 span, h3 a { font-size: 11px !important; color: #f0961e !important; font-weight: normal !important; margin-bottom: 0; margin-top: 6px; }

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

form { margin: 0px; padding: 0px; }
input { font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 15px; }
.ButtonRow { text-align: left; background-color: #ffffff; height: 15px; border-top: solid 1px #fff; } 
input.button100, input.grayButton100 { float: right; padding-bottom: 2px; width: 100px; height: 15px; color: #ffffff; text-align: center; font-size: 11px; font-weight: bold; border: none; cursor: pointer; background-color: Transparent; }
input.button100 { background-image: url(/images/buttons/viab_familien_100.gif);  }
input.grayButton100 { background-image: url(/images/buttons/viab_graugelb_100.gif); }

/*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: #FFFFFF url(images/schatten_bg.gif); background-repeat: repeat-y; margin: 0px auto; padding: 0px; width: 996px; top: 5px; }
#header { margin: 0 0 0 0; padding: 16px 0 0 0; background: url(images/bg_top.gif) top left no-repeat; }

#navigationspacer_01 { position: absolute; top: 36px; left: 24px; padding: 0px; width: 948px; background-color: #ffffff; height: 1px; line-height: 1px; overflow: hidden; z-index: 998; }
#navigationbar { position: absolute; top: 37px; left: 24px; padding: 0px; width: 948px; background-color: #f18e00; height: 32px; z-index: 998; filter: Alpha(opacity=80); -moz-opacity: 0.8; }
.navigation { position: absolute; top: 20px; left: 74px; padding: 0px; width: 948px; height: 39px; z-index: 999; }
.navigation ul { margin: 14px 0 0 0; padding: 0px; width: 948px; height: 32px; list-style: none; overflow: hidden; }
.navigation li { margin: 0px; padding: 0px; height: 34px; overflow: hidden; float: left; }
.navigation a { margin: 0px; padding: 10px 70px 0 15px; font-size: 13px; height: 32px; display: block; color: #ffffff; font-weight: bold; }
.navigation span { margin: 0px; padding: 10px 70px 0 15px; font-size: 13px; height: 32px; display: block; color: #ffffff; font-weight: bold; }
/* IE6 */
* html div .navigation ul li span { display: inline; line-height: 35px; width: auto; } 

/*.promo { position: absolute; top: 311px; left: 24px; height: 54px; width: 948px; z-index: 998; }
.promo .row { background-color: #dedddd; width: 948px; height: 54px; text-align: center; }
.promo a, .promo a:visited, .promo a:hover { font-size: 15px; text-decoration: none; color: #505050; display: block; }
.promo a img { border-width: 0; position: relative; top: 10px; margin: 0 4px 0 4px; }
.promo a span { color: #007831; }*/

a.nav1 { }
a.nav2 { }
a.nav3 { }
a.nav4 { }
a.nav5 { }
#navigationspacer_02 { position: absolute; top: 69px; left: 24px; padding: 0px; width: 948px; background-color: #ffffff; height: 5px; line-height: 5px; overflow: hidden; z-index: 998; }
.keyvisual { margin: 5px 0 0 24px; widows: 948px; padding: 0px; }
.servicevisual { position: absolute; top: 200px; left: 40px; }

#actionpane { border-bottom: solid 1px #505050; padding: 2px 0 5px 8px; height: 149px; overflow: hidden; position: absolute; top: 372px; width: 220px; left: 24px; }
#actionpane div.ButtonRow { width: 184px; border-top: none; }
#actionpane div.row { position: relative; width: 184px; margin-top: 5px; }
#actionpane div.row input { position: absolute; right: 0; }

.topics { border-bottom: solid 1px #505050; padding: 5px 0 4px 0; height: 147px; overflow: hidden; position: absolute; top: 372px; left: 242px; width: 730px; }
.topics img { border: solid 0px #ffffff; border-left-width: 1px; margin: 0px; }

div.breadcrumb { position: absolute; left: 35px; top: 374px; width: 400px; }
.breadcrumb a { color: #000; }

.leftcol { margin: 44px 0 0 24px; padding: 0px; width: 219px; float: left; }
/* IE6 */
* html div .leftcol { margin: 20px 0 0 12px; } 
.leftcol div.ButtonRow { width: 219px; }
	
.middlecol { margin: 44px 10px 0 10px; padding: 0px; width: 490px; float: left; }
.middlebox { margin: 0 0 20px 10px; margin-left: 10px; width: 490px; 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: 44px 0 0 0; padding: 0px; width: 219px; float: left; }
.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: #ffffff url(images/bg_bottom.gif) bottom left no-repeat; margin: 14px 0 0 0; width: 996px; height: 72px; clear: left; overflow: hidden; overflow: hidden; }
.innerfooter { margin-left: 24px; width: 948px; background-color: #de7c19; height: 51px; }
.innerfooter div.col { padding: 2px 4px 0 4px; color: #fff; }
.innerfooter div.col a { color: #fff; }

#subnav1 { position: absolute; z-index: 99999; top: 21px; left: 23px; width: 180px; overflow: hidden; display: none; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }
#subnav2 { position: absolute; z-index: 99999; top: 21px; left: 203px; width: 127px; overflow: hidden; display: none; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }
#subnav3 { position: absolute; z-index: 99999; top: 21px; left: 330px; width: 164px; overflow: hidden; display: none; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }
#subnav4 { position: absolute; z-index: 99999; top: 21px; left: 494px; width: 170px; overflow: hidden; display: none; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }
#subnav5 { position: absolute; z-index: 99999; top: 21px; left: 664px; width: 197px; overflow: hidden; display: none; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }
#subnav6 { position: absolute; z-index: 99999; top: 21px; left: 814px; width: 157px; overflow: hidden; display: none; border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; }

.subnavgreen { background-color: #647d2d; height: 17px; filter: Alpha(opacity=80); -moz-opacity: 0.8; }
.subnavtopics { margin: 36px 0 0 0; width: auto; overflow: hidden; background: #f18e00; filter: Alpha(opacity=80); -moz-opacity: 0.8; }
.subnavtopics a { margin: 0px; padding: 5px 0 0 15px; font-size: 12px; width: 300px; display: block; color: #ffffff; font-weight: bold; height: 24px; border-bottom: solid 1px #ffffff; }
#subnav1 a { }
#subnav2 a { }
#subnav3 a { }
#subnav3 a { }
#subnav5 a { }
#subnav6 a { }
#subnav2 a:hover { color: #ffffff; }
#subnav2 a:hover { color: #ffffff; }
#subnav3 a:hover { color: #ffffff; }
#subnav4 a:hover { color: #ffffff; }
#subnav5 a:hover { color: #ffffff; }

.loginButton { position: absolute; bottom: 26px; right: 26px; }

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

.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; }

.white { color: #ffffff !important; }
.orange { color: #f18e00; }
.grayBg { background: #505050 !important; background-color: #505050 !important; padding: 7px; }
.grayBg, .grayBg span, .grayBg h1, .grayBg div, .grayBg label { color: #ffffff !important; }
.grayBg a { color: #f0961e !important; }
.grayBg .alert { color: Red !important; font-weight: bold !important; }
.grayBg h2 { font-size: 13px !important; color: #f0961e !important; border-bottom: solid 1px #f0961e; width: 100%; padding-bottom: 3px; padding-left: 7px; margin-bottom: 0; }

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, .bold span { font-weight: bold !important; }

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

/* Links */ 
a.HelveticaBig { font-family: Trebuchet MS; font-size: 14px; font-weight: bold; color: #000000; }
a.TrebuchetBig { font-family: Trebuchet MS; font-size: 14px; font-weight: bold; color: #000000; }

/* Ueberschriften-Box */ 
div.BdsHeader { position: relative; border-top: 1px solid black; width: 100%; }
div.BdsHeaderContent { width: 100%; background-image: url(/images/Header/bg_middleheader_loewe.gif); background-position: left bottom; background-repeat: no-repeat; margin-top: 5px; }
img.BdsHeaderLoewe { float: left !important; margin-left: 0; margin-right: 5px; }
div.BdsHeaderContent h1 { float: left; width: 60%; }
div.BdsHeaderImage { float: right; max-width: 120px; margin-left: 10px; margin-bottom: 10px; margin-right: 0px; margin-top: -13px; }
div.BdsHeaderImage p { margin: 0; padding: 0; }
div.BdsHeaderText { float: left; margin-left: 5px; margin-top: 15px; }

/* 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: 290px; 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; }

div.ContainerSeperator { height: 1px; background-color: White; }

/* Hotelliste */ 
div.ListItem, div.AlternatingListItem { height: 67px; margin: 2px 0 2px 0; border: 0; border-left: solid 2px #657E2D; position: relative; background-color: #eeeeee; max-height: 67px; overflow: hidden; }
div.ListItem { border-left-color: #657E2D; background-color: #fefefe; }
div.AlternatingListItem { border-left-color: #F0961E; background-color: #ececec; }
div.SortLine { background-color: #505050; color: White; height: 20px; font-weight: bold; }
div.SortLine a { color: White; text-decoration: underline; font-weight: normal; }
div.VELinkLine { color: black; height: 40px; padding: 5px; }
div.VELinkLine a { color: black; text-decoration: none; font-weight: normal; }

/* HotelPage */ 
.HotelPage h1 { font-size: 15px !important; color: #505050 !important; }
.HotelPage h2 { font-size: 11px !important; color: #505050 !important; border-bottom: solid 1px #f0961e; width: 100%; padding-bottom: 3px; padding-left: 7px; margin-bottom: 0; }
.content { padding: 7px; }
.item { background: #fefefe !important; margin-bottom: 3px; border-left: solid 6px #657E2D; height: 1%; padding: 4px; }

/* Monavista-Karte Hotelansicht */
.mvboxgrau { width: 217px; overflow: hidden; border: solid 1px #505050; background-color: #505050; color: #ffffff; margin-bottom: 15px; }
.mvboxgrau p { color: #ffffff !important; }
.mvboxgrau div.mvboxhead { height: 39px; border-bottom: solid 1px #ffffff; margin-right: 2px; }
.mvboxhead { position: relative; top: 0; left: 0; color: #ffffff !important;}
.mvtitle { position: absolute; top: 11px; left: 25px; font-size: 13px !important; font-weight: bold; }
.mvcontent { background-color: #ffffff; position: relative; left: -5px; width: 225px; }

/* 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 { background-color: #ececec; }

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