html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, address, 
blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body { background: #f1ede5; padding-bottom: 48px; font: 100% 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; color: #4a4b4d; }

h1,h2,h3 { font-family: Georgia, serif; font-weight: normal; }
address { font-style: normal; }

#page p { font-size: 14px; line-height: 20px; }

a, a:hover { color: #003a85; }
a:active { color: #701344; }
a img { border: none; }

.clear { clear: both; }  
br.clear { height: 0; overflow: hidden; }

#debug_log { display: none; position: absolute; top: 0; left: 0; width: 300px; padding: 5px; background: #e8e1d3; z-index: 1000; opacity: 0.8; }

#flash_notice, 
#flash_error,
div.notice {
  padding: 5px 8px;
  text-align: center;
}

#flash_notice {
  background-color: #CFC;
}

#flash_error {
  background-color: #FCC;
}

div.notice {
  background-color: #FD9;
  margin-bottom: 1em;
}

.fieldWithErrors label { color: #C66; }
.fieldWithErrors input,
.fieldWithErrors textarea { background-color: #FCC; }

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}

#container { position: relative; background: #e8e1d3 url('/images/header_background.gif') repeat-x; }

#header { width: 100%; height: 105px; background: url('/images/header_background_middle.jpg') top center no-repeat; }
#header_content { position: relative; width: 1000px; height: 105px; margin: 0 auto; font-family: Georgia, serif; }
#header_logo { 
  display: block; 
  position: absolute; top: 0; left: 0; 
  width: 341px; height: 90px; 
  background: url('/images/header_logo_von_krogh_de.png') no-repeat;
  text-indent: -1000em;
  overflow: hidden;
  }

#global_nav { position: absolute; top: 57px; left: 341px; }
#global_nav a,
#global_nav span {
  display: block; float: left; 
  height: 33px; 
  background: url('/images/nav_items.png') no-repeat; 
  text-indent: -1000em; 
  overflow: hidden;
  }
#global_nav .nav_item_in { width: 21px; }
#global_nav .nav_item_und { width: 38px; margin: 0 1px; background-position: -96px 0px; }
#global_nav .nav_item_sardinien { width: 75px; background-position: -21px 0px; }
#global_nav .nav_item_florida { width: 56px; background-position: -134px 0px; }
#global_nav .nav_item_sardinien.selected { width: 91px; background-position: -21px -33px; }
#global_nav .nav_item_florida.selected { width: 72px; background-position: -152px -33px; }

#header ul.meta { position: absolute; top: 0; right: 27px; list-style: none; font: 16px 'Georgia', serif; }
#header ul.meta li { float: left; margin-right: 6px; font-size: 90%; }
#header ul.meta li a { padding: 10px 7px 5px; color: #363330; text-decoration: none; display: block; }
#header ul.meta li a:hover { text-decoration: underline; }
#header ul.meta li a:active { color: #701344; }

#header ul#meta li.selected { background: url('/images/meta_selected.png') center 2px no-repeat; }

#galleryControls {
  position: absolute; top: 10px; left: 10px; 
  width: 83px; height: 38px; 
  background: url('/images/gallery_controls.png') no-repeat; 
  z-index: 105;
  }
#galleryControls a {
  display: block; position: absolute; top: 5px; left: 5px; 
  width: 36px; height: 28px;
  text-indent: -1000em; overflow: hidden;
  background: url('/images/gallery_controls.png') -5px -38px no-repeat;
  }
#galleryControls a.next { left: 42px; background-position: -42px -38px; }
#galleryControls a.prev:active { background-position: -5px -66px; }
#galleryControls a.next:active { background-position: -42px -66px; }

.mapControls div { position: absolute; background: url('/images/map-elements-de.png') no-repeat; text-indent: -1000em; overflow: hidden; }

