* { margin: 0; padding: 0; border: 0; }
html, body { height: 100%; }


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

address, input, label, li, option, p, pre, select, span, td, textarea, th, a, caption, #JT_close_left, #JT_close_right
					{ font-size: 11px; color: #676c6a; }

p					{ margin-bottom: 5px; }
pre					{ margin-bottom: 5px; font-family: "Courier New", monospace; font-size: 11px; }

h1					{ color: #a8a38d; font-size: 19px; margin-bottom: 20px;padding-left: 0px;font-weight: bold;}
h2					{ color: #676c6a; font-size: 14px; font-weight: bold; line-height:29px; }
h3					{ color: #a8a38d; font-size: 13px; margin-bottom: 10px;font-weight: bold;  }
h4					{ color: #004a7f; font-size: 11px; margin-bottom: 5px; font-weight: bold; }
h5					{ color: #004a7f; font-size: 11px; margin-bottom: 5px; font-style: italic; }
h6					{ color: #004a7f; font-size: 11px; margin-bottom: 5px; }

hr					{ height: 1px; border-bottom: 1px solid #cdcdcd; width: 100%; margin: 10px 0;}
.hr_big				{ height: 1px; border-bottom: 1px solid #cdcdcd; width: 100%; margin: 20px 0;}

em					{ color: #ec6b22; }
strong, b			{ font-weight: bold;}

a:link	 			{ color: #676c6a;}
a:visited			{ color: #676c6a; }
a:hover 			{ text-decoration: underline; color: #274c04; }
a:active			{ text-decoration: underline; color: #274c04; }

a.arrow_white, a.arrow_white:link, a.arrow_white:active, a.arrow_white:visited, a.arrow_white:hover
					{ color: #fff; padding-left: 8px; background: transparent url(../img/arrow_white.gif) center left no-repeat; line-height: 100%; }

a.arrow_green, a.arrow_green:link, a.arrow_green:active, a.arrow_green:visited, a.arrow_green:hover
					{ color: #274c04; padding-left: 8px; background: transparent url(../img/arrow_green.gif) center left no-repeat; line-height: 100%; }


body { font-family: Tahoma, Helvetica, Arial, sans-serif; text-align: center; min-height: 663px;	min-width: 1021px; }

#container_vertical { float: left; height: 50%; margin-top: -310px; width: 100%; }
#container_horizontal { clear: both; height: 620px; width: 1000px; margin-right: auto; position:relative; margin-left: auto;background:transparent url(../img/bg2.gif) no-repeat scroll 0 0 }


#logo {position: absolute; top:10px; left:10px;}
#headline {position:absolute; top:17px; left: 502px}
#lang {position:absolute; top: 14px; right: 15px;}
#lang img {
margin-left:13px;
margin-top:0;
}
#logo_wm {position:absolute;left:493px;top:35px;}
#logo_gk {position:absolute;left:617px;top:35px;}
#logo_kh {position:absolute;left:741px;top:35px;}
#logo_sb {position:absolute;left:865px;top:35px;}
#content {width:475px;height:170px;position:absolute;top:126px;left:506px;text-align:left;}
#booking {width:350px;height:240px;position:absolute;top:320px;left:506px;text-align:left;}
#footer	 {position:absolute; top:575px;left:506px;text-align:left;}




/* ------------------------------------------------------------------------
	#GLOBAL LAYOUT CLASSES
------------------------------------------------------------------------- */

.clear 				{ clear: both; }
.clear_left			{ clear: left; }
.clear_right		{ clear: right; }
.nobreak 			{ white-space: nowrap; }
.align_center 		{ text-align: center; }
.align_right	 	{ text-align: right; }
.align_left		 	{ text-align: left; }
.align_top			{ vertical-align: top; }
.align_middel		{ vertical-align: middle; }
.align_bottom		{ vertical-align: bottom; }
.float_left			{ float: left; }
.float_right		{ float: right; }







/* ------------------------------------------------------------------------
	#FORMS
------------------------------------------------------------------------- */

a.button, span.button							{ border: 1px solid #cdcdcd; background: #cdcdcd url(../img/bg_submit.gif) 0 0 repeat-x; background-color: #fff; color: #515553; padding: 2px 5px; text-decoration: none;
													font-size: 10px; }
span.button										{ color: #cdcdcd; } 		/* simulate disabled button for preview of offer */
a.button.float_right, span.button.float_right	{ margin-left: 5px; }
a.button.float_left, span.button.float_left		{ margin-right: 5px; }

input											{ border-top: 2px solid #959b9e; border-left: 2px solid #959b9e; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #fff; color: #515553; padding: 1px 2px;
													margin-right: 2px; height: 15px; }
input.submit									{ width:110px;border:0px; background: url(../img/arrow_green.gif) 0 8px no-repeat; margin: 0; height: 20px;padding-left:6px;text-decoration:underline;font-size:11px; }
input.submit.button								{ border: 1px solid #cdcdcd; background: #959b9e url(../img/bg_submit.gif) 0 0 repeat-x; margin: 0; height: 20px; }
input.submit.large								{ width: 130px; }
input.submit[disabled]							{ color: #cdcdcd; }
input.file										{ height: auto; }

input.submit.float_right						{ margin-left: 5px; }	/* this is to prevent that multiple floated buttons get squished */

select											{ border-top: 2px solid #959b9e; border-left: 2px solid #959b9e; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; background-color: #fff; color: #515553; padding: 1px 2px;
													margin-right: 2px; }

label											{ display: block;font-size:10px; }
input											{ margin: 5px 0 10px 0; }
select											{ margin: 5px 0 10px 0; }
input.nl										{ display: block; }
input[disabled]									{ background-color: #cdcdcd; }
select											{ margin-bottom: 10px; }
select.nl										{ display: block; }


input.nl										{ border:1px solid #676c6a;margin:5px 0 5px 0;}

input.checkbox_vertical							{ margin: 0; float: left; clear: both; border: none; }
label.checkbox_vertical							{ line-height: 15px; margin-left: 20px; padding-bottom: 5px; }
input.checkbox_horizontal						{ margin: 0; float: left; border: none; }
label.checkbox_horizontal						{ margin: 0 15px 0 5px; float: left;}

input.checkbox									{ margin: 0; padding: 0; height: auto; }

input.radio_vertical							{ margin: 0; float: left; clear: both; border: none; }
label.radio_vertical							{ line-height: 15px; margin-left: 20px; padding-bottom: 10px; }
input.radio_horizontal							{ margin: 0; float: left; border: none; }
label.radio_horizontal							{ margin: 0 15px 0 5px; float: left; }

label.error, input.error, textarea.error		{ color: #cc1947; }
input.error, textarea.error						{ margin-bottom: 0px; border-top-color: #cc1947; border-left-color: #cc1947; border-right-color: #cc1947; border-bottom-color: #cc1947; }
label.error										{ margin-bottom: 5px;clear:both; }
select.error									{ margin-bottom: 0px; }

label.left										{ float: left; width: 85px; padding: 3px 15px 0 0; line-height: 15px; }
label.long										{ width: 150px; }

/* DIMENSIONS */

input.extra_short								{ width: 50px; }
input.short										{ width: 100px; }
input.medium									{ width: 120px; }
input.long										{ width: 300px; }
input.extra_long								{ width: 400px; }

select.extra_short								{ width: 57px; }
select.short									{ width: 107px; }
select.medium									{ width: 127px; }
select.long										{ width: 307px; }
select.extra_long								{ width: 407px; }

/* COMBINED INPUT FIELDS */

.combLeft										{ margin-right: 5px; }

input.combMediumShorter							{ width: 65px; }
input.combMediumLonger							{ width: 123px; }
input.combLongShorter							{ width: 80px; }
input.combLongLonger							{ width: 208px; }
input.combExtraLongShorter						{ width: 100px; }
input.combExtraLongLonger						{ width: 288px; }

select.combShortShorter							{ width: 44px; }
select.combShortLonger							{ width: 60px; }
select.combMediumShorter						{ width: 72px; }
select.combMediumLonger							{ width: 130px; }



/* ------------------------------------------------------------------------
	#SPECIAL FORMS
------------------------------------------------------------------------- */

textarea										{ border-top: 2px solid #676C6A; border-left: 2px solid #676C6A; border-bottom: 1px solid #676C6A; border-right: 1px solid #676C6A; background-color: #fff; color: #515553; padding: 1px 2px;
													margin-bottom: 10px; width: 400px; height: 100px; }
textarea.full									{ width: 99%; }
textarea.heigh									{ height: 500px; }
textarea.mediumHeigh							{ height: 250px; }


label.file										{ padding-top: 6px; }
p.file											{ padding-top: 9px; padding-left: 10px; }


div.image_removable 							{ margin: 5px 15px 0 0; position: relative; padding: 10px 15px 0 0; float: left; }
div.image_removable .icon_remove img			{ position: absolute; top: 3px; right: 3px; }


div.pdf_removable								{ margin: 5px 15px 0 0; position: relative; padding: 10px 15px 0 0; float: left; }
div.pdf_removable .icon_remove img				{ position: absolute; top: 3px; right: 3px; }

