/**
 * Style sheet style
 */
 /* Schrift-Formate */
h1,h2
{
	font-weight:normal;
	font-size:24px;
	color:#313977;
}

h3
{
	font-weight: bold;
	font-size: 15px;
	color:#313977;
	text-transform: none;
	margin: 0;
}
h4 {
	font-weight: bold;
	font-size: 12px;
	color:#313977;
	text-transform: none;
	margin: 0;
	}

a, a:visited {
	color: #313977;
	text-decoration: underline;
	}
a:hover, a:active {
	color: #313977;
	text-decoration: none;
	}
html
{
	margin:0 auto;
}

body
{
	margin:0 auto;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	background: #ccc;
}

#wrapper
{
	width:900px;
	margin:0 auto;
	padding:5px;
	text-align:left;
	border-right:1px solid #313977;
	border-left:1px solid #313977;
	background: #fff;
}

#logo
{
	float:left;
	padding:20px 18px;
}

#topnavi
{
	width:605px;
	margin-left:295px;
}

#info_links
{
	padding:30px;
	text-align:right;
}

#info_links a { text-decoration: none; }
#info_links img {
	border: 0;
	}

#main_navi
{
	margin:70px 0px 0px 0px;
	padding:10px 20px 1px 0px;
	text-align:right;
	background: #efefef;
}

#main_navi ul
{
	margin:0px 0px 10px 0px;
	padding:0;
	list-style: none;
}

#main_navi ul li
{
	display:inline;
	margin:0;
	padding:0px;
	list-style: none;
}

#main_navi ul li a, #main_navi ul li a:visited
{
	padding:11px 10px 11px 10px;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	color:#333;
	text-transform: uppercase;
}

#main_navi ul li a:hover, #main_navi ul li a:active
{
	padding:11px 10px 11px 10px;
	border-top:2px solid #313977;
	color:#313977;
}

#main_navi ul li.active a,
#main_navi ul li.trail a
{
	padding:11px 10px 11px 10px;
	border-top:2px solid #313977;
	background: #dbdbe1;
}



#navigation
{
	position:relative;
	clear:left;
	height: 295px;
}

#rect_navi
{
	width:300px;
	top:0px;
	left:0px;
	position:absolute;
}

#rect_navi div.nav_item
{
	width:85px;
	height:85px;
	float:left;
	margin:0px 5px 5px 0px;
	padding:5px;
	background: url('/tl_files/alpen-chalets/imgs/bg_navi_dark.png') no-repeat top left transparent;
	overflow: hidden;
}
#rect_navi div.nav_item:hover
{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75; 
}
#rect_navi div.active
{
	width:85px;
	height:85px;
	float:left;
	margin:0px 5px 5px 0px;
	padding:5px;
	background: url('/tl_files/alpen-chalets/imgs/bg_navi_light.png') no-repeat top left transparent;
}


#rect_navi div.nav_item a
{
	text-decoration:none;
	color:#fff;
	text-transform: uppercase;
}
#rect_navi div.active a
{
	text-decoration:none;
	color:#000;
	text-transform: uppercase;
}

#rect_navi a.invisible { display: none; }

#rect_navi div.nav_item p {
	margin: 0px;
	padding: 0px 0px 60px 0px;
	}
#rect_navi div.nav_item p:hover {
	margin: 0px;
	padding: 0px 0px 60px 0px;
	cursor: pointer;
	}
#rect_navi div.nav_item {
	cursor: pointer;
	}


#main
{
	clear:left;
}

#main .mod_breadcrumb {
	margin: 0px 0px 20px 0px;
	color: #313977;
	font-size: 8px;
	font-weight: bold;
	}
#main .mod_breadcrumb span,
#main .mod_breadcrumb a {
	color: #313977;
	font-size: 10px;
	font-weight: normal;
	}

#main #left
{
	width:295px;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px;
}

#left .teaser
{
	margin:0px 0px 5px 0px;
	padding:10px 10px 8px 10px;
	background: #efefef;
}

#left #ufo .teaser img {
	margin-top: -10px;
	margin-left: -10px;
	}

#left h3 {
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	}

#left #finca_link {
	padding: 0px;
	}
#left #finca_link h3 {
	background: #313977;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0;
	border-bottom: 1px solid #fff;
	}

#main #left .submit {
	width: 250px;
	float: none;
	margin: 5px 0px 8px 0px;
	}
