/* 
############################
Sunny Cars AG
Stylesheet:  B2C
Date: 04.04.2005
Modified: 31.01.2006
############################
*/

/* ####### HTML ELEMENTS	*/
body {
	background-color: #FFFFFF;
	color: #000000;
}

body * {
	font-family: Tahoma, sans-serif, Arial, Verdana;
	font-size: 11px;
}

* {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 17px;
	font-weight: 600;
}

h2 {
	font-size: 15px;
	font-weight: 600;	
}

h3 {
	font-size: 13px;
	font-weight: 600;
}

/* --> ie hack */
input[type=text] {
	margin-top:1px;
	margin-bottom:1px;
}

/* --> ie hack */
input[type=radio] {
	margin-top:4px;
	margin-left:4px;
	margin-right:3px;
	margin-bottom:3px;
}

input, textarea {
	padding-left: 2px; 
}

fieldset {
	color: #818181;
}

legend {
	font-size:12px;
	font-weight: bold;
	color: #000000;
	padding-left: 6px;
	padding-right: 6px;
}

ul {
	margin:12px;
	margin-left:24px;
}

/* ###### Pseudo styles */
a:link, a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover, a:active, a.sitemap:visited {
	text-decoration: underline;
	color: #00877F;
}


/* Linkstyle Type Standard Text */
a.typoStandardText:link, a.typoStandardText:visited, a.typoStandardText:active,
a.infoContent:link, a.infoContent:visited, a.infoContent:active, 
a.typeTree:link, a.typeTree:visited, a.typeTree:active,
a.formLabel:link, a.formLabel:visited, a.formLabel:active, a.formContent:link, a.formContent:visited, a.formContent:active {
	text-decoration: underline;
	color:#00877F; 
}

a.typoStandardText:hover, a.infoContent:hover, a.typeTree:hover, a.formContent:hover {
	text-decoration: underline;
	color: #CC0000;
}

a.typeSubNav:link, a.typeSubNav:visited, a.typeSubNav:hover, a.typeSubNav:active, a.sitemap:link, a.sitemap:hover, a.sitemap:active {
	text-decoration: underline;
}

/* Linkstyle Caption Collapse box */
a.boxCaption:link, a.boxCaption:visited, a.boxCaption:hover, a.boxCaption:active, a.level1:link, a.level1:visited, a.level1:hover, a.level1:active {
	text-decoration: underline !important;
	color:#FFFFFF;
}

/* Linkstyle Footer */
a.typeFooter:link, a.typeFooter:visited {
	text-decoration: none;
	color:#333333;	
}

a.typeFooter:hover, a.typeFooter:active {
	text-decoration: underline;
	color: #00877F;
}


/* ###### Header styles */
.headerDiv1 
{
	height:60px; 
	background-color:#00877F; 
}

.headerDiv3 
{
	position:absolute;
	top: 23px;
}

/* ###### Navigation styles */
.backgroundNavigation 
{
	background-color:#00877F;
	height:31px;
}

.backgroundTabs {
	background-repeat:repeat-x; 
}

.navigationPassive, .navigationActive {
	color:#333333;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
}

.navigationActive {
	font-weight: 600;
}

.typeSubNavActive,
.tabContent
{
	font-weight: bold;
}

.tabContent
{
	color: #FFFFFF;
	letter-spacing: 1px;
}





/* ###### Footer styles */
.typeFooter {
	color:#333333;
	text-align:center;
}


.footerFrame {
   padding-top: 6px;
   border-top: 1px solid #818181;
}

/* ###### Box styles */
.contentouterframe, .contentinnerframe, .hr, .vehicleConfig, .errorBox {
	border: 0px solid #818181;
}

.contentouterframe {
	background-color: #FCF9ED;
}

.contentinnerframe {
	background-color: #FFFDF8;
}

.titleBox {
	vertical-align: top;
}

.titleboxCaption, .boxCaption {
	color: white; 
	font-size: 12px;
	font-weight: bold; 
	letter-spacing: 1px;
	text-indent: 6px;
}

.titleboxCaption, .boxCaption, .titleboxContent, .simpleBox, .ReservationNumberBox, .infoBox, .tableColumn, .tableHeader {
	border: 1px solid #ACAC9B; 
}

.separator {
	border-top:1px dotted #ACAC9B;
}

.titleboxContent 
{
	border-top-width:0px;
}

.simpleBox, .errorBox {
	background-color: #FFFFFF;
	vertical-align: top;
}

.ReservationNumberBox {
	height:80px;  
}

.infoBox {
	background-color: #FFFFFF; 
	height:200px;
}


.displayReservationNumber {
	font-family: "Courier New", Courier, monospace; 
	font-size: 30px; 
	font-weight:bold;
}

/* ###### Global background color*/
.columnActive, .columnActiveDouble, .activeContent, .selectedRow td, .columnContentPrice, .ReservationNumberBox, .columnRadio, .columnRadioDouble, .printColumnActive {
	background-color: #FDF9E5;
}

