/*
This stylesheet is included in the live webpage as well as inside the CMS when editing box contents. 
It must contain all styles information that should be applied as well to the box column inside the CMS!
All styles that are used for positioning should be placed in styles.css which IS NOT included in the CMS.
Please use the config value $oCMS_cfgIng["box"]["colWidth"] to specify a width for the column in the CMS. 
*/

/* ***************************************************************** *
 * ***************************************************************** *
 *   BASIC STYLES  
 * ***************************************************************** *
 * ***************************************************************** */


/* ***************************************************************** *
 * ***************************************************************** *
 *   OBJECTS IN THE BOX AREAS  
 * ***************************************************************** *
 * ***************************************************************** */

#rightCol h2 {
	margin: 5px 0 0 0;
  	padding: 3px 0;
	border-top: 1px dashed #333333;
	border-bottom: 1px dashed #333333; 
  	color: #333333;
	font-size: 14px;
	font-weight: bold;
} 
#rightCol h3 {
  	padding: 8px 0 4px 0;
	border: 0; 
  	color: #333333;
	font-size: 12px;
	font-weight: bold;
}           
#rightCol h4 {
  	padding: 0 0 4px 0;
  	margin-bottom: 4px;
	border-bottom: 1px solid #454545; 
  	color: #454545;
	font-size: 12px;
	font-weight: bold;
}           
#rightCol h5 {
  	padding: 0; 
  	color: #454545;
	font-size: 11px;
	font-weight: normal;
}           
#rightCol h5 a, #rightCol h5 a:visited {
  	color: #454545;
  	text-decoration: underline;
} 


#rightCol .image1 {
	margin-bottom: 20px;
}

/**
 * List without bullets 
 */
#rightCol ul.nobullets {
	margin: 0;
	padding: 0;
	list-style: none;
}
#rightCol ul.nobullets li {
	margin: 0;
	padding: 3px 0;
}
/**
 * Lists with bullets 
 */
#rightCol ul.bullets, #rightCol ul.text {
	margin: 0 0 0 6px;
	padding: 0; 
	list-style-image: url(/images/objects/box/bullet_orange.gif);
}
#rightCol ul.text {
	list-style-image: url(/images/objects/box/bullet_text.gif);
}
#rightCol ul.bullets li, #rightCol ul.text li {
	margin: 0 0 0 1em;
	padding: 3px 0;
}

/**
 * Orange Box 
 */
#rightCol .stdBox {
	margin-bottom: 20px;
	width: 210px;
	overflow: hidden;
}
#rightCol .stdBox .boxTitle {
	height: 35px;
	background: url(/images/objects/box/orangeBox_title.gif) no-repeat;
	overflow: hidden;
}
#rightCol .stdBox .boxTitle h4 {
	padding: 5px 15px 0 20px;
	border: 0;
	color: #ffffff;
}
#rightCol .stdBox .boxMain {
	background: #FFB21D;
	padding: 5px 10px;
	color: #ffffff;
}
#rightCol .stdBox .boxMain a, #rightCol .stdBox .boxMain a:visited {
	color: #ffffff;
}
#rightCol .stdBox .boxMain a:hover {
	color: #333333;
}
/**
 * greyButton in box (only differences to std grey button) 
 */ 
#rightCol .stdBox .greyLinkButton .linkMain {
	background: #ffffff;
} 
#rightCol .stdBox .greyLinkButton .linkMain a {
	color: #333333;
	text-decoration: none;
}
#rightCol .stdBox .greyLinkButton .linkMain a:hover {
	color: #F6A300;
} 


/**
 * Special for news list 
 */
#rightCol ul.text li .date {
	font-size: 11px;
}
#rightCol ul.text li h5 {
	font-size: 12px;
}


/*  ************************************************************************ 
 *   FORMS  
 *  ************************************************************************ */
 
/**
 * Small reservation / newsletter form (box)
 */
#boxForm {
	margin-bottom: 20px;
	padding: 8px 0;
	background: #EFEFEF url(/images/layout/mainnav_bg.gif);
} 
#boxForm table {
	width: 160px;
	margin: 0 auto;
	border: 0;
}                       
#boxForm table tr td {
	padding: 0;
}
#boxForm .fldTitle {
	margin: 5px 0 1px 0;
	font-size: 11px;
	color: #333333;
} 
#boxForm table tr td.spacerRight {
	padding-right: 10px; 
} 
#boxForm table tr td input.boxInputTxt {
	padding: 1px;
	border-width: 1px;
	width: 160px;        
	font-size: 11px;
	color: #333333;
	background: #CCCCCC;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 156px;
}
html>body #boxForm table tr td input.boxInputTxt {
	width: 156px;
}  
#boxForm table tr td select {
	padding: 1px;
	border-width: 1px;        
	font-size: 11px;
	color: #333333;
	background: #CCCCCC; 
} 
#boxForm table tr td select.hotelSelect {
	width: 160px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 156px;
}
html>body #boxForm table tr td select.hotelSelect {
	width: 156px;
}  
#boxForm table tr td select.numSelect {
	width: 45px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 41px;
}
html>body #boxForm table tr td select.numSelect {
	width: 41px;
}
#boxForm table tr td input.inputCal {
	width: 134px;
	padding: 2px 1px 2px 4px; 
	border-width: 1px;  
	font-size: 11px;
	background: #CCCCCC;
	color: #333333;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 128px;
}
html>body #boxForm table tr td input.inputCal {
	width: 128px;
}
#calBut {
	cursor: pointer;
}
#boxForm input.submitBut {
	padding: 1px 3px;
	margin-top: 8px;
	border: 0;   
	background: #CCCCCC;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}