#main #left select {
	width: 250px;
	margin: 5px 0px;
	float: none;
	}
#main #left form {
	margin-top: 10px;
	}

#main #left .headline
{
	padding: 40px 0px 10px 5px;
	margin: 0px 0px 5px 0px; 
	background: #EFEFEF;
}

#main #left #mod_gallery {
	margin: 0px 0px 5px 0px;
	background: #EFEFEF;
	}
#main #left #mod_gallery img {
	margin: 0px 0px 3px 0px;
	}
	
#main #left #mod_gallery_hidden {
	display: none;
	}
		
#main #content
{
	width:550px;
	margin:0px 0px 0px 325px;
	padding-top:15px;
}

#main #content ul {
	list-style: square;
	}

#footer
{
	clear:left;
	margin-top:20px;
	padding:5px;
	border-top:1px solid #313977;
}

#copyright
{
	width:275px;
	float:left;
}

#bottom_links
{
	margin-left:325px;
	text-align:right;
}

#bottom_links div ul {
	list-style: none;
	}
#bottom_links div ul li {
	list-style: none;
	display: inline;
	padding: 2px 20px;
	border-left: 1px solid #313977;
	}
#bottom_links div ul li.first {
	padding: 2px 20px;
	border-left: none;
	}
#bottom_links div ul li.last {
	padding: 2px 0px 2px 20px;
	border-left: 1px solid #313977;
	}

#bottom_links div ul li a
{
	font-weight:bold;
	text-decoration:none;
	color:#313977;
	text-transform: uppercase;
}

/* Dreier-Teaser */
.dreierbox
{
	margin:20px 0px;
}

.dreierbox div
{
	width:265px;
	float:left;
	margin-right:20px;
	padding-bottom:0px;
	background: #efefef;
}

.dreierbox div h3
{
	margin:0;
	padding:5px 10px;
	border-bottom:1px solid #fff;
	color:#fff;
	background: #313977;
	text-transform: uppercase;
	font-size: 12px;
}

.dreierbox div p
{
	padding:0px 10px;
	color:#313977;
}

.dreierbox div#box_2
{
	margin-right:0px;
}

p.readmore
{
	padding-top:10px;
	text-align:right;
}

p.readmore a
{
	font-weight:bold;
	text-decoration:underline;
	color:#313977;
}

.clear_left
{
	clear:left;
}

.clear_right
{
	clear:right;
}

#smart_map
{
	width:90%;
	margin:-10px 0px 0px 0px;
	padding:0;
	text-align:center;
}

img
{
	border: none;
}

/* Wetter */
.mod_yahooweather .item
{
	float: left;
	width: 90px;
	text-align: left;
}

.forecast {
	margin-top: 10px;
	}

.mod_yahooweather .item .icon
{
	width: 57px;
	height: 57px;
}

.mod_yahooweather .item .icon img
{
	width: 48px;
	height: 48px;
	margin: 5px 0 0 0;
}

.mod_yahooweather .item.last
{
	margin: 0px;
}

.mod_yahooweather .item h4
{
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin: 4px 0 4px 0 ;
	padding: 0;
	color: #000000;
	width: 80px;
}

/* Details Skiregion */
.detaillist_item {
	width: 100%;
	padding: 10px 0px 0px 0px;
	min-height: 100px;
	position: relative;
	}

.detaillist_item img {
	float: left;
	margin-right: 20px;
	}
.detaillist_item  .listitem_content {
	margin-left: 110px;
	}
.detaillist_item  .listitem_content p {
	margin: 0px;
	}
.detaillist_item .listitem_content h3 {
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	text-transform: uppercase;
	}	
	
/* Formulare */
.form_input
{
	width:100%;
	clear:right;
	margin:10px 0px;
	padding:2px 0px;
}

input, select, textarea
{
	float:right;
	padding:2px;
	border:1px solid #313977;
	font-size:11px;
}

input[type=submit]
{
	margin:0px 0px 20px 0px;
	font-weight:bold;
	color:#fff;
	background: #313977;
}

label
{
	padding-top:3px;
}

#left .teaser input, #left .teaser select
{
	width:150px;
	margin:-5px 20px 0px 0px;
}

#main input, #main select, #main textarea {
	width: 300px;
	margin: -2px 90px 0px 0px;
	}
#main select {
	width: 305px;
	}
#main input[type=submit] {
	width: 305px;
	margin-top: 20px;
	}
	
