@charset "utf-8";


/* Schriften */

@import url(fonts.css);

/*** custom.css Engstingen ***/

#quickLink1 { position: absolute; top: 0px; left: 0px; width: 99%; padding:  2px 0px;}
.hideme { display: none; }


/*** Allgemeine Formatierungen ***/
body { font-size: 100% !important; font-family: 'Open_Sans_Regular', 'Arial', 'Verdana', sans-serif; color: #ffffff;}
p { font-size: 1.1em; line-height: 1.8em; margin-bottom: 40px; }
a { color: #4bbdc6; text-decoration: none; }
a:hover { text-decoration: underline; }
b { font-weight: 600; }
/*section#content*/
img { max-width: 100%; }
.expo_bild > .image-inner { float: right; height: auto; max-height: 300px; max-width: 50%; min-width: 25%; overflow: hidden; }
.expo_bild > .image-inner > img { margin-top: -16.6667%; position: relative; }

.maxbreite { max-width: 100%; margin: 0 auto; overflow: hidden;  }


/*** Header ***/
header .maxbreite { max-width: 980px; }
#header { margin-bottom: 0px; height: 120px; margin-top: 0px; }
#header .header_wrapper { overflow: hidden; }
#header .header_wrapper a.suche { display: none; }
#header .logo-div { margin-left: 30px; width: 300px; float: left;}

#header #topnav a { color: #fff; }
#header #topnav { text-align: right; position: relative; color: #4bbdc6; line-height: 1.5em; overflow: hidden;}
#header #topnav  a { color: #4bbdc6; }

#header #quicksearch {  position: relative; margin-right: 100px; border: 1px solid #4bbdc6; float: right; text-align: left; margin-top: 53px; width: 300px; padding-right: 0px !important; padding-left: 0px !important; background-color: #edf8f9; height: 23px;}
#header #quicksearch input.quicksearchimg { position: absolute; right: 0px; top:0px; }
#header #quicksearch .noprint label { display: none; }
#header #quicksearch input.quicksearchtext {  padding: 4px;  border: 0px; font-style: italic; width: 85%;  color: #003366;  margin-right: 25px; background: none;}

#header .impressum { width: 450px; position: relative; top: 85px; margin-right: 0px; left: 430px;  font-size: 90%;}
#header .impressum a.impressum { top: -5px; margin-right: 0px; left: 10px;  font-size: 90%;}
#header .impressum .printpage,  #header .impressum .sendpage { margin-left: 5px;}

/*** Main umschliesst alles nach dem Header ***/

#main { margin: 0px !important;  color: #ffffff;}


/*** Spaltenlayout ***/

#main { padding-bottom: 0;  min-height: 100px !important; }
#main .maxbreite { margin: 0 auto; overflow: hidden; max-width: 100%;  }

.ym-col2 { width: 100% !important; }
.ym-col2 .ym-cbox {padding: 0px;}
.ym-col2 h1 { margin-left: 120px; margin-top: 40px; }
.searchDiv > h1 { margin-left: 0 !important; }
.ym-col3, .wayhome { display: none; }


#main #contentFooter { clear: both; }

#main footer { border: 1px solid green; display: none;  }

/*** Gilt fuer alle Zeilen ***/

.linearize-level-2 {clear: both; margin: 0px 0px;}



/*SPALTEN*/
.info .composedcontent-engstingen---gewerbepark---spalte { overflow: hidden; padding: 0px 20px;}
#main .news .basecontent-sub-heading { margin: 15px 0px;}

/*BOXEN*/
.composedcontent-engstingen---gewerbepark---box .ym-gl50 { float: left; max-width: 400px; padding-right: 140px; }
.composedcontent-engstingen---gewerbepark---box .ym-gr50 { padding-right: 0px; }

/*ZEILEN*/
#content { min-height: 950px; }
#content .ym-g100, .searchDiv { max-width: 980px;  overflow: hidden;  margin: 0px auto !important; }
#content .gewerbepark .ym-g100 { max-width: 100%!important; margin: 0px !important;}


/* Suche */
.branchenverzeichnis fieldset { border: none;}
.branchenverzeichnis .zm a { color:#ffffff; }

.branchenverzeichnis .links  .zmBox fieldset legend { display: none; }
/*.home .links  .zmBox .zmVolltextSuche {  margin-left: 0px !important;}*/
/*.home .links  .zmBox select { width: 200px;}*/
/*.home .links  .zmBox .zmSuchButton input  { border-radius: 0px !important; border: 1px solid #ffffff; padding: 3px; width: 200px; margin-top: 10px; cursor: pointer; background: #4BBDC6; box-shadow: 0px;}*/



.branchenverzeichnis .mitte .basecontent-dvv-zm { height: 290px !important; overflow: auto; padding: 10px; }
/*.home .mitte .basecontent-html-editor { height: 290px !important; overflow: auto; padding: 10px; }*/
.branchenverzeichnis .mitte .basecontent-html-editor { height: 425px !important; overflow: auto; }
.branchenverzeichnis .mitte .basecontent-dvv-zm   .category a { display: block; }

.branchenverzeichnis .mitte .basecontent-html-editor strong { width: 100% !important;  display: inline-block; border-bottom: 1px dotted #ffffff;}
.branchenverzeichnis .mitte .basecontent-html-editor p { margin: 0px !important; }
.branchenverzeichnis .mitte .basecontent-html-editor  a { color: #ffffff; font-weight: normal; }
.branchenverzeichnis .mitte .basecontent-html-editor ul {  margin-left: 0px !important; padding-left: 0px !important; margin-top: 0px !important; ;}
.branchenverzeichnis .mitte .basecontent-html-editor ul li {  margin-left: 0px !important; padding-left: 0px !important; padding: 0px !important; }
.branchenverzeichnis .mitte .basecontent-html-editor ul li input { display: none; margin-left: 0px;}


.branchenverzeichnis .rechts  .basecontent-dvv-zm { height: 425px !important; overflow: auto; }


#zmSuche, #zmEListe, #zmDetail { max-width: 980px;  overflow: hidden;  margin: 0px auto 30px auto !important; }
#zmSuche .zmsuchecontent, #zmDataItems, .zmNAV, .zmnav, .zmitem {padding: 0px 20px;}
#zmf fieldset { max-width: 950px; border: 0px;}
#kategorieid ul { list-style-type: none; }
#kategorieid ul li { list-style-type: none; margin: 0px; }
#kategorieid ul li a { margin: 0px 0px 0px 10px; }

#zmEListe .zmRegister { margin: 0px 0px 20px 0px;}
#zmEListe .zmRegister .skip {display:none;}
#zmEListe .titel {display: none;}

.zmitem br {display:none!important;}
.zmitem { border-bottom: 1px solid #4BBDC6; padding-bottom: 10px; margin-top: 20px; margin-bottom: 20px;}

#zmDetail h2 {margin: 20px 0px!important;}
#xmap {float: right;}
#map_canvas {margin: 0px!important;}
#zmDetail .zmanschrift { width: 300px;}
#zmDetail .vCardLink {float: right;}
#zmDetail .mail { margin-top: 10px;}
#zmDetail .category { margin-top: 10px;}

/*** normaler Content ***/

section#content div.clear { display: none !important; }

section#content h1 { font-size: 2em; font-weight: 600; border-bottom: 1px solid #4bbdc6; border-top: 1px solid #4bbdc6; padding: 2px 0px;}
section#content h2 { font-size: 1.5em; font-weight: 400; margin: 80px 0 50px; }
section#content .basecontent-sub-heading-3 { font-weight: 600; margin: 20px 0 5px; }

section#content p { font-size: 1em;}

.float-left { margin-right: 10px; float: left; }
.float-right { margin-left: 10px; float: right; }

section#content .detailLink a { display: block; margin-top: 20px; border-left: 2px solid #4bbdc6; padding-left: 5px; line-height: 1.0em; }
section#content .detailLink a:after {  content:"..."; color: #4bbdc6; }

/*** Lageplan ***/

.lageplanSVG iframe { width: 100%; border: none; }
.basecontent-table.w50 { width: 50%; }

/*** Tabellen ***/

.basecontent-table { margin-top: 20px; }
.basecontent-table th { padding: 4px; }
.basecontent-table table { border: 0px !important; margin-bottom: 20px; }
.basecontent-table th { padding: 4px; vertical-align: top; border: 0px; border-bottom: 2px dotted #cccccc; font-weight: bold; }
.basecontent-table td { padding: 0px 20px 0px 0px; vertical-align: top; border: 0px; border-bottom: 0px dashed #cccccc; }
.basecontent-table tr.odd { background-color: #FDFBF6 ; }

.downloadlist { width: 100%; text-shadow: 1px 1px 0px #fff; background:#eaebec; margin:20px 0; border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; }
.downloadlist a:link { color: #666; font-weight: bold; text-decoration:none; }
.downloadlist a:visited { color: #999999; font-weight:bold; text-decoration:none; }
.downloadlist a:active, .downloadlist a:hover { color: #bd5a35; text-decoration:underline; }
.downloadlist th { padding:21px 25px 22px 25px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top,  #ededed,  #ebebeb); }
.downloadlist th:first-child { text-align: left; padding-left:20px; }
.downloadlist tr:first-child th:first-child { -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; }
.downloadlist tr:first-child th:last-child { -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; }
.downloadlist tr { padding-left:20px; }
.downloadlist td:first-child { text-align: left; padding-left:20px; border-left: 0; }
.downloadlist td { vertical-align: top; padding:18px; border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa); }
.downloadlist tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6); }
.downloadlist tr:last-child td { border-bottom:0; }
.downloadlist tr:last-child td:first-child { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; }
.downloadlist tr:last-child td:last-child { -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; }
.downloadlist tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0); }
.downloadlist .dlName { vertical-align: middle; }
.downloadlist .dlType { padding: 20px 10px !important; width: 30px; }
.downloadlist .dlDate, .downloadlist .dlSize { width: 80px; }
.downloadlist .ui-icon-triangle-1-n { background-position: 0 0; }
.downloadlist .ui-icon-triangle-1-s { background-position: -64px 0; }
.downloadlist .ui-icon-triangle-2-n-s { background-position: -128px 0; }

/*** Listen***/

.basecontent-list.nobullet ul { list-style-type: none; margin-left: 0px; }


/*** Hauptrubriken Navigation ***/
#main .ym-col1 {  float: none; width: 100%; background-color: #4bbdc6; }
#main .ym-col1 .ym-cbox {  padding: 0; }

/*** Horizontale Hauptnavigation ***/
#main .nav-outer {  margin: 0px auto; max-width: 980px;  }
#main .nav-outer {  background: url(../img/nav3ecklinks.png) top left no-repeat;   }
#main .nav-outer .ym-vlist { background: url(../img/nav3eckrechts.png) top right no-repeat;  border-left: 1px solid #ffffff; margin: 0px 0px 0px 30px;    }
#main .nav-outer .vlist ul.ym-vlist > li { list-style-type: none; margin: 0; padding: 0; display: flex; flex-direction: row; }
#main .nav-outer .vlist ul.ym-vlist > li > a { flex-basis: calc(100% / 6);}
#main .nav-outer .vlist ul.ym-vlist > li > a { /* float: left; */ flex-basis: calc(100% / 6); }
#main .nav-outer .vlist ul.ym-vlist > li > ul { margin: 0; list-style-type: none; /* float: left; */ display: flex; flex-basis: calc(100% / 6 * 5); flex-direction: row; }
#main .nav-outer .ym-vlist ul li { /* display: inline-block; */ margin: 0; flex-basis: calc(100% / 5); }
#main .nav-outer .vlist ul li a { background: url(../img/top3eck.png) top center no-repeat;}
#main .nav-outer .ym-vlist ul li a, #main .nav-outer .ym-vlist li a { display: block; padding: 10px 13px; color: #404040; }


#main .nav-outer .vlist ul li a:hover {background: url(../img/top3eck_active.png) top center no-repeat; color: #ffffff; text-decoration: none;  }
#main .nav-outer .vlist ul  a.active:hover, #main .nav-outer .vlist ul li .active { background: url(../img/top3eck_active.png) top center no-repeat; color: #ffffff; } /* { background: none !important; }*/
#main .nav-outer .ym-vlist ul li.current { background: url(../img/top3eck_active.png) top center no-repeat; margin: 0; }
#main .nav-outer .ym-vlist ul li.current a { color: #ffffff; }
#main .nav-outer .ym-vlist ul li.currentParent { float: left; margin: 0; margin-right: 40px; background: url(../img/top3eck_active.png) top center no-repeat;}
#main .nav-outer .ym-vlist ul li.currentParent a { color: #ffffff; font-weight: bold;}

#main .nav-outer .ym-vlist ul .currentParent a,
#main .nav-outer .ym-vlist ul .current a,
#main .nav-outer .ym-vlist ul a:hover {  background: url(../img/pfeil_nav.png) no-repeat 50% 100%;  text-decoration: none; }
#main .nav-outer .ym-vlist:after { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }


/*** Gewerbepanorama ***/
#content .gewerbepark {  padding-top: 0px !important; max-height: 450px; width: 100%;   }
#content .gewerbepark .composedcontent-engstingen---gewerbepark---box  {  padding-top: 0px !important; }
#content .gewerbepark .gewerbepanorama .image-inner img { max-height: 450px; overflow: hidden; width: 100%; }

/*** Branchenverzeichnis***/
#content .branchenverzeichnis { background-color: #4bbdc6; color: #ffffff; font-size: 0.8em; padding: 80px 0 100px; }
#content .branchenverzeichnis .composedcontent-engstingen---gewerbepark---box { float: left; min-height: 400px; margin: 0; padding-left: 20px; width: 300px; }
#content .branchenverzeichnis h2{font-size: 1.3em; font-weight: normal; margin: 7px 0 13px; }
#content .branchenverzeichnis h2.groesser {font-size: 2em; font-weight: normal; margin: 0 0 20px; }
#content .branchenverzeichnis input, #content .branchenverzeichnis select, #Kontakt_Button > input { color: #ffffff; background: #5dc4cc; border: 1px solid #ffffff; padding: 10px 0; width: 100% !important; }

/*** Kontaktformular ***/
#id_11149359CaptchaBlock { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important; margin-top: 20px; }

/*** Buttons zum Branchenverzeichnis, Suche und Kontaktformular ***/
#Kontakt_Button { padding: 0 !important; width: 100%; }
.branchenverzeichnis .zmSuchButton > input, #Kontakt_Button > input {   background-color: rgba(255, 255, 255, 0.2) !important; border: 2px solid #ffffff !important; border-radius: 4px; cursor: pointer; margin-top: 40px; }

/*** Footer ***/

#footer { clear: both; padding: 0px !important; }
#footer > div { background-color: #4bbdc6; overflow: hidden; padding: 10px 0 0; }
#footer .maxbreite { width: 100% !important; background: none !important; overflow: visible; max-width: 980px; padding-top: 0px; }

#footer h2 { font-size: 1.1em; color: #CCCCCC;  margin: 0;   padding: 1.5em 0 0.5em;  text-transform: uppercase; font-style: italic; }
#footer p { margin: 0; padding-right: 15%; }
#footer table { margin-bottom: 1.2em; }
#footer a { color: #fff; }
#footer a.logo { display: block; float: left; margin-right: 0px;}
#footer div .headline { text-transform: uppercase; }
#footer div .columns { float: left; width: 140px !important; margin-right: 20px !important; color: #ffffff; padding-top: 17px; line-height: 23px; letter-spacing: 0.1em;}
#footer .ym-gl { float: none; }


.bottomLink { color: #FFFFFF; float: right; font-size: 10px; margin: 75px 10px 0 0; }
.bottomLink .powered { color: #ffffff; cursor: text; }
.bottomLink .powered:hover { text-decoration: none; }


/* Mit dieser Klasse koennen wir an beliebiger Stelle floats aufheben. Siehe Sitemap */
.clearFix { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }


#main {margin:10px 0; color: #000000;}
#service {background-color:#efe;}
#serviceTagCloud {width:100%;height:15em;}
a.active {font-weight:bold;}

hr {border-bottom:1px #0ee solid;}



/*** Map-Anzeige ***/
.mapCanvas { width:390px;height:300px;margin-top:1em;}
#cmsmap { max-height: 450px; overflow: hidden; width: 100%; }
#basetable { width: 105%;  max-height: 450px;}

/*** misc. ***/
.zoomIcon { display: none;}
.quote { background-color:#C6C7C7;border:1px solid #000000;color:#000000;font-size:x-small;line-height:1.4em;margin:1px;padding:1px;}


/*** Trenner CMSVII-207 ***/
.basecontent-dvv-trenner .sep { border: medium none; margin: 30px 0; padding: 0; }


/*** responsives Login Form - runde Ecken, roter Hintergrund - www.gewerbepark-haid.de ***/
#loginForm { max-width: 980px; margin: 50px auto !important; background: #4bbdc6; border-radius: 8px; border: 1px solid #a0a0a0; padding: 5px; padding-bottom: 20px; }
#loginForm fieldset { border: 0px; padding-top: 10px; margin: 20px 40px 30px; }
#loginForm fieldset legend { font-weight: bold; font-size: 1.3em; }
#loginForm div.ym-fbox-text label { width: 150px; margin-bottom: 8px; }
#loginForm  div.ym-fbox-text input { height: 25px; padding-left: 5px; font-size: 1.2em; margin-bottom: 20px; max-width: 400px; width: 95%; }
#loginForm  div.ym-fbox-button { margin-left: 40px;  }


/*** Formular formElementContainer ***/
fieldset { max-width: 450px; }
#content .formElementContainer, .formButtonContainer { background: #4bbdc6; color: #ffffff; border: none; padding: 20px;}
#content .formButton  {float: right; padding-right: 20px; color: #ffffff; }
#content .formTitle { margin-bottom: 30px; }
#content .formElementRow { margin-bottom: 20px; }
#content .formElement label { margin-right:  10px;}
#content .formElement input { margin-right:  10px; color: #ffffff; background: #5dc4cc; border: 1px solid #ffffff;}
#content .required { background: #5dc4cc; border: 1px solid #ffffff; color: #ffffff;}
.ym-fbox-text > input, .ym-fbox-select > select { padding: 10px 0; width: 100% !important; }


@media (min-width: 1201px) {
	/*body { font-size: 120%; }*/
}

@media (min-width: 1021px) and (max-width: 1200px) {
	/*body { font-size: 100%; }*/
}

@media (min-width: 701px) and (max-width: 1020px) {
	/*body { font-size: 90%; }*/
	#content .composedcontent-engstingen---automuseum---box .navigation { margin-left: 0px; padding: 0px; border-left: none; }
	.jCarouselMain { left: 50%; margin-left: -340px; position: relative; width: 680px; }
	.partner .jCarousel { width: 620px !important; }
	.imageGallery { left: 50%; margin-left: -320px; position: relative; width: 640px !important; }
	.anfahrt iframe { height: 350px; }
	.lageplanSVG iframe { height: 450px; }	
}

@media (max-width: 750px) {
	#main .nav-outer .vlist ul.ym-vlist > li, 
	#main .nav-outer .vlist ul.ym-vlist > li > ul { flex-direction: column; }
	
	#main .nav-outer, 
	#main .nav-outer .ym-vlist, 
	#main .nav-outer .vlist ul li a, 
	#main .nav-outer .vlist ul li a:hover, 
	#main .nav-outer .vlist ul  a.active:hover, 
	#main .nav-outer .vlist ul li .active, 
	#main .nav-outer .ym-vlist ul li.current, 
	#main .nav-outer .ym-vlist ul li.currentParent, 
	#main .nav-outer .ym-vlist ul a:hover { background: none; }
	
	#main .nav-outer .ym-vlist ul li a, #main .nav-outer .ym-vlist li a { padding: 6px 10px; }
	
	#header { height: auto; }
	#header .logo-div { width: auto; float: none; }
	#header #quicksearch { float: none;	width: calc(100% - 60px); margin: 0 0 0 30px; }
	#header .impressum {
		position: unset;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 25px;
	  }
}

@media (max-width: 700px) {
	/*body { font-size: 70%; }*/
	.navigation { display: none; }
	.ausstellung .galleryImage { float: left; padding-bottom: 20px; padding-right: 20px; width: 100%; max-height: 185px; }
	.jCarouselMain { left: 50%; margin-left: -180px; position: relative; width: 360px; }
	.partner .jCarousel { width: 300px !important; }
	.imageGallery { left: 50%; margin-left: -150px; position: relative; width: 300px !important; }
	.anfahrt iframe { height: 250px; }
	.lageplanSVG iframe { height: 350px; }
	.downloadlist .dlDate { display: none; }
	#header .impressum {
		position: unset;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 25px;
	  }
}

@media (max-width: 462px) {
	.bottomLink { margin: 0 20px 0 0; }
	.downloadlist .dlSize { display: none; }
	.lageplanSVG { display: none; }

	#header .impressum {
		position: unset;
		margin-bottom: 20px;
		margin-top: 20px;
		margin-left: 25px;
	  }
}