/* mellinghaus - 02.09.2019 */
@import "/styles_cms.css";
@import "/style.css";


@font-face {
    font-family: 'Courier New';
    src: url('/fonts/CourierNewPSMT.eot');
    src: url('/fonts/CourierNewPSMT.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CourierNewPSMT.woff2') format('woff2'),
        url('/fonts/CourierNewPSMT.woff') format('woff'),
        url('/fonts/CourierNewPSMT.ttf') format('truetype'),
        url('/fonts/CourierNewPSMT.svg#CourierNewPSMT') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNowText';
    src: url('/fonts/HelveticaNowText-ExtraBold.eot');
    src: url('/fonts/HelveticaNowText-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/HelveticaNowText-ExtraBold.woff2') format('woff2'),
        url('/fonts/HelveticaNowText-ExtraBold.woff') format('woff'),
        url('/fonts/HelveticaNowText-ExtraBold.ttf') format('truetype'),
        url('/fonts/HelveticaNowText-ExtraBold.svg#HelveticaNowText-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/fonts/Helvetica.eot');
    src: url('/fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Helvetica.woff2') format('woff2'),
        url('/fonts/Helvetica.woff') format('woff'),
        url('/fonts/Helvetica.ttf') format('truetype'),
        url('/fonts/Helvetica.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('/fonts/Helvetica-Bold.eot');
    src: url('/fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Helvetica-Bold.woff2') format('woff2'),
        url('/fonts/Helvetica-Bold.woff') format('woff'),
        url('/fonts/Helvetica-Bold.ttf') format('truetype'),
        url('/fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}


html {height:100%; background-color:#FFFFFF; max-width:100%;background-repeat:repeat}
body {font-family: 'Arial','Helvetica', 'Open Sans', sans-serif; height:100%; width:100%; color:#32353e;  font-size: 16px; line-height: 19px; margin: 0 0 0 0; background-color:#FFFFFF;  margin:0px; padding:0px}
body p, body div {}

/* diverse Divs  ---------------------- */

.white {background-color:#FFF; border:1px solid #fff}
.pink {background-color:#efdfdf;  min-height:150px; max-height:469px; overflow:hidden}
.pinklinks {float:left; display:block; position:relative}
.pinkrechts {float:left; display:block; position:relative}
#obenOuterBalken {height:3px; margin:0px; padding:0px}
#obenOuter {z-index:100;text-align:center; position:relative;margin:0px auto; text-align:center; }
#balkenoben {height:150px; width:100%;  z-index:1; max-width:1000px; margin:0px auto; position:relative; background-color:#FFF}
#logolink {display:block; width:285px; height:30px; position:absolute; z-index:999; margin-top:60px}
#logo {display:block; background-image:url(/UserFiles/structure/irmgardmellinghaus.png);  background-repeat:no-repeat; text-indent:-10000px;  z-index:2; float:left;  width:100%; height:100%;}

#name {position:relative; float:left; text-align:left; margin-left:0px; margin-top:38px}

#langChange {width:auto; text-align:right; float:right; margin-top:0px; position:absolute; right:20px; top:10px; text-transform:uppercase; display:none}
#langChange a {display:block; height:20px;float:left; width:auto; text-align:center; margin-right:10px}
#langChange a:hover {color:#009ee0;}
#langChange a.langChange:hover {color:#009ee0;}
#langChange a.langChange.aktiv {color:#009ee0;}
#navMobile {display:none}
#logoMobile {display:none}
#langChangeMobile {display:none}


/* Navigation ----------------------------- */
/* empty.png in menu, damit der hover - effekt nicht rüttelt */

#navOuter {max-width:630px; width:auto; position:relative; margin:0px auto; text-align:center;  float:right; height:100px} 
#nav {clear:both; max-width:100%; width:100%;  position:relative; top:67px;  z-index:3;left:0px; height:auto; float:right;  }
.menu{text-align:left; position:relative;float:right;  padding-top:0px; /*color:#676767;*/  background-image:url(/UserFiles/structure/empty.png); background-repeat:repeat;}
.menu ul {margin:0px; padding:0px} 
.menu ul li {padding:0px; margin:0px; list-style-type:none; width:auto; float:left; text-align:center; display:block; position:relative; z-index:99; margin-right:23px;}
.menu ul li:last-child {border-right:0px; margin-right:0px}

.menu ul li.aktiv {}
.menu ul li a {font-family: 'HelveticaNowText'; text-decoration:none; font-weight:800; letter-spacing:0em; font-size:16px; display:block; width:100%; float:left; height:19px; border-bottom:2px solid transparent}
/*
.menu ul li a:hover { color:#676767; border-bottom:2px solid #990066}
.menu ul li:hover {color:#676767;}
.menu ul li a.aktiv {color:#676767; border-bottom:2px solid #990066; font-weight:bold}
*/
#slider {width:1020px; max-width:1020px;  height:100%;  position:relative; margin:0px auto; text-align:center; max-height:470px; float:left; overflow:hidden; margin:0px; padding:0px}

#contentOuter {width:100%; height:auto; min-height:200px}
#contentHome {width:100%;  z-index:1; max-width:1000px; margin:0px auto; position:relative; background-color:#FFF}
#content {max-width:1000px; width:auto; z-index:100; text-align:center; position:relative; margin:0px auto; height:auto;

    clear: both;
    position: relative;
	z-index:99;
	background-color:#FFF;
	text-align:left;
	font-size:16px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:100px;
	padding-right:0px;
	letter-spacing: 0.05em;
	box-sizing:border-box;
}

#content a {color:#aa904b}


#contentInnen { text-align:left; max-width:1020px; width:auto; padding-bottom:20px; margin-top:75px}
#content ul li, #contentInnen ul li {margin-left:20px}
#carouselcontainer ul li {margin-left:0px}
#inhaltsbildouter {width:100%; display:block; }
/*.inhaltsbild {max-width:100%; display:block;}*/
.inhaltsbild {max-width:1020px; overflow:hidden; width:1020px; border-left:1px solid #FFF; border-right:1px solid #FFF; }

.flexslider {padding-bottom:0px; width:100%; max-width:1020px}
.flexslider .slides img {
    display: block;
    width: 100%;
	
}


/** Carousel **/
#carouselcontainer {width:935px; height:340px; text-align:left;}

#pfeil_links1 {position:relative;top:160px; float:left; z-index:9999;left:-30px}
#pfeil_links1 a {color:#fff; text-decoration:none}


#pfeil_rechts1 {position:absolute;top:0px; right:0px; float:right; margin-top:160px; z-index:9999; margin-right:24px;}
#pfeil_rechts1 a {color:#fff; text-decoration:none}
.jcarousel {position: relative;overflow: hidden;width: 1020px;height: 340px;}
.jcarousel ul {width: 2000em;position: relative;list-style: none;margin: 0;padding: 0;}
.jcarousel li {width:1020px; height:340px;cursor: pointer; overflow:hidden; float:left;}
.jcarousel-control-prev{
    color: #fff;
    height: 40px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    width: 22px;
	background-image:url(/UserFiles/structure/arrows.jpg);
	background-repeat:no-repeat;
}


.jcarousel-control-next {
    color: #fff;
    height: 40px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    width: 22px;
	background-image:url(/UserFiles/structure/arrows.jpg);
	background-position:0px -45px;
}


.jcarousel-control-prev:hover, .jcarousel-control-next:hover {
}
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {
cursor: default;
opacity: 0.5;
}
/* Ende Carousel */



h1 {font-size:18px; text-align:left; margin-bottom:25px; font-weight:normal}
h2 {font-size:15px; text-align:left; margin-bottom:20px; font-weight:normal}


#adresse {width:100%;height:50px; padding-left:0px; text-align:left; position:relative; margin:0px auto; text-align:center; font-size:11px;

/*
-webkit-box-shadow: 0px -6px 9px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px -6px 9px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px -6px 9px 0px rgba(50, 50, 50, 0.3);
*/
margin-top:-20px;
z-index:99;


}
#adresseInnen {max-width:1000px; width:100%; margin:0px auto; position:relative; text-align:left; padding-top:20px; font-size:14px;} 

#nav_unten {height:20px; border-top:2px solid #eee; padding-top:20px; padding-bottom:20px;  width:950px; padding-left:30px;}
#nav_unten a {display:block; float:left; margin-right:40px; font-size:20px;}
#nav_unten a:hover {color:#000;}
#adresse div.left {width:auto; text-align:left; float:left; padding-left:30px}
#adresse div.right {margin-right:30px; float:right; padding-right:0px; margin-top:0px;}
#adresse div.right a:hover {color:#9f9f9f}
#adresse div.right a {padding-left:10px;}
#adresse div.right a::after { content: " • "; color: #FFF; font-size: 1.2em; padding-left:10px }
#adresse div.right a:last-child::after{content:""; padding-left:0px}
#adresse .normal {float:left}
#adresse .footerNav {float:right;}
#adresse .footerNav a {padding:0px; margin:0px; list-style-type:none; width:auto; float:left; text-align:center; display:block; position:relative; z-index:99; margin-right:23px;}
#adresse .footerNav a:last-child {margin-right:0px;}

.subnav {width:125px; float:left; position:relative}
.subnav a:hover, .subnav a.aktiv {color:#990066}
.subnavContent {border-right:1px solid #edecec; margin-right:15px; float:left}
.subnavContent .subnav {border-top:1px solid #edecec; border-bottom:1px solid #edecec; margin-left:-30px; padding-left:25px; height:35px; padding-top:5px; clear:both}
.subnavContent .subnav:first-child {border-bottom:0px}
.contentAfterSubnav {float:none; position:relative; margin-left:140px; width:auto}
#content .subnavOuter {float:left; width:auto; position:relative}
#content .subnavOuter .subnavContent .subnav a.subnavlink   {color:#7f7e7e; font-size:13px}
#content .subnavOuter .subnavContent .subnav a.subnavlink:hover {color:#990066; font-size:13px}
#content .subnavOuter .subnavContent .subnav.aktiv a.subnavlink {color:#990066; font-size:13px}


#claim {position:absolute; z-index:999999999999999999999; top:305px; left:35px; color:#FFF; font-size:2.25em}


#created {position:absolute; top:50px; left:25px; z-index:1000000; background-color:#FFF; width:900px; border:1px solid #999; border-radius:5px; display:none; padding:30px; box-shadow:  1px 1px 5px 5px #eee; }
#created a {text-decoration:underline;}
#createdcloser {position:absolute; top:-15px; left:980px; background-image:url(/UserFiles/structure/close.png); width:30px; height:30px; text-indent:-10000px; cursor:pointer}


#bottom {max-width:1020px; width:100%; text-align:right; margin-top:10px;  margin-left:0px; margin-bottom:10px}


/* klassen ------------------- */

.teaserprojektetext {display:block; height:60px; overflow:hidden}
.teaserstartseite {width:290px; float:left; margin-right:20px; margin-bottom:10px}
.teaserstartseitebild img {max-width:290px; max-height:165px; width:290px}
.teaserstartseitelast {width:290px; float:left; margin-right:0px; margin-bottom:10px}
.teaserstartseitetextbutton a {color:#6B4919; font-weight:bold}
.teaserstartseite h2, .teaserstartseitelast h2 {margin-top:10px; margin-bottom:20px}


.projekteOuter {width:1020px; overflow:hidden; height:auto}
.teaserprojekte {width:213px; float:left; margin-right:20px;}
.teaserprojektebild {width:213px; border:0px; height:117px; overflow:hidden; background-color:#eee; display:block; position:relative}
.teaserprojektebild img {width:213px; border:0px}
.teaserprojektebutton a {color:#6B4919; font-weight:bold; margin-top:23px; display:block}
.teaserprojektelast {width:213px; float:left; margin-right:0px;}
.teaserprojekte h2, .teaserprojektelast h2 {margin-top:23px; margin-bottom:23px}
.teaserprojekte .lupe {background-image:url(/UserFiles/structure/lupe.png); width:213px; height:117px; background-position:50% 50%; z-index:130; top:-0px; position:absolute; background-repeat:no-repeat; display:block}
.teaserprojektelast .lupe {background-image:url(/UserFiles/structure/lupe.png); width:213px; height:117px; background-position:50% 50%; z-index:130; top:-0px; position:absolute; background-repeat:no-repeat; display:block}

.line {width:1020px; height:23px; border-bottom:1px solid #333; clear:both; margin-bottom:23px}
.line642 {width:642px; height:23px; border-bottom:1px solid #333; clear:both; margin-bottom:23px}



.projekteOuter {width:1020px; height:auto;}
.projekteOuter .left {width:670px; float:left; border-right:1px solid #333}
.projekteOuter .right {width:190px; float:left; padding-left:50px}
.projekteOuter .right .linkname {cursor:pointer}
.projekteOuter .right .linkname:hover {background-color:#333333; color:#FFF;}
.projekteOuter .subber {display:none}
.projekteOuter .subberaktiv {display:block}

.projekteOuter .right h3 {margin-bottom:30px}

.projekteOuter .right span.aktiv a {color:#FFF}
.projekteOuter .right span.projektesubmenu {display:block; color:#6B4919; margin-bottom:10px}
.projekteOuter .right span.projektesubmenu .linkname:hover a{color:#fff}
.projekteOuter .right span span {padding:2px; position:relative; margin-bottom:0px}
.projekteOuter .right span span.aktiv {background-color:#333333; color:#FFF;}

.projekteOuter .right .projektesubsubmenulink {color:#6B4919; display:table-cell}
.projekteOuter .right .projektesubsubmenulink:hover {color:#fff; background-color:#333;}

.projekteOuter .right .linknameSub a.aktiv {color:#fff; background-color:#333}

.projekteOuter .right span.projektesubsubmenu {display:block; margin-left:30px; color:#6B4919;}
.projekteOuter .right .linieSmall {width:100%; height:1px; border-bottom:1px solid #333; clear:both; display:block; position:relative; margin-top:-5px}

.projekteOuter .left .gallery {width:640px; height:480px; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #333}
.projekteOuter .left .vorschauOuter {width:640px; height:430px; position:relative; overflow:hidden; margin-bottom:10px;}
.projekteOuter .left .vorschauOuter img.vorschau {width:640px;}
.projekteOuter .left .lupe {background-image:url(/UserFiles/structure/lupe.png); width:640px; height:430px; background-position:50% 50%; z-index:130; top:-0px; position:absolute; background-repeat:no-repeat; display:block}
.projekteOuter .left .vorschausmallOuter {width:45px; height:30px; overflow:hidden; float:left; margin-right:10px;}
.projekteOuter .left .vorschausmallOuter img {width:60px; cursor:pointer}

.projekteOuter .left .projektdetail h2 {margin-top:17px; margin-bottom:23px}
.projekteOuter .left .beschreibung {width:175px; float:left;color:#6B4919}
.projekteOuter .left .textdetail {float:left; width:465px}
.projekteOuter .left .textdetail p {margin-top:0px;}

.bauabwicklungOunter .left {width:670px; border-right:1px solid #333; float:left}
.bauabwicklungOunter .right {width:150px; float:left; padding-left:50px}
.bauabwicklungOunter .right h3 {margin-bottom:30px}
.bauabwicklungOunter .right .linkname {cursor:pointer}
.bauabwicklungOunter .right .linkname a:hover {background-color:#333333; color:#FFF;}
.bauabwicklungOunter .right  span {display:block; color:#6B4919; margin-bottom:10px; border-bottom:1px solid #333}
.bauabwicklungOunter .left .gallery {position:relative; width:210px; height:120px; float:left}
.bauabwicklungOunter .left .gallery .vorschauOuter {position:relative; width:210px; height:120px; overflow:hidden}
.bauabwicklungOunter .left .gallery .vorschauOuter img {width:210px}
.bauabwicklungOunter .left .gallery .vorschauOuter .lupe {background-image:url(/UserFiles/structure/lupe.png); width:210px; height:120px; background-position:50% 50%; z-index:130; top:-0px; position:absolute; background-repeat:no-repeat; display:block}
.bauabwicklungOunter .left .projektdetail {position:relative; width:400px; margin-left:30px; float:left}


.breadcrumps {position:absolute; top:-25px; width:1020px; text-align:right; background-color:#FFF}

.nozoom {border:0px}
a.higslide img {border:0px}

.platzhalter {color:#FFF}

ul.sitemap li {}

.projektesubmenu:hover span.subberall {display:block}
table.zweiDritteleinDrittel td tr {clear:both}



/* Formularfelder ---------------- */
.formtabelle {margin-top:20px}
input{font-family: 'Arial','Helvetica'; font-size:16px; background-color:#fcfcfc; border:1px solid #6a6a6a; margin-bottom:3px; height:40px; color:#000; padding-left:10px; width:300px; border-radius:2px}
.anabmelden {float:left; margin-right:10px; border:0px }
#newslettersubmit {width:162px; text-align:center}
#password {width:123px; margin-top:5px; color:#87888a; font:100%  Helvetica, Arial, sans-serif;  padding-left:3px}
#commentsUser {font-family: 'Arial','Helvetica'; font-size:16px; overflow:auto;  font:100%;  padding-left:10px; padding-top:10px; padding-top:10px; width:510px; height:170px; border:1px solid #6a6a6a; border-radius:2px; background-color:#fcfcfc}
#Senden {cursor:pointer; width:140px; float:left; color:#fff; position:relative; z-index:100000; height:40px; background-color:#aa904b; margin-top:10px; margin-bottom:20px; font-size:16px; font-weight:bold}
#anrede {width:150px;}
#formDanke {color:#aa904b; display:none}




img {border:0px;}
.highslide > img{border:10px solid #F00;}
.image {border:0px}
.emailcodierung{color:#000}
.emailcodierung  > a{}
a {outline:none; text-decoration:none; color:#32353e;}
.clearer {clear:both}




#anfrageform {display:none;}
.anfrageformulartable {border:0px; padding:0px; margin:0px; width:100%;}
.anfrageformulartable .noborder {border:0px;}
.anfrageformulartable button {width:150px; height:30px; text-align:center}


.fancybox-skin {background: none repeat scroll 0 0 #333;}
.fancybox-title {color:#FFF; padding-left:10px;}

.downImg {width:20px; margin-right:10px}

#timerform {visibility:hidden; }
#clock {}
#baum {width:600px; height:80px; position:absolute; float:right; top:0px; right:35px; text-align:right; color:#FFF; font-size:11px; font-weight:bold}
#baum1 {height:40px; visibility:hidden}
#baueme {height:20px;}
.hauscountbig {font-size:15px; font-weight:bolder}
.haus {display:block; float:right; width:16px; height:16px; background-image:url(/UserFiles/structure/haus.png)} 
#haus1 {display:none} 
#haus2 {display:none} 
#haus3 {display:none} 
#haus4 {display:none} 
#haus5 {display:none} 
#haus6 {display:none} 
#haus7 {display:none} 
#haus8 {display:none} 
#haus9 {display:none} 
#haus10 {display:none} 

/*mobile Nav*/

#mobileOpenerOuter {display:none; position:relative; width:30px; right:0px; float:right; margin-top:0px;  z-index:101; margin-right:10px; margin-top:10px; top:20px}
#navOuterMobile {display:block; width:100%; height:50px; background-color:#FFF}
#navMobileOpener {display:block;  padding-right:0px; cursor:pointer; width:30px;}
#navMobileOpener .balken {width:30px; height:5px; background-color:#666666; margin-top:5px}
#navMobileCloser {display:none; padding-right:0px; cursor:pointer; width:30px}
#navMobileCloser .balken {width:30px; height:5px; background-color:#666666; margin-top:5px}
#navMobileMenu {position:relative; width:100%; top:20px; left:0px;  height:auto; min-height:100px; z-index:100000; display:none; color:#666; padding:0px; margin-bottom:30px;  }
.menuMobile {background-color:#FFF; padding-bottom:10px}


img.highslide {cursor:pointer}

.magenta, div.magenta, strong.magenta, a.magenta, h1.magenta,  h2.magenta,  h3.magenta,  h4.magenta, td.magenta {color:#9d005c}
p.magenta, span.magenta {color:#9d005c}

/*LABOR - Archiv */

#projectGallery {letter-spacing: normal}
#projectGallery a {display:table; height:151.5px; width:235px; margin-right:20px; margin-bottom:20px; float:left}
#projectGallery a:nth-of-type(4n) {margin-right:0px;}
#projectGallery a .postPreview {display:table-cell; height:100%; width:100%; background-size:cover;}
#projectGallery a .postTextPreview {
	display:table-cell; 
	height:100%; 
	width:100%; 
	font-family: 'HelveticaNowText'; 
	font-size: 16px; 
	color:#aa904b; 
	border:#aa904b 1pt solid;
	vertical-align:middle;
	text-align:center;
}

.postFull {/*width:1000px; height:666px; */ padding: 30px; font-size:14px; max-height:1000px}
.postFull .normal {position:absolute; bottom: 15px}
.postFull .postFullContent {padding-top:20px; width:512px; color:#32353e;}
.postFullText {width:788px; height:1000px; min-width:788px; min-height:1000px; padding: 45px; font-size:14px}
.postFullText h1 {text-align:right;font-family: 'Arial','HelveticaNowText'; font-size: 16px; color:#aa904b; }
.postFullText .postFullTextContent {font-family: 'Courier New'; font-size: 16px; color:#32353e; padding-left:88px} 
.postFull .postImage {height:666px; width:auto}

.fancybox-opened .fancybox-skin { background-color:#ffffff !important}

.formtabelle td {padding-bottom:20px}