@charset "utf-8";
/* CSS Document */

body{
	background: url(images/body_bg.jpg) repeat-x #5c4c41;
	margin: 0px;
	padding: 0px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.static_left .csc-textpic-image{
	margin-left: 0px !important;
}

.ausklappen_link{
	cursor: pointer;
}

.expandable{
	color: #68676B !important;
	display: none;
}

.wrapper{
	margin: 0px auto;
	width: 1000px;
}

.wtgallery_list img{
	margin-right: 3px;
	margin-bottom: 3px;
	border: 1px solid gray;
}

.event_kalender{
	width: 230px;
	height: 62px;
	
	background: url('images/eventkalendar.jpg');
}
.static_left div.csc-textpic-center {
	margin-left:10px;
}

.footer{
	background: #cecece;
	padding-top: 5px;
	padding-left: 5px;
	height: 20px;
	width: 995px;
}


.logobar{
	padding-top: 15px;
	padding-bottom: 10px;
}

.logobar .right{
	margin:25px 0px 25px 0px;
}

.logobar .right_2{
	margin: 25px 0px 25px 100px;
}

a{
	color: #514B4B;
}

img {
	border:none;
	margin:0px;
	padding:0px;
}

a:hover{
	text-decoration: underline;
}

/* Header Bereich */

.header{
	margin-top: 1px;
	background: white;
	
	width: 100%;
	min-height: 248px;
}

.static .csc-textpic{
	margin-right: 5px;
}

.static .csc-textpic{
	padding-top: 15px;
}

.static form{
	margin-top: 25px;
}

.changer_thumb img.changer{
	cursor: pointer;
	clear: right;
}

.changer_wrap{
	padding-right: 4px;
	float: right;
}

.changer_wrap img{
	padding-bottom: 4px;
}

.image_box{
	float: left;

	position: absolute;

	left: 0px;
	top: 0px;
}

.image_changer_list{
	/* padding-top: 73px; */
	float: left;
	width: 770px;
	
	text-align: right;
	position: relative;
}

.image_changer_list img{
}

DIV.csc-textpic-imagewrap dl.csc-textpic-image{
	padding: 0px;
	margin: 0px;
}

.csc-textpic-imagewrap{
	padding: 0px;
	margin: 0px;
}

.csc-textpic-image{
	padding: 0px;
	margin: 0px;
}

.logoContainer{
	float: left;
	
	width: 230px;
	height: 248px;
	
	background: #dedede;
}

/* Body */

.csc-textpic-imagerow{
	width: 80px;
}

.body_container{
	min-height: 200px;
	width: 100%;	
	
	background: #fff;
	 background: url(images/content_bg.jpg) repeat-y;
	margin-top: 1px;
}

/* Left */
.submenu_right, .submenu_left{
	width: 230px;
	float: right;
	min-height: 200px;
	margin-bottom: 10px;
	color: #514b4b;
	padding-bottom: 20px;
    /* background-color: #cccccc; */
}
.submenu_left {
    float: left;
}
.submenu ul, .submenu_left ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.submenu .links a, .submenu_left .links a{
	display: block;
	
	width: 225px;
	height: 18px;
	
	padding-top: 3px;
	padding-left: 5px;
	
	background:url(images/sub_button_bg.jpg);
	color: white;
	
	text-decoration: none;	
}

.submenu .links a:hover, .submenu_left .links a:hover{
	background: url(images/sub_button_bg_over.jpg);
}

.submenu .links a.active, .submenu_left .links a:active{
	background: url(images/sub_button_bg_over.jpg);
}


.static_right, .static_left{
	float: left;
	width: 172px;
	margin-top:1px;
}
.static_right {
}
.static_right p, .static_left p{
	padding-left: 10px;
}

.booking {
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #8F7D73;
    background-color: #3A2D27;
    color: white;
}

.static_right_top{
    width: 100%;
    height: 62px;
    border-bottom: 1px solid #8F7D73;
}
.booking {
    margin: 0;
}
.booking p {
    margin: 0px;
    margin-left: 10px;
}
.buttonEvent {
    width:230px;
    height: 62px;
}
.buttonEvent a {
    color: white !important;
}
/* Right - Content */

.content{
	width: 485px;
	float: left;
	padding-left: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 25px;
   
}

.content h1{
	color: #68676b;
	font-size: 18pt;
	padding-top: 0px;
	margin-top: 0px;
}

.content p{
	color: #68676b;
}

.left_column{
	/* width: 45%; 
    	border-right: 2px dotted #b3b3b3;
    	padding-right: 20px;
   	float: left;
    	*/
    	padding-bottom: 15px;
	min-height: 200px;
   	border-bottom: 2px dotted #b3b3b3;
}

.left_column_event{
	width: 45%; 
        border-right: 2px dotted #b3b3b3;
        padding-right: 20px;
       	float: left;
}

.right_column_event{
	width: 44%;
    	float: left;
    	padding-left: 30px
}

.right_column{
padding-top: 15px;
    /*
	width: 45%;
    float: left;
    padding-left: 30px;
    */
	min-height: 200px;
	
	
	
	
}

/* Top - Menu */

.menu{
	width: 987px;
	height: 41px;
	
	padding-left: 13px;
	
	background: url(images/menu_bg.jpg);
}

.menu a{
	color: white;
	text-decoration: none;
}

.menu .button{
	margin-right: 1px;
	
	display: inline;
	padding: 13px;
	padding-right: 12px;
	padding-left: 12px;
	
	margin-top: 1px;
	float: left;
}


.menu .button:hover{
	background: url(images/menu_bg_a.jpg);
}

.menu .active{
	background: url(images/menu_bg_a.jpg);
}

/* Tabellen */
table.contenttable thead tr th{
	background: #8f7d73;
}

table.contenttable thead tr th p.bodytext{
	color: white;
}

table.contenttable tr{
	background: #e5e5e5;
	color: black;
}

table.contenttable tr td{
	padding-left: 5px;
}

table.contenttable tr td p.bodytext{
	color: black;
	font-size: 8pt;
}

/* Kontakt */


/* Kontakt */

.content table td {
	padding:5px 10px 5px 0px;
}

.invalid {
	border:1px solid red !important;
}

.messageBox {
	font-size:0.8em;
	font-style:italic;
}
.messageBox .invalid {
	width:auto;
	border:none !important;
}

.content label {
	display:block;
	
	width:100px;
}

 .contact_text {
	width:246px;
	height:18px;
	
	margin:0px;
	padding:2px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	border:1px solid #9c9d9d;
}

 .contact_input_size1 {
	width:175px;
}

 .contact_input_size2 {
	width:57px;
}

 .contact_input_margin_right {
	margin:0px 5px 0px 0px;
}

 .contact_break {
	margin:0px 0px 5px 0px;
}

 .contact_textarea {
	width:246px;
	height:215px;
	
	margin:0px;
	padding:2px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	border:1px solid #9c9d9d;
}

.contact_submit {
	text-align:right;
}

/* Buchungsmaske */

/* principal div */ 
#HWBMask { position:relative; top:0; left:0; width:218px; height:236px; padding:5px; margin:0; background-color:#8F7D73; border: 1px solid #8F7D73;
overflow:hidden; } 
#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P { padding-top: 4px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; 
color:#fff; } 
#HWBMask table  { width:100%; border:0; } 
#HWBMask label  { cursor:pointer; } 
#HWBMask input, #HWBMask select { font-family:Arial, Helv, Helvetica, sans-serif;  font-size:9pt; color:#000; } 
 
