/* GENERAL fonts */
HTML{
	height: 100%;
	
}
BODY{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;
	background-image: url(../images/body_background.gif);
	padding:0;
	margin:0;
	height: 100%;
}

/* UL,OL,LI {margin: 0px;}*/
UL,OL,LI {list-style-type:disc;}
P {margin: 0px 0px 5px 0px;}
A {	
	color: #800000;
}

DIV#background{	
	padding: 0;
	background-image: url(../images/color-bar.gif);	
	background-repeat: repeat-x;
	background-position: 0px 75px;
	margin: 0 auto;
	padding: 0;
}
DIV#page_area{	
	width: 955px;
	margin: 0 auto;
	padding: 0;
}

/* ###  TOP ROW  ### */

DIV#header_menu_row{	
	padding-top: 25px;				
	vertical-align: bottom; 
	text-align: center; 
	height:50px;		
	
}
DIV#header_menu_row SPAN {	
	padding-left:  5px;
	padding-right: 5px;	
	text-decoration: none;
}
SPAN.header-menu-spacer {	
	background-image: url(../images/top-spacer.gif);	        
	background-repeat:no-repeat;
	background-position: center bottom;
	padding-top:25px;
	padding-left:  5px;
	padding-right: 5px;	
	text-decoration: none;
}


DIV#header_menu_row SPAN A {	
	padding-top:25px;
	font-size: 15px;	
	text-decoration: none;
}
DIV#header_menu_row SPAN A:hover {	
	background-image: url(../images/top-hover.gif);	
	background-repeat:no-repeat;
	background-position: center top;
	text-decoration: none;
	color: #2c070a;
}
DIV#header_menu_row SPAN A:visited {	
}
/*  normal state (NO) */
DIV#header_menu_row SPAN.header-menu-no{
  white-space: nowrap;  
  padding-left:5px;
  padding-right:5px;
}
/*  active state (ACT) */
DIV#header_menu_row SPAN.header-menu-act {
  white-space: nowrap;
  padding-left:5px;  
  padding-right:5px;  
}
DIV#header_menu_row SPAN.header-menu-act A {
  white-space: nowrap;
  background-image: url(../images/top-hover.gif);	
  background-repeat:no-repeat;	
  background-position: center top;
  text-decoration: none;
  font-weight:bold;
  color: #2c070a;
}



/* ###  MIDDLE ROW  ### */

DIV#middle_row {  
  vertical-align: middle; 
  text-align: right; 
   height: 322px;
}

DIV#left_logo {	  
	text-align: left; 		
	padding: 0px;
	padding-left: 50px;
	vertical-align: top;	
	height:322px;
	float:left;
}
DIV#left_logo a{	  	
	padding: 0px;	
	margin: 0px;
	border: 0px;
}
DIV#left_logo IMG{
	background-image: url(../images/left_logo_bg_rot.jpg);	
	border: 0px;
}
DIV#middle_picture {	  	
	/*text-align: center; 		
	vertical-align: middle; */
	background-color: #FFF;
	width:665px;
	height:322px;	
	float:left;
}
DIV#middle_picture IMG{	  
	height: 300px;
	width:  638px;
	padding: 11px 15px 11px 10px;		
}

/* ###  BOTTOM ROW  ### */

DIV#bottom_row{
	width: 955px;
	min-width: 955px;
	max-width: 955px;	
	height:auto; 
        margin:0; padding:0;
        /*
        background:url("../images/left_menu_background2.gif") 0px 0px repeat-y;        
        */
        background:url("../images/row_3_background.gif") 0px 0px repeat-y;        
        
}

/* Left Menu column */

DIV#left_menu_placer {	
	text-align: left; 
	background-color: #FFFFFF;
	vertical-align: top; 	
	background-image: url(../images/schlagschatten-lang.gif);
	background-repeat : no-repeat;	
	background-position:50px 0px;
	padding-top: 10px;	
	padding-left: 50px;		
	width:240px;
	min-width:240px;
	max-width:240px;
	height:auto;
	
}
DIV#left_menu {	
	background-color: #DBD8CF;
	background-image: url(../images/subnavi-background.jpg);
	background-repeat : no-repeat;	
	background-position: 0px 0px;
	text-align: left; 
	vertical-align: top; 		
	padding-top: 10px;	
	padding-bottom: 15px;
	padding-left: 50px;
	width:189px;
	min-width:189px;
	max-width:189px;
	height:auto;
	min-height:365px;
	float:left;
}