.mapControls .moveControl { top: 11px; left: 64px; width: 58px; height: 56px; }
.mapControls .moveControl .moveLeft { top: 17px; left: 4px; width: 17px; height: 20px; background-position: -64px -17px; }
.mapControls .moveControl .moveLeft:active { background-position: -124px -17px; }
.mapControls .moveControl .moveRight { top: 17px; left: 37px; width: 17px; height: 20px; background-position: -97px -17px; }
.mapControls .moveControl .moveRight:active { background-position: -157px -17px; }
.mapControls .moveControl .moveUp { top: 2px; left: 19px; width: 20px; height: 17px; background-position: -79px -2px; }
.mapControls .moveControl .moveUp:active { background-position: -139px -2px; }
.mapControls .moveControl .moveDown { top: 35px; left: 19px; width: 20px; height: 17px; background-position: -79px -35px; }
.mapControls .moveControl .moveDown:active { background-position: -139px -35px; }
.mapControls .moveControl .moveReset { top: 19px; left: 21px; width: 16px; height: 16px; background-position: -21px -19px; }
.mapControls .moveControl .moveReset:hover { background-position: -81px -19px; }
.mapControls .moveControl .moveReset:active { background-position: -141px -19px; }

.mapControls .zoomControl { top: 67px; left: 81px; width: 24px; height: 45px; background-position: -17px -56px; }
.mapControls .zoomControl .zoomIn { top: 2px; left: 4px; width: 16px; height: 16px; background-position: -81px -58px; }
.mapControls .zoomControl .zoomIn:active { background-position: -141px -58px; }
.mapControls .zoomControl .zoomOut { top: 23px; left: 4px; width: 16px; height: 16px; background-position: -81px -79px; }
.mapControls .zoomControl .zoomOut:active { background-position: -141px -79px; }

.mapControls .typeControl { top: 11px; left: 618px; width: 212px; height: 30px; background-position: -180px 0; }
.mapControls .typeControl .typeNormal { top: 3px; left: 2px; width: 68px; height: 21px; background-position: 0 21px; }
.mapControls .typeControl .typeNormal:active { background-position: -182px -33px; }
.mapControls .typeControl .typeNormal.selected { background-position: -182px -63px; }
.mapControls .typeControl .typeSatellite { top: 3px; left: 71px; width: 66px; height: 21px; background-position: 0 21px; }
.mapControls .typeControl .typeSatellite:active { background-position: -251px -33px; }
.mapControls .typeControl .typeSatellite.selected { background-position: -251px -63px; }
.mapControls .typeControl .typePhysical { top: 3px; left: 138px; width: 68px; height: 21px; background-position: 0 21px; }
.mapControls .typeControl .typePhysical:active { background-position: -318px -33px; }
.mapControls .typeControl .typePhysical.selected { background-position: -318px -63px; }

#mapOptions a {
  display: inline-block; 
  position: relative; top: 50px;
  height: 30px; padding-left: 13px; 
  font: 12px 'Lucida Sans', sans-serif;
  color: #fff;
  background: url('/images/map_button.png') no-repeat;
  }
#mapOptions a span { 
  display: inline-block; 
  height: 23px; padding: 7px 13px 0 0; 
  background: url('/images/map_button.png') bottom right no-repeat;
  }

#page { position: relative; width: 1000px; margin: 0 auto; }
#page div.divider { height: 0; margin: 2em 0; border-top: 2px solid #c4bfb2; overflow: hidden; }

#page tr.odd th,
#page tr.odd td { 
  background: #f4f0e9;
  }
#page tr.even th,
#page tr.even td { 
  background: #efeae0;
  }

/* ---- */

#page div.main-content h2 { margin-bottom: 13px; font-size: 28px; line-height: 31px; color: #0a1f42; }

#page div.main-content h3 { margin-top: 13px; font-size: 20px; line-height: 23px; }

#page div.main-content h4 { margin: 13px 0 5px; font-size: 16px; line-height: 18px; }

#page div.main-content h2.narrow,
#page div.main-content h3.narrow,
#page div.main-content h4.narrow,
#page div.main-content p.narrow { width: 266px; }

#page div.main-content h2.medium,
#page div.main-content h3.medium,
#page div.main-content h4.medium,
#page div.main-content p.medium {  width: 409px; }

#page div.main-content h2.wide,
#page div.main-content h3.wide,
#page div.main-content h4.wide,
#page div.main-content p.wide { width: 552px; }