/* alin submit button and give it a background */ 
#hwbbutton             { margin: 10px 0; text-align:right; } 
#HWBMask .submit        { background-color: #3A2D27; font-size:11px; color:#FFF; font-weight:bold; padding:1px
5px; border:0; cursor:pointer; } 
#HWBMask .submitOver    { background-color:#999; font-size:11px; color:#FFF; font-weight:bold; padding:1px 5px; border:0; 
cursor:pointer; } 
 
/* calendar icon please change for hotel if necessary */ 
#hwbdt1, #hwbdt2 { width:18px; height:18px; background:url(http://secure.hotelwebservice.de/media/_icons/calender.gif) top left no-repeat; cursor:pointer; } 
 
 
/* calendar please change #BBB (dark) and #888(light over) */ 
.calendar { position: relative; display: none; border: 1px solid; border-color: #FFF #555 #555 #FFF; font-size: 11px; cursor: pointer; 
background-color:#F7F4ED; color:#000; font-family: Arial, Helv, Helvetica, sans-serif; } 
.calendar table { border:1px solid; border-color:#FFF #555 #555 #FFF; font-size:11px; cursor:pointer; background-color:#FFF; 
color:#000; font-family:Arial, Helv, Helvetica, sans-serif; } 
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; } 
.calendar .nav { background:#BBB url(menuarrow.gif) no-repeat 100% 100%; } 
.calendar thead .title { font-weight:bold; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; 
color:#555; text-align:center; } 
.calendar thead .headrow { } 
.calendar thead .daynames { } 
.calendar thead .name { border-bottom:1px solid #555; padding:2px; text-align:center; background-color:#F1F1F1; color:#555; } 
.calendar thead .weekend { color:#833131; font-weight:bold; } 
.calendar thead .hilite { border:2px solid; padding:0px; border-color:#F7F4ED #555 #555 #F7F4ED; } 
.calendar thead .active { border-width:1px; padding:2px 0px 0px 2px; border-color:#555 #F7F4ED #F7F4ED #555; } 
.calendar tbody .day { width:2em; text-align:right; padding:2px 4px 2px 2px; } 
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #555; background-color:#E1E6F5; color:#555; } 
.calendar tbody .rowhilite td { background-color:#888; color:#555; } 
.calendar tbody td.hilite { padding:1px 3px 1px 1px; border-top:1px solid #fff; border-right:1px solid #172E55; border-bottom:1px solid
#172E55; border-left:1px solid #FFF; } 
.calendar tbody td.active { padding:2px 2px 0px 2px;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; } 
.calendar tbody td.selected { font-weight:bold;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; padding:2px 2px 
0px 2px; background-color:#F1F1F1; color:#172E55; } 
.calendar tbody td.weekend { color:#833131; } 
.calendar tbody td.today { font-weight:bold; color:#172E55; } 
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; } 
.calendar tbody .emptycell { visibility:hidden; } 
.calendar tbody .emptyrow { display:none; } 
.calendar tfoot .footrow {} 
.calendar tfoot .ttip { background-color:#BBB; padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; 
color:#172E55; text-align:center; } 
.calendar tfoot .hilite { border-top:1px solid #FFF; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px 
solid #FFF; padding:1px; background-color:#C7C4BB; } 
.calendar tfoot .active { padding:2px 0px 0px 2px;border-top:1px solid #172E55;border-right:1px solid #FFF;border-bottom:1px solid 
#FFF;border-left:1px solid #172E55; } 
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#E1E6F5 
#172E55 #172E55 #E1E6F5; background-color:#FFF;color:#172E55;font-size:smaller;padding:1px; } 
.combo .label,.combo .label-IEfix { text-align:center; padding:1px; } 
.combo .label-IEfix {width:4em; } 
.combo .active { padding:0px; border:1px solid #172E55; } 
.combo .hilite {border:1px solid #172E55;background-color:#E1E6F5; color:#172E55; } 

/* WT_Gallery */

.wt_self_wrap{
    position: relative;
}

.wtgallery_single_browser_previous{
    position: absolute;
    left: 0px;
    top: 130px;
    width: 37px;
    height: 52px;    
    background: url('images/wt_prev_60.png');
}

.wtgallery_single_browser_previous:hover{
    background: url('images/wt_prev.png');
}

.wtgallery_single_browser_next{
    position: absolute;
    right: 35px;
    top: 130px;
    width: 37px;
    height: 52px;
    background: url('images/wt_next_60.png');
}
.wtgallery_single_browser_next:hover{
    background: url('images/wt_next.png');
}
