#headerContainer{
    height:150px;
    width:100%;
    background:url('/cms/images/bg_header.jpg') repeat-x;
}

#headerLogo{
    height:150px;
    width:420px; 
    float:left;
    background-color:transparent;
}

#headerContact{
    color:#555; 
    float:right; 
    text-align:right;
    padding:84px 20px 0 0; 
    width:320px; 
    height:60px;
}

a.premiumLogin, .premiumLogin{
    font-size:12px;
    font-weight:bold;
    padding-left:18px;
    padding-top:2px;
    padding-bottom:2px;
    margin-top:18px;
    margin-left:5px;
    display:block;
    text-decoration:none;
    color:#ffffff;
    background-color:#b90300;
    border-top:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
    cursor:pointer;
    width:110;
}

#premiumLoginLinkBox{
	width:230px;
	border:1px solid #cdcdcd;
	background-color:#b90300;
	position:absolute;
	margin-left:120px;
	margin-top:-25px;
	padding:8px 8px 8px 8px;
}

.premiumLoginLinkBoxDivider{
	height:8px;
	font-size:0px;
	border-top:1px solid #efefef;
	margin:8px 0 0 -8px;
	width:216px;
}

#premiumLoginLinkBox a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;

}
.premiumLoginLink{
    text-align:left;
}

a.premiumRegistrieren{
    font-size:11px;
    font-weight:bold;
    padding-left:18px;
    padding-top:2px;
    padding-bottom:4px;
    margin-bottom:10px;
    margin-left:5px;
    display:block;
    text-decoration:none;
    color:#cdcdcd;
    /*background-color:#df0a16;*/
    background-color:#222222;
    border-bottom:1px solid #df0a16;
    width:110px;
}

a.premiumLogin:hover, #premiumLoginLinkBox a:hover{
    color:#cdcdcd;
}

a.premiumRegistrieren:hover{
    color:#efefef;
}

trh_input{
  color:#ff0000;
  font-size:20px;
}
body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:2px;
	background-color:#fbfcfd;
}

.clearFloat:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearFloat {
	display: inline-block;
}
 
html[xmlns] .clearFloat {
	display: block;
}
 
* html .clearFloat {
	height: 1%;
}

/*m
wysiwyg tinymce-stylesheet-file
*/
div.headlineBox{
	height:20px;
	/*clear:both;*/
	width:555px;
	margin:0 0 5px 0;
	padding:0 0 0 0;
	border-left:10px solid #df0a17;
	font-size:13px;
}
div.headlineLeftBlock{
	width:10px;
	height:19px;
	background-color:#df0a17;
	font-size:0px;
	float:left;
	margin:0 0 0 0;
	padding:0;
	border-right:2px solid #ffffff;
}

div.headline{

	background-color:#222222;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	margin:0;
	border-left:2px solid #ffffff;
	padding:2px 0 2px 4px;
}
/* Buchungsseite */

div.bookingTotalPrice{
	font-size:14px;
	font-weight:bold;
	border:1px solid #cdcdcd;
	padding:20px 20px 20px 20px;
	width:450px;
}
div.bookingTotalPrice{
	font-size:14px;
	font-weight:bold;
	border:1px solid #cdcdcd;
	padding:20px 20px 20px 20px;
	width:450px;
	border-left:10px solid #df0a17;
	margin:20px 0 10px 0;
}
div.bookingTotalPriceInfoText{
	font-size:11px;
	font-weight:normal;
	margin:0 0 10px 0;
}

/**/

table.headlineTable{
    width:95%;
}
/*Der Kasten links der Headline*/
div.headlineBlock{
    /*background-color:#c3c3c3;*/
    background-color:#df0a17;
    border-right:2px solid #ffffff;
}

td.headlineText{
    color:#ffffff;
    /*background-color:#737373;*/
    background-color:#222222;
    font-size:12px;
    font-weight:bold;
    padding:0 0 0 5px;
}

td.headlineText a{
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
}
td{
    font-size:12px;
}
/*CONTENT */
h1 {
	padding-left:0px;
	font-weight:bold;
	font-size:19px;
	color: #222222;
	margin:0;
}