#page div.main-content h2 span.quote,
#page div.main-content h3 span.quote,
#page div.main-content h4 span.quote { display: block; width: 100%; margin-left: -10px; padding: 0; }

#page div.main-content h2 span.quoted,
#page div.main-content h3 span.quoted,
#page div.main-content h4 span.quoted { display: block; margin-top: -6px; font-size: 15px; line-height: 18px; color: #646567; }

#page div.main-content div.block { position: relative; }

#page div.main-content p { margin: 10px 0; }
#page div.main-content p.intro { font: 15px/20px 'Georgia', serif; color: #454241; }
#page div.main-content p.subline { font-weight: bold; color: #7c7d80; }

/*Was: #page div.main-content .float_left.out, #page div.main-content .float_right.out margin in guide.css kopiert.
Warum: gehört nicht hierhin, da Speziell nur für Guide
Ziel: spezielle Lösungen nur in den Einzelseiten vorkommen zu lassen. s. .guide */
#page div.main-content p.image { position: relative; font-size: 0; line-height: 0; }
#page div.main-content .float_left { float: left; padding-right: 10px; } /* Das padding von float_left/right auch?*/
#page div.main-content .float_right { float: right; padding-right: 10px; }


/*Was: Soll ich den Code in die Guide oder static_content.css kopieren oder hier lassen?
Warum: gehört nicht hierhin, da Speziell nur für Guide .single-column
Ziel: spezielle Lösungen nur in den Einzelseiten vorkommen zu lassen. */
#page div.main-content .column-left .float_left, #page div.main-content .column-right .float_left { padding-right: 10px; }
#page div.main-content .column-left .float_right, #page div.main-content .column-right .float_right { padding-left: 10px; }

#page div.main-content .content-info_gallery { padding-right: 45px; border: 1px solid red; }
#page div.main-content div.float_left h2 { width: auto; margin-bottom: 25px; }

#page div.main-content p span.caption { margin: 0; font-size: 13px; line-height: 15px; }
#page div.main-content p span.caption.pos_left { padding-top: 5px; }
#page div.main-content p span.caption.pos_left.pos_top { position: absolute; top: 0; }
#page div.main-content p span.caption.pos_right.pos_top { position: absolute; top: 5px; right: 10px; }

#page div.main-content .column-left { float: left; width: 480px; margin: 4px 15px 0 0; padding-bottom: 20px; }
#page div.main-content .column-left h2 { margin-top: 16px; background: none; }
#page div.main-content .column-left h3 {
	margin-bottom: 13px;
	font: bold 14px/20px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	}
#page div.main-content .column-left div.title p { margin: 0; }

#page div.main-content .column-left h2.medium,
#page div.main-content .column-left p.medium { width: 320px; }

#page div.main-content .column-right {
	float: left; width: 313px;
	margin-top: 10px; padding: 12px 35px 0 31px;
	background: url('/images/guide-column_right_background.png') no-repeat;
	background-color: none;
	}
body.with_gallery #page div.main-content .column-right {
	margin-top: -56px;
	}

#page div.main-content div.divider { margin: 43px 0 53px; }

#page div.main-content table { margin: 6px 0 8px -2px; font-size: 14px; line-height: 18px; text-align: left; }
#page div.main-content table th { padding-right: 10px; font-weight: normal; color: #7c7d80; }

#page div.main-content .infobox { padding: 5px 0 15px; border-top: 2px solid #d0cdc7; }
#page div.main-content .infobox div.title h3 {
	margin: 1px 0 0; padding-left: 20px;
	font-size: 23px; line-height: 25px;
	background: url('/images/legal-arrow_opened.png') no-repeat 1px 12px;
	}
#page div.main-content .infobox.closed div.title h3 { background: url('/images/legal-arrow_closed.png') no-repeat 1px 12px; }
#page div.main-content .infobox .content h4 { margin-top: 18px; font-size: 20px; line-height: 23px; }
#page div.main-content .infobox div.title p.subline { padding-left: 20px; }
#page div.main-content .infobox .contentWrapper { position: relative; }
#page div.main-content .infobox .content { position: relative; padding-left: 20px; }

