body,html {
	margin: 0px;
	height:100%;

	font-family: Arial, Verdana;
	font-size: 11px;
	
	background-image: url(../img/layout/summer/body_ss.jpg);
	background-color: #E5DC91;
	overflow-x: hidden;
}

* html #container{height:100%;}/* ie 3 pixel jog*/ 


/*-------------- html general tags  ----------------------------------------*/

a img{border:none;}


/* ---------------------------- Frames -----------------------------*/

.keywords h1{color: #eee49d; font-size:5px;margin:0px;padding:0px;}

#container {
    min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
    width: 98%;
    margin: 0px;
	border: none;
	padding: 0px;
	text-align: center;
}

#layout {
	width: 922px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-spacing: 0px;
}

#title_frame {
	width: 922px;
	height: 251px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

.titlepic {
		font-size: 0px;
		height: 242px;
	}

#top_divider {
	width: 922px;
	height: 9px;
	background:url(../img/layout/summer/top_divider_ss.jpg);
	font-size: 0px;
}

#footer_frame {
	text-align: right;
	width: 922px;
	height: 150px;
	vertical-align:top;
}

#prepage {
	position: absolute;
	display: table;
	height: 100%;
	width: 100%;
	min-height: 100%;
	background-image: url(../img/layout/summer/body_ss.jpg);
	background-color: #E5DC91;
	visibility: visible;
	vertical-align: middle;
	text-align: center;
	z-index:99;
}

#main_frame {
	width: 922px;
	background:url(../img/layout/summer/bg_ss.jpg);
}

#main_frame_table {
	width: 922px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-spacing: 0px;
}

#navbar_frame_table {
	width: 296px;
	height: 231px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-spacing: 0px;
}

#login_frame_table {
	width: 164px;
	height: 91px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	border-spacing: 0px;
	margin-left: 80px;
}

#login_frame_box	{
	width: 296px;
	height: 91px;
}


#travel_frame_box	{
	width: 296px;
	height: 140px;
	vertical-align: top;
	padding-right: 18px;
	padding-top: 20px;
}

#main_navbar_login {
	display: table;
	width: 296px;
	height: 100%; /*IE*/
	min-height: 100%;
	background: url(../img/layout/summer/middle_left_login_ss.jpg);
	background-repeat:no-repeat;
}

#main_navbar_logedin {
	width: 296px;
	height: 100%;
	background: url(../img/layout/summer/middle_left_logedin_ss.jpg);
	background-repeat:no-repeat;
}

#main_content_frame {
	width: 540px;
	background:url(../img/layout/summer/main_content_ss.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: left;
}

#content_frame {
	width: 540px;
}

#main_right_frame {
	width: 86px;
	vertical-align:bottom;
	font-size: 0px;
}

#main_fotogalerie_frame {
	font-size: 0px;
	vertical-align: bottom;
	height: 142px;
}


/* ---------------------------- Divers Blocks---------------------------*/

.content_box340 {
	display: table;
	border: solid 1px;
	border-color: #d59a32;
	width: 95%;
	background-color: #f7e5c1;
	background-image:url(../img/layout/summer/bg_table_lighter.png);
	background-repeat:repeat;
	padding: 5px;
	margin: 5px;
}

.content_box_darker340 {
	display: table;
	border: solid 1px;
	border-color: #d59a32;
	background-color: #f6c97a;
	width: 100%;
	padding: 5px;
	margin: 5px;
}

.content_box {
	display: table;
	border: solid 1px;
	border-color: #d59a32;
	width: 100%;
	background-color: #f7e5c1;
	background-image:url(../img/layout/summer/bg_table_lighter.png);
	background-repeat:repeat;
	padding: 5px; 
	margin: 5px;
}

/*
.content_box:hover {
	border-color: #000000;
}*/

.content_map {
	border: solid 1px;
	display: table;
	border-color: #d59a32;
	background-color: #f7e5c1;
	background-repeat:repeat;
	margin: 5px;
	margin-bottom: 10px;
}

.content_box_darker {
	border: solid 1px;
	display: table;
	border-color: #d59a32;
	width: 100%;
	background-color: #f6c97a;
	padding: 5px; 
	margin: 5px;
}


.content_box_trans {
	border: solid 1px;
	display: table;
	border-color: #d59a32;
	width: 100%;
	padding: 5px; 
	margin: 5px;
}

/*.content_box_trans:hover {
	border-color: #000000;
}*/


.content_box_H1_darker340 {
	margin-top: 10px;
	margin-bottom: 5px;
}

.content_box_H2_darker340 {
	display: table;
	border: solid 1px;
	border-color: #d59a32;
	margin-left: 3px;
	margin-top: 3px;
	background-color: #ffe1ac;
	padding: 5px;
	width: 100%;
	text-transform:none;
}

.content_box_H2_darker_50_pc {
	display: table;
	border: solid 1px;
	border-color: #d59a32;
	margin-left: 3px;
	margin-top: 3px;
	background-color: #ffe1ac;
	padding: 5px;
	width: 50%;
	text-transform:none;
}

.content_box_trans_no_border {
	border: none;
	display: table;
	width: 100%;
	margin-left: 3px;
	margin-top: 3px;
	padding: 5px;
}

.content_box_trans_no_border_50_pc {
	border: none;
	display: table;
	width: 50%;
	margin-left: 3px;
	margin-top: 3px;
	padding: 5px;
}
h1 img {
	vertical-align:text-bottom;
}

/* ---------------------------- Alignments -----------------------------*/
.center {text-align:center;}  
.left {text-align:left;}  
.right {text-align:right;}    
.bottom {vertical-align:bottom;}


