/* Zunaechst alle Margins und Paddings aller Browser zuruecksetzen */
* {margin: 0; padding: 0;}

body {background:#4A659C; font:11px Arial, Helvetica, sans-serif; color:#40423F; margin-top:5px;}
img {border:0;}
label, button {cursor:pointer;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.small {font-size:0.9em;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}

/* Set blank for fix */
td {font-size: 11px;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}

/* Inhaltsbereich */
#page {width: 830px; margin: 0 10px; background-color: #CEE4FF; overflow: hidden; color: #003A7D; font-family: Verdana, Helvetica, sans-serif; font-size: 11px;}

/* Bereich fuer Logo und Telefon */
#header {width: 830px; padding: 0 0 0 10px;}

/* Fusszeile */
#footer {width: 960px; text-align: center; margin: 10px 0 20px;}
#footer a {color: #003A7D; text-decoration: none; line-height:30px;}
#footer img {border: 0;}

/* Inhalte im Header */
#logo {position: absolute; top: 15px; left: 0;}
#logo a img {border: 0;}
	
#act_loc {position: absolute; top: 143px; left: 15px; z-index: 4;}
#act_loc h1 {font-size: 24px; font-weight: bold;}

#breadcrumbs {font-weight: bold; font-size: 11px;}
.error {border: 1px dotted #FF0000;color: #FF0000;background-color: #FCEEEF;padding: 5px;margin-bottom: 5px;}

#head_text {color: #B6E6FD; text-align: right; padding: 3px 20px 0 0;}

/* Allgemein verwendbare Klassen */
.floatfix {overflow: hidden;}
.space {margin-top: 10px;}
.head {font-weight: bold; background: #ffc24d !important; color: #9c0001; font-size: 13px;}
.scroll {width: 530px; max-height:100px; overflow: auto; margin: 5px 0;}
span.small {display: block; height: 35px;}
.smallbox {width: 50%; float:left;}

div.fastForm {color: #000;}
span.tel {color: #9C0001;font-size:11px;font-weight:normal;}

/* Spaltenaufteilung */
#cb_narrow {float: left; width: 225px; margin: 0 0 10px 15px;}
#cb_wide {float: left; width: 545px; margin: 0 0 10px 0;}

/* Die Inhaltsboxen */
table.box {margin-bottom: 10px;}
td.box {background-color: #ffefce;}
td.box h3 span img {font-size: 11px;vertical-align: middle;}
td.box h3 span {font-size: 11px;}
td.box h3 a {text-decoration: none;font-size: 11px;}
td.box_lt {width: 10px; height: 25px; background: #ffc24d url(../img/slt-top-lgt.gif) no-repeat top left;} /*links oben*/
td.box_rt {width: 10px; height: 25px; background: #ffc24d url(../img/slt-top-rgt.gif) no-repeat top right;} /*rechts oben*/
td.box_l {width: 10px;background: #ffefce;border-left: 1px solid #ffc24d;} /*links mitte*/
td.box_r {width: 10px;background: #ffefce;border-right: 1px solid #ffc24d;} /*rechts mitte*/
td.box_m {background: #ffefce;border-right: 1px solid #ffc24d;border-bottom: 1px solid #ffc24d;border-left: 1px solid #ffc24d; padding: 5px;}
td.box_rb {width: 10px; height: 10px; background: #ffefce; border-bottom: 1px solid #ffc24d; border-right: 1px solid #ffc24d;} /*rechts unten*/
td.box_lb {width: 10px; height: 10px; background: #ffefce; border-bottom: 1px solid #ffc24d; border-left: 1px solid #ffc24d;} /*links unten*/
td.box_b {height: 10px; background: #ffefce; border-bottom: 1px solid #ffc24d;} /*unten mitte*/
td.box_rbk {height: 10px; width: 14px; background: #ffefce; border-right: 1px solid #ffc24d;border-bottom: 1px solid #ffc24d;}
td.box_lbk {height: 10px; width: 14px; background: #ffefce; border-left: 1px solid #ffc24d;border-bottom: 1px solid #ffc24d;}
td.box_bk {height: 10px; background: #ffefce; border-bottom: 1px solid #ffc24d;}

.box_m table {width: 100%; margin-top: 0px;}

/* dunklere Boxen */
table.box_extra {margin-bottom: 10px;}
td.box_extra {background-color: #EEF5FF;}
td.box_extra h3 span img {font-size: 11px;vertical-align: middle;}
td.box_extra h3 span {font-size: 11px;}
td.box_extra h3 a {font-size: 11px; text-decoration: none;}
td.box_lt_extra {width: 10px;background: #95C1FF url(../img/ofr-top-lgt.gif) no-repeat top left;} /*links oben*/
td.box_rt_extra {width: 10px;background: #95C1FF url(../img/ofr-top-rgt.gif) no-repeat top right;} /*rechts oben*/
td.box_l_extra {width: 10px;background: #EEF5FF;border-left: 1px solid #95C1FF;} /*links mitte*/
td.box_r_extra {width: 10px;background: #EEF5FF;border-right: 1px solid #95C1FF;} /*rechts mitte*/
td.box_rb_extra {width: 10px;background: #EEF5FF; border-bottom: 1px solid #95C1FF; border-right: 1px solid #95C1FF;} /*rechts unten*/
td.box_lb_extra {width: 10px;background: #EEF5FF; border-bottom: 1px solid #95C1FF; border-left: 1px solid #95C1FF;} /*links unten*/
td.box_b_extra {background: #EEF5FF; border-bottom: 1px solid #95C1FF;} /*unten mitte*/
td.box_rbk_extra {width: 10px; background: #95C1FF; border-right: 1px solid #95C1FF;border-bottom: 1px solid #95C1FF;}
td.box_lbk_extra {width: 10px; background: #95C1FF; border-left: 1px solid #95C1FF;border-bottom: 1px solid #95C1FF;}
td.box_bk_extra {background: #95C1FF; border-bottom: 1px solid #95C1FF;}
td.box_t_extra {background: #95C1FF !important;color: #fff;text-align:left;}
td.box_t_extra h3 {font-size: 13px;}
td.box_t_extra a {color: #fff;}
td.box_extra_m {border-left: 1px solid #95C1FF;border-right: 1px solid #95C1FF;padding: 5px;}

/* Headlines */
.head h2, h3 {font-size: 13px;margin: 4px;}
.box_t_extra h3 {font-size: 13px;margin: 4px;color: #fff;}

/* Pagination in Boxen */
td.pag {background: #ffefce !important;}
td.pag_l {width: 14px;background: #ffefce;border-left: 1px solid #ffc24d;} /*links mitte*/
td.pag_r {width: 14px;background: #ffefce;border-right: 1px solid #ffc24d;} /*rechts mitte*/
.pag a {color: #003A7D; text-decoration: none; font-weight: bold;}

/* Formularelemente */
/* Last Minute Schnellsuche */
td.search_radio {width: 80px; padding: 5px; background-color: #CEE3FE;}
td.search_select {width: 50%; padding: 5px 0 5px;}
td.search_select_inner {width: 50%; padding-left: 0px; vertical-align: top;}
td.search_select label {width: 80px; display: block; float: left;}
td.search_select input, td.search_select select {width: 130px;margin-bottom: 2px; font-size:12px;}
td.search_select select.small {width: 70px; margin-right: 1px;}
td.search_select select.last {width: 70px; margin-right: 0;}
td.search_select_inner input, td.search_select_inner select {width: 110px;margin-bottom: 2px; font-size:12px;}
td.search_select_inner input.check {width: 10px;margin-bottom: 2px; font-size:12px;}
td.search_hotel input {width:130px; font-size:12px;}
td.search_region  {width:260px;}
td.search_region select {width:220px; font-size:12px;}
td.search_select select {width: 135px;}

/*Top Hotelbewertungen */
td.rate_img {width: 80px; margin: 5px 5px 10px 10px; vertical-align: top;}
td.rate_desc {width: 155px; padding-left: 5px; vertical-align: top;}
td.rate_rating {width: 100px; padding-left: 5px; vertical-align: top;}
td.rate_price {width: 190px; text-align: right; vertical-align: top; font-weight: bold;}
td.rate_rating span span img {vertical-align: middle;}

.hb_box_img {float: left;margin: 5px 5px 0 0;overflow: hidden;}
.hb_box_cont {float: right;width: 430px;overflow: hidden;}

.hb_box_title, .hb_box_rateprice, .hb_box_buttons {width: 100%;overflow: hidden;}
.hb_box_rateprice {margin-top: 10px;}
.hb_box_buttons {margin-bottom: 5px;}

.hb_box_rateprice a {color: #339900; text-decoration: underline; font-weight: bold;}

.hb_rate {float: right; margin-top: 3px;}

.dreidrei {width: 33%; float: left;overflow: hidden;}

#mapbox {overflow: hidden; text-align: center;}
#map img {border:0;}

.topregionen {padding: 10px 0; float:left; text-align: left; background:#fff8e8;}
.topregionen ul {list-style-type:none; margin:0; padding:0;}
.topregionen li {margin: 2px 0 0 0; padding-left: 12px; background: url('../img/li.gif') 0 2px no-repeat; display: block; color: #40423f; text-decoration:none;}
.topregionen li a {color: #40423f; text-decoration:none;}
.topregionen h3 {font-size: 11px; font-weight: bold}

/* Tophotels */
.moreHotels {display:block; width: 100%; padding:3px 5px;}
.moreHotels h3 {font-size: 11px;}
.moreHotels ul {width: 100%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; margin-bottom: 3px; }
.moreHotels ul li {float:left; margin:0 5px; padding-right: 10px; text-align:center; text-decoration: none; border-right: 2px; border-top:0; border-bottom:0; border-left:0; border-style:solid; border-color: #fff; }
.moreHotels ul li last {float:left; margin:5px 5px 0; padding-right: 10px; text-align:center; text-decoration: none; border-right: 2px; border-top:0; border-bottom:0; border-left:0; border-style:solid; border-color: #fff; }
.moreHotels ul li a {color: #fff; text-decoration: none;}

.informs img {margin: 5px 1px;}
.name {margin-top: 0;}
li.active {font-weight: bold;}

/* Platzhaltergrafik */
#land_img {width: 550px; height: 170px; margin-left: 3px; background: url(../img/standard.jpg) top left no-repeat; overflow: hidden;}
#land_name {width: 540px; margin-right: 5px; margin-top: 142px; font-size: 20px; font-weight: bold; text-align: right; color: #FFF;}

#htsuche {margin-bottom: 10px;}

/* Linkklassen */
a.back {background: url('../img/back.gif') left 1px no-repeat; padding: 2px 0 3px 20px; line-height: 20px;}
a.fwd {background: url('../img/bu.gif') right 1px no-repeat; padding: 2px 20px 3px 0; line-height: 20px;}
a.tophotel {font-weight: bold; text-decoration: none;}
a img {border: none;}

/* Hotelbewertungen */
.rating {float: left; width: 30%; padding: 3px 3px 3px 3px; font-size: 10px;}
.rating span {float: left;font-weight: bold; font-size: 9px; width: 20px;display: block;}

/* This Block is the tab menu */
#homeNavi ul.linklistnavi {list-style-type: none; margin: 5px 0 0; float: left; width: 770px;}
#homeNavi ul.linklistnavi li {float: left;margin: 0 5px 5px; height: 24px; background: transparent url(../img/list_m.gif) left top repeat-x;}
#homeNavi ul.linklistnavi li.active {background: transparent url(../img/list_m_active.gif) left top repeat-x}
#homeNavi ul.linklistnavi span.left {width: 4px; height: 22px; background: url(../img/list_l.gif) left top no-repeat; float: left;}
#homeNavi ul.linklistnavi span.right {width: 4px; height: 22px; background: url(../img/list_r.gif) left top no-repeat; float: left;}
#homeNavi ul.linklistnavi li.active span.left {width: 4px; height: 22px; background: url(../img/list_l_active.gif) left top no-repeat; float: left;}
#homeNavi ul.linklistnavi li.active span.right {width: 4px; height: 22px; background: url(../img/list_r_active.gif) left top no-repeat; float: left;}
#homeNavi ul.linklistnavi a {color: #40423f !important;float: left;text-decoration: none; padding: 3px 10px 0;}
#homeNavi ul.linklistnavi li.active a {padding: 4px 10px 0;}

#tabOverview h3 {margin: 7px 0;font-size: 11px;}
#tabOverview h3, #tabOverview a {color: #40423f !important;font-size: 11px;}

.cont_wid {width: 800px;}
a {color: #40423f;}

/* Following part comes from veturo.com */


/* Navigation */
#nav ul {list-style:none; margin-left:20px;}
#nav ul li {position:relative; float:left; margin-left:-8px; height:23px;}
#flg1 {width:84px; z-index:110;}
#flg2 {width:104px; z-index:100;}
#flg3 {width:67px; z-index:90}
#flg4 {width:137px; z-index:80;}
#flg5 {width:102px; z-index:70;}
#flg6 {width:58px; z-index:60;}
#flg7 {width:88px; z-index:50;}
#flg8 {width:90px; z-index:40;}
#flg9 {width:126px; z-index:30;}
#nav ul li:hover, #nav ul li.over {z-index:120;}
#nav ul li.active {z-index:130;}
#nav ul li img {display:block;}
#nav ul ul {position:absolute; margin-left:10px; left:-999em}
#nav ul li:hover ul, #nav ul li.over ul {left:0; top:24px;}
#nav ul ul li {font-size:12px; height:auto; background-color:#6D95C8; border:1px solid #00309C; border-width:0 1px 1px 1px;}
#flg3 ul li {width:140px;}
#flg4 ul li {width:155px;}
#flg5 ul li {width:125px;}
#flg6 ul li {width:90px;}
#flg7 ul li {width:210px;}
#flg9 ul li {width:160px;}
#nav ul ul li a, #nav ul li.active ul li a {display:block; width:100%; padding:2px 0; text-indent:10px; color:#FFF; text-decoration:none;}
#nav ul ul li a:hover, #nav ul li.active ul li a:hover {color:#00309C; background:#EEF5FF;}
#killSelect2 {position:absolute; z-index:20; visibility:hidden;}

#dropdwn_flg3 {z-index: 100;}

/* Subnavigation */
* html #sbnav {margin-top:-1px;}
#sbnav {clear:both; border-top:1px solid #9C0000; padding:0 10px; background:#FFC24C;}
#sbnav ul {float:right; list-style:none; padding-top:4px;}
#sbnav ul li {float:left; font-size:12px; margin:0 5px;}
#sbnav ul li a {padding-left:8px; background:url(../img/sbnav-ar.gif) no-repeat left center;}
#sbnav ul li a:visited {background:url(../img/sbnav-as.gif) no-repeat left center;}
#sbnav p {float:left; font-size:12px; font-weight:bold; color:#9C0000; line-height:24px; padding-right:12px; margin-right:5px; background:url(../img/sbnav-db.gif) no-repeat right center;}

/* End hide from IE-mac */
#vpHeader, #vpContent, #vpFooter {margin:0 10px; width:830px;}
#vpContent {padding:0 0 18px 28px; width:802px; background:#FFF url(../img/cnt-lft0.gif) repeat-y;}
#lgo {padding:7px 10px;}

/* Banner */
#fullsize {float:right;}
#flexsky {position:absolute; left:850px; top:92px;}
* html #flexsky {width:1%;}
#flexsky #hotline {border-bottom:1px solid #4B669C; background:#95C1FF url(../img/hotline-.gif) no-repeat right top;}
#flexsky #hotline h3 {font-size:11px; text-align:center; color:#293094; background:url(../img/hotline0.gif) no-repeat left top;}
#flexsky p {font-size:11px; line-height:18px; color:#293094; padding:0 5px; background:#95C1FF;}
#flexsky p .small {font-size:10px;}
#flexsky #hotline .img {height:58px; background:url(../img/hotline1.gif) no-repeat right top;}
#flexsky #hotline .img p {font-size:11px; line-height:12px; color:#293094; padding:15px 0 0 5px; background:none;}
#flexsky img {display:block;}
#flexsky td {background:#EEF5FF;}

/* Footer */
#vpFooter .ftr {line-height:20px; background:#9CB2DE url(../img/ftr-btm-.gif) no-repeat right bottom;}
#vpFooter .search {float:left; overflow:hidden; width:140px; padding:5px 0 0 8px;}
#vpFooter label {font-size:11px; font-weight:bold; color:#FFF;}
#vpFooter ul {list-style:none; margin:5px 0 0 170px;}
#vpFooter ul li {float:left; font-size:11px; color:#FFF; margin-right:3px;}
#vpFooter ul li a {color:#FFF;}
#vpFooter .cpy {font-size:11px; color:#FFF; letter-spacing:2px; padding-bottom:20px; line-height:24px; text-align:center;}
.linkBox               	{clear:both;height:1%;}
.linkBox a             	{display:block;font-size:1em; padding:0.3em;text-decoration:none;}
.linkBox a:hover       	{background-color:#C0D2F7;}
.linkBox img          	{float:left;border:none;margin:0 .3em 3em .3em;}
.linkBox span          	{display:block;font-weight:normal;}
.linkBox .head         	{font-size:1.2em;font-weight:bold;color:#22B;text-decoration:underline;}
.linkBox :hover .head  	{color:#CC0000;}
.linkBox .gtext         {color:#220;font-size:1.1em;}
.linkBox .url          	{color:#339900;font-size:1.1em;}
.linkBox .hr 			{height:1px;line-height:1px;font-size:1px;background:url(../img//dot_goog.htm) repeat-x;}
.footer .head			{font-size:1.3em;}

/* Misc */
#vpHeadline {padding:18px 20px 0 0;}
#vpHeadline h2 {background:url(../img/hdl-bg-r.gif) repeat-x right center;}
#vpHeadline h2 span {font-size:18px; line-height:18px; color:#2E3192; padding:0 5px 0 18px; background:#FFF url(../img/hdl-bg-l.gif) no-repeat left center;}
#vpHeadline p {padding-top:5px; font-size:12px; font-weight:bold; color:#2E3192;}

