/* G14 main stylesheet */
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* BASICS ++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	background: #efefef url('../img/bg_02.png') top center no-repeat;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body.too-short { background-color: rgba(28,37,69,100);}

#wrap {display: block;background: #fff;}
#header { display: block; height: 80px; background: #fff; border-bottom: 1px solid #eee;}


#main {border-bottom: 1px solid #fff;}
#main #stage, #main #stage2 {display: block; width: 900px; height: 506px; margin: 40px auto 0 auto; overflow: hidden;}
.slides {display: block; width: 900px; height: 160px; overflow: hidden;}

a {text-decoration: none; outline: none;}

.clear {display: block; clear:both;}

/* NAVIGATION ++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header #nav {display: block; width: 900px; height: 80px;  margin: 0 auto; background: #fff; border-bottom: 1px solid #eee; border-left: 1px solid #f6f6f6;}

#header #nav ul { list-style: none;}
#header #nav ul li a {display: block; float: left;  width: 160px; height: 26px; padding: 45px 0 6px 0; background: url('../img/nav-sprite.jpg') repeat-x; text-align: center; color: #888; font-size: 13px; font-weight: 600; text-shadow: #eee 1px 1px 1px; border: 1px solid #fff; border-top: 2px solid #fff; border-right: 1px solid #f6f6f6;}

#header #nav ul li a:hover, #header #nav ul li a.on, #header #nav ul li a:hover.on {color: #279ac4; background: url('../img/nav-sprite.jpg') left bottom repeat-x; border: 1px solid #f6f6f6; border-top: 2px solid #bbb; text-shadow: #fff 1px 1px 1px;}
#header #nav ul li a:hover { border-top: 2px solid #fff;}
#header #nav ul li a.on, #header #nav ul li a:hover.on {color: #333;}

a#logo {display: block; float: right; width: 86px; height: 80px; background: url('../img/logo.png') no-repeat; /* border-left: 1px solid #f6f6f6; */ border-right: 1px solid #f6f6f6;}

img.logohover {opacity: 0;}

