/* 
	GROUP:  BASIS HTML ELEMENTS
*/

a {
	color: 				#4F4F13;
	text-decoration: 	none;
	/*text-decoration:	underline;*/
}

a:hover {
	/*background-color: 	#C2C3B3;*/
	text-decoration:	underline;
}

a.none:hover, a.language:hover {
	background-color: 	transparent;
	text-decoration:	none;
}

img {
	border-width:       0px;
}

img.inText, img.inText-left, img.inText-right {
	border: 			1px solid #402E00;
}

img.inText-left {
	float:				left;
	margin:				2px 15px 5px 0px;
}

img.inText-right {
	float:				right;
	margin:				2px 0px 5px 15px;
}

/*
    GROUP:  FLASH
*/
div.flash {
	background-color:   #fff;
    border:             3px double #FF0000;
	float: 				right;
    margin-bottom:      10px;

	margin-top: 		6px;
    padding:            5px 5px 5px 10px;       
    width:              320px;
}

h3.flashHeadline, span.flashHeadline {
    color:              #000000;
    border:             none;
    font-weight:        bold;
    margin:             0px;
}


ul.flash {
    margin:             3px 0px 0px 0px;
}

li.flash {

}

/*
	GROUP:	TOOLTIPS
*/
.tip-header {
	background-color:	#D5EBF9;
	color:				#1B4966;
	border:				1px solid #A5CFE9;
	filter:				alpha(opacity=95);
	font-size:			11px;
	font-weight:		bold;
	opacity:			0.95;
	padding:			3px;
	width:				150px;
}

.tip-body {
	background-color:	#FFF;
	border:				1px solid #A5CFE9;
	border-top:			none;
	color:				#1B4966;
	filter:				alpha(opacity=95);
	font-size:			11px;
	opacity:			0.95;
	padding:			3px;
	width:				150px;
}

.tip {
	text-decoration:	underline;
}

.tip:hover {
	cursor:				pointer;
}

/*
    GROUP:  LANGUAGE SELECTOR 
*/
a.language {

}

img.language {

}

/*
    GROUP:  LOADING BOX
*/
div#loadingOverlay {
    background-color:   #000000 !important;
    display:            none;
    height:             100%;
    left:               0px;
    position:           absolute;
    top:                0px;
    width:              100%;
    filter:             alpha(opacity=80);
    -moz-opacity:       0.8;
    opacity:            0.80;
    z-index:            100;
}

div#loadingBox {
    background-color:   #C04800 !important;
    font-size:          22px;
    font-weight:        bold;
    height:             100px;
    padding:            15px 0px 0px 0px;
    position:           absolute;
    text-align:         center;
    width:              300px;
	z-index:            100;
}

/*
    GROUP:  VIRTUAL KEYBOARD
*/
div.vk {
    background-color:   #F7C063;
    border:             1px solid #000000;
    display:            none;
    height:             100px;
    position:           absolute;
    width:              233px;
}

table.vk {
    width:              233px;
}

td.vkSpacer {
    font-size:          1px;
    height:             1px;
}

td.vkHead-left, td.vkHead-right {
    border-bottom:      3px double #000000;
    font-weight:        bold;
}

td.vkHead-right {
    text-align:         right;
}

td.vkLetter {
    background-color:   #FFFFFF;
    border:             1px solid #000000;
    font-size:          14px;
    text-align:         center;
    width:              20px;
}

td.vkLetterHover {
    background-color:   #CCCCCC;
    border:             1px solid #000000;
    font-size:          14px;
    text-align:         center;
    width:              20px;
}

/*
    GROUP:  IMPORTANT APPLICATION CLASSES
*/
div.appStatus {
	background-color:	#CCC;
    border:         	1px solid #000;
	clear:				both;
	font-family:		monospace;
	font-size:			12px;
    margin:             10px auto 10px auto;
	padding:			3px;
    width:              200px;
}

div.appStatus table {
	width:				100%;
}

div.appStatus td.value {
	text-align:			right;
}

.highlightRecord {
    background-color:   #BFE2EA !important;
}

table.debugMail {
    background-color:   #333333; 
    margin:             5px;
    padding:            10px; 
    width:              600px;
}

td.debugMail {
    color:              #FFFFFF; 
    font-family:        Fixedsys, Courier;
    padding-top:        0px;
    vertical-align:     top;
}