#main #content h3.detail_category {
	color: #313977;
	font-weight: bold;
	font-size: 16px;
	text-transform: none;
	}

h2, h3, h4, h5 {
	color: #313977;
	}
	
/* Tabellen */
table {
	margin: 0;
	padding: 0;
	}
table td {
	margin: 0;
	padding: 0;
	}


a.regionmap_link {
	font-weight: bold;
	color: #313977;
	text-decoration: none;
	background: url('/tl_files/alpen-chalets/imgs/smart-map/ort_icon.png') no-repeat center left transparent;
	padding-left: 15px;
	}
a.regionmap_link:hover {
	text-decoration: underline;
	}
	
h3 {
	background-repeat: no-repeat;
	background-position: center right;
	}
h3.equipment,
h3.prices {
	margin: 20px 0px 5px 0px;
	text-decoration: underline;
	padding: 3px 0px;
	}
	
#action {
	margin: 20px 0px;
	}
#booking a {
	color: #313977;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0px;
	/*background: url('/tl_files/alpen-chalets/imgs/booking.png') no-repeat center left;*/
	}
#pdf a {
	color: #313977;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 22px;
	background: url('/tl_files/alpen-chalets/imgs/pdf.png') no-repeat center left;
	}
	
.error {
	color: #990000;
	font-weight: bold;
	padding-bottom: 3px;
	}

/* IE7-Fixes */
*+html #bottom_links
{
	margin-top:-1px;
}

*+html .dreierbox div p.readmore
{
	padding:0px 15px 10px 0px;
}

*+html #smart_map
{
	padding-bottom:10px;
}

*+html #smart_map p.readmore
{
	padding:0px;
}

*+html #main_navi
{
	height:25px;
}

*+html #topnavi
{
	width:602px;
	margin-left:290px;
}

.dreierbox {
	padding-top: 0px;
	}
*+html .dreierbox {
	padding-top: 22px;
	}
*+html p {
	padding: 0px;
	margin: 0.6em 0em 0.9em 0em;
	}
*+html #footer #bottom_links {
	margin-top: -8px;
	}
*+html #footer p#copyright {
	padding-top: 5px;
	}
*+html #mod_gallery a {
	text-decoration: none;
	}

.autotabelle {
	border-collapse: collapse;
	width: 100%;
	}
.autotabelle td {	
	border: 1px solid #ccc;
	border-collapse: collapse;
	}

#main #left input.obj_name {
  float: right;
  margin: 0px 25px 5px 0px;
}
#main #left label#oname {
  font-size: 11px;
  padding-top: 3px;
  line-height: 15px;
}

#main .note { padding: 10px; background: #efefef; border: 1px solid #e3e3e3; font-weight: bold; color: #444; }


#main .teaser #tab_angebote { margin: -10px; padding: 0px; border-collapse: collapse; }
.teaser #tab_angebote td { background: #fff; }
.teaser #tab_angebote th { background: #313977; width: 140px; border-bottom: 1px solid #fff; }
.teaser #tab_angebote th h3 { background: #313977; color: #fff; padding: 4px 0px 4px 0px; text-align: center; }

*+html #main #left #teaser_3 .teaser { padding: 0px; }
*+html #main #left #teaser_3 table { margin: 0px; padding: 0px; }

h5.artnr { color: #669; font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; }
.maximalbelegung { color: #669; font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; float: right; }

span.highlight { padding: 3px 5px; background: #313977; color: #fff; text-transform: uppercase; font-weight: bold; margin-right: 10px; }
span.highlight_region { position: absolute; top: 5px; right: 0px; font-size: 10px; padding: 2px 3px; background: #313977; color: #fff; text-transform: uppercase; font-weight: bold; margin-right: 10px; }

#premium .ce_text { margin: 0px 0px 40px 210px; }

*+html #buchungsanfrage { width: 600px; z-index: 5000; }

input#ctrl_32 {
  width: 300px;
}
.form_input { position: relative; }
button.calendar {
  background: url('/tl_files/alpen-chalets/imgs/calendar.png') no-repeat top left transparent;
  border: none;
  position: absolute;
  top: 0px;
  right: 50px;
  height: 20px;
  width: 30px;
}

.calendar {
  position: absolute;
  top: 20px;
}

#main #left #map_teaser .teaser img { padding-right: 0px; margin-right: -20px; }

img#n_3 { padding-left: 120px; }