/* ---- */

#page div.module-florida-links { 
  clear: both; margin: 4em 0 4em -20px; padding: 0 !important; width: 880px; height: 100px; 
  background: url('/images/florida-ratgeber-linkbox.png') no-repeat; 
  }
#page div.module-florida-links h3 { 
  float: left; width: 165px; margin: 0; padding: 25px 18px 0 21px; 
  font-size: 17px; color: #0a1f42; 
  }
#page div.module-florida-links h3 a { color: #0a1f42; text-decoration: none; }
#page div.module-florida-links h3 a:hover,
#page div.module-florida-links h3 a:active, { text-decoration: underline; }
#page div.module-florida-links ul { float: left; list-style: none; margin: 0; padding: 0; width: 676px; }
#page div.module-florida-links li { float: left; margin: 0; padding: 2px 2px 2px 0; }
#page div.module-florida-links li a { 
  display: block; width: 224px; height: 96px; text-decoration: none;
  background: url('/images/florida-ratgeber-linkbox.png') -204px -2px no-repeat; 
  }
#page div.module-florida-links li a:hover { text-decoration: underline; }
#page div.module-florida-links li a:active { text-decoration: underline; background-position: -204px -102px; }
#page div.module-florida-links li a:active p { color: #701344; }
#page div.module-florida-links li h4 { margin: 0; padding: 16px 0 0 35px; color: #751818; font-weight: normal; font-size: 12px; text-transform: uppercase; }  
#page div.module-florida-links li p { margin: 0; padding: 5px 0 0 35px; font: 15px Georgia, serif; color: #0a1f42; }
#page div.module-florida-links .li-2 a { background-position: -430px -2px; }
#page div.module-florida-links .li-2 a:active { background-position: -430px -102px; }
#page div.module-florida-links .li-3 a { width: 222px; background-position: -656px -2px; }
#page div.module-florida-links .li-3 a:active { background-position: -656px -102px; }

#mapMarkerInfo { font-size: 13px; }
#mapMarkerInfo h3 { font-size: 17px; }

#hiddenPreloader { width: 0; height: 0; overflow: hidden; }

#contentPager { 
  clear: both;
  position: relative; height: 80px;
  background: #dfd8cb; border-top: 1px solid #cac3b7;
  z-index: 2;
  }
#contentPager .pagination { width: 940px; margin: 0 auto; padding: 11px 10px 0 50px; text-align: center; font-size: 1px; }
#contentPager a,
#contentPager span {
  display: inline-block; position: relative; top: 8px;
  width: 32px; height: 25px; margin: 0 6px; padding-top: 7px;
  font: bold 13px 'Lucida Sans', sans-serif; color: #f0ebe6; text-decoration: none; text-align: center;
  background: url('/images/pager_elements.png') -148px -52px no-repeat; 
  vertical-align: top;
  }
#contentPager .prev_page,
#contentPager .next_page { top: 0; width: 140px; height: 33px; margin: 0 12px; padding: 15px 0 0 8px; background-position: 0 -48px; }
#contentPager .next_page { padding: 15px 8px 0 0; background-position: -180px -48px; }
#contentPager a.prev_page { background-position: 0 0; }
#contentPager a.next_page { background-position: -180px 0; }
#contentPager .current { top: -12px; padding-top: 27px; color: #363330; background-position: -148px 0; }
#contentPager .gap { color: #363330; background: none; }

div.contacts ul,
div.property_teasers ul,
div.services ul,
div.teasers ul { list-style: none; }

div.property_teasers li.property_teaser,
div.services li.service,
div.teasers li.teaser { 
  position: relative; 
  width: 250px; margin: 7px 20px 2px 0; 
  font-family: "Georgia", serif; overflow: hidden;
  }

div.services li.service,
div.teasers li.teaser.compact { 
  float: left; height: 108px;
  }