DIV#left_menu DIV {	
	padding-top:  	4px;
	padding-bottom: 4px;	
	text-decoration: none;
}

DIV#left_menu DIV A {			
	text-decoration: none;
}
DIV#left_menu DIV A:hover {	
	color: 2c070a;
	text-decoration: none;
}
DIV#left_menu DIV A:visited {			
}
DIV#left_menu DIV.left-menu-act {
	padding-left:5px;
	padding-right:15px;
	background-color: white;
	font-weight:bold;
	color: 2c070a;
	text-decoration: none;
}
DIV#left_menu DIV.left-menu-act A{
	font-size: 12px;		
	font-weight:bold;
	color: 2c070a;
	text-decoration: none;
}

/*  inactive state (no) */
DIV#left_menu DIV.left-menu-no{		
	padding-left:5px;
	padding-right:15px;
	font-size: 12px;			
	text-decoration: none;
}

DIV#left_menu DIV.left-menu-header {	
	font-size: 15px;	
	color: #800000;	
	font-weight:bold;
	padding-top:  	4px;
	padding-bottom: 10px;	
	text-decoration: none;
}

DIV#left_menu DIV.left-menu-header A{	
	font-size: 15px;	
	color: #800000;	
	font-weight:bold;
	margin-left:-5px;	
	text-decoration: none;
}
DIV#left_menu DIV.left-menu-header A:hover {		
	text-decoration: none;
}
DIV#left_menu DIV.left-menu-header A:visited {
	text-decoration: none;
}
DIV#left_menu DIV.left-menu-header A:focus {
	text-decoration: none;
}
DIV#left_menu DIV.left-menu-header A:active {
	text-decoration: none;
}

DIV.left-submenu-act {
	padding-left:10px;
	padding-right:15px;
	font-size: 12px;		
	font-weight:bold;
	color: 2c070a;
	text-decoration: none;
}
DIV.left-submenu-act A {
	font-size: 12px;			
}
DIV.left-submenu-no {	
	padding-left:10px;
	padding-right:15px;
	text-decoration: none;
	font-size: 12px;		
}
DIV.left-submenu-no A {		
	text-decoration: none;
	font-size: 12px;		
}



/* Content column */
DIV#content_area {	  
	text-align: left; 
	/*background-color: #F3F1EC;*/
	background-image: url(../images/schlagschatten.gif);
	background-repeat : repeat-x;	
	background-color: #FFFFFF;
	padding-right: 15px;	
	padding-top: 27px;
	padding-bottom: 15px;
	margin-top: -10px;
	vertical-align: top; 	
	width: 650px;	
	min-width: 650px;	
	max-width: 650px;	
	min-height:365px;
	height:auto;	
	float:left;			
}

DIV#content_area H1{
	margin-top:0px;	  
	padding-left:35px;
	font-size: 18px;
	color: #800000;	
}
DIV#content_area H2{	  
	padding-left:50px;
	font-size: 13px;
	color: #800000;	
}
DIV#content_area P{
	padding-left:50px;	  
	font-size: 11px;
	color: #000000;	
}
DIV#content_area form{
	padding-left:50px;		
}


DIV#content_area TABLE.contenttable{
	margin-left:50px;	  
}

DIV#content_area TR P{
	padding:0px;	  
}

DIV#content_area UL{
	padding-left:50px;	  
	font-size: 11px;
}
DIV#content_area LI{
	vertical-align: middle;
	font-size: 11px;
	color: #000000;
	padding-bottom:2px;
}


/* footer */ 
DIV#footer {	  
	margin-top:0px;
	font-size: 11px;
	font-weight: normal;	
	/*background-color: #380F15;*/
	background-image: url(../images/color-bar.gif);
	background-repeat : repeat-x;	
	color: #FFFFFF;	
	padding-top:	3px;
	padding-bottom:	3px;
	width: 		955px;
	min-width: 	955px;
	max-width: 	955px;
	clear: both;
}

SPAN#left_footer_text{
	color: #FFFFFF;
	padding-left:75px;	
	text-align: left;
}
SPAN#right_footer_text{	
	color: #FFFFFF;
	padding-left:100px;
	margin-right:0px;	
	text-align: right;
}
SPAN#right_footer_text A{	
	color: #FFFFFF;
	text-decoration: none;
}
SPAN#right_footer_text A:hover{	
	color: #FFFFFF;
	text-decoration: underline;
}
SPAN#right_footer_text A:visited{	
}
/*
DIV#footer img{	
	vertical-align:middle;
	padding-right:6px;
}
*/
IMG.footer_flag {	
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	border: 0px solid red;
}