.titleboxCaption, 
.calheader, 
.tableHeader,
.backgroundSectionNavigation
{
	background-color: #00877F; 
}

/* ###### Column classes */
.columnLabel, .columnLabelDouble, .legendLabel {
	background-color: #F7F7F4;
	white-space: nowrap;
}

.columnHeading {
	background-color: #E6E6DC;
	border: 0px solid #9C9C9C;
	vertical-align: top;
}

.columnRadio, .columnRadioDouble, .columnLabel, .columnLabelDouble, .columnActive, .columnActiveDouble, .column,  .columnContent, .columnDouble, .tableContent, .columnContentDouble {
	border: 0px solid #D4D0C8;
}

.columnLabel, .columnLabelDouble, .specialPrice, .errorMessage {
	font-weight: bold;
}

.column, .columnContent, .columnDouble, .passiveContent {
	background-color: #ffffff;
}

.columnLabelDouble, .columnDouble, .columnActiveDouble, .columnRadioDouble, .columnContentDouble {
	border-bottom: 0px double #ACAC9B;
}

/* ###### Diverse classes */
.specialPrice {
	color: #CC0000;
}

.oldPrice, .lineThrough {
	text-decoration: line-through;
}

.colored, .typeSubNavActive {
	color: #00877F;
}

.activeContent, .passiveContent {
	border: 1px solid #ACAC9B; 
	/*border-top-width:0px; */
}

/* ###### Table classes */
.tableHeader {
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
}

.tableColumn {
	background-color: #E6E6DC;
	font-weight: bold;
}

.tableContent{
	text-align: center;
	background-color: white;
}

.tableContent, .tableColumn, .tableHeader {
	padding:6px;
}


/* ###### Tabbox classes */
.tabbox, .tabboxActive, .tabboxSubnav {
	border: 0px solid #ACAC9B;
}

.tabbox {
	background-color: #FFFFFF; 
}

.tabboxActive, .tabboxSubnav {
	background-color: #FDF9E5; 
}

/* ###### Form classes */
.formLabel, .formContent, .treeLeaf, .treeNode, .typeTree, .typeNodeTree {
	color: #000000;	
}

.disabled, .disabled * {
	color: #ACAC9B !important;	
}

.flat {
	border:1px solid #818181; 
}

/* ###### Tree classes */
.treeLeaf {
   padding:2px; 
   padding-left:12px;
}

.treeNode {
   cursor:default; 
   color:#000000; 
   padding:2px;
   padding-left:12px;
}

.typeTree, .typeNodeTree {
   padding-top:2px; 
   padding-left:4px;
   white-space: nowrap;
}

.typeTree {
   text-decoration: none;
}

/* ###### Legend classes */
.legendLabel {
	border-right: 1px solid #D4D0C8; 
	border-bottom: 1px solid #D4D0C8; 
	height: 20px;
	font-weight: 700; 
	text-align: center; 
	width: 50px;
}

.legendContent {
	background-color: #FFFFFF; 
	padding-left: 6px; 
	border-bottom: 1px solid #D4D0C8; 
	border-right: 1px solid #9C9C9C;
}

/* ###### CALENDER ELEMENTS */
.cal, .calday {
	background-color: #FCF9ED;
}

.calheader {
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
}

.caldayname {
	background-color: #E6E6DC;	
	color: #333333;
	padding: 2px;
	text-align: center;
}

.caldayover {
	background-color: #D4D0C8;
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}

.calday {
	padding: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.selcalday, .selcaldayover {
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #818181;
}

.selcalday, .selcaldayover {
	background-color: #FFFFFF;
}

.selcaldayover {
	background-color: #D4D0C8;
}


/* ###### Print classes */
.printBody 
{
	background-color: #ffffff !important;
	color: #000000;
}

.printIntro, .printCaption, .printLabel, .printContent, .printColumnHeading, .printColumn, .printColumnDouble, .printColumnLabel, .printColumnActive
{
	font-family: Tahoma, sans-serif, Arial, Verdana; 
	color: #000000;
	border: 0px solid #ACAC9B;
}

.printIntro 
{
	font-size: 12px;
	font-weight: normal; 	
}

.printColumnLabel {
	background-color: #F7F7F4;
	font-weight: bold;
}

.printContent, .printLabel, .printColumnHeading
{
	font-size:	11px; 
	vertical-align: top;	
}

.printColumnHeading {
	background-color: #E6E6DC;
	font-weight: bold;
}


.printColumnDouble {
	border-bottom-style: double;
}

@media print {
	.printbutton {
		display: none;
	}
}

/* Sitemap */
.level2, .level3, .level4 {
	width:230px; 
	height:24px;
}

.level2 {
	background-color:#C4C4B8; 
	font-weight:bold;	
	padding-left:6px;
}


.level3 {
	background-color:#D5D5CA;
	font-weight:bold;
	padding-left:24px;
}

.level4 {
	background-color:#E6E6DC; 
	padding-left:24px;
}