/*
	GROUP:  BASIS SITE STRUCTURE
*/
html {
	height: 			100%;
}

body.pageStd {
	background-color:	#FFFFFF;
	background-image: 	url('../graphics/main/background.gif');
	background-repeat: 	repeat-x;	
	color: 				#000000;
	font-family: 		Verdana, serif;
	font-size: 			14px;
	height: 			100%;
	margin:             0 10px 0 10px;
	text-decoration: 	none;
}

body.pageStd div {

}

/*
    GROUP:  PAGE STRUCTURE
*/
div.main {
	background-image: 	url('../graphics/main/background_content.gif');
	background-repeat: 	repeat-y;
	min-height: 		100%;
	height:				auto !important; /* moderne Browser */
    height:				100%; /* IE */
	margin: 			0 auto 0 auto;
	position: 			relative;
	width: 				865px;
}

div.main-middle {
	min-height: 		100%;
	height:				auto !important; /* moderne Browser */
    height:				100%; /* IE */
	margin: 			0 5px 0 5px;
	width: 				855px;
}

div.main-header {
	border-top: 		1px solid #000;
	height: 			150px;
	margin: 			0 auto 0 auto;
	width: 				855px;
}

div.main-menu {
	border-top: 		1px solid #000;
	margin: 			0 auto 0 auto;
	width: 				855px;
}

div.main-headline {
	border-bottom: 		1px solid #402E00;
	font-size: 			0.8em;
	letter-spacing: 	0.1em;
	line-height: 		100% !important;
	margin: 			0 0 10px 0;
	width: 				835px;
}

div.rootline {
	text-transform: 	uppercase;	
	width: 				735px;
}

div.languages {
	float: 				right;
	padding-bottom: 	2px;
	text-align: 		right;
	width: 				92px;
}

/* FF HACK */
*:not(hr) div.languages { margin-top:  -4px;}

div.languages img {
	margin-left: 		5px;
}

div.main-content {
	border-top: 		1px solid #000;
	color: 				#281200;
	clear: 				both;
	letter-spacing: 	0.05em;
	line-height: 		120%;
	margin: 			0 auto 0 auto;
	padding: 			20px 10px 20px 10px;
	width: 				835px;
}

div.main-inner-content {
	clear:				both;
	margin-bottom: 		85px;
}

div.main-footer {
	background-image: 	url('../graphics/main/background_meer.jpg');
	bottom: 			0;
	height: 			107px;
   	position: 			absolute;
	width: 				855px;
}

div.main-footer div {
	border-top: 		1px solid #402E00;
	bottom: 			5px;
	left: 				10px;
	padding-top: 		3px;
	position: 			absolute;
	text-align: 		center;
	width: 				835px;
}

/*
	GROUP: 	HEADLINES
*/
h1.start {
	font-size: 			2em;
	margin: 			20px 0 25px 0;
}

h1 {
	font-size: 			1.2em;
	margin-bottom: 		5px;
	margin-top: 		0;
}

h2 {
	font-size: 			1.1em;
	margin-bottom: 		3px;
}

/*
	GROUP:	PARAGRAPHS
*/
p:first-letter {
	color: 				#4F4F13;
	font-style: 		italic;
	font-weight: 		bold;
}

p {
	margin: 			0 0 10px 0;
}

/*
    GROUP:  PAGE BROWSER
*/
span.browserLinkInactive {
    background-color:   inherit;
    color:              #CCCCCC;
}

span.browserLinkActive {
}

span.browserPage {
}

span.browserPageHighlight {
    background-color:   inherit;
    color:              #FF0000;
}

/*
    GROUP:  MENU
*/
hr.menu {
}

div.main-menu a {
	border-right: 		1px solid #000;
	display:            block;
	font-size: 			1.10em;
	float: 				left;
	height: 			22px;
	letter-spacing: 	0.05em;
	padding-top: 		7px;
	text-align: 		center;
	text-decoration: 	none;
	width: 				121px;
}

/* FF HACK */
*:not(hr) div.main-menu a { font-weight: bold; height:  24px !important; padding-top: 5px !important; }

* html div.main-menu a { f\ont-weight:bold; }

/* IE 5,6,7 HACK */
div.main-menu a { 
	height: 	 		24px!;
	padding-top:  		5px!; 
}

div.main-menu a#offer {
	width: 				123px;
}

.menuMain-level1-no, .menuMain-level1-act {
	background-image: 	url('../graphics/main/background_menu.gif');
	color: 				#191A08;
}

.menuMain-level1-no:hover, .menuMain-level1-act:hover {
	background-image: 	url('../graphics/main/background_menu_hover.gif');
	color: 				#DEDFD2;
	text-decoration: 	none;	
}

.menuMain-level1-par {
}

.menuMain-level1-no {
}

.menuMain-level1-act {
}

.menuMain-level1-par {
}

.menuMain-level1-hover {
}

.menuIsNotClickable {
}

.menuMain-level1-first {
}

.menuMain-level1-last {
	border-right: 		0 !important;
}

/*
	GROUP:	START
*/
div.center {
	text-align: 		center;
}

span.start {
	font-size:			1.2em;
	letter-spacing:		0.1em;
}

div.start-contact {
	margin: 			50px auto 0 auto;
	width: 				240px;
}

/*
	GROUP:	IMAGES
*/
img#House1 {
	margin:				15px 0 12px 10px;
}

/* IE 5,6,7 HACK */
img#House1 {
	margin:				3px 0 12px 10px!;
}

/* FF HACK */
*:not(hr) img#House1 {
	margin:				3px 0 12px 10px;
}

img#Costa1 {
	margin:				15px 12px 12px 0;
}

/* IE 5,6,7 HACK */
img#Costa1 {
	margin:				3px 12px 12px 0!;
}

/* FF HACK */
*:not(hr) img#Costa1 {
	margin:				3px 12px 12px 0;
}

img#Costa2 {
	margin:				0 0px 12px 10px;
}

div.photos {
	float: 				left;
	height: 			150px;
	margin-bottom: 		10px;	
	margin-right: 		6px;
	text-align: 		center;
	width: 				200px;
}

div.photos img {
	border: 			1px solid #402E00;	
}

table.prices {
	margin-bottom: 		20px;
}

table.prices th {
	font-weight: 		bold;
	padding-right: 		30px;
	text-align: 		left;
}

table.prices td {
	padding-right: 		30px;
	text-align: 		center;
}

/* 
	GROUP:	ALL FORMS
*/
fieldset.form {
	margin:				10px 0px 0px 0px;
	width:				465px;
}

/* FF HACK */
*:not(hr) fieldset.form { width:  440px;}

fieldset.form-big {
	width:				600px !important;
}

fieldset.form label {
	display:			block;
	float:				left;
	margin-left: 		10px;
	margin-top:			2px;
	text-align:			left;
	width:				180px;
}

fieldset.form span, fieldset.form-big span {
	display:			block;
	float: 				right;
	margin-top:			2px;
	margin-right:		25px;
}

fieldset.form input, fieldset.form button, fieldset.form select, fieldset.form textarea, fieldset.form span {
	margin-bottom:		3px;
	width:				220px;
}

fieldset.form-big input, fieldset.form-big button, fieldset.form-big select, fieldset.form-big textarea, fieldset.form-big span {
	margin-bottom:		3px;
	width:				395px;
}

fieldset.form-big textarea {
	height:				180px !important;
}

fieldset.form button {
	margin-left:		204px;
	margin-top: 		10px !important;
	width: 				226px !important;
}

/* IE 7 HACK */
* + html fieldset.form button { margin-left: 192px; width:  228px;}

/* FF HACK */
*:not(hr) fieldset.form button { margin-left: 191px; width:  228px;}

fieldset.form br {
	clear: both;
}

/*
	GROUP:  BASIC SITE STRUCTURE
*/
body.pageError {
	background-color:	#F7C063;
	color: 				#000000;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	margin:             0px 10px 10px 10px;
	text-decoration: 	none;
}

body.pageError div {
}

div.pageErrorDebug {
    background-color:   #FFFFFF;
    border:             1px solid black;
    color:              #000000;
    margin:             10px 0px 10px 0px;
    padding:            10px;
    width:              762px;
}

/*
    GROUP:  BASIS HTML ELEMENTS
*/
h1.error {
    background-color:   inherit;
    color:              #FF0000;
    font-size:          12px;
    font-weight:        bold;
    margin-bottom:      0px;
}

p.pageErrorDebugHead {
    font-style:         italic;
    margin:             0px 0px 0px 0px;
    text-align:         center;
}

pre {
    margin:             0px;
}