#page div.property_teasers li p,
#page div.services li p,
#page div.teasers li p,
div.property_teasers li p,
div.services li p,
div.teasers li p { font-size: 13px; line-height: 16px; color: #363330; }

div.property_teasers div.wrap,
div.services div.wrap,
div.teasers div.wrap { width: 250px; height: 100%; }

div.contacts div.overlay,
div.property_teasers div.overlay,
div.services div.overlay,
div.teasers div.overlay { position: absolute; top: 0; right: 0; }

div.contacts li.contact p.image,
div.property_teasers li.property_teaser p.image,
div.services li.service p.image,
div.teasers li.teaser p.image { margin: 0 !important; padding: 0 !important; }

div.contacts li.contact p.image img,
div.property_teasers li.property_teaser p.image img,
div.services li.service p.image img,
div.teasers li.teaser p.image img { vertical-align: bottom; }

div.teasers li.contact { width: 245px; height: 108px; padding-left: 5px; background: url('/images/teaser-contact.png') no-repeat; }
div.teasers li.contact div.wrap { width: 245px; background: url('/images/teaser-contact.png') -110px right no-repeat; }
div.teasers li.contact h3 { margin: 0 10px 2px !important; padding-top: 4px; font-size: 22px; line-height: 20px; color: #0a1f42; }
#page div.teasers li.contact p,
div.teasers li.contact p { margin: 5px 9px 4px; font-size: 15px; line-height: 18px; }
div.teasers li.contact p a { font-size: 13px; color: #003a85; }

div.services li.service { position: relative; height: 106px; border-top: 1px solid #d7d5d4; border-bottom: 1px solid #d7d5d4; }
div.services li.teaser div.wrap { width: 144px; padding-left: 101px; font-size: 1px; }
div.services li.teaser:hover { cursor: pointer; background: #f4f0e9; }

div.property_teasers li h3,
div.services li h3 { width: 135px; margin: 0 !important; padding-top: 5px; font-size: 17px; line-height: 22px; }
div.property_teasers li h3 { width: auto; }

div.property_teasers li.teaser p,
div.services li.teaser p {
	display: inline;
	padding-right: 13px;
	background: url('/images/home-content_pfeil.png') right center no-repeat;
	}

div.property_teasers li.property_teaser p.image,
div.services li.service p.image { position: absolute; top: 0; left:0; background: none; }

div.property_teasers li.property_teaser a.full,
div.services li.service a.full { text-decoration: none; }

div.property_teasers ul ul,
div.services ul ul { padding: 0 0 0 5px; }

div.property_teasers ul ul li,
div.services ul ul li {
	margin: 0 0 4px; padding: 0 0 0 11px;
	font-size: 13px; line-height: 16px;
	background: url('/images/home-content_pfeil.png') no-repeat 0 3px;
	}
div.property_teasers ul ul li a,
div.services ul ul li a { text-decoration: none; }

div.property_teasers ul ul li a:hover,
div.services ul ul li a:hover { text-decoration: underline; }

div.property_teasers li.property_teaser { width: 520px; height: 118px; background: url('/images/property_teaser_background.png') no-repeat; }
div.property_teasers li.property_teaser:hover { cursor: pointer; }
div.property_teasers li.property_teaser div.wrap { width: 260px; height: auto; padding: 25px 0 0 240px; }

#page div.contacts li.contact { 
  float: left; position: relative; width: 360px; 
  margin-top: 17px; padding: 10px 0 0; 
  font-family: Georgia, serif;
  background: #fff url('/images/contactbox.gif') 0 -130px no-repeat; 
  }
#page div.contacts li.contact h2 { margin: 9px 13px 0 27px; font-size: 17px; color: #0a1f42; border-bottom: 1px solid #ebeaea; }
#page div.contacts li.contact div.wrap { 
  padding-left: 147px;
  }
#page div.contacts li.contact p.image { position: absolute; top: 63px; left: 27px; border: 1px solid #e8e1d3; }
#page div.contacts li.contact h3 { margin: 18px 0 0 0; font-size: 13px; font-weight: normal; color: #363330; }
#page div.contacts li.contact p { font-size: 12px; line-height: 15px; color: #827c74; }
#page div.contacts li.contact table { margin: 6px 0 0 0; padding: 0; font-size: 12px; color: #363330; }
#page div.contacts li.contact table th { margin: 0; padding: 0 3px 3px 0; text-align: left; }
#page div.contacts li.contact table td { margin: 0; padding: 0 0 3px; text-align: left; }

#page div.contacts li.contact div.options h2 { margin: 0 13px 8px 0; padding: 8px 0; border: none; border-top: 1px solid #ebeaea; }
#page div.contacts li.contact div.options { clear: both; position: relative; padding: 20px 0 0 27px; }
#page div.contacts li.contact div.options a { 
  display: block; float: left;
  width: 145px; height: 25px;
  padding-left: 8px;
  font: 12px 'Lucida Sans', sans-serif;
  line-height: 25px; color: #363330;
  text-align: center; text-decoration: none;
  background: url('/images/contactbox.gif') no-repeat; 
  }
#page div.contacts li.contact div.options a span { 
  display: block; 
  height: 25px; padding-right: 8px; 
  background: url('/images/contactbox.gif') no-repeat; 
  }
#page div.contacts li.contact div.options .cancel a,
#page div.contacts li.contact div.options .close a,
#page div.contacts li.contact div.options .contact a { background-position: 0 -15px; margin-right: 14px; }
#page div.contacts li.contact div.options .close a { width: 300px; }
#page div.contacts li.contact div.options .cancel span,
#page div.contacts li.contact div.options .close span,
#page div.contacts li.contact div.options .contact span { background-position: right -15px; }
#page div.contacts li.contact div.options .callback a { background-position: 0 -45px; color: #fff; }
#page div.contacts li.contact div.options .callback span { background-position: right -45px; }
#page div.contacts li.contact div.options a.submit { background-position: 0 -75px; color: #fff; }
#page div.contacts li.contact div.options a.submit span { background-position: right -75px; }
#page div.contacts li.contact div.options p { font-size: 13px; margin-bottom: 16px; }

#page div.contacts li.contact form.new_inquiry label { color: #363330; }
#page div.contacts li.contact form.new_inquiry .fieldWithErrors label { color: #C66; }
#page div.contacts li.contact form.new_inquiry input,
#page div.contacts li.contact form.new_inquiry textarea { width: 300px; }
#page div.contacts li.contact form.new_inquiry input#inquiry_phone { width: 150px; }

#page div.contacts li.contact img.activity-indicator { display: none; position: absolute; top: 0; left: 0; }
#page div.contacts li.contact div.overlay { 
  position: static; top: auto; left: auto; right: auto; height: 15px; background: url('/images/contactbox.gif') 0 5px no-repeat;
  }