h2 {
	padding-left:0px;
	font-weight:bold;
	font-size:16px;
	color: #222222;
	margin:0;
}

h3 {
	padding-left:0px;
	font-weight:bold;
	font-size:13px;
	color: #222222;
	margin:0;
}

.Ueberschrift {
	padding-left:0px;
	font-weight:bold;
	font-size:19px;
	color: #222222;
	margin:0;
	line-height:130%;
	text-align:left !important;
}

.Zweite_Ueberschrift, p.Zweite_Ueberschrift, b.Zweite_Ueberschrift{
	padding-left:0px;
	font-weight:bold;
	font-size:14px;
	color: #222222;
	margin:0;
	text-align:left !important;
}

.Bild_mit_Abstand_links {
	margin-left:10px;
}
.Bild_mit_Abstand_rechts {
	margin-right:10px;
}

.Farbe_Logo_Fett {
	font-weight:bold;
         color: #df0a17;
}
.Farbe_Logo_Fett_gross {
	font-weight:bold;
    color: #df0a17;
    font-size:130%;
}
.Hervorhebung {
	font-weight:bold;
}
.Farbe_Logo {
         color: #df0a17;
}

.Farbe_Headline {
	color: #222222;
}

h1.content {
	margin-top:0px;
	margin-bottom:9px;
	padding:0px;

	padding-left:2px;
	font-weight:bold;
	font-size:19px;
	color: #222222;
	margin:0;
}

p {
	margin-top:10px;
	margin-bottom:10px;
	color:#000000;
	font-weight:normal;
    line-height:160%;
    text-align:justify;
    font-size:12px;
}

a{
 font-size:12px;
 color:#000000;
}
/* */
ul{
	margin-top:0px;
	margin-bottom:0px;
	line-height:190%;
}
li{
	margin-top:0px;
	margin-bottom:0px;
	line-height:170%;
}

#contentWindowHome{
	margin:0pt auto;
	text-align: left;
	width:840px;
}

#contentWindow{
	margin:0 auto;
	text-align: left;
	width:1070px;
}

#claim{
    margin-top:27px;
    margin-left:30px;
    color:#666666;
    font-size:22px;
    font-style: italic; 
}

.postTeaser{
	margin-bottom:1px;
}

div.newsText img{
	margin-top:4px;
	margin-right:5px;
}

.claim{
	float:left;
	font-size:24px;
	background-color:#222222;
	color:#ffffff;
	font-weight:normal;
	padding-top:0px;
	padding-left:0px;
         font-style : italic;
	height:144px;
	width:364px;
}

P.claim{
	margin-top:0px;
         margin-left:0px;
         margin-right:0px;
         margin-bottom:0px;
}

#subHead{
	height:5px;
	background-color:#ffffff;
}

.spacerHead{
	float:left;
	height:130px;
	width:2px;
	background-color:#ffffff;
}

#keyVisual{
	float:left;
	margin:0px;
	width:340px;
	height:144px;
	background-color:#transparent;
}

#contentSpacer{
    height:15px;
}

#contentFrame{
	color:#000000;
	/*padding-top:15px;*/
	padding-left:15px;
	padding-bottom:20px;
	margin-bottom:0px;
	padding-right:10px;
	border:1px solid #e5e8ec;
	/*height:100%;*/
}

#contentFooter{
    border-left:1px solid #e5e8ec;
	border-right:1px solid #e5e8ec;
	border-bottom:1px solid #e5e8ec;
}

.additionalSentence{
	width:95%;
	margin:10px 0 0 0;
	padding: 0 20px 0 0;
	/*border-top:1px solid #df0a17;*/
	/*border-bottom:1px solid #df0a17;*/
	font-size:12px;
	color:#555555;
	text-align:justify;
}
.additionalSentence a{
	font-size:12px;
	color:#000000;
}

.additionalSentence h2{
	font-weight:bold;
	font-size:12px;
	color:#555555;
}

.furtherhotelsContainer{
 margin-top:10px;
}

.furtherHotelsItem{
 float:left;
 border:1px solid #dedede;
 width:122px;
 height:140px;
 margin-right:4px;
}

