html, body { margin:0; padding:0; background-color:#FFFFFF; color:#6B6B6B; text-align: center; font-family: 'Open Sans', sans-serif; font-size:100%; font-weight:normal; line-height:1.6em;}
H1{font-weight:600;}
a:link {text-decoration: none; color: #6B6B6B;}
a:visited {text-decoration: none; color: #6B6B6B;}
a:hover {text-decoration: none; color: #90080D;}
#mywrapper { width:100%; text-align: left; position: fixed; margin: 0 auto; background-color:#FFFFFF; z-index:100; }
#mywrapperINNER{ margin:0; padding:0; width:100%; }
#myheader{ margin:0; padding:0; width:100%; background-color:#FFFFFF; position:relative; text-transform: uppercase; height:150px; top:0; position: fixed}
#myheader #logo{ margin:10px 0; padding:0; width:290px; float:left; height:140px; vertical-align:bottom; position: relative; z-index:1001; } /*255px*/
#myheader #logo IMG{width:100%; height:auto; max-width:100%;}
.primeLogo{ background-size: auto 140px; background-repeat:no-repeat; background-position:15px 50%;}
.immolineLogo{background-size: auto 120px; background-repeat:no-repeat; background-position:15px 50%;}
#myheader #navigation{ margin:0; padding:0; width:100%; float:left; text-align:center; font-family: 'Julius Sans One', sans-serif; z-index:1000; position:absolute; }
#myheader #navigation ul { text-align: center; margin: 0; padding: 0; margin-top:94px;}
#myheader #navigation ul li{ margin: 0; padding: 0; display: inline; list-style: none; padding: 0% 1.8% 0% 1.8%;}
#myheader #navigation ul li:first-child{ padding-left:0;}
#myheader #navigation ul li:last-child{ padding-right:0;}
/*myheader #navigation ul li a{font-size:1.0em;}*/
#myheader #navigation ul li a{font-size:1.0em; }
#myheader #navigation ul li a:hover{color:#90080D;}
#myheader #navigation ul li a.mainact{color:#90080D;}
#myheader #iconnavigation{ margin:0; padding:0; width:12%; float:right; padding-top:10px; padding-right:0px; z-index:1001; position:absolute; right:0;} /*115px*/
#myheader #iconnavigation ul { margin: 0; padding: 0; }
#myheader #iconnavigation ul li {float:right; list-style: none; padding-right:4.5%;}
#myheader #iconnavigation ul li:first-child {padding-right:200;}
#myheader #iconnavigation ul li:last-child IMG {width:16px; height: auto; margin-top:7px;}
#myheader #iconnavigation ul li:nth-child(2) IMG {width:16px; height: auto; margin-top:7px;}
#myheader #iconnavigation ul li IMG {width:18px; height: auto; margin-top:5px;}
#myheader #iconnavigation ul li a:link{font-size:17px; margin-top:5px;}
#myheader #iconnavigation ul li a:hover{color:#90080D;}
#myheader #iconnavigation ul li .language{margin-top:4px; z-index:99999999;}
#myheader #iconnavigation ul li a.languages{margin-top:4px; z-index:99999999; display:block}
#myheader #iconnavigation :hover > a, #myheader #iconnavigation ul ul :hover > a {color:#90080D;}
* html #myheader #iconnavigation ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; z-index:1000;}
#myheader #iconnavigation ul li ul { /* 2. Ebene / 1. Slidedown */ position: absolute; display: block; visibility: hidden; z-index:1000; padding: 10px; background-color:#FFFFFF; margin-left:-10px;}
#myheader #iconnavigation ul li:hover ul { /* Damit es auch ohne JavaScript auf aktuellen Browsern funktioniert */ z-index:1000; visibility: visible; padding: 10px; background-color:#FFFFFF; margin-left:-10px;}
#myheader #iconnavigation ul li ul li { /* Weitere Ebenen */ display: list-item; float: none; margin: 0 !important; padding: 0 !important; background: none !important; min-width:50px;z-index:1000;}
#myheader #iconnavigation ul li ul li a:link {text-decoration: none; display:block; padding: 0px; margin: 0px; z-index:1000; line-height:28px; }
#myheader #iconnavigation ul li ul li a:visited {text-decoration: none; display:block; padding: 0px; margin: 0px; z-index:1000; line-height:28px; }
#myheader #iconnavigation ul li ul li a:hover {text-decoration: none; display:block; padding: 0px; margin: 0px; z-index:1000; line-height:28px; }
#myheader #iconnavigation ul li ul li a.subact {text-decoration: none; display:block; padding: 0px; margin: 0px; z-index:1000; line-height:28px; }
#myheader #mobilnavigation{ display:none; margin:0; padding:0; float:right; padding-right:0px; z-index:1011; position:absolute; right:0; cursor:pointer; width:50px;}
#myheader #mobilnavigation IMG{margin-right:2.0%; width:50px; height:auto;}
#myheader #mobilnavigationCloser{ display:none; margin:0; padding:0;float:right; padding-right:0px; z-index:1001; position:absolute; right:0; cursor:pointer; width:50px; }
#myheader #mobilnavigationCloser IMG{margin-right:2.0%; width:50px; height:auto;}
#myheader #mobilnavigation{ margin:0; padding:0; padding-right:2.0%; width:15%; margin-top:-80px;}
#myheader #mobilnavigationCloser{margin:0; padding:0; padding-right:2.0%; width:15%; margin-top:-80px;}
#rollo{position:fixed; width:100%; z-index:10;}
/*################# NAVIGATION MOBIL ################*/
#navigationMobil{position:absolute; width:100%; background-color:#FFFFFF; display:none; text-align:left; z-index:10; font-size:0.9em; padding-top:150px;}
#navigationMobil #headerObjectSuche {padding: 0px 0% 0px 0%; width:100%; float:none; text-align:left; margin-top:15px;}
#navigationMobil #headerObjectSuche .kontakt_bez{width:100%; padding:0; margin-bottom:8px; text-align:left;}
#navigationMobil #headerObjectSuche .kontakt_field {width:100%; padding:0; margin-top:2px; text-align:left;}
#navigationMobil #headerObjectSuche .Formular { width:100%; background-color: #FFFFFF; padding:1%; border:1px solid #8C8C90; color:#6B6B6B; font-size:1em; border-radius: 0; margin-bottom:8px;}
#navigationMobil #headerObjectSuche .Formularselect { width:100%; background-color: #FFFFFF; padding:1%; border:1px solid #8C8C90; color:#6B6B6B; font-size:1em; border-radius: 0; margin-bottom:8px;}
#navigationMobil #headerObjectSuche .Formularsendbutton { width:100%; background-color: #90080D; padding:5px 0px 5px 0px; border:0; text-align:center; cursor:pointer; color:#FFFFFF; font-size:1.0em;text-transform: uppercase; border-radius: 0;}
#navigationMobil #headerObjectSuche .Formularsendbutton:hover { width:100%; background-color: #8C8C90; padding:5px 0px 5px 0px; border:0; text-align:center; cursor:pointer; color:#FFFFFF; font-size:1.0em;text-transform: uppercase; border-radius: 0;}
#navigationMobil #headerObjectSuche input[type="text"] {height:35px; padding:4px 6px; color:#6B6B6B;}
#navigationMobil #headerObjectSuche select {height:35px;padding:4px 6px; color:#6B6B6B;}
#navigationMobil #headerRefSuche .kontakt_bez{width:100%; padding:0; margin-bottom:8px; text-align:left;}
#navigationMobil #headerRefSuche .kontakt_field {width:100%; padding:0; margin-top:2px; text-align:left;}
#navigationMobil #headerRefSuche .Formular { width:100%; background-color: #FFFFFF; padding:1%; border:1px solid #8C8C90; color:#6B6B6B; font-size:1em; border-radius: 0; margin-bottom:8px;}
#navigationMobil #headerRefSuche .Formularselect { width:100%; background-color: #FFFFFF; padding:1%; border:1px solid #8C8C90; color:#6B6B6B; font-size:1em; border-radius: 0; margin-bottom:8px;}
#navigationMobil #headerRefSuche .Formularsendbutton { width:100%; background-color: #90080D; padding:5px 0px 5px 0px; border:0; text-align:center; cursor:pointer; color:#FFFFFF; font-size:1.0em;text-transform: uppercase; border-radius: 0;}
#navigationMobil #headerRefSuche .Formularsendbutton:hover { width:100%; background-color: #8C8C90; padding:5px 0px 5px 0px; border:0; text-align:center; cursor:pointer; color:#FFFFFF; font-size:1.0em;text-transform: uppercase; border-radius: 0;}
#navigationMobil #headerRefSuche input[type="text"] {height:35px; padding:4px 6px; color:#6B6B6B;}
#navigationMobil #headerRefSuche select {height:35px;padding:4px 6px; color:#6B6B6B;}
.subMobil{border-bottom:1px solid #CCCCCC; padding: 15px 3% 15px 3%; width:100%; float:none; }
.subMobil H1 {font-weight:400; cursor:pointer;}
.subMobilLast{border-bottom:0; padding: 15px 3% 15px 3%; width:100%; float:none; }
.subMobilLast H1 {font-weight:400; cursor:pointer;}
/*################# NAVIGATION MOBIL ################*/
/*################# KONTAKT ################*/
.openKontakt {cursor:pointer;}
#myKontakt {position:absolute; width:100%; background-color:#FFFFFF; display:none; text-align:right; padding-right:2%; z-index:10; font-size:0.9em; padding-top:150px;}
#myKontakt .headerKontakt {background-color:#EFEFEF; padding: 10px 10px 0px 10px; float:right; text-align:left; width:21.5%; min-height:135px; margin-left:20px; margin-bottom:20px;position:relative; min-height:225px;}
#myKontakt .headerKontakt a.mailExtern {text-transform:uppercase; background-color: #8C8C90; color:#FFFFFF; padding: 3px 20px; height:28px; position:absolute; bottom:15px;}
#myKontakt .headerKontakt a.mailExtern:hover{background-color: #90080D;}
#myKontakt .headerKontakt a.callme {text-transform:uppercase; background-color: #90080D; color:#FFFFFF; padding: 3px 20px; height:28px; position:absolute; bottom:15px;}
#myKontakt .headerKontakt a.callme:hover{background-color: #8C8C90;}
#myKontakt .headerKontakt H1{ margin-bottom:30px; text-transform: uppercase; font-weight:normal; background-color:#FFFFFF; width:112%; padding:10px 20px 10px 10px; margin:-10px 0px 0px -10px;font-size:1.0em;}
#myKontakt .headerKontaktBlank { padding: 10px 1% 0px 1%; float:left; text-align:left; min-height:135px; margin-left:0.5%; margin-bottom:20px; width:50%;}
#myKontakt .headerKontaktBlank H1{ margin-bottom:30px; text-transform: uppercase; font-weight:normal; background-color:#FFFFFF; padding:10px 20px 10px 10px; margin:-10px 0px 0px -10px;font-size:1.0em;}
@media screen and (max-width: 1140px) {
#myKontakt { font-size:0.7em;}
}
@media screen and (max-width: 980px) {
#myKontakt { font-size:0.9em;}
#myKontakt .headerKontaktBlank {width:100%; padding-right:80px;}
#myKontakt .headerKontakt {width:46%; float:left; margin-left:10px; margin-right:10px;}
}
#myKontaktClose {position:absolute; width:100%; height:30px; cursor:pointer; bottom:0; background-image:url(./../images/icons/search-up.png); background-repeat: no-repeat; background-size: 22px auto; background-position: 50% 0; border-bottom:1px solid #CCCCCC; z-index:99999;}
/*################# KONTAKT ################*/
/*################# MAILKONTAKT ################*/
.openMailKontakt {cursor:pointer;}
#myMailKontakt {position:absolute; width:100%; background-color:#FFFFFF; display:none; text-align:right; padding-right:2%; z-index:10; font-size:0.9em; padding-top:150px;}
#myMailKontakt .headerKontakt {background-color:#EFEFEF; padding: 10px 10px 0px 10px; float:right; text-align:left; width:21.5%; min-height:135px; margin-left:20px; margin-bottom:20px;position:relative; min-height:225px;}
#myMailKontakt .headerKontakt a.mailExtern {text-transform:uppercase; background-color: #90080D; color:#FFFFFF; padding: 3px 10px; height:28px; position:absolute; bottom:15px;}
#myMailKontakt .headerKontakt a.mailExtern:hover{background-color: #8C8C90; }
#myMailKontakt .headerKontakt a.callme {text-transform:uppercase; background-color: #8C8C90; color:#FFFFFF; padding: 3px 20px; height:28px; position:absolute; bottom:15px;}
#myMailKontakt .headerKontakt a.callme:hover{background-color: #90080D;}
#myMailKontakt .headerKontakt H1{ margin-bottom:30px; text-transform: uppercase; font-weight:normal; background-color:#FFFFFF; width:112%; padding:10px 20px 10px 10px; margin:-10px 0px 0px -10px;font-size:1.0em;}
#myMailKontakt .headerKontaktBlank { padding: 10px 1% 0px 1%; float:left; text-align:left; min-height:135px; margin-left:0.5%; margin-bottom:20px; width:50%;}
#myMailKontakt .headerKontaktBlank H1{ margin-bottom:30px; text-transform: uppercase; font-weight:normal; background-color:#FFFFFF; padding:10px 20px 10px 10px; margin:-10px 0px 0px -10px;font-size:1.0em;}
@media screen and (max-width: 1140px) {
#myMailKontakt { font-size:0.7em;}
}
@media screen and (max-width: 980px) {
#myMailKontakt { font-size:0.9em;}
#myMailKontakt .headerKontaktBlank {width:100%; padding-right:80px;}
#myMailKontakt .headerKontakt {width:46%; float:left; margin-left:10px; margin-right:10px;}
}
#myMailKontaktClose {position:absolute; width:100%; height:30px; cursor:pointer; bottom:0; background-image:url(../images/icons/search-up.png); background-repeat: no-repeat; background-size: 22px auto; background-position: 50% 0; border-bottom:1px solid #CCCCCC; z-index:99999;}
/*################# MAILKONTAKT ################*/
/*################# KAUFANGEBOT ################*/
.openM2 {cursor:pointer;}
#myObject {position:absolute; width:100%; background-color:#FFFFFF; display:none; text-align:right; padding-right:0%; z-index:10; font-size:0.9em; padding-top:150px; margin-bottom:450px;}
#myObject .headerObjectBlank { padding: 10px 1% 0px 1%; float:left; text-align:left; min-height:135px; margin-bottom:20px; width:73%;}
#myObject .headerObjectBlank H1{ margin-bottom:20px; text-transform: uppercase; font-weight:normal; background-color:#FFFFFF; padding:10px 20px 10px 10px; margin:-10px 0px 0px -10px; font-size:1.0em;}
#myObject .headerObjectBlank ul.myObjectSubNav {list-style:none; position:relative; }
#myObject .headerObjectBlank ul.myObjectSubNav li{ margin-right:2%; position:relative; float:left; width:31%; margin-bottom:10px; border:1solid #CCCCC; }
#myObject .headerObjectBlank ul.myObjectSubNav li:last-child{ margin-right:0;}
#myObject .headerObjectBlank ul.myObjectSubNav li IMG{border:0; z-index:1; width:100%; height:auto; max-width:400px;}
#myObject .headerObjectBlank ul.myObjectSubNav li a.text{font-family: 'Julius Sans One', sans-serif; border:0; text-transform: uppercase; position:relative; z-index:2; display:block; text-align:left; font-size:1.2em; padding:2px 0; line-height:1.3em; color:#90080D;}
#myObject .headerObjectBlank ul.myObjectSubNav li .rubrikImage{width:100%; overflow:hidden; background-repeat: no-repeat; background-size: 105% auto; background-position: 50% 50%;}
#myObject .headerObjectBlank2 { padding: 10px 1% 0px 1%; float:left; text-align:left; min-height:135px; margin-bottom:20px; width:73%; }
#myObject .headerObjectBlank2 H1{ margin-bottom:20px; text-transform: uppercase; font-weight:normal; background-color:#FFFFFF; padding:10px 20px 10px 10px; margin:-10px 0px 0px -10px; font-size:1.0em;}
#myObject .headerObjectBlank2 ul.myObjectSubNav {list-style:none; position:relative; }
#myObject .headerObjectBlank2 ul.myObjectSubNav li{ margin-right:2%; position:relative; float:left; width:93%; margin-bottom:10px; border:1solid #CCCCC; }
#myObject .headerObjectBlank2 ul.myObjectSubNav li:last-child{ margin-right:0;}
#myObject .headerObjectBlank2 ul.myObjectSubNav li IMG{border:0; z-index:1; width:100%; height:auto; max-width:400px;}
#myObject .headerObjectBlank2 ul.myObjectSubNav li a.text{font-family: 'Julius Sans One', sans-serif; border:0; text-transform: uppercase; position:relative; z-index:2; display:block; text-align:left; font-size:1.2em; padding:2px 0; line-height:1.3em; color:#90080D;}
#myObject .headerObjectBlank2 ul.myObjectSubNav li .rubrikImage{width:100%; overflow:hidden; background-repeat: no-repeat; background-size: 105% auto; background-position: 50% 50%;}
#myObject .headerObjectSuche {padding: 5px 0% 0px 0%; width:18.5%; float:left; text-align:left; margin-right:2%; }
#myObject .headerObjectSuche .kontakt_bez{width:100%; padding:0; margin-bottom:8px; text-align:left;color:#90080D;}
#myObject .headerObjectSuche .kontakt_field {width:100%; padding:0; margin-top:2px; text-align:left;}
#myObject .headerObjectSuche .Formular { width:100%; background-color: #FFFFFF; padding:1%; border:1px solid #8C8C90; color:#6B6B6B; font-size:1em; border-radius: 0; margin-bottom:8px;}
#myObject .headerObjectSuche .Formularselect { width:100%; background-color: #FFFFFF; padding:1%; border:1px solid #8C8C90; color:#6B6B6B; font-size:1em; border-radius: 0; margin-bottom:8px;}
#myObject .headerObjectSuche .Formularsendbutton { width:100%; background-color: #D4D4D4; padding:5px 0px 5px 0px; border:0; text-align:center; cursor:pointer; color:#90080D; font-size:1.0em;text-transform: uppercase; border-radius: 0;}
#myObject .headerObjectSuche .Formularsendbutton:hover { width:100%; background-color: #90080D; padding:5px 0px 5px 0px; border:0; text-align:center; cursor:pointer; color:#FFFFFF; font-size:1.0em;text-transform: uppercase; border-radius: 0;}
#myObject .headerObjectSuche input[type="text"] {height:35px; padding:4px 6px; color:#6B6B6B;}
#myObject .headerObjectSuche select {height:35px;padding:4px 6px; color:#6B6B6B;}
#myObject .headerObjectBlank {width:58%; float:left; position:relative;}
#myObject .headerObjectSuche {width:18.5%; float:left; position:relative;}
#myObject .headerObjectBlank2 {width:20.5%; float:left; position:relative;}
.jubel{border:0; width:100%; text-align:center; margin-bottom:25px;}
.jubel IMG {border:0; z-index:1; width:100%; height:auto; max-width:400px;}
.suchform{position:relative; bottom:0; width:100%;}
@media screen and (max-width: 1340px) {
#myObject .headerObjectBlank { width:58%; }
#myObject .headerObjectSuche { width:18.5%;}
#myObject .headerObjectBlank2 {width:20.5%;}
#myObject .headerObjectBlank ul.myObjectSubNav li a.text{font-size:1.0em; line-height:1.3em; }
#myObject .headerObjectBlank2 ul.myObjectSubNav li a.text{font-size:1.0em; line-height:1.3em; }
}
@media screen and (max-width: 1140px) {
#myObject .headerObjectBlank ul.myObjectSubNav li{ margin-right:1%; width:31%; float:left; position:relative; }
#myObject .headerObjectBlank2 ul.myObjectSubNav li{ margin-right:1%; width:97%; position:relative; float:left; width:90%; }
#myObject .headerObjectBlank ul.myObjectSubNav li a.text{ font-size:0.9em; line-height:1.2em; }
#myObject .headerObjectBlank2 ul.myObjectSubNav li a.text{ font-size:0.9em; line-height:1.2em; }
}
@media screen and (max-width: 760px) {
#myObject .headerObjectBlank {display:none;}
#myObject .headerObjectBlank2 {display:none;}
#myObject .headerObjectSuche {width:100%; float:none;}
}
#myObjectClose {position:absolute; width:100%; height:30px; cursor:pointer; bottom:0; background-image:url(../images/icons/search-up.png); background-repeat: no-repeat; background-size: 22px auto; background-position: 50% 0; border-bottom:1px solid #CCCCCC; z-index:99999;}
/*################# KAUFANGEBOT ################*/
/*################# REFERENZEN ################*/
.openM5 {cursor:pointer;}
#myReferenz {position:absolute; width:100%; background-color:#FFFFFF; display:none; text-align:right; padding-right:0%; z-index:10; font-size:0.9em; padding-top:150px; margin-bottom:450px; text-align:left;}
#myReferenz .headerReferenzBlank { padding: 10px 1% 0px 1%; text-align:left; min-height:135px; margin-bottom:20px; width:98%; position:relative;}
#myReferenz .headerReferenzBlank H1{font-family: 'Julius Sans One', sans-serif; margin-bottom:20px; text-transform: uppercase; font-weight:normal; background-color:#FFFFFF; padding:10px 20px 10px 10px; margin:-10px 0px 0px -10px; font-size:1.2em;}
#myReferenz .headerReferenzBlank ul.myReferenzSubNav {list-style:none; position:relative; }
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li{ margin-right:2%; position:relative; float:left; width:18.4%; margin-bottom:10px; border:1solid #CCCCCC; }
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li:last-child{ margin-right:0;}
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li IMG{border:0; z-index:1; width:100%; height:auto; max-width:400px;}
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li a.text{font-family: 'Julius Sans One', sans-serif; border:0; text-transform: uppercase; position:relative; z-index:2; display:block; text-align:left; font-size:1.2em; padding:2px 0; line-height:1.3em; color:#90080D;}
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li .rubrikImage{width:100%; overflow:hidden; background-repeat: no-repeat; background-size: 105% auto; background-position: 50% 50%;}
#myReferenzClose {position:absolute; width:100%; height:30px; cursor:pointer; bottom:0; background-image:url(../images/icons/search-up.png); background-repeat: no-repeat; background-size: 22px auto; background-position: 50% 0; border-bottom:1px solid #CCCCCC; z-index:99999;}
@media screen and (max-width: 1340px) {
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li a.text{font-size:1.0em; line-height:1.3em; }
#myReferenz .headerReferenzBlank H1{font-size:1.0em;}
}
@media screen and (max-width: 1140px) {
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li{ margin-right:1%; width:31%; float:left; position:relative; }
#myReferenz .headerReferenzBlank ul.myReferenzSubNav li a.text{ font-size:0.9em; line-height:1.2em; }
#myReferenz .headerReferenzBlank H1{font-size:0.9em;}
}
@media screen and (max-width: 760px) {
#myReferenz .headerReferenzBlank {display:none;}
}
/*################# REFERENZEN ################*/
#wrapperFOOTER{ width:100%; text-align: left; position: fixed; bottom:0; height:460px; background-color:#4B4B4B; z-index:1;}
#wrapperFOOTERInner{ margin:0; padding:1% 1% 0% 1%; width:100%; text-align: left; margin: 0 auto; color:#9A9A9A; z-index:1; max-width:1280px; font-size:14px; margin-top:-10px;}
#wrapperFOOTERInner ul {list-style:none; margin: 0; padding:0; }
#wrapperFOOTERInner ul li {float:left; width:30%; margin-right:4.5%; min-height:300px;}
#wrapperFOOTERInner ul li H1 {border-bottom: 1px solid #FFFFFF; color:#FFFFFF; width:100%; margin-bottom:10px; font-size:20px; font-weight:600; text-transform:uppercase; }
#wrapperFOOTERInner ul li:last-child { margin-right:0%;}
#wrapperFOOTERInner li a{ color:#9A9A9A; color:#9A9A9A; text-decoration:none;}
#wrapperFOOTERInner li a:hover{ color:#FFFFFF;}
#wrapperFOOTERInnerCopy{ margin:0; padding:0px 0.5% 10px 0.5%; width:100%; text-align: left; margin: 0 auto; color:#9A9A9A; font-size:14px; z-index:1; max-width:1280px; text-align:center;text-transform:uppercase;}
#wrapperFOOTERInnerLinks{ margin:0; padding:10px 0.5% 0px 0.5%; width:100%; text-align: left; margin: -10px auto 0 auto; color:#9A9A9A; font-size:14px; z-index:1; max-width:1280px; text-align:right; text-transform:uppercase;}
#wrapperFOOTERInnerLinks #links{ margin-right:0; }
#wrapperFOOTERUP{ width:100%; text-align: center; z-index:2; }
#wrapperFOOTERUP IMG{width:22px; height:auto; border:0;}
#myContent{ width:100%; text-align: left; margin: 0 auto; text-align:left; padding-top:170px; padding-bottom: 0px; z-index:2; background-color:#FFFFFF; margin-bottom:430px; position:relative; }
#myContentStart{z-index:2; background-color:#FFFFFF; position: relative; margin-bottom:430px;background-color:#4B4B4B;}
#myContentExpo{width:100%; text-align: left; margin: 0 auto; text-align:left; padding-bottom: 0px; z-index:2; background-color:#FFFFFF; margin-bottom:430px; position:relative; }
@media screen and (max-width: 780px) {
#myContentStart{margin-bottom:420px;background-color:#4B4B4B; }
#wrapperFOOTER{ padding-top:20px; height:420px; overflow-y:auto; right:-14px; width:105%; padding-left:2%}
#myContent{ margin-bottom:420px;}
#wrapperFOOTERInner ul li {float:none; margin-right:0; width: 100%; min-height:auto;}
#wrapperFOOTERInnerCopy{text-align:left; }
}
@media screen and (max-width: 320px) {
#myContentStart{left:-33px; }
.down-arrow { display:none; }
#wrapperFOOTERUP{display:none;}
}
/* ------------------------------- Objektliste --------------------------------------*/
#myContent #myList { width:100%; background-color:#FFFFFF; z-index:1000; position:relative; padding-bottom:70px}
/*#myContent #myList .item{margin:0; padding:0; position:relative; float:left; width:24.75%; margin: 0 0.25% 20px 0;}*/
#myContent #myList .item{margin:0; padding:0; position:relative; float:left; width:33.05%; margin: 0 0.25% 10px 0; }
#myContent #myList .item a.detaillink:link{width:100%; height:50%; display:block; z-index:10;color:#6B6B6B; background-color:#ECECEC;}
#myContent #myList .item a.detaillink:visited{width:100%; height:50%; display:block; z-index:10; color:#6B6B6B; background-color:#ECECEC; }
#myContent #myList .item a.detaillink:hover{width:100%; height:50%; display:block; z-index:10;color:#6B6B6B; background-color:#ECECEC; }
#myContent #myList .item a.detaillinkImage:link{width:100%; display:block; z-index:10; background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%; }
#myContent #myList .item a.detaillinkImage:visited{width:100%; display:block; z-index:10; background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%; }
#myContent #myList .item a.detaillinkImage:hover{width:100%; display:block; z-index:10; background-repeat: no-repeat; background-size: 110% auto; background-position: 55% 55%; opacity: 1.0; filter: alpha(opacity=100);}
#myContent #myList .item .itemImage {width:100%; }
#myContent #myList .item .itemImage IMG{width:auto; max-width:100%; height:auto; max-height:400px; }
#myContent #myList .item .itemText{width:100%; padding:5px 1.5% 10px 1.5%; font-size:0.9em; line-height:1.2em; height:270px; }
#myContent #myList .item .itemText H1{width:100%; padding:5px 0 5px 0; margin-bottom:10px; text-transform: uppercase; font-size:1.1em; font-weight:normal; line-height:1.3em;}
#myContent #myList .item .itemText .eckdata ul{list-style:none;}
#myContent #myList .item .itemText .eckdata ul li{float:left; padding-right:5px;}
#myContent #myList .item .itemText .eckdata ul li.number{padding-top:5px; padding-right:10px;}
#myContent #myList .item .itemText .eckdata2 {margin:15px 0px 15px 0px;}
#myContent #myList .item .itemText .eckdata2 ul{list-style:none; }
#myContent #myList .item .itemText .eckdata2 ul li{float:left; padding-right:5px;}
#myContent #myList .item .itemText .eckdata2 ul li IMG{width:22px; height:auto;}
#myContent #myList .item .first{width:100%; padding:10px 1.5% 10px 1.5%; font-size:0.8em; line-height:1.2em; }
#myContent #myList .item .first H1{width:100%; margin-top:-10px; padding:0px 0 5px 0; margin-bottom:10px; font-size:1.2em; font-weight:normal;}
#myContent #myList .item .first .firstSearchText{ position:absolute; z-index:2; top:0;}
#myContent #myList .item .first .firstSearch {width:100%; margin:0px 0px 0px 0px; z-index:1;}
#myContent #myList .item .first .firstSearch .spacer{width:70%; }
#myContent #myList #map {height:250px;}
#myContent #myList .item .itemNav { z-index:11; position:absolute; margin-top:-45px; right:0;}
#myContent #myList .item .itemNav ul { margin:0; padding:0; list-style:none; right:0; margin-top: 5px; }
#myContent #myList .item .itemNav ul li {width:auto; float:right;}
#myContent #myList .item .itemNav ul li.middle {margin:0 0.75%;}
#myContent #myList .item .itemNav ul li a{width:100%; display:block; font-size:12px; background-color:#E1E1E1; padding:2% 10% 2% 10%;}
#myContent #myList .item .itemNav ul li a:hover{background-color:#B4B4B4; color:#FFFFFF;}
#myContent #myList a.merkLink {text-transform:uppercase; background-color:#F5A300 ; color:#FFFFFF; padding: 3px 10px; height:28px;font-size:0.9em; cursor:pointer;}
#myContent #myList a:hover.merkLink:hover{background-color:#8C8C90 ;}
#myContent #myList .deviderX{width:100%;height:1px;background-color:#8C8C90; margin:5px 0px 15px 0px; }
#myContent #myList .itemheader{border-bottom:1px solid #90080D; height:55px; margin-bottom: 20px; color:#90080D;}
#myContent ul li{margin-bottom:10px}
#myContent H1{margin-bottom:15px}
.primelogo{width:100%; width:auto; max-width:200px; margin-top:25px }
.jubel{width:100%; width:auto; max-width:140px; margin-top:15px }
#zeileN .floaterN2{text-align:center!important}
#zeileN .floaterN4{text-align:center!important}
@media screen and (max-width: 1400px) {
#myContent #myList #map {height:200px;}
}
@media screen and (max-width: 1250px) {
#myContent #myList .item{width:33.05%; }
#myContent #myList .item .itemText{font-size:0.8em; line-height:1.2em;}
#myContent #myList .item .itemText H1{font-size:1.em; line-height:1.3em;}
}
@media screen and (max-width: 980px) {
#myContent #myList .item{width:49.75%; }
}
@media screen and (max-width: 780px) {
#myContent #myList .item{width:100%; }
#myContent #myList .item .itemText{font-size:0.9em; line-height:1.2em; }
#myContent #myList .item .itemText H1{font-size:1.2em; line-height:1.3em;}
}
.datenleftlist {font-weight:normal; width:115px; text-align:left;}
.datenrightlist {font-weight:normal; width:90px; text-align:right;}
.datenrightlist2 {font-weight:normal; width:90px; text-align:right; padding-right:20px;}
.boxkp{width:97%; text-align:right; color:#90080D; padding:5px 1.5% 10px 1.5%; bottom:0; position:absolute; border-bottom:1px solid #90080D; }
/* ------------------------------- Objektliste --------------------------------------*/
/* ------------------------------- Objekt-EXPO --------------------------------------*/
.left{width:80%; float:left; text-align:left;}
.right{width:20%; float:right; text-align:right;}
.leftEck{width:50%; float:left; text-align:left;}
.singlelist ul{list-style:none;}
.singlelist ul li {float:left; width:40%; text-align:left;}
.singlelistX ul li {float:left; width:90%; text-align:left;}
.singlelist ul li.datenright {float:left; width:40%; text-align:right;}
.rightEck{width:50%; float:left; text-align:left;}
.line {border-bottom: 1px solid #6B6B6B; height:1px; margin:5px 0px 15px 0px; width:100%;}
#myContentExpose{width:100%; background-color:#FFFFFF; z-index:9; padding: 40px 2% 0 2%; font-size:0.9em; position:relative;}
#myContentText{width:100%; max-width:1280px; margin:0 auto; text-align:left; }
#myContentBild{width:100%; background-color:#FFFFFF; z-index:9; margin:0; padding:0; padding-top:170px; overflow:hidden;}
#myContentBildNav{width:100%; background-color:#FFFFFF; z-index:8;display:none; margin:0; padding:0}
#myContentBild div{ margin:0; padding:0; margin: 0 1px; text-align: center; background-color:#FFFFFF; z-index:8; background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 50%; }
#myContentBild div IMG{ height:auto; width:100%; margin:0; padding:0}
#myContentBild .slick-slide {opacity: 1; filter: alpha(opacity=100); }
#myContentBild .slick-current {opacity: 1; filter: alpha(opacity=100); }
/* Arrows */
.vor,
.zurueck
{ position: absolute;
top: 65%;
z-index:1000;
opacity: .75;
color: white;
width:26px;
height:40px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.vor
{ right: 100%; margin-right:-25px; background-image:url("./../images/back.png"); background-repeat: no-repeat;}
.zurueck
{ left: 100%; margin-left:-25px; background-image:url("./../images/forward.png"); background-repeat: no-repeat;}
@media screen and (max-width: 780px) {
.vor,
.zurueck{top: 70%;}
}
@media screen and (max-width: 400px) {
.vor,
.zurueck{top: 80%;}
}
#myContentKontakt{width:100%; max-width:1280px; margin:0 auto; text-align:left; }
#myContentText H1 {font-weight:400; font-size:1.8em; line-height:1.4em; color:#90080D;}
#myContentText H2 {font-weight:400; font-size:1.5em; line-height:1.5em; margin:5px 0px 15px 0px;}
#myContentText H3 {font-weight:400; font-size:1.4em; line-height:1.4em; margin:5px 0px 15px 0px;}
#myContentText H4 {font-weight:400; font-size:1.2em; line-height:1.2em; margin:5px 0px 5px 0px;}
#myContentKontakt H1 {font-weight:400; font-size:1.8em; line-height:1.4em;}
#myContentKontakt H2 {font-weight:400; font-size:1.5em; line-height:1.5em; margin:5px 0px 15px 0px;}
#myContentKontakt H3 {font-weight:400; font-size:1.4em; line-height:1.4em; margin:5px 0px 15px 0px;}
#myContentKontakt H4 {font-weight:400; font-size:1.2em; line-height:1.2em; margin:5px 0px 5px 0px;}
#preis {margin: 0px;}
#myContentText th{font-weight:normal; margin-left:5px;}
#mykontakt{margin:0px 0px 20px 0px; display:none;}
#mykontakt label{float:left; width:20%;}
.FormularOrt2{ width:50%; margin-left:1%; font-family: 'Open Sans', sans-serif; font-size:12px; padding:5px; border:1px solid #cccccc; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
.FormularPLZ2{ width:24%; font-family: 'Open Sans', sans-serif; font-size:12px; padding:5px; border:1px solid #cccccc;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
.FormularSELECT2{ width:75%; font-family: 'Open Sans', sans-serif; font-size:12px; padding:5px; border:1px solid #cccccc;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
.FormularBUTTON2{ width:180px; background-color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:12px; padding:5px; border:1px solid #cccccc;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;text-transform: uppercase;}
.Formular2{ width:75%; font-family: 'Open Sans', sans-serif; font-size:12px; padding:5px; border:1px solid #cccccc;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
.FormularSELECT2{ width:75%; background-color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:12px; padding:5px; border:1px solid #cccccc;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
#mykontaktForm input[type="text"] {height:35px; padding:4px 6px;}
#mykontaktForm select {height:35px;padding:4px 6px; }
.innerblank{ width:100%; max-width:1280px; padding:2%; }
.inner{background-color:#ECECEC; width:100%; max-width:1280px; padding:2%; margin-bottom:2px; }
.inner:last-child{margin-bottom:0px; }
.innerKontaktSmall{display:block; background-color:#ECECEC; width:100%; max-width:1280px; padding:2%; margin-bottom:2px; display:none;}
.innerLeft{float:left; width:50%;}
.innerRight{float:right; width:50%;}
#myContentExpose .big{display:block;}
#myContentExpose .small{display:none;}
@media screen and (max-width: 880px) {
#myContentExpose .big{display:none;}
#myContentExpose .small{display:block;}
#myContentExpose .small .beschreibungMobil{display:none;}
#myContentExpose .small .lageMobil{display:none;}
#myContentExpose .small .sonstMobil{display:none;}
#myContentExpose .small h3.openBeschreibung{display:block; cursor:pointer}
#myContentExpose .small h3.openLage{display:block; cursor:pointer}
#myContentExpose .small h3.openSonst{display:block; cursor:pointer}
#myContentExpose .small h3.closeBeschreibung{display:none; cursor:pointer}
#myContentExpose .small h3.closeLage{display:none; cursor:pointer}
#myContentExpose .small h3.closeSonst{display:none; cursor:pointer}
#myContentText H1 {font-weight:400; font-size:1.5em; }
.innerKontaktSmall{display:block;}
.innerRight{display:none;}
.innerLeft{float:none; width:100%;}
}
@media screen and (max-width: 440px) {
#myContentExpose .big{display:none;}
#myContentText H1 {font-weight:400; font-size:1.2em; line-height:1.4em; }
#myContentText H2 {font-weight:400; font-size:1.2em; line-height:1.4em; }
#myContentText H3 {font-weight:400; font-size:1.2em; line-height:1.4em; }
#myContentText H4 {font-weight:400; font-size:1.2em; line-height:1.4em; }
}
/* ------------------------------- Objekt-EXPO --------------------------------------*/
/* ------------------------------- Kontakt --------------------------------------*/
#myContentKarte {width:100%; height:600px;}
#map {width:100%; height:600px; z-index:1;}
#myLoacations{width:250px; height:auto; background-color:#ECECEC; position: absolute; right:-250px; padding:1%; z-index:2; display:none; margin-top:0px; }
#myLoacations IMG {width:245px; height:auto;}
#myLoacationsOpener{display:none; cursor:pointer; position: absolute; z-index:2; margin-top:10px; right:0; background-color:#ECECEC; border-bottom-left-radius: 5px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 0px; padding:6px 2px 0px 2px;}
#myLoacationsCloser{display:block; cursor:pointer; position: absolute; z-index:2; left:-25px; background-color:#ECECEC;border-bottom-left-radius: 5px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 0px; padding:6px 2px 0px 2px;}
#myContentInner {width:100%; max-width:1280px; margin: 0 auto; background-color:#ECECEC;}
#myContentInner H1 {font-weight:400; font-size:1.8em; line-height:1.4em; color:#90080D;}
#myContentInner H2 {font-weight:400; font-size:1.5em; line-height:1.5em; margin:5px 0px 15px 0px;}
#myContentInner H3 {font-weight:400; font-size:1.4em; line-height:1.4em; margin:5px 0px 15px 0px;}
#myContentInner H4 {font-weight:400; font-size:1.2em; line-height:1.2em; margin:25px 0px 20px 0px;}
#myContentKontaktLeft{width:70%; float:left;}
#myContentKontaktRight{width:28%; float:left; padding:0 0 0 2%;}
#myExposeKontaktLeft{width:70%; float:left;}
#myExposeKontaktRight{width:28%; float:left; padding:0 0 0 2%; }
#myExposeKontaktRight .adress{ width:100%; margin-bottom:25px}
#myContentKontaktRight .adress{ width:100%; margin-bottom:25px}
#myContentInner H4 { margin:15px 0px 10px 0px;}
@media screen and (max-width: 780px) {
#myContentKontaktLeft{width:96%; float:none; padding:0 2%;}
#myContentKontaktRight{width:100%; float:none; padding:0;}
#myContentKontaktRight .adress{ width:96%; padding:0 2%;}
#myExposeKontaktLeft{width:96%; float:none; padding:0 2%;}
#myExposeKontaktRight{width:100%; float:none; padding:0;}
#myExposeKontaktRight .adress{ width:96%; padding:0 2%;}
#myContentInner H4 { width:96%; padding:0 2%;}
}
/* ------------------------------- Kontakt --------------------------------------*/
/* ------------------------------- Profil --------------------------------------*/
#myContentProfilLeft H1 {font-weight:400; font-size:1.8em; line-height:1.4em; margin:5px 0px 15px 0px;}
#myContentProfilLeft H2 {font-weight:400; font-size:1.5em; line-height:1.5em; margin:5px 0px 15px 0px;}
#myContentProfilLeft H3 {font-weight:400; font-size:1.4em; line-height:1.4em; margin:5px 0px 15px 0px;}
#myContentProfilLeft H4 {font-weight:400; font-size:1.2em; line-height:1.2em; margin:5px 0px 5px 0px;}
#myContentProfilLeft{width:100%; max-width:1280px; margin:0 auto; text-align:left}
#myContentProfilLeft ul{list-style:disc; margin:0; padding:0; margin-left:25px;}
#myContentProfilRight .adress{ margin-bottom:25px;}
.inner{background-color:#ECECEC; width:100%; max-width:1280px; padding:2%; margin-bottom:2px; }
#myContentProfilRIGHTN{width:19.9%; float:left; padding:0% 1.5% 0 0}
#myContentProfilRIGHTN2{width:19.9%; float:left; padding:0% 1.5% 0 0; display:none}
#myContentProfilLEFTN{width:19.9%; float:left; padding:0% 0 0 1.5%}
#myContentProfilMIDDLEN{width:59%; float:left; padding:25px 2% 0% 2%;}
#myContentProfilRIGHTN .adress{ margin-bottom:25px;font-size:14px}
#myContentProfilRIGHTN2 .adress{ margin-bottom:25px;font-size:14px}
#myContentProfilLEFTN .adress{ margin-bottom:25px;font-size:14px}
#myContentProfilLeft{width:70%; float:left;}
#myContentProfilRight{width:28%; float:left; padding:0 0 0 2%;}
#myContentProfil IMG {width:100%; max-width:100%; height:auto;}
#zeile {width:97%; max-width:1280px; margin:0 auto; text-align:left; padding: 20px 0 0 0;}
#zeileN {width:97%; max-width:1280px; margin:0 auto; text-align:left; padding: 20px 0 0 0; font-size:14px}
#zeile H1 {font-weight:400; font-size:1.8em; line-height:1.4em; margin:5px 0px 15px 0px;}
#zeile H2 {font-weight:400; font-size:1.5em; line-height:1.5em; margin:5px 0px 15px 0px;}
#zeile H3 {font-weight:400; font-size:1.4em; line-height:1.4em; margin:5px 0px 15px 0px;}
#zeile H4 {font-weight:400; font-size:1.2em; line-height:1.2em; margin:5px 0px 5px 0px;}
#zeile .floater1{width:26.01%; float:left; text-align:left; position:relative; margin-top:15px;}
#zeile .floater2{width:26.01%; float:left; text-align:left; position:relative; margin: 0 10.50%; margin-top:15px;}
#zeile .floater3{width:26.01%; float:left; text-align:left; position:relative; margin-top:15px;}
#zeileN .floaterN1{width:19%; float:left; text-align:left; position:relative; margin-top:15px; margin-right:1%}
#zeileN .floaterN2{width:19%; float:left; text-align:left; position:relative; margin-top:15px; margin-right:1%}
#zeileN .floaterN3{width:19%; float:left; text-align:left; position:relative; margin-top:15px; margin-right:1%}
#zeileN .floaterN4{width:19%; float:left; text-align:left; position:relative; margin-top:15px; margin-right:1%}
#zeileN .floaterN5{width:19%; float:left; text-align:left; position:relative; margin-top:15px; margin-right:0%}
#zeile IMG {width:100%; min-width:333px; height:auto; }
#zeileN IMG {width:100%; height:auto; }
@media screen and (max-width: 1280px) {
#zeile IMG { min-width:auto; }
#zeileN { font-size:12px; line-height:16px;}
#myContentProfilRIGHTN .adress{ margin-bottom:25px;font-size:12px; line-height:16px;}
#myContentProfilLEFTN .adress{ margin-bottom:25px;font-size:12px; line-height:16px;}
#zeileN IMG { min-width:auto; }
}
@media screen and (max-width: 1024px) {
#zeileN { font-size:10px; line-height:14px;}
}
@media screen and (max-width: 780px) {
#zeile .floater1{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px;}
#zeile .floater2{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px;}
#zeile .floater3{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px;}
#zeileN .floaterN1{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px; margin-right:0}
#zeileN .floaterN2{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px; margin-right:0}
#zeileN .floaterN3{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px; margin-right:0}
#zeileN .floaterN4{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px; margin-right:0}
#zeileN .floaterN5{width:100%; float:none; padding:0; text-align:left; position:relative; margin-top:15px; margin-right:0}
#zeile {width:100%; float:none; padding-left:2%; }
#zeileN {width:100%; float:none; padding-left:2%;font-size:100%; line-height:1.4em;}
#myContentProfilRIGHTN{ display:none}
#myContentProfilRIGHTN2{ display:block; width:98%; padding:0; padding-left:2%; }
#myContentProfilLEFTN{ display:block; width:98%; padding:0; padding-left:2%; }
#myContentProfilMIDDLEN{ display:block; width:98%; padding:0;}
#myContentProfilRIGHTN .adress{ margin-bottom:25px; font-size:100%; line-height:1.4em;}
#myContentProfilRIGHTN2 .adress{ margin-bottom:25px; font-size:100%; line-height:1.4em;}
#myContentProfilLEFTN .adress{ margin-bottom:25px; font-size:100%; line-height:1.4em;}
#myContentProfilLeft{width:96%; float:none; padding:0 2%;}
#myContentProfilRight{width:100%; float:none; }
#myContentProfilRight .adress{ width:100%; padding:0;}
#myContentInner H4 { width:96%; padding:0 2%;}
}
/* ------------------------------- Profil --------------------------------------*/
/* ------------------------------- Referenzen --------------------------------------*/
#myContentReferenz{ width:100%; text-align: left; margin: 0 auto; text-align:left; padding-top:170px; padding-bottom: 0px; z-index:2; background-color:#FFFFFF; margin-bottom:430px; position:relative; }
.myRefText{width:100%; margin: 0 auto; bottom:0; padding:2%; color:#FFFFFF; background-image:url("./../images/trans.png"); }
.myRefText H1{ font-size:28px; line-height:32px; font-weight:normal }
.mosaikInner{width:100%; margin: 0 auto; max-width:1280px;}
.mosaikInnerTop{width:100%; margin: 0 auto; max-width:1280px; font-family: 'Julius Sans One', sans-serif; text-transform: uppercase; font-weight:normal; font-size:1.2em;}
.mosaikInner H1{width:100%; padding:5px 0 5px 0; margin-bottom:10px; text-transform: uppercase; font-size:1.1em; font-weight:normal; line-height:1.3em;}
.mosaik {width:25%; float:left; max-width:320px; background-size: 100% auto; height:auto; margin-top:0px; position:relative; border:1px solid #FFFFFF;}
.mosaik IMG{width:100%; height:auto; max-height:180px;}
.mosaik .tooltiptext {
visibility: hidden;
width: 100%;
background-color: #ECECEC;
text-align: left;
padding: 2%;
left:0;
bottom:0;
/* Position the tooltip */
position: absolute;
z-index: 1;
font-size:12px;
}
.mosaik:hover .tooltiptext {
visibility: visible;
}
.mosaik .wo { background-color: #FFFFFF;
text-align: left;
padding: 2%;
left:0;
top:0;
position: absolute;
z-index: 1;
font-size:12px;}
@media screen and (max-width: 1280px) {
.mosaikInner H1{padding-left:2%}
.mosaikInnerTop{width:96%; padding: 0 2%; font-size:1.0em;}
}
@media screen and (max-width: 780px) {
.mosaik {width:50%; max-width:370px;}
}
@media screen and (max-width: 420px) {
.mosaik {width:100%; float:none; max-width:420px; margin-right:0%;}
.mosaik IMG{ max-height:none;}
}
/* ------------------------------- Referenzen --------------------------------------*/
/* ------------------------------- Presse --------------------------------------*/
#werbungX ul{list-style:none;}
#werbungX ul li {float:left; width:14.5%; margin:0 1% 35px 1%; height:310px; position:relative;}
#werbungX ul li IMG{width:100%; max-width:100%; height:auto; }
#werbungX ul li .halterbez{ position:absolute; bottom:0;}
@media screen and (max-width: 1080px) {
#werbung ul li {float:left; width:22%; margin:0 1% 25px 1%; height:360px;}
}
@media screen and (max-width: 600px) {
#werbung ul li {float:left; width:45%; margin:0 2% 25px 2%; height:400px;}
}
@media screen and (max-width: 400px) {
#werbung ul li {float:left; width:100%; margin:0 2% 25px 2%; height:auto;}
}
/* ------------------------------- Presse --------------------------------------*/
.left a.mybutton {color:#6B6B6B; border:1px solid #cccccc; border-radius: 5px 5px 5px 5px; background-color: #FFFFFF; padding:5px 10px 5px 10px; text-align:center; cursor:pointer; font-size:1.0em; }
#news2018{ z-index: 9999999; position:fixed; right:0; top:150px;}
#meldung{ z-index: 9999999; position:fixed; right:0; top:150px; width:100%; background-color: #FFFFFF; padding:5px 0; right:0:}
@media screen and (max-width: 880px) {#meldung{top:100px;}}
#cookie { overflow: hidden; background: #fff; color: #444; z-index: 9999999; font-size: 12px; line-height:14px; }
#cookie .v-message { padding: 5px 10px; text-align: left; }
#cookie .v-actions { }
#cookie .v-button {
background: #CEA25F;
background-image: -webkit-linear-gradient(top, #CEA25F, #AE8953);
background-image: -moz-linear-gradient(top, #CEA25F, #AE8953);
background-image: -ms-linear-gradient(top, #CEA25F, #AE8953);
background-image: -o-linear-gradient(top, #CEA25F, #AE8953);
background-image: linear-gradient(to bottom, #CEA25F, #AE8953);
border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #CEA25F;
color: #ffffff;
font-size:1.0em;
padding: 2% 10px;
}
#cookie .v-button.v-accept:before { content: "\2714"; }
#cookie .v-button:hover,
#cookie .v-button:focus {
background: #CEA25F;
background-image: -webkit-linear-gradient(top, #CEA25F, #AE8953);
background-image: -moz-linear-gradient(top, #CEA25F, #AE8953);
background-image: -ms-linear-gradient(top, #CEA25F, #AE8953);
background-image: -o-linear-gradient(top, #CEA25F, #AE8953);
background-image: linear-gradient(to bottom, #CEA25F, #AE8953);
border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #CEA25F;
color: #ffffff;
font-size:1.0em;
padding: 2% 10px; }
#cookie .v-button:active { background: #CEA25F;
background-image: -webkit-linear-gradient(top, #CEA25F, #AE8953);
background-image: -moz-linear-gradient(top, #CEA25F, #AE8953);
background-image: -ms-linear-gradient(top, #CEA25F, #AE8953);
background-image: -o-linear-gradient(top, #CEA25F, #AE8953);
background-image: linear-gradient(to bottom, #CEA25F, #AE8953);
border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #CEA25F;
color: #ffffff;
font-size:1.0em;
padding: 2% 10px; }
#cookie.v-bar { display: table; width: 100%; padding: 5px 0; }
#cookie.v-bar .v-message { display: table-cell; }
#cookie.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; }
#cookie.v-bar.v-top { position: relative; border-bottom: 0px solid #000; }
#cookie.v-bar.v-bottom { position: fixed; bottom: 0px; border-top: 1px solid #000; }
#cookie.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; }
#cookie.v-box .v-actions { float: left; margin: 5px 10px; }
#cookie.v-box.v-top-left { top: 0; left: 0; }
#cookie.v-box.v-top-right { top: 0; right: 0; }
#cookie.v-box.v-bottom-left { bottom: 0; left: 0; }
#cookie.v-box.v-bottom-right { bottom: 0; right: 0; }
.v-cookie-inner{text-align: left; max-width:1280px; margin:0 auto;}
/* RWD */
@media (max-width: 480px) {
#cookie.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; }
#cookie.v-box .v-message { display: table-cell; }
#cookie.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; }
#cookie .v-message { float: left; }
#cookie .v-actions { float: left; margin: 5px 10px; }
#cookie.v-bar .v-actions { width: auto; }
}
/* Skin - Yellow Alert */
#cookie.v-yellow-alert { background: rgba(0,0,0,0.5); border-color: #e2cd7b !important; }
/* Skin - Dark Clean */
#cookie.v-dark-clean { color: #fff; background: rgba(0,0,0,0.8); border-color: #55575f !important; }
#cookie.v-dark-clean .v-button {
background: #CEA25F;
background-image: -webkit-linear-gradient(top, #CEA25F, #AE8953);
background-image: -moz-linear-gradient(top, #CEA25F, #AE8953);
background-image: -ms-linear-gradient(top, #CEA25F, #AE8953);
background-image: -o-linear-gradient(top, #CEA25F, #AE8953);
background-image: linear-gradient(to bottom, #CEA25F, #AE8953);
border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #CEA25F;
color: #ffffff;
font-size:1.0em;
padding: 2% 10px;}
#cookie.v-dark-clean .v-button:hover,
#cookie.v-dark-clean .v-button:focus { background-color: #5cb85c; background-image: linear-gradient(#CEA25F, #AE8953); }
.code{font-size:20px; font-weight:bold; padding-right:15px; color:#888888}
.ui-draggable, .ui-droppable { background-position: top;}
.exposetab {margin:25px 0;}
.exposetab td{text-align:left; padding-left:25px; vertical-align:top}
.exposetab td.right{text-align:right; padding-right:0px;}
.exposetab td:first-child{width:100px; padding-left:0px;}
.exposetab td:nth-child(2){width:100px}
.exposetab td:nth-child(3){width:100px;}
.exposetab td:last-child{width:60px;padding-left:0px;}