#footer_sitemap { clear: both; position: relative; background: #f1ede5 url('/images/footer_sitemap_background.gif') repeat-x; padding: 9px 0 26px; z-index: 2; }
#footer_sitemap div.teasers { width: 960px; margin: 0 auto; padding: 0 10px 0 30px; }
#footer_sitemap h2 { padding-left: 20px; font-size: 20px; color: #0a1f42; }
#footer_sitemap li.teaser,
#footer_sitemap li.service { width: 220px; margin-left: 20px; margin-right: 0; }
#footer_sitemap li.contact,
#footer_sitemap li.contact div.wrap { width: 215px; }
#footer_sitemap div.overlay { width: 3px; height: 108px; background: url('/images/teaser-right.png'); }

#footer {
  clear: both; padding: 20px 0 11px; 
  background: #f1ede5 url('/images/footer_background_top.gif') repeat-x;
  border-bottom: 1px solid #e9e5dc; font: 14px/22px 'Georgia', serif;
  z-index: 2;
  }
#footerBox { width: 865px; margin: 0 auto; padding: 0 50px 0 85px; color: #817d78; text-align: right; font-size: 87%; }
#footerBox ul.links { list-style: none;  }
#footerBox ul.links li { float: left; margin-right: 20px; }
#footerBox ul.links a { text-decoration: none; color: #6b6966; }
#footerBox ul.links a:hover { text-decoration: underline; }
#footerBox ul.links a:active { color: #701344; }

#footerBox p.copyright { font-size: 12px; }