html, body { background: #d1e395; margin: 0; padding: 0px; font-family: Trebuchet MS; color: #000000; font-size: 12px; text-align: center; }

h1 { font-family: Trebuchet MS; color: #a2c72a; font-size: 20px; margin: 0; }
h2 { font-family: Trebuchet MS; color: #4c575c; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
h3, h3 span, h3, a, p, div, table { color: #4c575c !important; font-size: 13px; margin: 0; padding: 0; font-family: Trebuchet MS; }
.conditions,
.conditions p { color: #4c575c !important; font-size: 10px; font-family: Trebuchet MS; margin: 0; padding: 0; }

img { border-style: none; margin: 0px; padding: 0px; }
input.right { float: right; }

a:hover { text-decoration: underline; }
a.green { color: #a2c72a !important; font-weight: bold !important; }

#wrap1 { position: relative; background-image: url(images/content_bg.gif); background-repeat: repeat-y; width: 952px; margin-left: auto; margin-right: auto; }
#wrap { position: relative; background-image: url(images/bottom.gif); background-repeat: no-repeat; background-position: left bottom; padding: 0px; width: 952px; text-align: left; padding-bottom: 50px; }
#logo { position: absolute; top: 60px; left: 72px; }
#header { background-image: url(images/top.gif); width: 952px; height: 209px; }
#address { position: absolute; left: 10px; bottom: 12px; }
#address, #address a { color: #4c575c; }
#footer { margin-left: auto; margin-right: auto; width: 952px; height: 39px; clear: left; overflow: hidden; overflow: hidden; }

.topnavipane { background: #d1e395; font-family: Trebuchet MS; color: #4c575c; font-size: 12px; width: 952px; }
.topnavipane .navigationcontainer { float:right; margin: 10px 4px 10px 0; }
.topnavipane .navigationcontainer li { float: left; list-style-type: none; font-size: 12px; color: #3c4245; }
.topnavipane .navigationcontainer li a { display: block; padding: 0 7px 0 7px; border-right: solid 1px #4c575c; line-height: 15px; }
.topnavipane .navigationcontainer li a.first { border-left: solid 1px #4c575c; }
.topnavipane .navigationcontainer li li { background-image: none; margin: 0 0 0 5px; padding: 0; }
.topnavipane .navigationcontainer li li a { padding-left: 14px; }
.topnavipane a.navigationselected { font-weight: bold !important; }
.topnavipane .navigationcontainer li li a.navigationselected { margin-bottom: 0 !important; }

.theme { position: absolute; top: 8px; left: 208px; width: 732px; height: 201px; }

.breadcrumb { position: absolute; left: 35px; top: 700px; width: 400px; border: 1px solid red; }
.breadcrumb a { color: #000; }

.leftcol { position: relative; margin: 0 0 0 8px; padding: 0px; width: 200px; float: left; }
.leftcolnavi { }
.leftcolmap { background-color: #a2c72a; border-top: solid 8px #ffffff; text-align: center; padding: 10px; }
.leftcoltophotel { float: left; border-top: solid 8px #ffffff; text-align: center; margin-left:55px; padding-bottom: 25px !important; }
	
.middlecol { margin: 25px 0 0 24px; padding: 0px; width: 505px; float: left; }

.rightcol { margin: 25px 0 0 24px; padding: 0px; width: 177px; float: left; }

.loginButton { width: 952px; text-align: right; margin-left: auto; margin-right: auto; }
.loginButton a { color: #d1e395 !important; }

.leftcol .navigationcontainer ul { margin: 8px; padding: 0; }
.leftcol .navigationcontainer li { background-image: url(images/navi_trenner.gif); list-style-type: none; background-repeat: repeat-x; background-position: bottom; font-size: 12px; color: #3c4245; padding: 0 0 3px 0; margin: 0 0 0 10px; }
.leftcol .navigationcontainer li a { background-image: url(images/navi_li.gif); background-repeat: no-repeat; background-position: left center; display: block; padding-left: 14px; line-height: 26px; }
.leftcol .navigationcontainer li li { background-image: none; margin-bottom: 3px; }
.leftcol .navigationcontainer li li a { padding-left: 14px; line-height: 18px; }
/*.leftcol a.navigationselected { background-image: url(images/navi_li_selected.gif) !important; font-weight: bold !important; line-height: 18px; margin-bottom: -10px; }*/
.leftcol a.navigationselected { display: block; padding: 0 7px 0 7px; line-height: 15px; font-weight: bold !important;}
.leftcol .navigationcontainer li li a.navigationselected { margin-bottom: 0 !important; }

/* ============================================================================= */ 
/* ================================= Inhalt ==================================== */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
 
 /* box margin (links) */
 .leftcol .box { margin-left: 39px; }
 
/* Inhalts-divs */
div.row { clear: both; }

.white, .white a { color: #ffffff !important; }
span.green, span.green a { font-size: 14px; font-style: italic; color: #a2c72a !important; line-height: 20px; }

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; }
.underline { text-decoration: underline; }

/* Hotelliste */ 
div.ListItem { position: relative; height: auto; margin: 2px 0 2px 0; border: 0; border-bottom: solid 2px #dae9aa; height: 135px; }
div.SortLine { color: #96a9b0; font-weight: bold; height: 20px; }
div.SortLine a { color: #96a9b0 !important; font-size: 12px !important; font-weight: normal; }
div.VELinkLine { color: black; height: 40px; padding: 5px; }
div.VELinkLine a { color: black; text-decoration: none; font-weight: normal; }
div.ListItem h1, div.ListItem h1 a { color: #a2c72a !important; font-size: 15px !important; font-weight: bold !important; }

div.HeaderBar { position: relative; width: 100%; height: 30px; background-color: #ebeef0; text-align: right; margin-bottom: 10px; }
div.HeaderBar .label { position: absolute; top: 5px; right: 5px; color: #96a9b0; font-size: 13px; font-weight: bold; }

/* HotelPage */ 
.content { padding: 7px; }
.HotelPage .item { background: #fefefe !important; margin-bottom: 3px; border-left: solid 6px #657E2D; height: 1%; padding: 4px; }
.HotelPage .headerLine { line-height: 30px !important; height: 30px !important; background-color: #ebeef0; width: 100%; font-size: 14px; font-weight: bold; color: #96a9b0; margin-bottom: 10px; }
.HotelPage .link { color: #a2c72a !important; font-weight: bold !important; }
.infoHeader { background: url(images/infoHeader.gif) no-repeat; width: 160px; height: 21px; font-weight: bold; font-size: 14px !important; padding-left: 7px; padding-top: 2px; color: White; position: relative; top: 35px; z-index: 889; }
.infoContent { background-color: #e3eec0; width: 160px; position: relative; top: 25px; z-index: 888; margin-bottom: 70px; }

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

/* 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: 16px; width: 14px; }
.Pager a { color: #000000 !important; }
.Pager a:hover, .Pager * .active { background-color: #ececec; }

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

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

/* TripScheduler */
.item { border-left: solid 2px #657E2D; padding: 5px; background-color: #ececec; height: 1%; margin-bottom: 2px; }

/* Calendar */
.CalDateInput { width: 65px !important; }

/* Header */
.TOHeader { position: relative; margin-bottom: 20px; }
.TOHeaderH1 { position: absolute; top: 0; left: 0; }
.TOHeaderH2 { position: absolute; top: 30px; left: 0; }
.TOHeaderContent { }
.TOHeaderText { padding-top: 55px; }
.TOHeaderImage { float: right; margin: 0 0 10px 10px; }

/* Shop */
.ShopContent { }
.ShopContent h2 { border-bottom: dotted 1px #a2c72a; }

/* Package Teaser */
.rrItem { list-style-type: none; }
.radr_item { list-style-type: none; }
div.PackageTeaser { font-family: Trebuchet MS !important; width: 478px; height: 100px; }
a.PackageTeaserHeader { color: #a2c72a !important; font-size: 15px !important; font-weight: bold; }
a.PackageTeaserHeader:hover { text-decoration: underline; }
.PackageTeaserPrice { text-align: right; color: #4c575c !important; font-size: 13px !important; }
div.PackageTeaser img { border: none; width: 123px; height: 100px; }
span.PackageTeaserContent { font-size: 11px !important; color: #4c575c !important; }
a.PackageTeaserContent { color: #a2c72a !important; font-size: 12px !important; text-decoration: underline; font-weight: bold; }
a.PackageTeaserFooter { position: relative; bottom: 6px; left: 10px; color: #4c575c !important; font-size: 12px !important; font-weight: bold; }
a.PackageTeaserFooter:hover { color: #4c575c !important; font-weight: bold; text-decoration: underline; }
div.TeaserPackageList { position: relative; top: 67px; left: 8px; }
div.TeaserPackageList a { color: #a2c72a !important; font-size: 12px !important; text-decoration: none; font-weight: bold; }
div.TeaserPackageList a:hover { color: #a2c72a !important; font-size: 12px !important; text-decoration: underline; font-weight: bold; }
div.PackageTeaserImage { background-repeat: no-repeat; background-position: top left; position: relative; margin-top: 15px; width: 497px; height: 95px; z-index: 99; }


/* shop */
#TOShopView { margin-top: 10px; }

#TOShopView .cartTable { border-collapse: collapse; }
#TOShopView .cartTable td { padding: 2px; }
#TOShopView .cartImage { width: 160px; }

#TOShopView .productListTable { border-collapse: collapse; }
#TOShopView .productListTable td { padding: 5px 0 10px 0; border-top: solid 1px #d1e395; border-bottom: solid 1px #d1e395; background-color: #fcfff1; }
#TOShopView .productListTable td td { padding: 2px; border-top-width: 0; border-bottom-width: 0; }
#TOShopView .productListDescription { padding: 4px; }

#TOShopView .sectionHeader { font-weight: bold; font-size: 12px; padding: 4px; color: #4c575c !important; background-color: #d1e395; border-bottom: solid 1px #a2c72a; }

#TOShopView .firstCol { width: 210px; }
#TOShopView .alternateShippingAddress { margin-left: 216px; }

#TOShopView .pnlCart { background-color: #fcfff1; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
#TOShopView .pnlAddress,
#TOShopView .pnlDelivery,
#TOShopView .pnlPayment { border-bottom: solid 1px #fff; background-color: #fcfff1; }
#TOShopView .pnlCreditCardText { padding: 4px; font-size: 12px; }
#TOShopView .pnlDone { padding: 4px; font-size: 12px; background-color: #fcfff1; }

.inputbox { width: 250px;}
.inputboxmiddle { width: 180px;}
.inputboxsmall { width: 60px !important;}
# { width: 250px;}