/*KONTAKT FORMULAR*/

fieldset.csc-mailform {
	border:none;
	padding-top:25px;
	/*
	padding-left:50px;
	*/
} 
DIV.csc-mailform-field {
	padding-top:10px;
}
DIV.csc-mailform-field LABEL {
	display: block;
	float: left;
  	width: 100px; 
	font-size:12px;

}
DIV.csc-mailform-field INPUT {
	text-align:left;
}

IMG#left_logo_font {	
	height:322px;
	width:239px;
}

/*--------Buchungs Plugin-------*/


DIV.pricing_page {
	padding-left:50px;
}

SPAN.room-text-1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;
	padding-left:50px;	  
	font-size: 12px;
	font-weight: normal;	
	color: #000000;			
}
DIV.room-text-1 {	
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;	
	font-size: 12px;
	font-weight: normal;	
	color: #000000;			
}
TABLE#personal_infos_list {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;	
	font-size: 12px;
	font-weight: normal;	
	color: #000000;	
}
TABLE#room_list {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;	
	font-size: 12px;
	font-weight: normal;	
	color: #000000;	
}
INPUT.personal_info {
	width:400px;
}
TEXTAREA.personal_info {
	width:400px;
}
DIV.personal_infos_list{	
	padding-top:10px;	
	padding-bottom:10px;	
}
TABLE#personal_infos {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;	
	font-size: 12px;
	font-weight: normal;	
	color: #000000;	
}
TD.personal_label {
	vertical-align:top;
	padding-right:10px;
}

FORM#tx_hotelbooking_pi1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;
	padding-left:50px;	  
	font-size: 12px;
	font-weight: normal;	
	color: #000000;	
}
DIV.room_infos{
	padding-top:10px;
	padding-bottom:5px;
}
DIV.room_infos_2{
	padding-bottom:5px;
}
DIV.room_infos_3{
	padding-bottom:10px;
}

DIV.button_row{	
	padding-top:10px;	
	padding-bottom:10px;
}

DIV.messages{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;	
	font-size: 12px;
	font-weight: normal;	
	color: #EE1010;	
}
SPAN.label_spacer_step1 {
	display:block;
	float:left;
	width:    70px;
	min-width:70px;;
}
DIV.room_list{
}
DIV.room_item{
}
DIV.room_item_odd{
	background-color: #E9E5DC;
}

DIV.description_label{
	font-weight:bold;
	padding-left:35px;
}

DIV.description_label img{
	padding-left:5px;
}

DIV.description{
	padding-top:10px;
	padding-left:35px;
}
DIV.step_5_header {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, arial, sans-serif;	
	font-size: 12px;
	font-weight: normal;	
	color: #000000;	
	padding-top:10px;	
	padding-bottom:10px;
}

div.room_label_check{
	padding-left:2px;
	padding-right:2px;
	width:30px;
	font-weight:bold;
	float:left;
}
span.roomlabel_name {
	white-space: nowrap;
	padding-right:5px;
	font-weight:bold;
}
span.roomlabel_persons {
	padding-left:35px;
	padding-right:2px;
	font-weight:bold;
}
span.roomlabel {
	padding-left:5px;
	padding-right:2px;
	font-weight:bold;
}
div.roomlabel_number{	
	font-weight:bold;
	white-space: nowrap;
	width:95px;
	float:left;
}
div.roomlabel_field_number{	
	float:left;
	width:50px;
}
span.roomlabel_field {	
	white-space: nowrap;
	padding-right:15px;
}
TR.room_infos {
	padding-bottom:50px;
}
TD.room {
}

/*----Header Date-----*/

div.csc-header h1{		  
	margin-top:-3px;		
}

DIV#content_area P.csc-header-date{
	padding-left:35px;
	padding-top:5px;	  
	color: #800000;
}

/*--makes Clarion Logo appear in left menu column --*/
.clarion_logo_left {
 position:relative; 
 top:-49px; 
 left:-159px; 
 margin: 0 0 0 0; 
 padding:0 0 0 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
 padding-bottom:0px;
 margin-bottom:0px;
}