/* ---------------------------- Floating -----------------------------*/
.floatleft { float:left; } 
.floatright { float:right; } 
.floatclearleft {  clear: left; } 
.floatclearboth {  clear: both; font-size: 0px;} 


/* ---------------------------- Spacers -----------------------------*/
div {
	margin: 0px;
	padding: 0px;
	border: none;
}
.divSpace0px{width:0px; height:0px;}
.divSpace1px{width:1px; height:1px;}
.divSpace2px{width:2px; height:2px;}
.divSpace3px{width:3px; height:3px;}
.divSpace4px{width:4px; height:4px;}
.divSpace5px{width:5px; height:5px;}
.divSpace10px{width:10px; height:10px;}
.divSpace15px{width:15px; height:15px;}
.divSpace20px{width:20px; height:20px;}


/* ---------------------------- text -----------------------------*/
.justify{text-align:justify;}
.left{text-align: left;}
.title{font-size:12px; font-weight:bold; color:#9e5600;}
.navigation_title{text-indent: 10px; font-weight:bold; color:#9e5600;}
.travel_title{font-weight:bold; color:#9e5600;}
.navigation_text { text-indent: 10px; color: #6d6d6d;}
p { font-size: 11px; margin: 0;}
#travel_achievments ul {
	margin-left: 10px;
}

#content_frame ul {
	margin-left: 20px;
}

#content_box ul ol {
	margin-left: 20px;
}
/* ---------------------------- Links     -----------------------*/
a {
	color: #d9660d;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


/* ---------------------------- Form Cells -----------------------*/
.loginlabelCell{width:60px; height:15px; padding-top:4px; vertical-align:middle; text-align:left;}
.loginButtons {margin-top: 8px; width:80px; height:20px;}
.inputCellLogin {width:90px; height:18px; padding-top:4px; vertical-align:middle;}

/* ---------------------------- Form Cells -----------------------*/
.cell_over { background-color: #ffffff}
.cell_out { background-color: #e9c584}

/* ---------------------------- Forms ----------------------------*/
.forms_login {
	background-color: #dbd1a0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #975921;
	border-left-color: #975921;
	font-size: 11px;
	color: #6d6d6d;
}

#fLoginButton {
	width: 75px;
	height: 20px;
}

.forms100percent {
	background-color: #dbd1a0;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #975921;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #6d6d6d;
	font-weight: normal;
	width: 100%;
}


.forms92percent {
	background-color: #dbd1a0;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #975921;
	border-left-color: #975921;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #6d6d6d;
	font-weight: normal;
	width: 92%;
}

.formsnosize {
	background-color: #dbd1a0;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #975921;
	border-left-color: #975921;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #6d6d6d;
	font-weight: normal;
}

.formbutton	{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #975921;
	border-left-color: #975921;
	background-color: #f4c881;
	font-size: 11px;
	color: #d65f05;
}

.forms_travel_select {
	background-color: #dbd1a0;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #975921;
	width: 95%;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #6d6d6d;
	font-weight: normal;
}
.forms_travel_form {

	background-color: #dbd1a0;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #975921;
	width: 60px;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #6d6d6d;
	font-weight: normal;
}

.forms_amount {
	width: 20px;
	text-align: center;
}

/* ---------------------------- Register ---------------------------------*/

hr{margin:5px; color:#C7C7C7;}

.labelCellB2B{width:120px; height:20px; padding-top:4px; vertical-align:middle; text-align:left;}
.inputCellB2B{
	width:180px; 
	height:20px; 
	padding-top:3px; 
	vertical-align:middle; 
}

.inputCellB2BLocation{
	width:125px; 
	height:20px; 
	padding-top:3px; 
	vertical-align:middle; 
}
.inputCellB2BZip{
	width:50px; 
	height:20px; 
	padding-top:3px; 
	vertical-align:middle; 
}
.CellB2BMerged{width:260px; height:20px; padding-top:4px; vertical-align:middle;}
.CellB2BSemi{width:126px; height:20px; padding-top:4px; vertical-align:middle;}

.b2bErrorTitle{color:#f24f08; font-weight:bold; text-align:left;}
.b2bErrorMessage{color:#3F3F3F; text-align:justify;}

/*-------------- information tooltip -------------------------------*/

.infoToolTipBorder {
	border:1px;
	border-style:solid;
	border-color:#a2bbd7;
	background-color:#ffffff;
}

.infoToolTipBgColor {
	background-color:#ba7d20;
}

.infoToolTipTxT {
	font-family:Verdana, Arial, sans-serif;
	padding: 5px;
	color: #FFFFFF;
	font-size:10px;
	text-align:left;
}

/*-------------- validation error tooltip -------------------------------*/

.errToolTipBorder {
	border:1px;
	border-style:solid;
	border-color:#a2bbd7;
	background-color:#ffffff;
}

.errToolTipBgColor {
	background-color:#ba7d20;
}

.errToolTipTxT {
	font-family:Verdana, Arial, sans-serif;
	padding: 5px;
	color: #FFFFFF;
	font-size:10px;
	text-align:center;
}

/*-------------- validation error span -------------------------------*/

div.errNote {
	color:#f24f08;
	font-weight:bold;
}


span.errNote {
	color:#f24f08;
	font-weight:bold;
	visibility:hidden;
}

span.errNote.display {
	font-weight:bold;
	visibility:visible;
}

span.errTooltip {
	visibility:hidden;
}

span.errTooltip.display {
	visibility:visible;
	text-align:left;
	vertical-align:middle;
}

input.validationError, select.validationError, textarea.validationError{
	background-color: #e3ae59;
	font-family: Arial, Verdana;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #975921;
	border-left-color: #975921;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
}

/*-------------- Motion Div -------------------------------*/
#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 280px; /* Set to gallery width, in px or percentage */
height: 80px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}