.furtherHotelsName{
    height:30px;
    font-size:10px;
    text-align:center;
    margin: 2px 0 0 2px;
    padding:0;
}

.furtherHotelsName a{
    font-size:10px;
}

.furtherHotelsImage{
    text-align:center;
    margin: 2px 0 2px 0;
}

#contentFooterClaim{
	background-color:#eeeeee;
	color:#666666;
    margin-top:0px;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:1px;
	height:40px;
	text-align:center;
	border-bottom:2px solid #ffffff;
}

#contentFooterBreadcrumb{
    background-color:#aaaaaa;
    color:#ffffff;
	margin-top:0px;
	padding-top:2px;
	padding-left:15px;
	padding-bottom:1px;
	height:18px;
}

#contentFooterLeft{
	font-size:10px;
	font-weight:normal;
	float:left;
	color:#cccccc;
	width:520px;
}
#contentFooterRight{
	font-size:10px;
	font-weight:normal;
	float:left;
	color:#cccccc;
}
#spacerNaviLeft{
	height:20px;
}

.navigationMainContainer{
    text-align:left;
    padding-left:20px;
}

.navigationMainContainer ul{
    list-style-type:none;
    margin: 0 0 0 0;
    padding:0;
}
.navigationMainContainer li{
    margin: 0 0 10px; 0;
    padding:0;
    line-height:110%;
}

.navigationMainContainer li.level_2{
    padding-left:10px;
}

.navigationMainContainer li.level_3{
    padding-left:15px;
}

.navigationMainContainer li.emptyRow{
    height:0.5em;
}


table.naviTable td{
    padding-bottom:10px;
}
table.naviTable td.naviEmptyCell{
    height:10px;
    padding-bottom:5px;
    font-size:0px;
    text-align:center;
}
table.naviTable td.naviEmptyCell div{
    border-bottom:1px solid #cccccc;
    width:80px;
    margin-left:20px;
}
.aNaviOff{
	color:#555555;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.aNaviOff:hover{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.aNaviActive{
	color:#b90300;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.aNaviActive:hover{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

A.aSubNavi{
	color:#666666;
	line-height:120%;
	padding-left:15px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}
A.aSubNavi:hover{
	color:#000000;
	line-height:120%;
	padding-left:15px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

.subNaviCell{
	color:#999999;
	background-color:#999999;
}

/* Teaser auf der Home*/
.homeTeaserBlock{
	height:20px;
	width:10px;
	/*background-color:#c3c3c3;*/
	/*background-color:#df0a17;*/
	background-color:#ba0001;
}

.homeTeaserBlock{
	height:26px;
	width:10px;
	        /* fallback (Opera) */
    background: #ba0001;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffd8d8, #ba0001);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffd8d8), to(#ba0001));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffd8d8', EndColorStr='#ba0001', GradientType=0);
}

.homeTeaserDivider{
	height:2px;
	background-color:#c3c3c3;
	font-size:0px;
	margin-top:5px;
	margin-bottom:15px;
}

.homeTeaserSpacer{
	height:4px;
	font-size:0px;
	margin-top:2px;
	margin-bottom:1px;
}

.homeTeaserTitle {
	height:20px;
	/*background-color:#737373;*/
	background-color:#222222;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding-top:0px;
	padding-left:10px;
	margin-top:0px;
	line-height:100%;
	border-left:2px solid #ffffff;	
}
.homeTeaserTitle{
        /* fallback (Opera) */
    background: #cccccc;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #eeeeee, #d4d9df);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#eeeeee), to(#d4d9df));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#eeeeee', EndColorStr='#d4d9df', GradientType=0);
                color:#222222 !important;
}

.homeTeaserHeadline {
	color:#222222;
	font-size:18px;
	font-weight:bold;
}
.homeTeaserSubHeadline{
	color:#222222;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

body.redesign .sitemap_level1 {
	color:#000;
    text-decoration:none;
    font-size:14px;
    font-weight:normal;
}

.homeTeaserHeadline A{
	color:#222222;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}

.homeTeaserHeadline A:hover{
	color:#222222;
	border-bottom: 1px dotted #222222;
}

.homeTeaserSubHeadline A{
	font-size:16px;
	font-weight:bold;
	color:#222222;
	text-decoration:none;
}

.homeTeaserSubHeadline A:hover{
	color:#222222;
	border-bottom: 1px dotted #222222;
}

.homeTeaserImage {
	padding-top:4px;

}
/* Ende Teaser auf der Home*/

div.suchmaskeHome{
    border:1px solid #ffffff;
    margin-bottom:10px;
    background: #ba0001;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffd8d8, #ba0001);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffd8d8), to(#ba0001));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffd8d8', EndColorStr='#ba0001', GradientType=0);
}

.suchmaskeHome h3.header{
    background-color:#df0a16; 
    color:#ffffff;
    padding:3px 0 4px 4px;
}

/* erste News auf der Home*/
#staticNews .newsTitle {
	color:#ffffff;
	background-color:#222222;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
	margin-bottom:4px;
}

#staticNews .newsTitle {
    background: #ba0001;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffd8d8, #ba0001);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffd8d8), to(#ba0001));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffd8d8', EndColorStr='#ba0001', GradientType=0);
}
                
#staticNews .newsHeadline {
	background-color:transparent;
	color:#222222;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-left:5px;
	padding-right:2px;
	text-align:left;
}
#staticNews .newsText {
	background-color:transparent;
	color:#222222;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
	padding-right:2px;
	padding-bottom:4px;
}
#staticNews .newsLink {
	background-color:transparent;
	color:#222222;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
	padding-right:2px;
	text-decoration:underline;
}
#staticNews .newsDivider{
	display:block;
	height:1px;
	background-color:#cdcdcd;
	font-size:0px;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	padding-left:5px;
	padding-right:2px;
	margin:2px 0 2px 0;
}
#staticNews .newsFooterLine{
	display:none;
    height:2px;
	background-color:#222222;
	font-size:0px;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	padding-left:5px;
	padding-right:2px;
	margin-bottom:5px;
}
/* erste News auf der Home */

