/* Margin-Reset (nicht f�r tabellen) */
html, body, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, input, textarea, span, div, button, form {margin: 0px; padding: 0px;}

/* Headers */
h1, h2, h3 {color: #80a0ab; font-weight: bold; margin: 3px 0px;}
h1 {font-size: 20px; text-transform: uppercase;}
h2 {font-size: 16px; }
h3 {font-size: 12px; }
h4 {font-size: 16px; margin: 3px 0px; color: #3f8300; font-weight: bold;}
h5 {font-size: 14px; margin: 0px 0px; color: #3f8300; font-weight: bold;}
h6 {font-size: 12px; margin: 0px 0px; color: #3f8300; font-weight: bold; }

p {margin-bottom: 11px;}

ul {list-style: url(/pics/list_image.png); }
li {margin-left: 18px;}
#content ul ul {margin-left: 18px;}

a {color: #15355b; text-decoration: underline;}
a:hover {color: #3f8300;}

img {border: none;}
a img {border: none;}

html {  background: #5c88ae; height: 100%; border: none; text-align: left;}
body { background: url(/pics/bg_gradient.png) repeat-x; height: 100%; border: none; }
body, input, textarea, td, select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #3c3c3c;}
div {border: none;}

a.title:link, a.title:visited, a.title:hover, a.title:active {
  text-decoration: none;
  color: #3f8300;
  font-size: 12px;
}
.clearall {
  clear:both;
}
/* input, select, textarea {padding: 1px;} */
/*option {padding-right: 10px;}*/

/* Layout */
#wrapper { width: 911px;  margin-left:80px; background: url(/pics/bg_shadow.png) repeat-y;}
#center { background: url(/pics/bg_shadow_gradient.png) no-repeat; padding: 0px 9px;}
#bottom { height: 100px; background: url(/pics/bg_shadow_bottom_end.jpg) no-repeat; padding: 0px 9px; border: none;}

#main {background: url(/pics/bg_content_shadow.png) no-repeat; padding-top: 25px; clear: both;}
#left_col {float: left; width: 222px; padding-left: 6px;}
#center_col {float: left; width: 652px;}

#header { }
#header_image {height: 170px; position: relative;}
#logo {position: absolute; top: 41px; left: 6px; }
#nav_main {background: url(/pics/bg_nav_main.png) repeat-x; height: 32px;}
#nav_main a {color: #5b7682; display:block; float: left; height: 20px; padding: 6px 14px 6px 20px; font-size: 14px; line-height: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#nav_main a {background: url(/pics/nav_main_spacer.png) left no-repeat;}
#nav_main a:hover {color: #1d4066; }
#nav_main li.act a {color: #3f8300; }
#nav_main ul li {display: inline;}

#content {margin-bottom: 20px;}

/* green box */
.green_box {background: url(/pics/bg_green_box.jpg) no-repeat; width: 174px; padding: 0px 20px; padding-bottom: 25px;}
.green_box h2 {font-family: verdana, helvetica, sans-serif; line-height: 16px; font-size: 16px; color: white; letter-spacing: 1px; margin: 0px; padding: 15px 0px 0px 0px; display: block; height: 39px; }
.green_box ul.nav li a {border-bottom: 1px solid #408300;}

/* gray box */
.gray_box {background: url(/pics/bg_gray_box.jpg) no-repeat; width: 174px; padding: 0px 20px; padding-bottom: 25px;}
.gray_box h2 {font-family: verdana, helvetica, sans-serif; line-height: 18px; font-size: 16px; color: white; letter-spacing: 1px; margin: 0px; padding: 15px 0px 0px 0px; display: block; height: 39px; }
.gray_box ul.nav li a {border-bottom: 1px solid #7b9ba6;}

#search_form {
  margin-bottom: 10px;
}
.box_header {display: inline; line-height: 54px; vertical-align: middle; text-transform:lowercase;}

/* subnavigation */
ul.nav, ul.nav ul {list-style: none; list-style-image: none;}
ul.nav ul ul { margin-bottom: 5px;}
ul.nav li { margin: 0px; padding: 0px;}
/* level 1 */
ul.nav li a {display: block; padding: 8px 0px 8px 12px; color: #15355b; font-weight: bold; line-height: 16px; text-transform: uppercase; text-decoration: none; }
/* Nur IE6: */ ul.nav li a {height: 10px;} ul.nav li > a {height: auto;}
ul.nav li a {background: url(/pics/arrow_lvl1_blue.png) left no-repeat; }
ul.nav li a:hover,  ul.nav a.act {background: url(/pics/arrow_lvl1_green.png) left no-repeat; color: #3f8300;}
/* level 2 */
ul.nav ul li {padding-left: 10px;}
#center ul.nav ul li a {background: url(/pics/arrow_lvl2_blue.gif) left no-repeat; padding: 1px 0px 1px 12px; line-height: 16px; font-size: 11px; text-transform: none; border: none; } /* #center verwenden um die border-bottom von .green/.gray_box zu überschreiben */
ul.nav ul li a:hover, ul.nav ul a.act {background: url(/pics/arrow_lvl2_green.gif) left no-repeat; }
/* level 3 */
ul.nav ul ul li {}
#center ul.nav ul ul li a {background: url(/pics/arrow_lvl3_blue.gif) left no-repeat; padding: 1px 0px 1px 12px; line-height: 14px;} 
ul.nav ul ul li a:hover, ul.nav ul ul a.act {background: url(/pics/arrow_lvl3_green.gif) left no-repeat; }

#breadcrumb {height: 16px; margin-bottom: 18px;}
#breadcrumb a {font-size: 11px; color: #7f7f7f; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb img {margin: 0px 4px;}

#footer {clear: both; background: url(/pics/bg_shadow_footer.png) no-repeat; height: 74px; font-size: 11px; color: #7f7f7f; line-height: 14px;}
#footer_left {float: left; width: 208px; margin-left: 20px; margin-top: 2px;}
#footer_center {float: left; vertical-align: middle;}
#footer_center img {vertical-align: middle; margin: 4px;}
#footer_right {float: right; margin-top: 20px; margin-right: 16px;}
#footer_right ul {list-style: none; list-style-image: none; }
#footer_right li {text-align: right; }
#footer_right li a {text-decoration: none; text-transform: uppercase; color: #7f7f7f; font-weight: bold; background: url(/pics/arrow_breadcrumb.png) right no-repeat; padding-right: 12px;}
#footer_right li a:hover {color: #3f8300;}

#footer td {
  font-size: 11px;
  line-height: 14px;
}

.fl_right {float: right;}

/* Button (a) */
div.btn { height: 36px; padding-left: 4px; background: url(/pics/bg_button_left.png) no-repeat; text-align: center; margin: 0px 4px; float: left;  }
div.btn a {display: block; width: 190px; height: 36px; line-height: 30px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: white; background: url(/pics/bg_button_blue.png) repeat-x;}
div.btn a:hover, div.btn a.act {background: url(/pics/bg_button_green.png) repeat-x; color: white;}
button.btn h3 {color: white; margin:0; padding:0;}
/* Button (button) */
button.btn {display: block; width: 176px; height: 30px; line-height: 30px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: white; background: url(/pics/bg_button_blue.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
button.btn:hover {background: url(/pics/bg_button_green.png) repeat-x;}

/* Schattierte Linie */
div.hr {color: white; clear: both; height: 5px; background:url(/pics/hr_shadow.png) no-repeat center; border: none; padding: 6px 0px; margin: 0px;  }
td.hr {height: 20px; background:url(/pics/hr_shadow_smaller.png) no-repeat center;}

#print {float: right; }
#print a {background: url(/pics/print.png) right no-repeat; padding-right: 20px;}

/* Startseite */
#opener {position: relative; top: -10px; margin-bottom: 20px;}
#opener_text {width: 280px; position: absolute; top: 214px; left: 15px; font-size: 18px; color: #5b7682; line-height: 20px; font-weight: normal;}
#content_left {float: left; width: 430px; overflow: hidden; }
#content_right {float: right; position: relative; left: 6px; }
.game_link, .blog_link {margin-bottom: 0px;}


/* Packages / News */
.pkg_item {
  float:left;
}
.pkg_item h3 {padding: 0px; color: #346c00; text-transform: uppercase; display: inline;}
#content .news h3 {text-transform: none;}
.pkg_item h3 small {font-size: inherit; font-weight: normal;}
.pkg_item {float:left; border-top: solid 1px #a9bec5; background: url(/pics/packages_gradient.png) repeat-x; margin-bottom: 15px;}
.pkg_item p {margin: 0px;}
.pkg_hotelname {font-weight: bold;}
.pkg_item .query_button {margin: 1px 5px;}
.news .col_pic {
  float:left;
  width: 110px;
  padding: 5px 0;
}

a.arrow_link {font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; margin-left: 10px; padding-left: 11px; background: url(/pics/arrow_lvl1_blue.png) no-repeat left;}
a.arrow_link:hover {background: url(/pics/arrow_lvl1_green.png) no-repeat left;}

.last_minute_item {margin-top: 6px; border-bottom: 1px solid #3f8300;}
.last_minute_item h3 { color: #346c00; font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 0px; padding: 0px;}
.last_minute_item p {margin: 2px 0px; padding: 0px; font-size: 12px; line-height: 16px; }
.last_minute_item .last_minute_detail {text-align: right;}
.last_minute_item .arrow_link {}

/* Hotel Liste */
.hotel {border-top: 1px solid #a9bec5; background: #e9eff0; margin-bottom: 7px;}
.hotel .img {float: left; padding: 9px; width: 193px; }
.hotel .text {float: left; padding: 3px; width: 340px;}
.hotel .text h3 {font-size: 14px; color: #346c00; margin: 0px; padding: 0px;}
.hotel .text h3 a {color: #346c00; text-decoration: none;}
.hotel .text p {margin: 0px; padding: 0px;}
.hotel .links {float: right; padding: 3px; width: 80px;}
.hotel .links ul {list-style-image: none; list-style: none;}
.hotel .links li {margin: 0px; padding: 0px;}
.clear {clear: both;}

.hotel_info {
  float: left;
  margin-top: 5px;
}

#content #hotel_buttons {
  float:left;
  margin: 15px 0 15px 0;
}
/* Tabnavigation Hotels*/
.hotel_tab_nav {
  float:left;
  margin: 0;
  padding: 0;
  background: url("/pics/tab_bg.gif") no-repeat bottom left;
  width: 623px;
}
.hotel_tab_nav .tab {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
.hotel_tab_nav .tab a {
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  display:block;
  padding: 0 0 0 6px;
  background: url("/pics/tab_left.gif") no-repeat top left;
}
.hotel_tab_nav .tab a span {
  display:block;
  padding: 5px 11px 4px 5px;
  background: url("/pics/tab_right.gif") no-repeat top right;
}
.hotel_tab_nav .tab a.act {
  color: #15355b;
  background: url("/pics/tab_active_left.gif") no-repeat top left;
}
.hotel_tab_nav .tab a.act span {
  background: url("/pics/tab_active_right.gif") no-repeat top right;
}

.hotel_tab_nav .tab_blue a {
  color: white;
  background: url("/pics/tab_blue_left.gif") no-repeat top left;
}
.hotel_tab_nav .tab_blue a span {
  background: url("/pics/tab_blue_right.gif") no-repeat top right;
}
.hotel_tab_nav .tab_blue a.act:hover {
  color: #15355b;
}
.hotel_tab_nav .tab_blue a:hover {
  color:#E6FBD3;
}

.backlink { margin-top: 16px;}

/* Hotel Suche */
#austria_map {float: left;}
#content #search_box {float: right;}
#left_col #search_box {float: left; overflow: hidden;}
#search_box form {margin-top: 10px;}
#search_box form select, #search_box form input {width: 100%; margin-bottom: 4px;}
#search_box img {position: relative; top: 1px; left: -15px;} /* austria map */


/* Gallery */
#redx_gallery_image_container { float: left; text-align: left; vertical-align: bottom; width: 520px; height: 392px;}
/*#redx_gallery_title { color: #831825; font-size: 12px; font-weight: bold; padding-top: 5px; }*/

#gallery_descr_container {
  background-color: #f0f2f5;
  height: 350px;
  width: 230px;
  float: right;
  padding: 10px;
  overflow: auto;
}

/*#gallery_prev { text-align: center; color: #B7D33E; background-color: white; position: absolute; left: 0px; top: 9px; width: 25px; height: 103px; z-index: 9999 }*/
/*#gallery_next { text-align: center; color: #B7D33E; background-color: white; position: absolute; right: 9px; top: 9px; width: 25px; height: 103px; z-index: 9999 }*/

#gallery_next a{
  
  float: left;
  width: 25px;
  height: 103px;
  float:left;
  padding-left:3px;
  margin-top:10px;
  background-image: url('/pics/gallery/gallery_next.gif');
  background-repeat: no-repeat;
}

#gallery_next a:hover{
  background-image: url('/pics/gallery/gallery_next_over.gif');
  background-repeat: no-repeat;
}


#gallery_prev a{
  float: left;
  width: 25px;
  height: 103px;
  padding-right: 0px;
  margin-top: 10px;
  background-image: url('/pics/gallery/gallery_prev.gif');
  background-repeat: no-repeat;
}

#gallery_prev a:hover{
  background-image: url('/pics/gallery/gallery_prev_over.gif');
}



.next_link{
  width:25px;
  height:103px;
  background-image:url('/pics/gallery/gallery_next.gif');
}


body.gallery_body { color: black; background: #fff; padding: 0px; margin: 0px; width: 830px}
#thumbs_table { border: 0px solid black; padding: 0px; margin: 0px; margin-top: 2px; }
.thumbs_pic { float: left; padding-left: 3px; padding-right:3px; text-align:top; margin-top:10px;}
#gallery_nav_elements { width: 250px; float: right; border-top: 1px solid white; text-align: center; background: url(/pics/gallery/bg_gallery_nav.gif) repeat-x;}
#redx_gallery_thumb_list { clear: both; padding: 4px 27px 0px 27px; position: relative; height:110px; width: 775px;}
#gallery_container {
  width:810px;
  height:500px;
  padding: 10px;
  background-image: url('/pics/gallery/bg_gallery_container.gif');
  /*background-repeat: repeat-x;
  background-position: 0px 6px;*/
}
#gallery_close { float: right; }
#gallery_close a {font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding-right: 11px; background: url(/pics/gallery/close.gif) no-repeat right; }

a.gallery_close:link { text-decoration: none; background: url(/pics/icon_close.gif) no-repeat; background-position: right center; padding-right: 20px; }
a.gallery_close:visited { text-decoration: none; background: url(/pics/icon_close.gif) no-repeat; background-position: right center; padding-right: 20px; }
a.gallery_close:hover { text-decoration: none; background: url(/pics/icon_close.gif) no-repeat; background-position: right center; padding-right: 20px; }
a.gallery_close:active { text-decoration: none; background: url(/pics/icon_close.gif) no-repeat; background-position: right center; padding-right: 20px; }

a.gallery_begin_end_links:link { color: #B8D43E; font-size: 16px; text-decoration: none; font-weight: bold; }
a.gallery_begin_end_links:visited { color: #B8D43E; font-size: 16px; text-decoration: none; font-weight: bold; }
a.gallery_begin_end_links:hover { color: #757575; font-size: 16px; text-decoration: none; font-weight: bold; }
a.gallery_begin_end_links:active { color: #757575; font-size: 16px; text-decoration: none; font-weight: bold; }

a.gallery_arrow:link { color: #B8D43E; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.gallery_arrow:visited { color: #B8D43E; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.gallery_arrow:hover { color: #757575; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.gallery_arrow:active { color: #757575; font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }

#gallery_home {
  display:none;
  width: 100%;
  padding: 2px;
  margin-bottom: 10px;
  border-bottom: 1px solid #80a0ab;
  background-color: #f0f2f5;
}

.ecard { background:#EFF1F4; }
.ecard, #ecard_form td, #ecard_form th { font-size:11px; line-height:14px; }

.news_date {float: right;}
.hotel_thumbs img {margin: 3px 2px; padding: 0px; border: 1px solid #86a3ae;}

.validation_error { color: #ff0000; }


.quickanfrage label {color: #346c00; font-size: 12px; text-transform: uppercase; font-weight: bold; display: block; margin-top: 6px;}
.quickanfrage label.inline {display: inline; line-height: 40px;}
.quickanfrage button {margin-top: 8px;}

.form_info, .required {color: #3f8300;}
.forms {border-collapse: collapse;}
.forms td {padding: 2px;}

.data_nav {width: 630px; text-align: center; margin: 10px 0px; float:left;}
.data_nav a { padding: 1px;}
.data_nav a:hover {}

/* Google Maps */
#content #map {float: left; width: 390px; height: 450px; border: 1px solid #D9D9D9;}
#content #directions {width: 245px; height: 450px; overflow: auto; float: right; margin: 0;}
#content #bottom_bar {height: 20px; display: block; clear: both;}

/* Query Button */
div.query_link {float: right; margin-right: 28px; display: inline;} /* display:inline um IE6 double margin bug zu umgehen */
a.query_button {background: url(/pics/bg_query_button.png) repeat-x; text-transform: uppercase; font-weight: bold; color: white; font-size: 11px; padding: 2px 5px 3px 14px; text-decoration: none;}
a.query_button:hover {background: url(/pics/bg_query_button_over.png) repeat-x; color: white;}
/* Package Detail */
.news_date .query_button {margin-right: 28px;}

/* Druckansicht */
#print_wrapper #content #map {float: none; width: 720px; height: 450px; border: 1px solid #D9D9D9;}
#print_wrapper #content #directions {width: 720px; height: 100%;  overflow: visible; float: left; margin: 0px 0px 200px 0px;}
#print_wrapper #content #bottom_bar {height: 20px; display: block; clear: both;}


body.print {background: white; padding: 16px;}
#print_wrapper {}
#print_close { text-align: right;}
#print_close a {text-decoration: none; color: #999999; }
#print_close img {vertical-align: middle;}
#print_header img {padding: 0px; margin: 0px; vertical-align: top;}
#print_header {height: 94px; position: relative; margin: 0px; padding: 0px;}
#print_header #print_logo {position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px;}
#print_header #print_info {position: absolute; bottom: 0px; right: 0px;}
#print_wrapper #footer td {
  background: none;
  font-size: 10px;
}
#print_wrapper #footer #footer_left {width: 130px; margin-left: 0px;}

.check_list_entry {
  display: block;
  width: 150px;
  float: left;
  float: left;
}

#banner_left{
  float: left;
  margin-bottom: 15px;
}
#hotel_search {
  float: left;
  width: 652px;
}
/* Hotel Info Window */
.hotel_window {font-size: 11px;}
.hotel_window .text {float: left; padding: 3px; width: 315px;}
.hotel_window .text h3 {font-size: 14px; color: #346c00; margin: 0px; padding: 0px;}
.hotel_window .text h3 a {color: #346c00; text-decoration: none;}
.hotel_window .text p {margin: 0px; padding: 0px;}
.hotel_window .top ul {float: right; list-style-image: none; list-style: none; margin-right: 10px; margin-top: 18px; right: 0px }
.hotel_window ul { list-style-image: none; list-style: none;}
.hotel_window li {margin: 0px; padding: 0px;}

.hotel_search_start {width: 203px; height: 280px; margin: 1px 0px 0px -15px; font-size: 2px !important;}
.hotel_search_start .gmnoprint {font-size: 4px !important; line-height: 2px; }
.hotel_search_start .gmnoprint img {left: 0px !important; }

/*Detailansicht hotel Button Share*/
#bt_share{
  position: relative; 
  bottom:-3px;
  margin-left: 5px;
}

/*TEASER MODUL STARTSEITE*/
#content_teaser {
  width: 430px;
  height: 316px;
  position:relative;
  margin: 0;
  padding: 0;
}
#carousel-wrapper {
  width: 440px;
  height: 316px;
  overflow: hidden;
}
#carousel-content {
    width: 10000px;

}
#carousel-content .slide {
    float: left;
    width: 440px;
    height: 316px;
}
#carousel-content .slide a {
  text-decoration: none;
  cursor: pointer;
}

.carousel_text h2 {
  color: #15355b;
}
.teaser_pic {
  float:left;
  width:440px;
  height: 316px;
}
.carousel_text {
  margin: 20px;
  width: 400px;
  float: lefT;
}
#carousel_prev {
  position: absolute;
  display:block;
  width: 35px;
  height: 35px;
  background: url(/pics/prev.gif) no-repeat top left;
  top: 140px;
  left: 0;
}
#carousel_next {
  position: absolute;
  display:block;
  width: 35px;
  height: 35px;
  background: url(/pics/next.gif) no-repeat top left;
  top: 140px;
  right: 0;
}

#google_button {
	float:left;
	margin-left:5px;
	margin-bottom:20px;
}

#facebook_button {
	float:left;
	margin-left:5px;
  margin-bottom:20px;
}

#youtube_button {
	float:left;	
	margin-left:5px;
  margin-bottom:20px;
}

#ad_banner {
	position:absolute;
	top:203px;
	left:1000px;
}

#pageflip {
	position:fixed;
	right:0;
	top:0;
	z-index:99;
}

#pageflip .overlay {
	width:50px;
	height:52px;
	z-index:2;
	position:absolute;
	top:0;
	right:0;
	border:none;
}

#pageflip .underlay {
	width:50px;
	height:50px;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	border:none;
	background:url('/pics/schwangerschaft_at-banner-v2-baby_at.jpg') no-repeat right top;
}