@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
body {background:#fff;padding-top:78px}

/*page widths*/
body>header, body>nav, main, body>footer, #alertApp, .slideContainer, .fluidHeight {width:100%; float:left; clear:left; padding:0 20px; display:block;}
body>*>.wrap, body>footer>.fatFooter,#alertApp>*{max-width:1200px; width:100%; margin-left:auto; margin-right:auto; position:relative; overflow:auto;}

/* addon classes */
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;
}

/* forms */
.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

/* content */
.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

/* HEADER ------------------------------*/
body>header {height:78px; margin:0 auto; width:100%; background:rgba(5,75,129,.95); position: fixed; top: 0; z-index: 100;}
body.management>header {top:35px;}
body>header>.wrap {height:78px; overflow: visible}
#luchs, #luchs img {position:absolute; left:0; top:0; height:78px; width:143px;}
	#luchs {display:block; border-right:1px solid rgba(255,255,255, .2); width:170px;}
#decarlo, #decarlo img {position:absolute; left:18px; top:0; height:78px; width:126px;}
	#decarlo {display:block; left:178px; width:148px;}

/* PRIMARY NAV ------------------------------ */
body>header nav {background:none; overflow:visible;}
body>header nav ul {text-align:right; overflow:visible}
body>header nav li {display:inline-block; position:relative}
body>header nav a {color:#fff; font-size:.9375em; font-weight: 700; line-height:78px; padding:0 23px; display:inline-block; text-decoration:none; -webkit-text-size-adjust:none;}
body>header nav>ul>li:hover>a, body>nav>ul>li:active>a {background:#f14c38;color:#fff}
body>header nav>ul>li.on>a {background:#f14c38;color:#fff}
/*dhtml*/
body>header nav li ul{z-index:1;width:200px;padding:5px;background:#f14c38;position:absolute;overflow:auto;height:auto}
body>header nav>ul>li:last-child ul{right:0}
body>header nav li ul li{width:100%;display:block;float:left}
body>header nav ul li ul li a{background:none;color:#fff}
body>header nav li ul li a {font-size:.9em;line-height:1.1em;padding:.5em; font-family: "ff-tisa-web-pro",Times,Times New Roman,serif; font-style:italic; font-weight:100; display:block; width:100%; text-align:left; float:left}
body>header nav li ul li a:hover, .t1 li ul li a:active{color:#000; background:#fff}

/* mobile */
#mobilenav,.menu{display: none}


/* MAIN ------------------------------ */
main, .mceContentBody{background:#fff}
main>.wrap{padding-top:3em}
.home main>.wrap {padding-top:0}
.contentEditor{background:#fff; min-width:100%;}
/* side column */
main>div>aside {float: left; width:200px; overflow:hidden; line-height:1.3em; border-right: 1px solid #dbdbdb;}
/* t1 */
main>div>aside nav {width:200px; overflow:hidden; margin:0 0 40px;}
main>div>aside nav li {height:1%;overflow:hidden}
main>div>aside nav li a {padding:.75em 16px .75em  0; line-height:1.1em; display:none; border: none;}
main>div>aside nav li a:hover, main>div>aside nav li a:active {}
main>div>aside nav li.on>a {color:#000}
/* t2 */
main>div>aside nav li.on ul {}
main>div>aside nav li.on ul li {}
main>div>aside nav li.on ul li a {font-size:1em; color:#666; display: block;}
main>div>aside nav li ul li a:hover, main>div>aside nav li ul li a:active {color:#f14c38;}
main>div>aside nav li ul li.on>a {color:#000; background: url(/images/icons/16x16/navBullet.png) no-repeat 0 center; padding-left: 1em;}
/* t3 */
main>div>aside nav li ul li.on ul{}
main>div>aside nav li ul li.on ul li{}
main>div>aside nav li ul li.on ul li a{padding: .3em 16px .3em 2em; font-size:.8125em; color:#000;}
main>div>aside nav li ul li ul li a:hover, main>div>aside nav li ul li ul li a:active{color:#999;}
main>div>aside nav li ul li ul li.on>a{color:#f14c28; background: none;}
/* t4 */
main>div>aside nav li ul li ul li.on ul li a{padding-left:3.25em; font-size:.725em; color:#999}
main>div>aside nav li ul li ul li ul li a:hover, main>div>aside nav li ul li ul li a:active {color: #f14c38;}
main>div>aside nav li ul li ul li ul li.on>a{color:#000;}
/*section callouts*/
main>div>aside>a {width: 200px; display: block; padding: 2.5em 0 0; border-top: 1px solid #ccc;}
main>div>aside>a h1 {margin:0 0 .75em 0; font-size:1.25em; line-height: 1.3em; color: #000; font-style: italic;}
main>div>aside>a:hover h1 {color:#000;}
main>div>aside>a p {margin:0}
main>div>aside>a span {background: #f14c38; color: #fff; font-size: 1em; font-style: italic; text-align: center; display: block; padding: .625em 0 .75em;}
main>div>aside>a:hover span {background: #054b81; color: #fff;}
main>div>aside>a img {width: 100%; height: auto; margin-bottom: 0; display: block;}

/* content */
#content{float:right; width:calc(100% - 200px); padding:0 40px 50px 70px; overflow:hidden; min-height:600px; word-wrap:break-word; position:relative}
#content .photoright, #content .photoleft{max-width:50%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
#content img.phototreatment{max-width:50%;height:auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {}
.photoright{float:right;margin:0 0 3em 4em;clear:right}
.photoleft{float:left;margin:0 4em 3em 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight {border:1px solid #dbdbdb; overflow: auto; padding:2.25em 3em 1em; margin:1em 0;}
#content .highlight li {color: #666; font-style: italic; margin-top: .7em;}
#content * h1 {font-size:1.25em; margin-bottom:1em; font-style: italic;}
small, .textSm{font-size:.8em}
#content table, .contentEditor table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

.linkButton {font-size: 1.25em; line-height: 1.5em; padding: .5em 1.5em .625em; display: inline-block; width: auto; clear: both;}

#contentHome {float:left; width:100%; padding:8% 15%; overflow:hidden; word-wrap:break-word; position:relative; text-align: center;}
#contentHome h1 {font-size: 2.5625em; color: #767676; font-weight: 300; line-height: 1.2em; margin-bottom: 0;}
#contentHome h1:after {content: ""; display: block; width: 65%; height: 1px; background:#e8e8e8; margin: 1.2em auto; padding: 0;}
#contentHome p {font-size: 1.125em; line-height: 1.875em; color: #111f23;}
#contentHome p+p {margin-bottom: 5em;}

.projects #content > a {width: 29%; display: inline-block; vertical-align: top; margin: 0 2% 4em}
.projects #content > a > div {width: 100%; height: 0; padding-bottom: 100%; margin-bottom: 1.25em; display: block; background-size:cover; background-position:center; background-repeat:no-repeat}

.projects #content > a {background: #054b81; margin-bottom: 3.75%; position: relative}
.projects #content > a > div {margin-bottom: 0}
.projects #content > a:hover > div {opacity:0.5; -webkit-opacity:0.5}
.projects #content > a > span {font-size:1.25em; position: absolute; bottom:0; left:0; width: 100%; line-height: 130%; padding:.8em 1em; font-weight: 100; text-align:center; display:block; color:#fff; background: #f14c38; z-index: 10;}
.projects #content > a:hover > span {background: #054b81;}

blockquote {width:100%; float: left; position: relative; clear: both; background: #ececec; padding:1.5em 2.5em; border-left:4px solid #ccc; margin:1em 0 2em}
blockquote:before {content: "\201C"}
blockquote:after {content: "\201D"}


/* FOOTER ------------------------------ */
body>footer {padding-bottom:2em; color:#666; font-size:.75em; line-height:1.1em; margin-top:2em;}
body>footer>.wrap {overflow:visible; border-top:1px solid #dbdbdb; padding-top:2em;}
body>footer a {color:#666}
body>footer a:hover, footer a:active{color:#f14c38;}
body>footer a.on, footer .on>a {text-decoration:none; color:#054b81;}
.fatFooter{margin-bottom:2em;display:table}
.fatFooter>*{display:table-row}
.fatFooter>*>*{display:table-cell}
.fatFooter>*>*:last-child{width:1%;padding-right:0;white-space:nowrap}
body>footer nav{display:inline}
body>footer>div{min-height:18px}
#web-solutions-exposure {float:right;margin-left:11px}
#web-solutions-exposure a {opacity:1; filter:alpha(opacity=10)}
#web-solutions-exposure a:hover {opacity:.8; filter:alpha(opacity=80)}
#web-solutions-exposure img {margin-left:9px}

/* APPS ------------------------------ */

/* page header */
#pageHeader{width:100%; height:0; float: left; clear: both; padding-bottom: 16%; background-repeat: no-repeat; background-size: cover; background-position:center bottom;}



/* RESPONSIVE ------------------------------ */
@media screen and (max-width:1200px) { 
body>*>.wrap, body>footer>.fatFooter {width:100%}
}

@media screen and (max-width:1150px) { 
body>*>.wrap, body>footer>.fatFooter {width:100%}
body>header nav a {font-size:.8em; padding:0 18px;}
}

@media screen and (max-width:1024px) {
     body {padding-top:0}
body>header {height:118px; position: relative}
body>header>.wrap {height:118px}
body>header nav {background:none; overflow:visible; position: absolute; bottom: 0; right: auto; left: 0;}
body>header nav ul {text-align:right; overflow:visible}
body>header nav a {line-height:40px; padding:0 23px;}
}

@media screen and (max-width:820px) {
    body {padding:0}
body>header nav a {font-size:.875em;line-height:40px; padding:0 18px;}
body.management>header {top:0;}
body>header {position: relative;}
}

@media screen and (-webkit-device-pixel-ratio: 2) {
#luchs {background:url(/images/luchs@2x.png) no-repeat center center; background-size: 145px 78px;}
	#luchs img{visibility:hidden;}
#decarlo {background:url(/images/deCarloDoll@2x.png) no-repeat center center; background-size: 128px 78px;}
	#decarlo img{visibility:hidden;}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background-image:url(/images/icons/32x32/bullet.png)}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png)}
}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc{-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }