/***************************************************************************
 * 
 * $HeadURL: svn://192.168.99.42/objects/css/ferienhaus.css $ (UTF-8)
 *
 * @author $Author:joerg.thoennissen $
 * 
 * $Id: ferienhaus.css 719 2008-06-15 23:00:51Z joerg.thoennissen $
 * 
 * $Date: 2008-06-16 01:00:51 +0200 (Mo, 16 Jun 2008) $
 * 
 * Description:
 * 
 * 		Wahres Wissen beruht auf Erfahrung, alles andere ist nur Information. 
 * 		(Albert Einstein)
 *
 * Revision:
 * 2008-06-16   Massive Anpassungen wŠhrend der andauernden Optimierung.
 *
 * 2008-06-01	Diese Version wird nicht mehr durch die screen.css
 *				importiert, sondern ist jetzt selbst die Haupt-CSS.
 *
 * 2008-05-20	Initiale Version.
 *
 **************************************************************************/  

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.hide { display: none !important; }
.left { float: left; }
.right { float: right; }
.js { display: none !important; }

img { behavior: url(../objects/scripts/lib/iepngfix.htc); }

/* TYPE */
/* 
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#113557; background-color: #fff; }
a { color: #2971a7; }
strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
.sosumi { font-size: 10px !important; color:#76797c; } 
*/

#container { background-color: transparent; }

body { font: 8pt Verdana, Arial, Helvetica, sans-serif; color: #113557; padding: 0 20px; } /* 8.5pt */




/* LOGO */
#logo { display: block; float: left; }


/* TEXT NAVIGATION (TOP) */
.breadcrumb { clear: both; padding: .5em 0; color: #000; }
.breadcrumb a, .breadcrumb a:visited { margin-right: .75em; font-weight: normal; color: #0030ce; }
.breadcrumb a.bread, .breadcrumb a.bread:visited { color: #aaa; }
.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus,
.breadcrumb a.bread:hover, .breadcrumb a.bread:active, .breadcrumb a.bread:focus { color: #ff4005; text-decoration: underline; }


/* HEADER */
#header {  }
#header h1, #header.top h2, #crpInfo h2, #crpInfo h3 { color: #425c78; font-weight: bold; font-size: 1em; }
#header h1.top, #header.top h1, p.top, #header h2 { color: #900; font-weight: normal; font-size: 1.8em; }

.processing { background: url(../images/processing.gif) no-repeat right top; }



/* SUBMENU */
/* .submenu { padding: 0 10px; color: #000; width: 100%; } */
.submenu select, .submenu input { background-color: #fff; color: #0A6CCE; font-size: 0.9em; text-align: left; }
#searchNref { width: 80px; margin-right: 10px; text-transform: uppercase; }

/* BOTTOMMENU */
.bottomMenu { width: 100%; color: #000; padding: 0.5em 0; }

/* MESSAGE */
#message { clear: both; position: relative;  
	background: #fff url(../icons/messagebox_warning.png) no-repeat left center;
	margin: 0 1px; 
    /* margin: -15px 0px 5px 10px; */
	padding: 10px 10px 10px 45px;
	font-size: 1.2em;
	color: red;
}
#message.information { background-image: url(../icons/messagebox_info.png); color: #000; }
#message.warning { background-image: url(../icons/messagebox_warning.png); }
#message.critical { background-image: url(../icons/messagebox_critical.png); }



/* PAGER */
#pagerInfo, #pager { margin-top: .5em; }
/* die folgenden styles, ueberschreiben Werte der Einbettung (reisewelten) */
.pgNav, .pgNav:hover { font-weight: normal; color: black; }
.pgNav a { text-decoration: none; color: #0030ce; font-weight: normal; white-space: nowrap; margin-right: 5px; }
.pgNav span { margin-right: 5px; }
.pgNav a:hover, .pgNav a:active, .pgNav a:focus { color: #ff4005; text-decoration: underline; }

.pgNav .prev, .pgNav .next, .pgNav .top { background: url('../images/arrows.gif') no-repeat 0px 50%; }

.pgNav .top { padding-left: 16px; background-position: 0px 50%; }
.pgNav a.top:hover, .pgNav a.top:active, .pgNav a.top:focus { background-position: -400px 50%; }

.pgNav .next { padding-right: 18px; background-position: -1200px 50%; }
.pgNav span.next { background-position: -2000px 50%; }
.pgNav a.next:hover, .pgNav a.next:active, .pgNav a.next:focus { background-position: -1600px 50%; }

.pgNav .prev { padding-left: 18px; background-position: -3600px 50%; }
.pgNav span.prev { background-position: -4400px 50%; }
.pgNav a.prev:hover, .pgNav a.prev:active, .pgNav a.prev:focus { background-position: -4000px 50%; }

.pgNav a.empty, .pgNav a.empty:visited, 
.pgNav a.empty:hover, .pgNav a.empty:active, .pgNav a.empty:focus,
.pgNav span.empty { text-decoration: none; padding: 0 5px; }



/* LINKS */
a.slink, a.slink:active, a.slink:visited { 	text-decoration: none; color: #0030ce; font-weight: normal;
	background: url('../icons/forward.gif') no-repeat left center; padding-left: 12px; }
a.slink:hover, a.slink:focus { color: #ff4005; background-image: url('../icons/forward_.gif'); text-decoration: underline; }

.nlink { white-space: nowrap; }
.nlink:link, .nlink:visited { background: none; font-weight: normal; color: #0030ce; }
.nlink:hover, .nlink:active, .nlink:focus { color: #ff4005;	text-decoration: underline; }


p.desc a, p.desc a:visited { font-weight: normal; color: #0030ce; }
p.desc a:hover, p.desc a:active, p.desc a:focus { color: #ff4005; text-decoration: underline; }



/* -------- content -------- */

#innerContent, .innerContent { padding: 0 .5em; background: transparent url(../images/box_bgrep.gif) repeat-y scroll left top; } /* min-height: 100px; padding: 0 1em; */
li.object { min-height: 100px; }

/* YUI HISTORY MANAGER */
#yui-history-iframe { position:absolute; top:0; left:0; width: 1px; height: 1px; visibility:hidden; } 

/* FLOORPLAN */
#FP_window { display: none; position: absolute; z-index: 98; 
			 font: 12px Arial, Helvetica, sans-serif; color: #000; background-color: #fff; }			 
#FP_window .result_left { margin-left: 5px; }
#FP_window .result_left img { display: inline; margin-right: 5px; }
#FP_window .result_right { margin-right: 10px; }
#FP_HideSelect { z-index: 97; position: absolute; }



select, input { vertical-align: middle; }

/* -------- search / extended search selects -------- */

#searchSelects { float: right; text-align: left; line-height: 1.8em; }
#extendedSearchSelects { margin-top: 1.8em; }


#bookingSelects li { padding: 0; } /* von #objects geerbte Formatierung ueberschreiben */

#searchSelects select, #bookingSelects select {
    background-color: #fff;
    color: #0A6CCE;
	font-size: 0.9em;
    width: 140px;
    margin-right: 0.2em;
}

#bookingSelects select .disabled { color: #aaa; }
#searchSelects select .odd, #bookingSelects select .odd { background-color: #fff8dc; }
#searchSelects select .mainRegion { color: #0a6cce; }
#searchSelects select .subRegion { color: #72879e; }





/* -------- extended search checkboxes -------- */

#imhaus { clear: both; float: left; text-align: left; margin: 10px 1em; line-height: 1.5em; }
#beimhaus { float: right; text-align: left; margin: 10px 0; line-height: 1.5em; }
#imhaus b, #beimhaus b { color: #900; font-size: 1.1em; font-weight: bold; }
#imhaus ul, #beimhaus ul { list-style:none; }
#imhaus input, #beimhaus input { margin-right: 0.5em; }



/* -------- footer (incl. the search-button) -------- */

#footer, .footer { clear: both; background-color: transparent; width: 100%; height: 22px;
				   padding-bottom: 5px; margin-top: 0px; margin-bottom: -1px; text-align: right; }

#resultLink { white-space: nowrap; float: right; }



/* TABS */
#tabs  { float: left; background: #fff url(../images/tabs/p7/bg+.gif) no-repeat bottom right;
    	 font-size: 1em; font-weight: bold; line-height: normal; }
#tabs ul { padding: 10px 10px 0 0; }
#tabs li { display: inline; }

#tabs a { float: left; background: url(../images/tabs/p7/lb.gif) no-repeat 0% -140px;
    	  padding-left: 4px; border-bottom: 1px solid #e4801f; text-decoration: none; }
#tabs a span { float: left; background: url(../images/tabs/p7/rb.gif) no-repeat 100% -140px;
    		   display: block; padding: 5px 8px 4px 5px; font-weight: bold; color: #425c78; }
#tabs a span b { margin: 0 0.25em 1em; color: #e4801f; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span { float: none; }
/* End IE5-Mac hack */
#tabs a:hover { background-position: left top; }
#tabs a:hover span { background-position: right top; color: #333; }
#tabs .current a { background-position: left top; border-width: 0; }
#tabs .current a span { background-position: right top; padding-bottom: 5px; color:#e4801f; }
#tabs .disabled a span { color:#999; }
#tabs .disabled a:hover { background-position: 0% -140px; cursor: default; }
#tabs .disabled a:hover span { background-position: 100% -140px; color: #999; cursor: default; }







/* -------- count in results tab -------- */

#count, #fcount, 
#tabs a span span#count, #tabs a span span#fcount {
	display: inline;
	position: relative;
	float: none;
	overflow: hidden;
	top: -12px; /* -1em */
	left: 3px;
    background: url("../images/btnL.png") no-repeat left top;
    padding: 3px 0px 5px 9px;
    _padding: 0px 0px 0px 9px;
	_padding-top: 0px;
    font-weight: bold;
    color: white;
  }

#count i, #fcount i { background: url("../images/btnR.gif") no-repeat right top;
	padding: 3px 9px 5px 0px; font-style: normal; }

#fcount { background: url(../images/lbo.gif) no-repeat left top; }
#fcount i { background: url(../images/rbo.gif) no-repeat right top; }




.objects ul { width: 100%; margin-left: 0px; position: relative; top: 0px; left: 0px; border-right: 0px solid lightgrey; } /* position: absolute; padding-right: 6px; margin-left: -100px; */
.objects ul.fade { margin-left: 719px; position: absolute; }
.objects ul, .objects li { list-style-type: none; } /* width: 100%; */
li.object { border-bottom: 1px solid #999; padding: 0.5em 0; }



div.object { width: 100%; margin-left: 0px; position: relative; top: 0px; left: 0px; border-right: 0px solid lightgrey; } /* position: absolute; padding-right: 6px; margin-left: -100px; */
div.object { border-bottom: 1px solid #999; padding: 0.5em 0; }


/* -------- EASY CLEARING MIT GENERIERTEM CONTENT -------- */
.objects:after, .object:after, .doc2:after, .service:after, 
.links:after, .pictograms:after { /* fŸr Browser, die :after unterstŸtzen */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
  }

* html .objects, * html .object, * html .doc2, * html .service, 
* html .links, * html .pictograms { height: 1% } /* fŸr IE5+6 */

*:first-child+html .objects, *:first-child+html .object, *:first-child+html .doc2,
*:first-child+html .service, *:first-child+html .links, 
*:first-child+html .pictograms { min-height: 1px; } /* fŸr IE7 */



.objects strong, .objects h2, .objects h3, .objects h4 { color: #113557; font-size: 100%; font-weight: bold;	
	text-align: right; padding-left: 50px; }
.objects .quali1 { background:url("../icons/quali.png") no-repeat -40px 50%; padding-left: 15px; }
.objects .quali2 { background:url("../icons/quali.png") no-repeat -30px 50%; padding-left: 25px; }
.objects .quali3 { background:url("../icons/quali.png") no-repeat -20px 50%; padding-left: 35px; }
.objects .quali4 { background:url("../icons/quali.png") no-repeat -10px 50%; padding-left: 45px; }
.objects .quali5 { background:url("../icons/quali.png") no-repeat 0 50%; padding-left: 55px; }
.objects h3, .objects h4 { display: inline; float: right; }
.objects h2 i, .objects h3 i, .objects h3 b, .objects h4 b { color: #900; font-weight: bold; font-style: normal; }
.objects .house { margin-bottom: 5px; }
p.links { display: none; }



.objects div.details { float: left; }
.objects div.details p { clear: both; margin-bottom: 1em; }
.objects div.details table, #mainContent table { font-size: 100%; }
  

.objects div.details a.price {
	color: #113557;
    font-weight: bold;
	text-decoration: none;
}
.objects div.details a.price:hover { color: #900; text-decoration: underline; }
.objects div.details p.price, .objects div.details span.price {
	display: block;
	clear: left; 
	text-align: right;
    padding: 2px 5px;
	margin-bottom: 5px;	
    background-color: #ddd;
    font-weight: bold;
  }
.objects div.details a p.price:hover, .objects div.details a span.price:hover { color: #900; text-decoration: underline; }
.price s { text-decoration: line-through; }
.price em, .price i { font-style: normal; font-weight: normal; color: #900; }
.price b, .price em { font-size: 120%; font-weight: bold; }



.objects div.details .desc { clear: none; }
.desc em, .desc i { font-style: normal; font-weight: normal; color: #900; }
.objects div.details .doc2 { margin-bottom: 1em; }
.doc2 a.floorplan { clear: right; float: right; width: 150px; margin-top: 1em; right: 0; position: absolute; z-index: 100; }
.doc2 ul li { margin-left: 0.5em; }
.doc2 ul ul li { margin-left: 1em; }
.doc2 .distance, .distances .distance , .distances .value { text-align: right; padding-left: 1em; }  
.doc2 td.unit, .distances td.unit { padding-left: 0.2em; }

.objects div.details .objectAlert {
	clear: left;
	background: url('../icons/warning16.png') no-repeat left top;
	padding-left: 20px;
	color: #900;
  }



.objects div.details .distances { clear: left; margin-bottom: 1em; }
.distances .value { text-align: right; padding-left: 1em; }



.objects div.details .service { background-color: #ddd; padding: 2px 5px; margin-bottom: 1em; }
.service .group { padding: 0.5em 0 0; }
.service .type { padding: 0; } /* 0 5px 0 15px */
.service .price { text-align: right; vertical-align: bottom; }




.objects .links, .objects .bookNow {
	/* die folgenden styles, ueberschreiben Werte der Einbettung in die reisewelten */
	clear: both;
	text-decoration: none;
	font-weight: normal;
	background: none;
  }

.objects .links a { float: left; white-space: nowrap; padding-right: 1em; }



.pictograms img { float: left; width: 20px; height: 20px; margin: 0 2px 2px 0; }
.pictograms .distance { float: left; line-height: 20px; margin: 0 1em; }
.pictograms .distance em, .pictograms .distance i { font-style: normal; font-weight: normal; color: #900; }

img.framed { float: left; background: url(../icons/frame100.gif) no-repeat top left; margin: 0 8px 8px 0; } 	
div.framed { float: left; clear: left; background: url(../icons/frame100.gif) no-repeat top left; width: 112px; height: 95px; margin: 0 0.5em 0.5em 1em; _margin-left: 5px; } /* margin: 0 5px 5px 0; */
div.framed img { background: none; margin: 0; float: none; position: relative; }
.objects .pictures { float: left; width: 116px; min-height: 100px; margin: -2px 0 2px 0; position: relative; overflow: hidden; } /* height: 100px; */
.objects .pictures a, .objects .pictures a:visited, .objects .pictures div { float: left; background: url("../images/frame100.png") no-repeat top left; width: 112px; height: 95px; margin: 0 5px 5px 0; }
.objects .pictures div.noPhoto { background-image: url(../images/frameNoPhoto.png); } 
.objects .pictures a:hover { background-position: left -95px; }
.objects .pictures img { position: relative; }

.wide .objects .pictures { height: auto; }
#topObjects .pictures { margin: 5px 16px 0px; float: none; }
#topObjects li.price, #topObjects li.price b, #topObjects li.price em { color: #900; font-weight: bold; font-style: normal; font-size: 1em; }


/* FRAMES */
.objectGallery .frameL { float: left; background: url(../images/frame601.png) no-repeat top left; width: 600px; height: 462px; margin: 0 0 5px 0; } /* 601px; */
.objectGallery .frameM { float: left; background: url(../images/frame298.png) no-repeat top left; width: 298px; height: 236px; margin: 0 5px 5px 0; }
.objectGallery img { position: relative; }

.frames .tl { margin: 0; padding: 8px 6px 0 6px; background-position: top left; }
.frames .bl { margin: 0; padding: 0 0 0 6px; background-position: bottom left; }
.frames .br { padding: 0 6px 6px 0; background-position: bottom right; }



/* OBJECT DURATIONS */
table.durations { width: 100%; margin: 1em 0; }
table.durations tr.selected, table.durations tr.occupied { background-color: #ddf; }
table.durations tr.occupied { color: #888; }

table.durations th { font-weight: bold; background-color: #ddd; padding: .25em; }
table.durations td { border-bottom: 1px solid #ddd; vertical-align: middle; }
table.durations .price, table.durations .action { text-align: right; }
table.durations .price b, table.durations .price em { font-size: 100%; }
table.durations .price b { font-weight: normal; }

table.durations a { display: block; width: 100%; }
.durations a, .durations a:visited { font-weight: normal; color: #113557; text-decoration: none; }
.durations a:hover, .durations a:active, .durations a:focus { color: #900; }

.durations td.action a, .durations td.action a:visited { font-weight: normal; color: #0030ce; }
.durations td.action a:hover, .durations td.action a:active, .durations td.action a:focus { color: #ff4005; text-decoration: underline; }

.durations tr.occupied a, .durations tr.occupied a:visited,
.durations tr.occupied a:hover, .durations tr.occupied a:active, .durations tr.occupied a:focus 
{ color: #888; cursor: default; }

table.durations tr:hover td { color: #900; background-color: #aaf; cursor: pointer; }
table.durations tr.occupied:hover td { color: #888; cursor: default; }

/*
table.durations a, table.durations a:visited { color: #113557; text-decoration: none; }
table.durations a:hover { color: #900; }
*/



/* BUTTONS */
a.btn , a.btn b, span.btn, span.btn b { display: block; float: right; background: transparent url(../images/btnL.png) no-repeat top left; cursor: pointer; 
	height: 22px; color: white; font-size: 1em; line-height: 19px; text-decoration: none; width: auto; _width: 50px;
}
a.btn b, span.btn b { float: none; background: transparent url(../images/btnR.gif) no-repeat top right; margin-left: 9px; padding-right: 9px; _width: 100%; }
span.btn { background-position: 0 -44px; cursor: default; }
span.btn b { background-position: 100% -44px; cursor: default; }
a.btn:hover { background-position: 0 -22px; text-decoration: none; }
a.btn:hover b { background-position: 100% -22px; text-decoration: none; }

.details a.btn, .details span.btn { margin: 2px 2px 2px 6px; }
.vacationParams a.btn, .vacationParams span.btn  { float: left; margin-left: 10px; }


/* INNERCONTENT (FORM ELEMENTS) */
#innerContent select, #innerContent input { color: #0A6CCE; font-size: 0.9em; text-align: left; } /* background-color: #fff; */
#checkinDate { margin-right: 1em; }
#duration { margin-right: .5em; }
#vacationPriceShow { margin: 0 .5em; font-weight: bold; vertical-align: middle; }


/* OBJECT PRICES */
table.prices { width: 100%; margin: 1em 0; }
table.prices tr.selected { background-color: #ddf; }
table.prices th { font-weight: bold; background-color: #ddd; padding: .25em; }
table.prices td { border-bottom: 1px solid #ddd; }
table.prices .specialOffer { padding-left: 1em; }
/* table.prices td.specialOffer { color: #900; } */
table.prices .price, table.prices .day { text-align: right; }
table.prices .price b, table.prices .price em { font-size: 100%; font-weight: normal; }
table.prices .price b { font-weight: bold; }

table.prices a { display: block; width: 100%; }
.prices a, .prices a:visited { font-weight: normal; color: #113557; text-decoration: none; }
.prices a:hover, .prices a:active, .prices a:focus { color: #900; }

table.prices tr:hover td { color: #900; background-color: #aaf; cursor: pointer; }


#mainContent { margin-bottom: .5em; } /* min-height: 100px; */
#crpInfo { margin: .5em 0; clear: left; }
#crpInfo p { padding: 0 1em 1em; }
#crpInfo ul, #crpInfo h2, #crpInfo h3 { padding: 0 1em; } 

p.topObjects { margin-top: 2em; }
.topObjects li { clear: both; margin: .5em 0; }
#topObjects { position: relative; top: -6px; float: right; _margin-top: 33px; }
#topObjects .linkbox { color: #113557; }
#topObjects .linkbox strong { padding: 0 5px 0.5em; }

/* #resultOptionsForm, #nrefForm, #searchSubMenu { padding: 0 1em; } */
#resultObjects { overflow: hidden; position: relative; width: 604px; } /* height: 800px; */

#mainContent.box, #crpInfo.box { background: url(../images/box_bgrep.gif) repeat-y right top; overflow: hidden; float: left; }
#crpInfo.box .innerContent { float: left; width: 100%; padding: 0; } /* padding: .5em 1em; float: left; width: auto; */
/* #crpInfo.box { background: url(../images/box_790bgrep.png) repeat-y; overflow: hidden; float: left; } */
/* #crpInfo.box .top { background: url(../images/box_510top.png) no-repeat; height: 5px; width: 100%; z-index: 100; line-height: 1px; font-size: 1px;	} */
#mainContent.box .rounded_ne { background: #fff8dc url(../images/tabs/p7/rb.gif) no-repeat scroll right -1px; height: 4px; line-height: 1px; font-size: 1px; } /* z-index: 100; margin-left: 1px; */ 
#mainContent.box .rounded_nw { background: transparent url(../images/box_bgrep.gif) repeat-y left top; height: 100%; line-height: 1px; font-size: 1px; }
#mainContent.box .rounded_ne.nosubmenu { background-color: #fff; background-position: right -141px; }
#mainContent.box .submenu { float: left; width: 100%; padding: .5em 0; background: transparent url(../images/box_bgrep.gif) repeat-y scroll left top; } /* width: 100%; padding: .5em 0; */
#mainContent.box #detailsSubMenu.submenu { padding-top: 0.25em; }
.box { background: url(../images/box_bgrep.gif) repeat-y right top; overflow: hidden; float: left; }
.box div.top { background: url(../images/box_tr.gif) no-repeat top right; height: 5px; width: 100%; z-index: 100; line-height: 1px; font-size: 1px;	}
.box div.top .left { background: url(../images/box_tl.gif) no-repeat top left; height: 100%; width: 90%; z-index: 101; } /** width: 600px; **/
.box div.bottom { background: url(../images/box_br.gif) no-repeat bottom right; height: 5px; width: 100%; z-index: 100; }
.box div.bottom .left { background: url(../images/box_bl.gif) no-repeat bottom left; height: 100%; width: 90%; z-index: 101; } /** width: 600px; **/

.linkbox { width: 160px; float: right; clear: right; margin: 0.5em 0; color: #808080; }
.linkbox div.top { background-color: #FFF8DC; }
.linkbox strong { display: block; padding: 0 1em 0.5em; background: #FFF8DC url(../images/box_bgrep.gif) repeat-y scroll left top; margin-right: 1px; color: #425C78; font-weight: bold; text-align: left; }
.linkbox ul ul { padding-left: 1em; }
.linkbox li.selected { font-weight: bold; color: #425C78; }
.linkbox li.sub { padding-left: 1em; }
.linkbox a:link, .linkbox a:visited { font-weight: normal; color: #0030ce; text-decoration: none; }
.linkbox a:hover, .linkbox a:active, .linkbox a:focus { color: #ff4005;	text-decoration: underline; }
.linkbox .innerContent { overflow: hidden; _width: 135px; }

#crpInfo ul { padding: 0 1em; } 
/*
#crpInfo li { list-style: outside; list-style-type: disc; }
*/
#crpInfo a:link, #crpInfo a:visited { background: none; font-weight: normal; color: #0030ce; text-decoration: none; }
#crpInfo a:hover, #crpInfo a:active, #crpInfo a:focus { color: #ff4005;	text-decoration: underline; }
#crpInfo p.infoLink { color:#425C78; font-weight:bold; }

#crpInfo .pictures { float: left; width: 74px; min-height: 65px; margin: -2px 0 2px 0; overflow: hidden; }
#crpInfo .pictures a, #crpInfo .pictures a:visited { float: left; background: url("../images/frame70.png") no-repeat top left; width: 70px; height: 60px; margin: 0 5px 5px 0; }
#crpInfo .pictures div.noPhoto { background-image: url(../images/frameNoPhoto.png); } 
#crpInfo .pictures a:hover { background-position: left -60px; }
#crpInfo .pictures img { position: relative; }

#crpInfo .copyright { color: #808080; text-align: center; padding: 0 1em; clear: left; } /* width: 600px; padding: 1em .5em 0; */


#submenu { float: left; width: 100%; overflow: hidden; background: #FFF8DC url(../images/box_bgrep.gif) repeat-y scroll right top; }
/* .box .padder { padding: 10px 15px; margin: 0 1px; background-color: #fff; } */

#submenu .left { margin-left: 5px; }
#submenu .right { margin-right: 5px; }

.searchObject { float: left; }

/* COUNTRY/REGION MAP */
#map { float: left; min-height: 180px; background: url("../icons/blank.gif") no-repeat left top; }

/* OBJECT MAP */
.map { position: relative; clear: right; float: right; margin: 5px; 
  	   background: transparent url(../objects/icons/blank.gif) no-repeat left top; }
.map img { position: absolute; }
.map.HU { background-image: url(../images/maps/HU/map.png); width: 80px; height: 50px; }
.map.HR { background-image: url(../images/maps/HR/map.png); width: 75px; height: 70px; }
.map.CZ { background-image: url(../images/maps/CZ/map.png); width: 85px; height: 50px; }
.map.NO { background-image: url(../images/maps/NO/map.png); width: 89px; height: 100px; }
.map.SE { background-image: url(../images/maps/SE/map.png); width: 46px; height: 100px; }
.map.PL { background-image: url(../images/maps/PL/map.png); width: 67px; height: 61px; }
.map.SK { background-image: url(../images/maps/SK/map.png); width: 94px; height: 50px; }
.map.AT { background-image: url(../images/maps/AT/map.png); width: 98px; height: 50px; }
.map.BG { background-image: url(../images/maps/BG/map.png); width: 72px; height: 50px; }
.map.NL { background-image: url(../images/maps/NL/map.png); width: 66px; height: 70px; }
.map.DK { background-image: url(../images/maps/DK/map.png); width: 85px; height: 70px; }
.map.IT { background-image: url(../images/maps/IT/map.png); width: 51px; height: 70px; }
.map.CH { background-image: url(../images/maps/CH/map.png); width: 75px; height: 50px; }
.map.FR { background-image: url(../images/maps/FR/map.png); width: 56px; height: 70px; }
.map.DE { background-image: url(../images/maps/DE/map.png); width: 50px; height: 70px; }

/* GOOGLE MAPS */
#googleMaps { position: absolute; }
/* .objects div.details #googleMaps { position: static; } */
#googleMaps, .googleMaps { clear: right; width: 370px; height: 270px; }
.googleMapsHint { color: #900; }

.object .googleMaps { width: 100%; height: 350px; }
.objectMap, .objectGallery, .objectVacancy, .objectPrices { clear: both; float: left; width: 100%; border-top: 1px solid #999; padding: .5em 0; margin-top: .5em; }
.objectVacancy { background-color: #edf5fa; border-bottom: 1px solid #999; }
.objectPrices { border-top: none; } 
.objectDurations, .vacationParams { float: left; width: 100%; }
.objectMap .googleMaps { width: 100%; height: 500px; }
.objects .service { width: 100%; border-top: 1px solid #999; padding: .5em 0; margin-top: .5em; }



/* DIMENSIONS */
.objects div.details { width: 550px; } /* width: 650px; */ 
#header, #mainContent, #tabs, #crpInfo { width: 790px; }
/* #mainContent.box .rounded_ne { width: 789px; } */ 
#searchSelects, #beimhaus { width: 250px; }


.sp1 { width: 790px; }
.sp2_l, .sp2 { display: none; }




#mainContent.medium, #tabs.medium, #crpInfo.medium { width: 620px; }  /* 630px; TEST: 730px */
#mainContent.wide, #tabs.wide, #crpInfo.wide { width: 730px; }
/* #mainContent.medium .rounded_ne { width: 629px; } */
/* #mainContent.medium .submenu { width: 608px; _width: 628px; } */
#mainContent.medium .objects div.details { width: 482px; } /* 488px */
#mainContent.wide .objects div.details { width: 590px; }
/* #crpInfo.box.medium .top { background-image: url(../images/box_630top.png);	} */
/* #mainContent.box.medium , #crpInfo.box.medium { background-image: url(../images/box_630bgrep.png); } */
/* #mainContent.medium.box .bottom, #crpInfo.medium.box .bottom { background-image: url(../images/box_630bottom.png); }  */
#mainContent.medium .distances { display: none; }



#content #crpInfo.medium { width: 620px; }

  
  
input.reload { vertical-align: middle; background: transparent url(../images/reload++.png) no-repeat left top; width: 20px; height: 16px; line-height: 1px; font-size: 1px; }
input.reload:hover { background-position: left -16px; }
.submenu input.reload { background-color: #fff8dc; }
#imhaus input.reload, #beimhaus input.reload { margin: 0; }

input.search, input.booking, input.query, input.occupied { 
	vertical-align: middle; background: transparent url(../images/btns_de.gif) no-repeat left -22px; 
	width: 73px; height: 22px; line-height: 1px; font-size: 1px; }
input.search:hover { background-position: left -22px; }
.submenu input.search { background-color: #fff8dc; }

input.booking { background-position: -73px -22px; }
input.booking:hover { background-position: -73px -44px; }

input.query { background-position: -146px -22px; width: 85px; }
input.query:hover { background-position: -146px -44px; }

input.occupied, input.occupied:hover { background-position: -231px top; width: 67px; cursor: default; }



/* LIGHTBOX / PROCESS */
#lightbox { position: absolute;	left: 0; top: 40%; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #113557; }
#overlayIframe { position: absolute; top: 0; left: 0; z-index: 89; background-color: #fff; border: none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; }



  
/* Der Nachfolgende Bereich definiert spezielle Formatierungen fŸr die Druckausgabe 
 * Dies klappt mittels des @media-Befehls allerdings erst mit dem Internet Explorer 5.5
 *
 * Alternativ kšnnten auch folgende Ma§nahmen ergriffen werden:
 *
 * FŸr externe Stylesheets im <link>-Tag mit dem Attribute media.
 *   <link href="bildschirm.css" rel="stylesheet" type="text/css" media="screen" />
 *
 * FŸr externe Stylesheets mit @import. Hier schreiben Sie die Medientypen einfach hinter den
 * URL des CSS. Mehrere Medientypen werden per Kommata getrennt:
 *   @import url("../print.css") print, projection
 */ 
 
/* PRINT */
/*
@media print {
	body, #main, #mainContent { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}
*/

@media print {
	body { background-color: white; }
	.r1, .nav_l, .nav, .nav_r, .sp1_l, .sp1_r, .sp2_l, .sp2, .sp2_r, 
 	#fuss_fewo_ie, .slink, .nav a, #resultsBottomMenu,
	#resultCount, #favoriteCount, .noprint { display: none !important; }
	#page { border: 0; }
	#header, #tabs, #nw, #mainContent, #crpInfo { width: 710px; }
	.objects div.details { float: right; width: 570px; }
	.sp1 { width: 100%; }	
}
