/* =============================================================================
   Modules
   ========================================================================== */

/* moduleJsNotice */
.js .moduleJsNotice { display: none; }
.no-js .moduleJsNotice, .no-js .moduleJsNotice a {color:#c00; display: block; } 

/* moduleHeader */
.moduleHeader {position:relative;}
.moduleHeader .boxOuter {height:55px; background:#f7f3ec url(../img/bg/header_mobile_gradient.gif) repeat-x;}
.moduleHeader .boxInner {width:302px; height:55px; background:url(../img/bg/header_mobile_small.png) 0 10px no-repeat;}
.moduleHeader a.boxLogo {display:block; width:130px; height:70px;}
.moduleHeader a.boxPhone {height:70px;left:130px;top:0px;width:180px;position:absolute;}
.moduleHeader ul {position:absolute; top:17px; right:10px; text-align:right; line-height:0.8125rem;}
.moduleHeader li a {color:#fff; font-size:0.75rem;}

/* moduleNavi */
.moduleNavi a {display:block; height:31px; padding:6px 0 0 0; background:url(../img/bg/gradient_navi_mobile.gif) repeat-x; color:#624e41; text-decoration:none; text-align:center; font-size:1.125rem;} 
.moduleNavi a:hover, .moduleNavi a.boxActive, .moduleNavi .boxActive a{color:#ff37aa;}
.moduleNavi .box1 a .boxHome {padding:0 0 0 24px; background-position:0 3px;}
.moduleNavi .box1 a:hover .boxHome, .moduleNavi .box1.boxActive a .boxHome {background-position:-200px 3px;}
.moduleNavi .boxGlow {display:none;}
.moduleNavi .boxArrow {display:none;}

.divCountryNavy {border-top:none;}
.divCountryNavy a {margin:0 1% 1% 0;width:32.5%;position:relative;display:block;float:left;}
.divCountryNavy a.last {margin:0;}
.divCountryNavy a img {width:100%;}

/* moduleFooter */
.moduleFooter {padding:12px 10px;} 
.moduleFooter p {font-size:0.875rem;text-align:center;} 

/* moduleImageSkiper */
.moduleImageSkiper {width:294px; margin:3px auto;}
.moduleImageSkiper a {display:block; float:left; width:45px; height:124px;}
.moduleImageSkiper a.boxDisabled {background:#fff !important; cursor:default;}
.moduleImageSkiper a.boxSkipLeft {margin:0 5px 0 0; background-position:0 15px;}
.moduleImageSkiper a.boxSkipRight {margin:0 0 0 14px; background-position:-962px 15px;}
.moduleImageSkiper .boxImages a {display:block; width:185px; height:124px; float:left; margin:0 6px 6px 0; text-decoration:none !important;}
.moduleImageSkiper .boxImagesWrap.js .boxImages a {margin:0 5px 10px 0;}
.moduleImageSkiper .boxImagesWrap {position:relative; float:left; width:185px;}
.moduleImageSkiper .boxImagesWrap.js {height:124px; overflow:hidden;}
.moduleImageSkiper .boxImagesWrap.js .boxImages {position:absolute; top:0; left:0; width:1000px;}

.moduleImageSkiper.moduleImageSkiperWidget .boxImages a {width:162px; height:139px;}
.moduleImageSkiper.moduleImageSkiperWidget .boxImages a.fancybox {width:185px;}
.moduleImageSkiper.moduleImageSkiperWidget .boxImages a.fancybox img {margin-top:0px;}
.moduleImageSkiper.moduleImageSkiperWidget .boxImagesWrap.js {height:139px;}
.moduleImageSkiper.moduleImageSkiperWidget .boxImagesWrap.js .boxImages a {margin:0 6px 10px 0;}
.moduleImageSkiper.moduleImageSkiperWidget .boxImages a[href="#box_video"] {width:201px;}
.moduleImageSkiper.moduleImageSkiperWidget .boxImages a[href="#box_video"] img {width:201px !important;}
.moduleImageSkiper.moduleImageSkiperWidget a {height:139px;}
.moduleImageSkiper.moduleImageSkiperWidget a.boxSkipLeft {background-position:0 21px;}
.moduleImageSkiper.moduleImageSkiperWidget a.boxSkipRight {background-position:-962px 21px;}

.moduleImageSkiper.moduleImageSkiperWidget [id^=eKomiWidget] {width:139px !important; height:139px !important;}
.moduleImageSkiper.moduleImageSkiperWidget [id^=eKomiWidget] img {width:139px !important; height:139px !important;}
.moduleImageSkiper.moduleImageSkiperWidget div[id^=eKomiWidget] {height:auto !important; width:auto !important; float:left;}

/* moduleKeyList */
.moduleKeyList {padding:15px 0 0 0;}
.gridPersonal .moduleKeyList {padding:0 0 0 0;}
.moduleKeyList li {margin:0 0 16px 0; padding:0 0 0 24px; font-weight:bold;position:relative;}
.moduleKeyList li span.spriteIcons {background-position:0 -94px;width:20px;height:20px;position:absolute;top:0;left:0;}
.moduleKeyList li span.boxNormalWeight {font-weight:normal;}

/* moduleNews */
.moduleNews {font-weight:bold; font-size:1rem;}
.moduleNews .boxColored {display:block; float:left; width:auto; padding:0 6px 0 0; color:#FF37AA;}
.moduleNews .boxText {float:left; width:80%;}

/* moduleSchnellrechner */
.moduleSchnellrechner {margin:3px 0; padding:7px 10px 10px 10px; border:3px solid #FF37AA;}
.moduleSchnellrechner span {display:block;}
.moduleSchnellrechner h3 {padding:0 0 6px 0;}
.moduleSchnellrechner .boxSubheadline {padding:0 0 10px 0;}
.moduleSchnellrechner .boxRow {margin:0 0 10px 0;}
.moduleSchnellrechner .boxLabel {float:left; width:9.62963%; height:26px;}
.moduleSchnellrechner .boxRaum {background-position:0 -196px;}
.moduleSchnellrechner .boxEinrichtung {background-position:-400px -193px;}
.moduleSchnellrechner select {padding:3px 2px 2px 2px; float:left; width:90.370%; border:1px solid #9f887a; color:#624E41; font-size:0.875rem;}
.moduleSchnellrechner .boxButton {display:block; float:right; width:64px; height:29px; margin:0 -2px 0 0; background:url(../img/buttons/btn_ok.gif) no-repeat;}
.moduleSchnellrechner .boxResult {float:right; color:#FF37AA;}
.moduleSchnellrechner .boxPlatzbedarf {margin:9px 0 0 0; padding:7px 0; border-top:1px solid #9f8879; border-bottom:1px solid #9f8879;}
.moduleSchnellrechner .boxGroesse {margin:0 0 9px 0;padding:7px 0; border-bottom:1px solid #9f8879;}

/* moduleImageText */
.moduleImageText .boxImg {margin:0 0 7px 0;}
.moduleImageText .boxImg img {width:100%; height:auto;}

/* moduleComment */
.moduleComment .boxText {position:relative; margin:0 0 10px 0; padding:17px 70px; background:#fff; font-style:italic;}
.moduleComment .boxText p {line-height:1.5rem;}
.moduleComment .boxStart {position:absolute; left:10px; bottom:10px; width:48px; height:37px; background-position:0 -400px;}
.moduleComment .boxEnd {position:absolute; right:10px; top:10px; width:48px; height:37px; background-position:-800px -400px;}
.moduleComment .boxName {display:block; margin:0 0 4px 0;}

/* moduleStichwort */
.moduleStichwort {width:102%;margin:0 0 0 -1%;}
.moduleStichwort h3 {padding:0 0 13px 32px; background-position:-800px -296px;}
.moduleStichwort a {padding:0 2% 13px;color:#FF37AA; text-decoration:none;display:inline-block;}
.moduleStichwort a:hover {text-decoration:underline;}
.moduleStichwort .box1 {padding:0 1% 10px;font-size:1rem;}
.moduleStichwort .box2 {padding:0 4% 10px;font-size:1.25rem;}
.moduleStichwort .box3 {font-size:1.625rem;}
.moduleStichwort .box4 {font-size:1.875rem;}
.moduleStichwort a > span {background:url("../img/sprites/sprite_icons.gif") no-repeat 0 0;width:28px;height:25px;display:inline-block;}
.moduleStichwort .boxEnglish {background-position:0 -980px;}
.moduleStichwort .boxItaliano {background-position:-300px -980px;}
.moduleStichwort .boxEspanol {background-position:-600px -980px;}
.moduleStichwort .boxPortuguese {background-position:-900px -980px;}
.moduleStichwort > div {text-align:center;}
.moduleStichwort > div.borderBottom {border-bottom:1px solid #fff;}

/* moduleContact */
.moduleContact {width:100%; position:fixed; left:0; bottom:0; }
.moduleContact .boxContent {margin:0 auto; position:relative; left:0; width:320px; height:99px; box-shadow:0 0 6px 0 #555;}
.moduleContact .boxLeft span {display:block; width:320px; height:99px; background:url(../img/bg/footer_mobile.gif) no-repeat;}
.moduleContact .boxRight {position:absolute; left:10px; bottom:10px;}
.moduleContact .boxRight a {display:block; width:265px; height:29px; background:url(../img/buttons/btn_online_anfrageformular.gif) no-repeat;}

/* moduleTable */
.moduleTable tr {border-top:1px solid #9F8879;}
.moduleTable tr:first-child {border-top:0px none transparent;}
.moduleTable tr th, .moduleTable tr td {text-align:left;}
.moduleTable tr td:first-child {text-align:center;}
.moduleTable tr th {padding:0 0 5px;}
.moduleTable tr td {vertical-align:top;padding:10px 0;}
.moduleTable .last {display:none;}
.ios .moduleTable .last {display:none;}


/* modulePlatzbedarf */
.modulePlatzbedarf {position:relative;}
.modulePlatzbedarf .boxSectionHead {margin:0 0 10px;border-bottom:1px solid #9f8879;}
.modulePlatzbedarf .boxCol div {margin:0 0 10px;}
.modulePlatzbedarf input {width:36px;border:1px solid #9f8879;float:left;margin:0 5px 0 0;padding:1px 0;}
.modulePlatzbedarf label {display:block;padding:2px 0 0 44px;}
.modulePlatzbedarf .boxButton {margin:0 0 40px;}
.modulePlatzbedarf .boxButton a {float:right;}
.modulePlatzbedarf #error_platzbedarf {display:none;}
/* Hinweis-Layer */
.hinweis {position:absolute; right:0px;bottom:25px; background:#fff; width:94%; border:1px solid #9f8879;display:none; padding:23px 3% 15px 3%;}
.hinweis_text_platzbedarf {float:left; padding-right:5px; width:250px; margin-top:15px;}
.hinweis #platzbedarf_high_security .left {float:left;padding-right: 5px;width: 250px;}
.link_close {position:absolute; display:block; top:7px; right:7px; color:#624e41; background:url(../img/close.gif) 0 0 no-repeat; width:14px; height:14px;}

/* moduleInfo */
.moduleInfo {margin:0 0 20px 0}
.moduleInfo div {border-top:1px solid #9f8879;padding:5px 0 5px 0;}
.moduleInfo div:first-child {border-top:0px none transparent;padding:0 0 5px 0;}
.moduleInfo p {padding:0;}

/* moduleInfoBox */
.moduleInfoBox {margin:30px 0 0 0;padding:10px;border:3px solid #FF37AA;}
.moduleInfoBox a {font-weight:bold;color:#FF37AA;}
.moduleInfoBox a:hover {text-decoration:none;}

/* moduleKontakt */
.moduleKontakt label {display:block;margin:2px 0 7px;} 
.moduleKontakt select {display:block;margin:0 0 7px;background:#fff;width:100%;}
.moduleKontakt input {width:98%;}
.moduleKontakt input.image_submit {width:auto;float:right;margin:0 2% 0 0;}
.moduleKontakt textarea {width:98%;}
.moduleKontakt > div {margin:0 0 5px;}
.moduleKontakt > div input, .moduleKontakt > div textarea, .moduleKontakt > div select{border:1px solid #9F8879;}
.moduleKontakt > div.boxRowSend input {border:none;}
.moduleKontakt > div.bg input, .moduleKontakt > div.bg textarea{background:#F5ECDE;}
.moduleKontakt > .boxRowFull > div input[type="radio"] {float:left;width:auto;margin: 4px 6px 0 0;border:none;}
.moduleKontakt > .boxRowFull > div label {padding: 0 0 0 19px;}
.moduleKontakt > .boxRowFull input[type="checkbox"] {float:left;width:auto;margin: 4px 6px 0 0;border:none;}
.moduleKontakt > .boxRowFull label {padding: 0 0 0 19px;}
.moduleKontakt > .boxRowFull label .boxSmall {font-size:0.75rem;}
.moduleKontakt .boxError {color:#cc0000;}