/* dynamische News auf der Home*/
.newsTitle {
	color:#ffffff;
	background-color:#df0a16;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
	margin-bottom:4px;
}

.newsTitle{
        background: #ba0001;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffd8d8, #ba0001);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffd8d8), to(#ba0001));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffd8d8', EndColorStr='#ba0001', GradientType=0);
}

.newsHeadline {
	background-color:#ffffff;
	color:#222222;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-left:5px;
	padding-right:2px;
	text-align:left;
	margin-bottom:4px;
}

.newsHeadlineTeaser{
	background-color:#ffffff;
	color:#222222;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-left:2px;
	text-align:left;
}

.newsHeadline A, .newsHeadlineTeaser A{
	font-size:13px;
	color:#222222;
	text-decoration:none;
	text-align:left;
}

.newsHeadline A:hover{
	border-bottom:1px dotted #222222;
}

.newsText {
	background-color:#ffffff;
	color:#6c6c6c;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
	padding-right:2px;
	text-align:left;
}
.newsLink {
	background-color:#ffffff;
	color:#222222;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
	padding-right:2px;
	text-decoration:underline;
}
.newsDivider{
	height:1px;
	background-color:#cdcdcd;
	font-size:0px;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	padding-left:5px;
	padding-right:2px;
}
.newsFooterLine{
	height:1px;
	background-color:#df0a16;
	font-size:0px;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	padding-left:5px;
	padding-right:2px;
}
/* News auf der Home */


#newsPager{
	padding-top:20px;
}

.newsArchivLinkCell{
	padding-top:2px;
	padding-left:4px;
	padding-bottom:2px;
	background-color:#99ccFF;
	color:#222222;
}

a.newsArchivLink {
	font-weight:bold;
	text-decoration:none;
	color:#222222;
}

a.newsArchivLink:hover {
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}
/* Ende News auf der Home*/

/* Newsletter*/

.newsletterTitle  {
	color:#ffffff;
	background-color:#222222;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
}