.page {display: block; background: #fff url('../img/bg_01.jpg') repeat-x; padding: 0 0 20px 0; border-top: 2px solid #2ba4d1;}
.page-wrap {display: block; clear: both; width: 860px; margin: 30px auto 0 auto;}
.page-end {display: block; clear: both; height: 60px; background: #fff url('../img/page-end.jpg') repeat-x;}


a.fb-link {display: block; background: #fff; margin: 0 auto; padding: 8px 5px; color: #444; text-align: center; border-top: 1px solid #ddd;}
a:hover.fb-link {color: #279ac4;}

/* GRID ++++++++++++++++++++++++++++++++++++++++++++++++++ */

.grid1 {display: block; float: left; width: 220px; padding: 5px 30px 20px 10px;}
.grid2 {display: block; float: left; width: 520px; padding: 5px 30px 5px 40px;}

.text {display: block; width: 960px; margin: 0 auto; padding: 30px 0px; font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #444; }

span.note, a#facebook {padding: 3px 5px; background: #2ba4d1; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans'; border: 1px solid #279ac4;}

/* HEADLINES ++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1, h2, h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; color: #222;}
h1 { display: block; margin: 20px 0 0 10px; letter-spacing: -1px;}
h2 {font-size: 20px; letter-spacing: -1px;}
h3 {font-weight: 400;}


/* TEXT STYLES ++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.text-serif {line-height: 1.5em; color: #444; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif;}

p.text-serif a {color: #000; border-bottom: 1px solid #ddd;}
p.text-serif a:hover {color: #2ba4d1; }

.divide {display: block; clear: both; height: 2px; margin: 50px 5px 30px 5px; background: #f6f6f6; border-top: 1px solid #dfdfdf; zzborder-bottom: 1px solid #ddd;}

.etagen {display: block;}
a.etagen-liste, a.etagen-liste.alt {display: block; clear: both; height: 17px; margin: 4px 0; padding: 5px 10px; border: 1px solid #ccc; background: #f8f8f8 url('../img/liste-bg_01.jpg') left bottom repeat-x; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 12px; color: #666;}
a.etagen-liste.alt {background: #eee url('../img/liste-bg_02.jpg') left bottom repeat-x;}
a:hover.etagen-liste, a:hover.etagen-liste.alt {border: 1px solid #ccc; color: #279ac4; background: #fff url('../img/liste-bg_03.jpg') left bottom repeat-x;}

span.etage {display: block; float: left; width: 45px; font-weight: 700; border-right: 1px solid #ddd;}
span.etage-beschreibung {display: block; float: left; width: 350px; padding: 0 10px; font-weight: 600;}
span.etage-flaeche {display: block; float: left; width: 60px; padding-left: 10px; font-size: 11px; font-weight: 700; border-left: 1px solid #ddd;}

#menu-unten { display: block; clear: both; margin: 0 5px;}

a.grid3, a.grid3z {display: block; float: left; width: 233px; height: 70px; margin: 10px 25px 0 0; padding: 20px 15px; background: #f8f8f8 url('../img/button-bg_01.jpg') left bottom repeat-x; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
a.grid3z {margin: 10px 0 0 0;}

a:hover.grid3, a:hover.grid3z {background: #fff url('../img/button-bg_03.jpg') left bottom repeat-x; padding: 19px 14px; border: 2px solid #1b8eb8;}

a:hover.grid3 span.link-headline, a:hover.grid3z span.link-headline { color: #279ac4; }



span.link-headline {color: #444; font-size: 14px; font-weight: 600; color: #1b8eb8;}
span.link-description {display: block; margin: 4px 0; padding-right: 10px; line-height: 1.5em; font-size: 12px; color: #555; font-family: Georgia, "Times New Roman", Times, serif;}

span.externlink a {display: inline; margin: 10px 12px; font-weight: 400; border: none; height: 20px; border-bottom: 1px solid #eee; color: #444; }
span.externlink a:hover { color: #279ac4;}

#imagebox { display: block; width: 900px; height: 160px; margin: 0 10px; overflow: hidden; }

#imagebox a {display: block; float: left; height: 146px; border: 3px solid #eee;}
#imagebox a:hover { border: 3px solid #279ac4;}
#imagebox .gutter {display: block; float: left; width: 21px; height: 10px; }

img.tour, a#player {display: block; margin: 30px auto;}

/* FOOTER ++++++++++++++++++++++++ */
#footer {
  padding: 20px 0;
  font-size: 12px;
  line-height: 1.25em;
  color: #fff;
  background-color: rgba(28,37,69,100);
  border-top: 2px solid #2ba4d1;
}
#footer .footer-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 840px;
}
#footer .footer-content > div {}
#footer .footer-content > div:last-child {
  display: flex;
}
img#logo-conrenLand {
  display: block;
  margin-bottom: 1em;
  width: auto;
  height: 12px;
}
#footer .footer-content a {color: #fff;}
#footer .footer-content ul {
  align-self: flex-end;
  display: flex;
  justify-content: flex-end;
  list-style: none;
}
#footer .footer-content li {margin-left: 10px;}
#footer .footer-content li a {}


/* Mr. Fancy Pants ++++++++++++++++++++++++ */

#header, a.etagen-liste, a.etagen-liste.alt, ul.liste1 li, ul.liste1 li.alt, .grid3, .grid3z, input.text, textarea, span.etage-details, span.etage-details.alt, img.tour, a#player {
-moz-box-shadow: 0px 0px 4px rgba(200,200,200,0.45); -khtml-box-shadow: 0px 0px 4px rgba(200,200,200,0.45); -webkit-box-shadow: 0px 0px 2px rgba(200,200,200,0.45); box-shadow: 0px 0px 4px rgba(200,200,200,0.45);}

a:hover.etagen-liste, a:hover.etagen-liste.alt, a:hover.grid3, a:hover.grid3z {
-moz-box-shadow: 0px 0px 4px rgba(100,100,100,0.45); -khtml-box-shadow: 0px 0px 4px rgba(100,100,100,0.45); -webkit-box-shadow: 0px 0px 2px rgba(100,100,100,0.45); box-shadow: 0px 0px 4px rgba(100,100,100,0.45);}

#page, span.note, input#form-submit {
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.45); -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.45); -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.45); box-shadow: 0px 0px 4px rgba(0,0,0,0.45);}

#header #nav ul li a:hover, a:hover.etagen-liste, a:hover.etagen-liste.alt, #footer a:hover, input#form-submit:hover, .grid2 a:hover, #imagebox a:hover,
a:hover.fb-link
{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; }

a#facebook {background: #3b5998; color: #fff; border: 1px solid #324d86;}
a:hover#facebook {background: #4f6697; border: 1px solid #4f6697;}