.newsletterHeadline {
	background-color:#f0f0EE;
	color:#222222;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	padding-left:5px;
	padding-right:2px;
}
.newsletterText {
	background-color:#f0f0EE;
	color:#6c6c6c;
	font-size:11px;
	font-weight:normal;
	padding-left:5px;
	padding-right:2px;
}

.newsletterArchiveLink{
    color:#000000;
	background-color:#cccccc;
	font-size:12px;
	font-weight:bold;
	padding-top:2px;
	padding-left:5px;
	padding-bottom:2px;
}
a.newsletterArchiveLink {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
/* Ende Newsletter*/
/*Module*/

.modulTD{
 float:left;
 border:1px dotted #cccccc;
 text-align:left;

 padding-top:2px;
 padding-left:2px;
 padding-right:0px;
 padding-bottom:2px;
 margin-top:2px;
 margin-left:0px;
 margin-right:4px;
 margin-bottom:20px;
 height:180px;
 /*z-index:0;*/
}
div.modulURL{
    text-align:left;
}

.modulTeaserImage{
	float:left;
	margin-right:0px;
	position:relative;
	top:0px;
	left:0px;
}
.modulTeaserBox{
	text-align:right;
}

.modulKomfortTippImage{
}
.modulPreisTippImage{
}

/* fuer die schmalen Teaser */
.modulBox{
 border:none;
 width:187px;
 float:left;
 text-align:left;
 background-color:#ffffff;
 padding-top:2px;
 padding-left:2px;
 padding-right:0px;
 padding-bottom:2px;
 margin-top:2px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:2px;
}

/* fuer die grossenTeaser */

.modulBoxTeaser{
 border:none;
 float:left;
 text-align:left;
 background-color:#ffffff;
 padding-top:0px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
}

.modulHeadline{
	font-size:11px;
	font-weight:bold;
	padding-right:2px;
	text-align:left;
}

.modulText{
	border:0px solid #ffffff;
	font-size:9px;
	font-weight:normal;
	padding-right:2px;
}
.modulLink{
	font-size:9px;
	font-weight:normal;
	color:#000000;
}

.modulWideHeadline{
	font-size:20px;
	font-weight:bold;
	color:#222222;
	margin-top:0px;
	padding-top:0px;
}

.modulWideText{
	font-size:11px;
	font-weight:normal;
}
.modulWideLink{
	font-size:11px;
	font-weight:normal;
	color:#000000;
}


.sitemap_level1{
	font-size:12px;
	margin-left:0px;
	color:#ffffff;
}
.sitemap_level2{
	margin-left:20px;
	margin-right:10px;
	color:#000000;
}
.sitemap_level3{
	margin-left:20px;
	margin-right:10px;
	color:#000000;
}
.sitemap_level4{
	margin-left:70px;
	color:#000000;
}

/** Breadcrumb **/
a.navipath{
	font-size:11px;
	color:#efefef;
}

a.navipath:hover{
	color:#cdcdcd;
}
/** **/

input, textarea, select{
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size:11px;
	color:#222222;
	border-color:#222222;
	border:1px solid;
}

.inputError{
	border:1px solid #ff0000;
}

.input_10{
 width:10px;
}

.input_20{
 width:20px;
}
.input_48{
 width:48px;
}
.input_50{
 width:50px;
}
.input_150{
 width:150px;
}
.input_100{
 width:100px;
}
.input_200{
 width:200px;
}
.input_250{
 width:250px;
}
.input_300{
 width:300px;
}
.input_350{
 width:350px;
}
.input_400{
 width:400px;
}
.input_450{
 width:450px;
}


.submitButton{
 font-family: Arial, Helvetica, Geneva, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#efefef;
 background-color:#222222;
 text-align:center;
 border:1px solid #df0a17;
 cursor:pointer;
}

a.submitButton{

}

/* the div that holds the date picker calendar */
.dpDiv {
	}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}


.gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #cccccc;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #ffffff, #d4d9df);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#ffffff), to(#d4d9df));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#ffffff', EndColorStr='#d4d9df', GradientType=0);
}

.gradientVInverted{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* fallback (Opera) */
    background: #cccccc;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #d4d9df, #ffffff);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#d4d9df), to(#ffffff));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#d4d9df', EndColorStr='#ffffff', GradientType=0);
}