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

@font-face { font-family: 'roboto_slablight'; src: url('fonts/RobotoSlab-Light-webfont.eot'); src: url('fonts/RobotoSlab-Light-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Light-webfont.woff2') format('woff2'), url('fonts/RobotoSlab-Light-webfont.woff') format('woff'), url('fonts/RobotoSlab-Light-webfont.ttf') format('truetype'), url('fonts/RobotoSlab-Light-webfont.svg#roboto_slablight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto_slabregular'; src: url('fonts/RobotoSlab-Regular-webfont.eot'); src: url('fonts/RobotoSlab-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Regular-webfont.woff2') format('woff2'), url('fonts/RobotoSlab-Regular-webfont.woff') format('woff'), url('fonts/RobotoSlab-Regular-webfont.ttf') format('truetype'), url('fonts/RobotoSlab-Regular-webfont.svg#roboto_slabregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto_slabbold'; src: url('fonts/RobotoSlab-Bold-webfont.eot'); src: url('fonts/RobotoSlab-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoSlab-Bold-webfont.woff2') format('woff2'), url('fonts/RobotoSlab-Bold-webfont.woff') format('woff'), url('fonts/RobotoSlab-Bold-webfont.ttf') format('truetype'), url('fonts/RobotoSlab-Bold-webfont.svg#roboto_slabbold') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/montserrat-regular-webfont.woff2') format('woff2'),  url('fonts/montserrat-regular-webfont.woff') format('woff'),  url('fonts/montserrat-regular-webfont.ttf') format('truetype'),  url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'montserratbold'; src: url('fonts/montserrat-bold-webfont.eot'); src: url('fonts/montserrat-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/montserrat-bold-webfont.woff2') format('woff2'),  url('fonts/montserrat-bold-webfont.woff') format('woff'),  url('fonts/montserrat-bold-webfont.ttf') format('truetype'),  url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; }
/* style template 1.1 */
@-ms-viewport { width: extend-to-zoom; zoom: 1.0;}
[class^="ui-"], [class*=" ui-"] { font-family: 'userinterface'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ui-plus:before { content: "\41"; }
.ui-play:before { content: "\42"; }
.ui-pause:before { content: "\43"; }
.ui-notification:before { content: "\44"; }
.ui-minus:before { content: "\45"; }
.ui-info:before { content: "\46"; }
.ui-file-pdf:before { content: "\47"; }
.ui-file:before { content: "\48"; }
.ui-facebook:before { content: "\49"; }
.ui-checkmark:before { content: "\4a"; }
.ui-cancel:before { content: "\4b"; }
.ui-arrow-top:before { content: "\4c"; }
.ui-arrow-right:before { content: "\4d"; }
.ui-arrow-left:before { content: "\4e"; }
.ui-arrow-bottom:before { content: "\4f"; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em;}
.icon-edit:before { content: '\e800'; }
.icon-phone:before { content: '\e801'; }
.icon-menu:before { content: '\e802'; }
.icon-brush:before { content: '\e803'; }
.icon-ok:before { content: '\e804'; }


* { margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
html { -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-text-size-adjust:none; }
a img { border:none; }
hr { height:4px; border:none; background:#fa9d00; clear:both; margin:2em 0; }
iframe { border:none; }

/* TABLES */
table { width:100%; border-collapse:collapse; }
thead { border-collapse:collapse; }
caption { display: block; font-size:1.2em; font-weight:700; padding-bottom:.5em; }
table, thead, tbody, th, td, tr { display: block; }
thead tr { position: absolute; top:-999%; left:-999%; }
tbody tr { border-bottom: 1px solid #ccc; padding:.5em 0; }
td { min-height:1em; padding:.3em 1em .3em 35%; position: relative; }
td:before { content: attr(data-label)": "; font-weight: bold; left:1em; position: absolute; top:.3em; white-space: nowrap; width: 45%; }

/*=BRANDING */
.branding, .branding a { display:block; }

.hidden { display:none }
.clear { clear:both; float:none }
.floatLeft { float:left }
.floatRight { float:right }
dl.floatList dt, dl.floatList dd { display:inline-block; vertical-align:top  }
dl.floatList dt { width:30%; }
dl.floatList dd { width:65%; }

.btn { display:inline-block; padding:1em; background:#fff; text-decoration: none; color:#000; font-size:1em; line-height: 1em; text-align: center; border:none; cursor:pointer; -webkit-transition: 300ms all ease-in-out; -o-transition: 300ms all ease-in-out; transition: 300ms all ease-in-out; }
.btn:hover, .btn:focus, .btn:active { background:#333; color:#fff; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.nowrap { white-space: nowrap; }
.wide { width: 100%; display: block; }
.notification { padding:1em; background:#D85D00; color:#fff; font-size:1.2em; }
ul.styled, ul.styled ul { list-style:none; }
ul.styled li { padding:.3em 0; border-bottom:1px solid #ccc; }
ul.styled li:last-child { border-bottom:none; }
ul.styled li:before { content: "»"; line-height:1.5em; margin-right:.5em; }
ul.styled ul { margin-left:1em; margin-bottom:0; }
.content p, .content ul, .content ol, .content dl, .content table, .floatList { margin-bottom:2em; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.accHandler { cursor:pointer; }
.accHandler:after { display:inline-block; font-family: 'userinterface'; content:"\41"; float:right; font-size:60%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.accHandler.active:after { content:"\45"; }


/* Columns/tables for tiny screens */
@media only screen and (min-width:400px) {
[class*="col-tiny-"] { display: inline; float: left; margin-left: 1.5%; margin-right: 1.5%;}
.col-tiny-1 /* 12 x .col-tiny-1 = 100% */ { width: 5.333%; }
.col-tiny-1_09 /* 11 x .col-tiny-1_09 = 100% */ { width: 6.09%; }
.col-tiny-1_2 /* 10 x .col-tiny-1_2 = 100% */ { width: 7%; }
.col-tiny-1_33 /* 9 x .col-tiny-1_33 = 100% */ { width: 8.111%; }
.col-tiny-1_5 /* 8 x .col-tiny-1_5 = 100% */ { width: 9.5%; }
.col-tiny-1_71 /* 7 x .col-tiny-1_71 = 100% */ { width: 11.285%; }
.col-tiny-2/* 6 x .col-tiny-2 = 100% */ { width: 13.666%; }
.col-tiny-2_4/* 5 x .col-tiny-2_4 = 100% */ { width: 17%; }
.col-tiny-3/* 4 x .col-tiny-3 = 100% */ { width: 22%; }
.col-tiny-4/* 3 x .col-tiny-4 = 100% */ { width: 30.333%; }
.col-tiny-5/* .col-tiny-5 + .col-tiny-5 + .col-tiny-2= 100% */ { width: 38.666%; }
.col-tiny-6/* 2 x .col-tiny-6 = 100% */ { width: 47%; }
.col-tiny-7/* .col-tiny-7 + .col-tiny-5 = 100% */ { width: 55.333%; }
.col-tiny-8/* .col-tiny-8 + .col-tiny-4 = 100% */ { width: 63.666%; }
.col-tiny-9/* .col-tiny-9 + .col-tiny-3 = 100% */ { width: 72%; }
.col-tiny-10/* .col-tiny-10 + .col-tiny-2 = 100% */ { width: 80.333%; }
.col-tiny-11/* .col-tiny-11 + .col-tiny-1 = 100% */ { width: 88.666%; }
.col-tiny-12/* 1 x .col-tiny-12 = 100% */ { width: 97%; }
.col_group_tiny { margin-left:-1.5%; margin-right:-1.5%; }
}


/* Columns/tables for small screens */
@media only screen and (min-width: 600px) {
[class*="col-small-"] { display: inline; float: left; margin-left: 1.5%; margin-right: 1.5%;}
.col-small-1 /* 12 x .col-small-1 = 100% */ { width: 5.333%; }
.col-small-1_09 /* 11 x .col-small-1_09 = 100% */ { width: 6.09%; }
.col-small-1_2 /* 10 x .col-small-1_2 = 100% */ { width: 7%; }
.col-small-1_33 /* 9 x .col-small-1_33 = 100% */ { width: 8.111%; }
.col-small-1_5 /* 8 x .col-small-1_5 = 100% */ { width: 9.5%; }
.col-small-1_71 /* 7 x .col-small-1_71 = 100% */ { width: 11.285%; }
.col-small-2/* 6 x .col-small-2 = 100% */ { width: 13.666%; }
.col-small-2_4/* 5 x .col-small-2_4 = 100% */ { width: 17%; }
.col-small-3/* 4 x .col-small-3 = 100% */ { width: 22%; }
.col-small-4/* 3 x .col-small-4 = 100% */ { width: 30.333%; }
.col-small-5/* .col-small-5 + .col-small-5 + .col-small-2= 100% */ { width: 38.666%; }
.col-small-6/* 2 x .col-small-6 = 100% */ { width: 47%; }
.col-small-7/* .col-small-7 + .col-small-5 = 100% */ { width: 55.333%; }
.col-small-8/* .col-small-8 + .col-small-4 = 100% */ { width: 63.666%; }
.col-small-9/* .col-small-9 + .col-small-3 = 100% */ { width: 72%; }
.col-small-10/* .col-small-10 + .col-small-2 = 100% */ { width: 80.333%; }
.col-small-11/* .col-small-11 + .col-small-1 = 100% */ { width: 88.666%; }
.col-small-12/* 1 x .col-small-12 = 100% */ { width: 97%; }
.col_group_small { margin-left:-1.5%; margin-right:-1.5%; }

/* Reset table styles */
caption { display: table-caption; }
table { display: table; }
thead { display: table-header-group; }
tbody { display: table-row-group; }
tr { display: table-row; }
th, td { display: table-cell; vertical-align: top; }
td { min-height: auto; padding:.3em 1em; }
thead tr { position: static; left:auto; top:auto; }
td:before { display: none; content:""; width:auto; }
}


/* Columns for medium screens */
@media only screen and (min-width:700px) {
[class*="col-medium-"] { display: inline; float: left; margin-left: 1.5%; margin-right: 1.5%;}
.col-medium-1 /* 12 x .col-medium-1 = 100% */ { width: 5.333%; }
.col-medium-1_09 /* 11 x .col-medium-1_09 = 100% */ { width: 6.09%; }
.col-medium-1_2 /* 10 x .col-medium-1_2 = 100% */ { width: 7%; }
.col-medium-1_33 /* 9 x .col-medium-1_33 = 100% */ { width: 8.111%; }
.col-medium-1_5 /* 8 x .col-medium-1_5 = 100% */ { width: 9.5%; }
.col-medium-1_71 /* 7 x .col-medium-1_71 = 100% */ { width: 11.285%; }
.col-medium-2/* 6 x .col-medium-2 = 100% */ { width: 13.666%; }
.col-medium-2_4/* 5 x .col-medium-2_4 = 100% */ { width: 17%; }
.col-medium-3/* 4 x .col-medium-3 = 100% */ { width: 22%; }
.col-medium-4/* 3 x .col-medium-4 = 100% */ { width: 30.333%; }
.col-medium-5/* .col-medium-5 + .col-medium-5 + .col-medium-2= 100% */ { width: 38.666%; }
.col-medium-6/* 2 x .col-medium-6 = 100% */ { width: 47%; }
.col-medium-7/* .col-medium-7 + .col-medium-5 = 100% */ { width: 55.333%; }
.col-medium-8/* .col-medium-8 + .col-medium-4 = 100% */ { width: 63.666%; }
.col-medium-9/* .col-medium-9 + .col-medium-3 = 100% */ { width: 72%; }
.col-medium-10/* .col-medium-10 + .col-medium-2 = 100% */ { width: 80.333%; }
.col-medium-11/* .col-medium-11 + .col-medium-1 = 100% */ { width: 88.666%; }
.col-medium-12/* 1 x .col-medium-12 = 100% */ { width: 97%; }
.col_group_medium { margin-left:-1.5%; margin-right:-1.5%; }
}


/* Columns for large screens */
@media screen and (min-width:1000px), print {
[class*="col_"]:not(.col_group):not(.col_group_tiny):not(.col_group_small):not(.col_group_medium) { display: inline; float: left; margin-left: 1.5%; margin-right: 1.5%; }
.col_1 /* 12 x .col_1 = 100% */ { width: 5.333%; }
.col_1_09 /* 11 x .col_1_09 = 100% */ { width: 6.09%; }
.col_1_2 /* 10 x .col_1_2 = 100% */ { width: 7%; }
.col_1_33 /* 9 x .col_1_33 = 100% */ { width: 8.111%; }
.col_1_5 /* 8 x .col_1_5 = 100% */ { width: 9.5%; }
.col_1_71 /* 7 x .col_1_71 = 100% */ { width: 11.285%; }
.col_2/* 6 x .col_2 = 100% */ { width: 13.666%; }
.col_2_4/* 5 x .col_2_4 = 100% */ { width: 17%; }
.col_3/* 4 x .col_3 = 100% */ { width: 22%; }
.col_4/* 3 x .col_4 = 100% */ { width: 30.333%; }
.col_5/* .col_5 + .col_5 + .col_2= 100% */ { width: 38.666%; }
.col_6/* 2 x .col_6 = 100% */ { width: 47%; }
.col_7/* .col_7 + .col_5 = 100% */ { width: 55.333%; }
.col_8/* .col_8 + .col_4 = 100% */ { width: 63.666%; }
.col_9/* .col_9 + .col_3 = 100% */ { width: 72%; }
.col_10/* .col_10 + .col_2 = 100% */ { width: 80.333%; }
.col_11/* .col_11 + .col_1 = 100% */ { width: 88.666%; }
.col_12/* 1 x .col_12 = 100% */ { width: 97%; }
.col_group { margin-left:-1.5%; margin-right:-1.5%; }
.prefix_1 { padding-left: 8.333%; }
.prefix_1_09 { padding-left: 9.09%; }
.prefix_1_2 { padding-left: 10%; }
.prefix_1_33 { padding-left: 11.111%; }
.prefix_1_5 { padding-left: 12.5%; }
.prefix_1_71 { padding-left: 14.285%; }
.prefix_2 { padding-left: 16.666%; }
.prefix_2_4 { padding-left: 20%; }
.prefix_3 { padding-left: 25%; }
.prefix_4 { padding-left: 33.333%; }
.prefix_5 { padding-left: 41.666%; }
.prefix_6 { padding-left: 50%; }
.prefix_7 { padding-left: 58.333%; }
.prefix_8 { padding-left: 66.666%; }
.prefix_9 { padding-left: 75%; }
.prefix_10 { padding-left: 83.333%; }
.prefix_11 { padding-left: 91.666%; }
.suffix_1 { padding-right: 8.333%; }
.suffix_1_09 { padding-right: 9.09%; }
.suffix_1_2 { padding-right: 10%; }
.suffix_1_33 { padding-right: 11.111%; }
.suffix_1_5 { padding-right: 12.5%; }
.suffix_1_5 { padding-right: 12.5%; }
.suffix_1_71 { padding-right: 14.285%; }
.suffix_2 { padding-right: 16.666%; }
.suffix_2_4 { padding-right: 20%; }
.suffix_3 { padding-right: 25%; }
.suffix_4 { padding-right: 33.333%; }
.suffix_5 { padding-right: 41.666%; }
.suffix_6 { padding-right: 50%; }
.suffix_7 { padding-right: 58.333%; }
.suffix_8 { padding-right: 66.666%; }
.suffix_9 { padding-right: 75%; }
.suffix_10 { padding-right: 83.333%; }
.suffix_11 { padding-right: 91.666%; }
}


.clearfix:after, .col_group_tiny:after, .col_group_small:after, .col_group_medium:after, .col_group:after, .container:after, .floatList:after { clear:both; display:block; height:0; overflow:hidden; visibility:hidden; content:"."; }
.backToTop { background:#1b4890; border:2px solid #fff; color:#fff; text-decoration:none; padding:0.4em 0.6em; position:fixed; bottom:1em; right:1em; border-radius:50%; transition:0.5s; font-size:1.2em;}
.backToTop:hover { opacity:0.7;}
.backToTop:before { font-family:'userinterface'; content:'\4c';}
div.noticeBar { background:#b40000; color:#fff; display:block; width:100%; padding:10px 0; text-align:center }
div.noticeBar:before { font-family:"userinterface"; content:"\44"; margin-right:1em; font-size:150%; font-weight:normal; }
div.noticeBar.absolute { position:absolute; top:0; left:0; }
noscript div:first-child { display:none }
div.noticeBar a { color:#fff }
body.the-customer-page #log_hider { display:none; }
#log_container { height:100%; width:100%; position: fixed; top:-100%; left:0; color:#000; background:#eee; padding:2%; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-box-shadow: inset 0px 0px 1px 1px rgba(196,99,47, 0.5); box-shadow: inset 0px 0px 1px 1px rgba(196,99,47, 0.5); z-index:99999999; }
#log_container pre, #log_container .checkupXYZ { height:100%; overflow-y: scroll; background:#fff; padding:1%; }
#log_container:target, #log_container.show { top:0; }
#log_container ul { list-style: inside square }
#log_container ul ul { margin-left:2em; }
#log_container ul h3 { display:inline-block; }
#log_container ul li { padding:0.5em 0; border-bottom:1px solid #eee; }
#log_container ul li:last-child { border:none; }
#log_container h1 { text-align: center; padding-top:2em; }
#log_container h2 { padding-bottom:0.5em; border-bottom:1px solid #ccc; text-align: center; font-weight:normal; margin-top:4em; }
#log_container h3 { font-weight:normal; }
.checkupXYZ { width:960px; margin:0 auto; resize:horizontal; }
#log_container > p { margin-bottom:4em; }
#log_container .checkup_pages li { padding:1em; }
.checkup_pages > li:nth-child(odd) { background:#F4F4F4; }
#log_container .checkup_pages .sub { margin-left:2em; }
.informatizer { background:#8DD45C; padding:1%; position: fixed; top:2%; right:2%; display:block; color:#fff; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; text-decoration:none; }
.informatizer:before { font-family: 'userinterface'; content:"\46"; margin-right:1em; font-size:150%; line-height: 100% }
.informatizer a { color:#fff; }
#cboxOverlay { background: rgba(0, 0, 0, 0.5); }
#cboxWrapper { background:white; padding:3px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
#cboxLoadedContent { background: white; }
#cboxPrevious { top:50%; left:-3em; height:25px; width:25px; }
#cboxPrevious:before { font-family: 'userinterface'; content: 'N'; color: #949494; font-size: 16px; height: 25px; line-height: 25px; width: 25px; }
#cboxPrevious:hover:before { background: #949494; color: white; border-radius:50%; }
#cboxNext { top:50%; right:-3em; height:25px; width:25px; }
#cboxNext:before { font-family: 'userinterface'; content: 'M'; color: #949494; font-size: 16px; height: 25px; line-height: 25px; width: 25px; }
#cboxNext:hover:before { background: #949494; color: white; border-radius:50%; }
#cboxClose { top: -3px; right: -28px; width: 25px; height: 25px; background: white; }
#cboxClose:hover { background: #949494; }
#cboxClose:before { font-family: 'userinterface'; content: 'K'; color: #949494; font-size: 12px; top: 5px; left: 6px; }
#cboxClose:hover:before { color: white; }
#cboxCurrent { bottom:-2em; left:1em; color:#949494; font-family: arial; font-size: 12px; line-height: 2em; position:absolute }
#cboxTitle { color: #949494; font-family: arial; font-size: 12px; background: white; line-height:2em; min-height:2em; position:absolute; bottom:-2em; left:0; text-align:right; width:99%; padding-right:1%; margin:0 0 0 -3px; border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; }
#cboxSlideshow { color:#949494; font-size: 12px; font-weight: bold; font-family: arial; }
#cboxSlideshow:hover { color:#ddd; font-size: 12px; font-weight: bold; font-family: arial; }
#colorbox:after, #colorbox *:after { content:""!important; }
 #colorbox, #cboxOverlay, {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden
}
#colorbox { z-index:1100 }
#cboxOverlay { position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.7); z-index: 1000; }
#cboxMiddleLeft, #cboxBottomLeft { clear:left }
#cboxContent { position:relative; background:#fff;/*overflow:hidden*/ }
#cboxLoadedContent { overflow:auto; -webkit-overflow-scrolling:touch; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; height:100% }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer }
.cboxPhoto { float:left; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; margin:auto }
.cboxIframe { width:100%; height:100%; display:block; border:0; background:#fff }
#colorbox * { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; }
#cboxError { border:1px solid #ccc; padding:50px }
#cboxLoadingGraphic { background:url(../images/loading.gif) no-repeat center center }
#cboxSlideshow { position:absolute; bottom:4px; right:30px; border:0; overflow:visible; width:auto; background:none; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; -o-transition:500ms; margin:0; padding:0 }
#cboxClose:before { position:absolute; text-indent:0; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; -o-transition:500ms }
#cboxClose { position:absolute; text-indent:-9999px; border:0; overflow:visible; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; -o-transition:500ms; margin:0; padding:0 }
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}
#colorbox, #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline:0 }
#cboxPrevious, #cboxNext { position:absolute; text-indent:-9999px; border:0; overflow:visible; background:none; margin:0; padding:0 }
#cboxPrevious:before, #cboxNext:before { position:absolute; text-indent:0; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; -o-transition:500ms; top:2px; left:0 }
/**
 * jQuery content slideshow
 * @name showslide
 * @author Dominik Kressler
 * @version 1.2.6
 * @category jQuery plugin
 * @copyright (c) 2013
 *
 * Changelog:
 *
 * http://dev.euroweb-websites.de/slideshow/readme.html
*/
@font-face { font-family: 'showslideui'; src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAUoAAsAAAAAB+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAe4AAALwhwvQv0ZGVE0AAAL4AAAAGgAAABxmXPl6R0RFRgAAAxQAAAAdAAAAIAAzAARPUy8yAAADNAAAAEsAAABgL9zcQGNtYXAAAAOAAAAAPQAAAVLgFfLNaGVhZAAAA8AAAAAuAAAANv3yywVoaGVhAAAD8AAAAB4AAAAkBBD/5GhtdHgAAAQQAAAAEgAAABIEYACAbWF4cAAABCQAAAAGAAAABgAGUABuYW1lAAAELAAAAO0AAAG25zzFWXBvc3QAAAUcAAAADAAAACAAAwAAeJxNUc9rE0EUfrPZTZawbE1IisLatCCIF5u2i4cqihWleI3HQkupYFDsoQ29NNvWCP54Fw/Bo3gQT714EQ9t9WAFKWIP/QM8CoFA6WHHGHzOm8kmvbxf8+ab7/tGgG2DEMJbebC8tvKounS/VgVhgYDrctSSYyl51kYvhZ49koVzlTwh9gsvgw9lU646AbwfCgDOBPAhF4AbWL/zkGEMF4ZgGM7DBRiH6drj6p1yuazS7X6aMGnSpKlTJE7zARDPxHPxQrwUCGkGtsATWcux8tZFH+Wq3W3KZsYnceXtU4JL8/Ui0cnmVw7fiFq7l9GU4G1cJfrz5QlB+kadqPtrhsAtv0OOiyYSpEp7espLkd50Carz6xzq9O/HzVl0iNqVj0TH23cJfFVBjqtcv01mJRKTe5/U86+ZmQJxmMk+M7mm3ivMHBpS3Cch6ugDND2dbKXdOCRaAOEko819BdnaaScy1YpP8F3RE+qhYh9umpFeaaR6zwItXFvAOin+OYcc35jInoCe8lJDb7rMvmEkKDUdpX6gVFtgzGhXar32eBv1rMRupZGFf9b3tYBIEx4IaOh+IIV/bBwTn6KO+zeMQyf5wajDvt3KJ76pc78lwyJ2C/FRfM/xD1Sj6lAWMgfDvcKXzQIW0cv+B0k3Zx0AAHicY2BgYGQAgpOd+YYg+lzmURUYDQBCZQY0AAB4nGNgZGBg4ANiCQYQYGJgBEJWIGYB8xgABIEAOAAAAHicY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwMjPAgQCCyRCQ5prC4PCA4QMD44P/Dxj0GB8wKDQwMDDCFSgAISMAEEIMHwB4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkHzB8Y/v8HsxggLAUmAUaoLjBgZGNA5o5IAADMzQixAAAAeJxjYGRgYADipnuGs+L5bb4ycDMxgMC5zKMqCPr/AyYGxgdALgcDWBoANMIK5gAAeJxjYGRgYHzw/wGDHhMDA8M/BiAJFEEBzABt5wP2AAACAAAAAAAAAAIAACAAIABgAEAAAAAAUAAABgAAeJyNjjFqw0AQRZ9s2SE4pDIh5RaBVBLSJhhsUrtM4cK9wYssEFqQLHyJ1DlJjpED5Bg5QIp8yVukSOGF5b/5+2d2gBveiehPxIz7wCOueA485pG3wLEyn4En4u/AU2bRXMkovpZzN3T1POKWh8BjXnkJHCvzEXgi/go8Ff/QcsBzklaU7HF0UtqDP7VVuXedio3cQn7FjkalK7pqJ1irs+Y4aKOEw2BJyaQr3f9nn98sCxKWulb5nCeN8/Vx7ZvCGZtmZmX+7KDKLpJlYrNcwUt23sptlCiHHY1+6Pdi65q29LXJ0+yiOb/NqEgEAAAAeJxjYGbACwAAfQAE) format('woff'),  url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWZc+XoAAAZwAAAAHEdERUYANQAGAAAGUAAAACBPUy8yL7rcHwAAAVgAAABWY21hcOAX89QAAAHMAAABUmdhc3D//wADAAAGSAAAAAhnbHlmHkrLuAAAAzQAAAEAaGVhZP3yywUAAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BQoAgAAAAbAAAAAabG9jYQDsAKIAAAMgAAAAEm1heHAATAAbAAABOAAAACBuYW1l5zzFWQAABDQAAAG2cG9zdBwbgkMAAAXsAAAAWgABAAAAAQAAcBAc+l8PPPUACwIAAAAAAM5pxSQAAAAAzmnFJAAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAIABgAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4ADwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAAAAAAIAACAAIABgAEAAAAAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAA4APwAP//AAAAAOAA8AD//wAAIAQQAwABAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOADYAXgBsAIAAAAABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAQAgACAB4AGgABcAACU3NjQvASYiBhQfASEiBhQWMyEHBhQWMgE3oAkJoAoaEwlq/s0NExMNATNqCRMaKaAKGgqgCRMaCmkTGhNpChoTAAABACAAIAHgAaAAFwAAEwcGFB8BFjI2NC8BITI2NCYjITc2NCYiyaAJCaAKGhMJagEzDRMTDf7NagkTGgGXoAoaCqAJExoKaRMaE2kKGhMAAAEAYAAgAaABoAACAAATDQFgAUD+wAGgwMAAAAACAEAAIAHAAaAAAwAHAAATMxEjEzMRI0CgoOCgoAGg/oABgP6AAAAAAAAMAJYAAQAAAAAAAQALABgAAQAAAAAAAgAHADQAAQAAAAAAAwAnAIwAAQAAAAAABAALAMwAAQAAAAAABQALAPAAAQAAAAAABgALARQAAwABBAkAAQAWAAAAAwABBAkAAgAOACQAAwABBAkAAwBOADwAAwABBAkABAAWALQAAwABBAkABQAWANgAAwABBAkABgAWAPwAcwBoAG8AdwBzAGwAaQBkAGUAdQBpAABzaG93c2xpZGV1aQAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAARgBvAG4AdABGAG8AcgBnAGUAIAAyAC4AMAAgADoAIABzAGgAbwB3AHMAbABpAGQAZQB1AGkAIAA6ACAAMgA2AC0AOQAtADIAMAAxADMAAEZvbnRGb3JnZSAyLjAgOiBzaG93c2xpZGV1aSA6IDI2LTktMjAxMwAAcwBoAG8AdwBzAGwAaQBkAGUAdQBpAABzaG93c2xpZGV1aQAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAcwBoAG8AdwBzAGwAaQBkAGUAdQBpAABzaG93c2xpZGV1aQAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAABAAIBAgEDAQQBBQEGB3VuaUYwMDAHdW5pRTAwMAd1bmlFMDAxB3VuaUUwMDIHdW5pRTAwMwAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAHAAEABAAAAAIAAAAAAAEAAAAAyYlvMQAAAADOacUkAAAAAM5pxSQ=) format('truetype'); font-weight: normal; font-style: normal; }
/**
 * SPEED SETTING
 */
.slider > .animate { -webkit-transition-duration: 1000ms; -moz-transition-duration: 1000ms; -ms-transition-duration: 1000ms; -o-transition-duration: 1000ms; transition-duration: 1000ms; }
/**	
* SPECIAL EASINGS
* FOR MORE EASINGS: http://matthewlein.com/ceaser/
**/
.slider.horizontal > .animate { transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */ }
.slider.vertical > .animate { transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */ }
.slider.fade > .animate { transition-timing-function: linear; /* easeOutCubic */ }
.slider.flip > .animate { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ }
.slider.puffOut > .animate { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ }
.slider.puffIn > .animate { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */ }
.slider.zoomOut > .animate { transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */ }
.slider.zoomIn > .animate { transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */ }
/**
 * NAVIGATION
 */
a.showslideController.showslideNext:before, a.showslideController.showslidePrev:before, a.showslideController.showslidePlay:before, a.showslideController.showslidePlay.true:before { font-family: 'showslideui'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-indent: 0; display:block; font-size:16px; text-align: center; line-height:35px; }
a.showslideController.showslideNext:before { content: "\e000"; }
a.showslideController.showslidePrev:before { content: "\e001"; }
a.showslideController.showslidePlay:before { content: "\e002"; }
a.showslideController.showslidePlay.true:before { content: "\e003"; }
/**	
* GLOBALS
**/
.slider { width:100%; height:615px; position:relative; background:#fff; z-index:1; margin:90px 0 11px 0; background:url(../images/layout/slide/malerfachbetrieb-koch-01.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.slider div { width:100%; height:615px;}
.slider .slide1 { background:url(../images/layout/slide/malerfachbetrieb-koch-01.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.slider .slide2 { background:url(../images/layout/slide/malerfachbetrieb-koch-03.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
.slider .slide3 { background:url(../images/layout/slide/malerfachbetrieb-koch-02.jpg) center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}


a.showslideController { width:35px; height:35px; display:block; background-color:rgba(0,0,0,0.3); border-radius:50%; position:absolute; font-size:0; text-decoration:none; color:#fff;}
.showslideController { cursor:pointer; list-style:none; z-index:100!important; -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; opacity:0; }
a.showslideController:hover { background-color:rgba(0,0,0,0.7); }
.slider:hover .showslideController { opacity:1; }
a.showslideController.showslidePlay { bottom:17px; left:50%; margin-left:-17px; }
a.showslideController.showslidePrev, a.showslideController.showslideNext { top:50%; margin-top:-17px; }
a.showslideController.showslidePrev { left:17px; }
a.showslideController.showslideNext { right:17px; }
.showslideSelect { z-index:100!important; position: absolute; bottom:25px; left:25px; }
.showslideSelect li { float:left; text-indent:-9999px; width:8px; height:8px; border-radius:50%; background:#fff; opacity:0.5; margin-right:5px; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.showslideSelect.thumbnails li { width:64px; height:64px; background-size:cover; border:3px solid #3FA9F5; }
.showslideSelect li.active, .showslideSelect li:hover { opacity:1; border-width:5px; }
.slider { overflow:hidden; }
.slider .slide:not(.active) { z-index:1; }
.slider .slide { width:100%; height:100%; display:block; position:absolute; }
.slider .slide.col_group { width: 103%; }
.slider .tile { float:left; background-size:auto; }
/**	
* ELEMENTS WITH data-caption-ATTRIBUTES
**/
.slider .slide[data-caption]:after { content:attr(data-caption); background:rgba(255, 255, 255, 0.5); left:0; color: #000; display:block; padding:1em; position:absolute; width:100%; top:-100%; }
.slider .slide.active[data-caption]:after { top:0; }
/**	
* TRANSITIONS
**/
.slider .slide[data-caption]:after, .slider.fade > .animate, .slider.horizontal > .animate, .slider.vertical > .animate, .slider.zoomOut > .animate, .slider.zoomIn > .animate, .slider.puffOut > .animate, .slider.puffIn > .animate { -webkit-transition-property:all; -moz-transition-property:all; -o-transition-property:all; transition-property:all; }
.slider .slide { z-index:1; }
.slider .slide.active { z-index:10; }
/**	
* FADE
**/
.slider.fade .slide { opacity:0; }
.slider.fade .slide.active { opacity:1; }
/**	
* HORIZONTAL
**/
.slider.horizontal .slide.active { left:0; z-index:10; }
.slider.horizontal .slide.right { left:100%; z-index:1; }
.slider.horizontal .slide.col_group.right { left:103%; }
.slider.horizontal .slide.left { left:-100%; z-index:1; }
.slider.horizontal .slide.col_group.left { left:-103%; }
/**	
* VERTICAL
**/
.slider.vertical .active { top:0; z-index:10; }
.slider.vertical .left { top:-100%; z-index:1; }
.slider.vertical .right { top:100%; z-index:1; }
/**	
* FLIP
**/
.slider.flip > .animate { -webkit-transition:all 2000ms ease-in-out; -moz-transition:all 2000ms ease-in-out; -o-transition:all 2000ms ease-in-out; transition:all 2000ms ease-in-out; }
.slider.flip { overflow:visible }
.slider.flip .left { opacity: 0; -webkit-transform: perspective(200px) rotateY(-100deg) translateX(200%); -moz-transform:  perspective(200px) rotateY(-100deg) translateX(200%); -ms-transform:  perspective(200px) rotateY(-100deg) translateX(200%); -o-transform:  perspective(200px) rotateY(-100deg) translateX(200%); transform:  perspective(200px) rotateY(-100deg) translateX(200%); }
.slider.flip .right { opacity: 0; -webkit-transform: perspective(200px) rotateY(100deg) translateX(-200%); -moz-transform:  perspective(200px) rotateY(100deg) translateX(-200%); -ms-transform:  perspective(200px) rotateY(100deg) translateX(-200%); -o-transform:  perspective(200px) rotateY(100deg) translateX(-200%); transform:  perspective(200px) rotateY(100deg) translateX(-200%); }
.slider.flip .active { opacity: 1; -webkit-transform: perspective(0) rotateX(0) translateZ(0); -moz-transform: perspective(0) rotateX(0) translateZ(0); -ms-transform: perspective(0) rotateX(0) translateZ(0); -o-transform: perspective(0) rotateX(0) translateZ(0); transform: perspective(0) rotateX(0) translateZ(0); }
/**	
* puffOut
**/
.slider.puffOut { overflow:visible }
.slider.puffOut .left { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.slider.puffOut .right { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.slider.puffOut .active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/**	
* puffIn
**/
.slider.puffIn { overflow:visible }
.slider.puffIn .left { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); }
.slider.puffIn .right { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.slider.puffIn .active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/**	
* zoomOut
**/
.slider.zoomOut .left { opacity: 0; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); }
.slider.zoomOut .right { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.slider.zoomOut .active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/**	
* zoomIn
**/
.slider.zoomIn .left { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.slider.zoomIn .right { opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
.slider.zoomIn .active { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
html { overflow-y:scroll; overflow-x:hidden; font:400 100%/1.5em 'roboto_slablight', Arial, sans-serif; background:#fcfbfb; color:#334b44; }
::selection { background:#000; color:#fff;}
::-moz-selection { background:#000; color:#fff;}
.map {border:none; width:100%; height:350px;}

@media only screen and (min-width:1650px) {
	body { padding:0 50px;}
}

a { color:#fa9d00; text-decoration:underline; outline:none; cursor:pointer;}
a:hover { text-decoration:none;}
.image { border:1px solid #bebebe; height:auto; max-width:100%; margin-bottom:1.5rem;}
.highlight1 { color:#990000;}
.highlight2 { text-transform:uppercase;}
#googlemaps-address iframe { width:100%; height:30rem; border:none; margin-bottom:2.063rem;}

.container { max-width:1200px; margin:0 auto;}

h1, h2, h3, h4, h5, h6 { text-rendering:optimizeLegibility;}


/* ALL NAVIGATIONS */
nav { position:relative; overflow:hidden;}
nav ul, #naviAdd, .naviAddFooter { list-style:none;}
#navi a, #naviAdd a, .naviAddFooter a { display:block; text-decoration:none;}
.toggle-navi { background:#005ea7; color:#fff; display:block; padding:.8rem 0; z-index:2; position:fixed; top:-1px; left:0; width:100%; height:4rem; font-size:1.4rem; z-index:2; text-decoration:none;}
.toggle-navi:after { display:block; font-family:'fontello'; font-size:1em; line-height:1em; margin-top:-.5em; transform:translate(0,0); content:"\e802"; position:absolute; top:50%; right:1.5rem;}
.toggle-navi span { display:block; text-indent:-9000px; overflow:hidden;}

@media only screen and (min-width:1000px) {
    .toggle-navi { display:none;}
}

/* navi */
#navi { max-height:0; transition:.5s; width:100%;}
#navi:target { max-height:100rem;}
#navi > li { position:relative;}
#navi > li > a { font:0.875rem/1rem 'montserratbold'; text-transform:uppercase; transition:.5s;}

@media only screen and (min-width:550px) and (max-width:999px) {
    #navi > li { display:inline-block !important; width:50%;}
    #navi > li:nth-child(2n+1) { border-right:1px solid rgba(255,255,255,.4);}
}

@media only screen and (max-width:999px) {
    #navi { padding-top:4rem; background:#005ea7;}
    #navi > li { display:block; border-top:1px solid rgba(255,255,255,.4);}
    #navi > li > a { color:#fff; padding:.8rem 0 .8rem 1.2rem;}
    #navi > li:hover > a { background:rgba(255,255,255,.4);}
    #navi > li.active > a { color:rgba(255,255,255,.5);}
}
@media only screen and (min-width:1000px) {
	nav { overflow:visible;}
    #navi { max-height:none; position:absolute; top:41px; left:0; border-top:1px solid #f2f2f2; text-align:center;}
    #navi > li { display:inline-block;}
    #navi > li.startseite, #navi > li.kontakt, #navi > li.anfahrt, #navi > li.impressum, #navi > li.datenschutz, #navi > li.verkaufsraum, #navi > li.leistungen, #navi > li.aktuelles, #navi > li.partner{ display:none;}
    #navi > li > a { color:#005ea7; letter-spacing:.08em; padding:0.688rem 0 0.4rem 0; border-bottom:4px solid #fcfbfb;}

    .iexplore #navi > li > a {letter-spacing:.04em;}

    #navi > li > a:hover { border-bottom:4px solid #b4cb03;}
    #navi > li.active > a { border-bottom:4px solid #fa9d00;}
}
@media only screen and (min-width:1000px) and (max-width:1199px) {
    #navi > li > a > span { display:none;}
    #navi > li { padding:0 16px;}
}

@media only screen and (min-width:1200px) {
    #navi > li > a > span { font-family:'montserratregular';}
    #navi > li { padding:0 18px;}
	#navi > li.fassaden-daemmung { padding-right:0;}
	#navi > li.kohnert-das-sind-wir { padding-left:0;}
}

/* naviAdd */

@media only screen and (max-width:999px) {
    #naviAdd { display:none;}
}
@media only screen and (min-width:1000px) {
    #naviAdd { position:absolute; top:11px; right:14px;}
    #naviAdd > li { display:inline-block; padding-left:1.2rem; position:relative;}
    #naviAdd > li:after { position:absolute; bottom:2px; right:-9px; display:block; width:1px; height:1px; content:''; background:#919191;}
    #naviAdd > li.kontakt:after { display:none;}
    #naviAdd > li > a { font:0.75rem/1em 'roboto_slabregular'; color:#919191; letter-spacing:.2em; text-transform:uppercase; transition:.5s;}
    #naviAdd > li.kontakt a { font-family:'roboto_slabbold';}
    #naviAdd > li > a:hover { color:#b4cb03;}
    #naviAdd > li.active > a { color:#fa9d00;}
}

/* naviAddFooter */

@media only screen and (min-width:1000px) {
    .naviAddFooter > li > a { transition:.8s; color:#334b44;}
    .naviAddFooter > li > a:hover { color:#b4cb03;}
    .naviAddFooter > li.active > a { color:#fa9d00;}
}

/* header */
.header .branding img { height:auto; max-width:100%;}
.header #topLine { border-bottom:1px solid #d7d7d7;}
.header #top .container { position:relative;}
.header #infoBox address { font-style:normal; font:0.75rem/1.2rem 'roboto_slabregular'; color:#919191; text-transform:uppercase; letter-spacing:.2em;}
.header #infoBox address strong { font-family:'roboto_slabbold'; font-weight:normal;}
.header #infoBox span.phone { font:1.125rem/1rem 'roboto_slabregular'; color:#919191;}
.header #infoBox span.phone span.highlight { font-family:'roboto_slabbold'; font-weight:normal;}

@media only screen and (max-width:499px) {
	.header #infoBox span.show { display:block; font-size:.0001rem; line-height:.0001rem; text-indent:-9000px; overflow:hidden;}
}
@media only screen and (max-width:699px) {
    .header { margin-bottom:5%;}
    .header .branding { padding:5%;}
    .header #infoBox address { padding-bottom:4%;}
}
@media only screen and (min-width:700px) and (max-width:999px) {
    .header .branding { padding:2%;}
    .header #infoBox address { padding-bottom:2%;}
}
@media only screen and (min-width:700px) and (max-width:1199px) {
    .header #top { margin-bottom:5%;}
}
@media only screen and (max-width:999px) {
    .header .branding { text-align:center;}
    .header #infoBox { text-align:center;}
    .header p#claim { display:none;}
    .header #slideshow { display:none;}
    .header #infoBox { margin-bottom:5%;}
    .header .container.top .branding { display:none;}
    .header #headerBoxes { display:none;}
    .header #white { display:none;}
    .header #infoBox span.phone { letter-spacing:.2rem;}
}
@media only screen and (min-width:1000px) {
	.header .container.top { min-height:716px; position:absolute; top:0; left:50%; margin-left:-600px; z-index:2; width:1200px;}
    .header .container.top .branding { position:absolute; top:163px; left:120px; width:590px; height:91px; z-index:2;}
    .header p#claim { position:absolute; top:390px; left:82px; font-size:1.875rem; line-height:1em;}
    .header p#claim span.first { display:inline-block; background:#fa9d00; color:#fff; padding:1.2rem; border-left:18px solid #ffcb01;}
    .header p#claim span.second { display:inline-block; background:#019fdb; color:#fff; font-style:italic; margin-left:130px; padding:1.2rem;}
    .header p#claim b { font-family:'roboto_slabbold'; font-weight:normal; font-style:normal !important;}
    .header p#claim img { display:inline-block; margin-bottom:-23px;}
    .header #top .branding { display:none;}
    
	.header #top { position:fixed; top:0; left:0; width:100%; height:90px; background:#fcfbfb; z-index:100;}
    .header #top #topLine { height:90px;}
    .header #infoBox address { margin:15px 0 0 18px;}
    .header #infoBox span.phone { position:absolute; top:13px; left:390px; letter-spacing:.1rem;}
    
    .header #headerBoxes { display:table; width:100%;}
    .header #headerBoxes .box { display:table-cell; width:50%; vertical-align:middle;}
    .header #headerBoxes .box.box1 { background:#fff url(../images/layout/bg-headerboxes-box1.jpg) right top no-repeat;}
    .header #headerBoxes .box.box2 { background:#fff url(../images/layout/bg-headerboxes-box2.jpg) left top no-repeat;}
    .header #headerBoxes .box.box1 .containerSmall { float:right; text-align:right; padding:20px 8% 20px 0;}
    .header #headerBoxes .box.box2 .containerSmall { float:left; text-align:left; padding-left:8%;}
    .header #headerBoxes .box.box2 .containerSmall a { text-decoration:none; color:#fff; transition:.5s;}
    .header #headerBoxes .box.box2 .containerSmall a span { display:block; font:0.938rem/1em 'montserratregular'; letter-spacing:.3em; text-transform:uppercase; padding-bottom:1rem; transition:.5s;}
    .header #headerBoxes .box.box2 .containerSmall a span:before, .header #headerBoxes .box.box2 .containerSmall a span:after { content:'-'; padding:.5rem;}
    .header #headerBoxes .box.box2 .containerSmall a strong { display:block; font:2.5rem/1em 'montserratbold'; letter-spacing:.2em; transition:.5s;}
    .header #headerBoxes .box.box2 .containerSmall a:hover span, .header #headerBoxes .box.box2 .containerSmall a:hover strong { opacity:.5 !important;}
    .header #headerBoxes .box.box1 .containerSmall ul { list-style:none; font:1.125rem/2.438rem 'roboto_slabregular'; color:#fff;}
    .header #headerBoxes .box.box1 .containerSmall ul li:after { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; content: '\e804'; font-size:1.5rem; padding-left:.5rem;}
    .header #headerBoxes .box.box1 .containerSmall ul li strong { font-family:'roboto_slabbold'; font-weight:normal;}
    
    .header #white { display:block; width:1000px; height:91px; background:#fcfbfb; position:absolute; top:163px; right:780px; z-index:1;}
}
@media only screen and (max-width:1199px) {
    .header img.bewertet { display:none;}
}
@media only screen and (min-width:1200px) {
    .header .container.top .branding { left:6px;}
    
    .header img.bewertet { position:absolute; bottom:29px; right:18px;}
    
    .header #infoBox span.phone { left:500px; letter-spacing:.2rem;}
    
    .header #headerBoxes .box .containerSmall { width:600px;}
    .header #headerBoxes .box.box1 .containerSmall { padding-right:80px;}
    .header #headerBoxes .box.box2 .containerSmall { text-align:center; padding-left:0;}
}

@media only screen and (min-width:1310px) {
	.header #top { padding:0 50px;}
}

@media only screen and (min-width:1550px) {
    .header .container.top .branding { left:-170px;}
}

/* content */
.content h1 { font:3rem/3.75rem 'montserratregular'; color:#0087d2; text-transform:uppercase; letter-spacing:.2em; margin-bottom:5.875rem; position:relative;}
.content h1 strong { font-family:'montserratbold'; color:#0087d2;}
.content h1 strong.color { color:#efc400;}
.content h2 { font:1.4rem/1.9rem 'montserratbold'; color:#0087d2; text-transform:uppercase; letter-spacing:.2em; margin-bottom:2rem;}
.content h3 { font:1.2rem/1.7rem 'montserratregular'; color:#bf124f; text-transform:uppercase; letter-spacing:.2em; margin-bottom:1rem;}
.content p, .floatList, .content dl, .content ul { -webkit-hyphens:auto; -ms-hyphens:auto; -moz-hyphens:auto; hyphens:auto;}
.content ul { list-style:none;}
.content ul li { border-left:6px solid #bf124f; margin-bottom:.5rem; background:#f2f2f2; padding:.5rem 1rem;}
.content strong { font-family:'roboto_slabbold'; font-weight:normal; color:#0087d2;}
.content a { font-family:'roboto_slabbold';}


@media only screen and (max-width:649px) {
	.content { border-bottom:1px solid #d7d7d7; margin-bottom:5%;}
}
@media only screen and (min-width:650px) {
	.content { margin-bottom:5rem;}
}
@media only screen and (max-width:699px) {
	.content { padding:5%; font-size:1rem; line-height:1.6rem;}
    .content p, .floatList, .content dl, .content ul { margin-bottom:1.6rem;}
}
@media only screen and (min-width:700px) {
    .content { font-size:1.25rem; line-height:2.063rem;}
    .content p, .floatList, .content dl, .content ul { margin-bottom:2.063rem;}
}
@media only screen and (max-width:799px) {
    .content h1 { font-size:1.4rem; line-height:1.6rem; margin-bottom:2rem;}
    .content h1 span.first { display:none;}
}
@media only screen and (min-width:800px) {
    .content h1:after { display:block; width:190px; height:10px; background:#fa9d00; content:''; position:absolute; bottom:-2.5rem; left:0;}
    .content h1 span.first { font:1.25rem/1.625rem 'roboto_slablight'; color:#bf124f; display:block; letter-spacing:.2em; padding-bottom:.5rem;}
    .content h1 span.first b { font-family:'roboto_slabbold'; font-weight:normal;}
}

@media only screen and (min-width:1000px) {
    .content { padding-top:6rem;}
}

/* footer */
footer #claimBox { max-width:1700px; margin:0 auto;}
footer #claimBox .textBox p { font-family:'montserratregular'; color:#8a7056;}
footer #claimBox .textBox p strong { font-family:'roboto_slabbold'; font-weight:normal;}
footer #claimBox .imageBox img { height:auto; max-width:100%; float:left;}
footer #contactBox { background:url(../images/layout/bg-contactbox.jpg) center top no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}
footer #contactBox .firstRow { display:block; font-family:'roboto_slablight'; color:#00753e; position:relative;}
footer #contactBox .firstRow b { font-family:'roboto_slabbold'; font-weight:normal;}
footer #contactBox a.question { text-decoration:none; display:inline-block; border:1px solid #1d712d; letter-spacing:.02em; font:1.25rem/1em 'roboto_slablight'; color:#1d712d; padding:1rem 2rem; border-radius:5px; transition:.5s; margin-bottom:1rem;}
footer #contactBox a.question b { font-family:'roboto_slabbold'; font-weight:normal;}
footer #contactBox a.question:hover { background:#1d712d; color:#fff;}

@media only screen and (max-width:499px) {
	footer #contactBox .firstRow span.show { display:block; font-size:.0001rem; line-height:.0001rem; text-indent:-9000px; overflow:hidden;}
}
@media only screen and (max-width:499px) {
	footer #contactBox { min-height:140px;}
}
@media only screen and (min-width:500px) and (max-width:649px) {
	footer #contactBox { min-height:200px;}
}
@media only screen and (max-width:649px) {
    footer #claimBox .imageBox { padding:0 2%;}
    footer #claimBox .textBox { padding:0 5%;}
    footer #claimBox .textBox p { text-align:center; font-size:1.1rem; line-height:1.8rem;}
    footer #claimBox .textBox p br.show { display:none;}
	footer #contactBox { padding:5%;}
    footer #contactBox .firstRow { font-size:1rem; line-height:1.4rem; margin-bottom:1rem;}
    footer #contactBox .firstRow .icon-brush:before { display:none;}
    footer #contactBox .secondRow { display:none;}
    footer #contactBox a.question { padding:1rem; font-size:1.1rem;}
}
@media only screen and (min-width:650px) {
    footer #claimBox .textBox { float:left; width:33.94%;}
    footer #claimBox .textBox p { text-align:right; border-right:10px solid #fa9d00; padding-right:8%;}
    footer #claimBox .imageBox { float:left; width:66.06%;}
    footer #contactBox { text-align:center; padding-top:9rem;}
    footer #contactBox .firstRow { font-size:1.5rem; line-height:3.3rem; padding-top:2rem;}
    footer #contactBox .firstRow:before, footer #contactBox .firstRow:after { content:'-'; padding:0 .5rem;}
    footer #contactBox .firstRow .icon-brush:before { position:absolute; top:0; left:50%; margin-left:-50px; width:100px; text-align:center;}
    footer #contactBox .secondRow { font:2.5rem/3.3rem 'montserratregular'; color:#00753e; margin-bottom:5rem; display:block; letter-spacing:.2em; text-transform:uppercase;}
    footer #contactBox .secondRow b { font-family:'montserratbold'; font-weight:normal;}
    footer #contactBox a.question { padding:1rem 2rem; margin-bottom:3rem;}
}
@media only screen and (min-width:650px) and (max-width:749px) {
    footer #claimBox .textBox { padding-top:4%;}
    footer #claimBox .textBox p { font-size:1.1rem; line-height:1.8rem;}
	footer #contactBox { min-height:300px; padding-top:4rem;}
    footer #contactBox .firstRow { font-size:1.3rem; line-height:3rem;}
    footer #contactBox .secondRow { margin-bottom:2rem;}
}
@media only screen and (min-width:750px) and (max-width:849px) {
    footer #claimBox .textBox { padding-top:4%;}
    footer #claimBox .textBox p { font-size:1.4rem; line-height:2.1rem;}
	footer #contactBox { min-height:350px; padding-top:5rem;}
    footer #contactBox .secondRow { margin-bottom:3rem;}
}
@media only screen and (min-width:800px) and (max-width:999px) {
    footer #contactBox { padding-left:10%; padding-right:10%;}
}
@media only screen and (min-width:850px) and (max-width:949px) {
    footer #claimBox .textBox { padding-top:3%;}
    footer #claimBox .textBox p { font-size:1.7rem; line-height:2.4rem;}
	footer #contactBox { min-height:400px; padding-top:6rem;}
}
@media only screen and (min-width:950px) and (max-width:1099px) {
    footer #claimBox .textBox { padding-top:4%;}
    footer #claimBox .textBox p { font-size:2rem; line-height:2.7rem;}
	footer #contactBox { min-height:450px;}
}
@media only screen and (max-width:999px) {
    footer #bottom { display:none;} 
}
@media only screen and (min-width:1000px) {
    footer #contactBox .secondRow span { border-bottom:7px solid #fa9d00; padding-bottom:.8rem;}
	footer #bottom .container { padding:0 1.5%;}
    footer #bottom .box { float:left; }
	footer #bottom .bewertet, footer #bottom .malermeister { float:right; margin-top:3.188rem; margin-left:1rem;}
}
@media only screen and (min-width:1000px) and (max-width:1199px) {
	footer #bottom .box { margin:4rem 2.5rem 4rem 0;}
}
@media only screen and (min-width:1100px) {
    footer #claimBox .textBox { padding-top:4%;}
    footer #claimBox .textBox p { font-size:2.125rem; line-height:2.938rem;}
	footer #contactBox { min-height:500px;}
}
@media only screen and (min-width:1200px) {
    footer #claimBox .textBox { padding-top:6%;}
	footer #contactBox { min-height:550px;}
	footer #bottom #googlemaps { width:100%; height:488px; background:#fff; margin-top:11px;}
    footer #bottom #googlemaps a { color:#1d712d;}
	footer #bottom .box { margin:4rem 3.5rem 4rem 0;}
    
}
@media only screen and (min-width:1300px) {
	footer #contactBox { min-height:612px;}
}
/*=FORMS */
form.default {
	width:100%;
	
	overflow: hidden;
}
form.default ::-webkit-input-placeholder, form.default :-ms-input-placeholder, form.default ::-moz-placeholder {
color:#999;
}
form.default fieldset {
	border:none;
	margin:0 0 2em;
}
form.default fieldset + fieldset {
	margin-top:2em;
}
form.default fieldset > span {
	float: left;
	width: 6em;
	margin-top: 5px;
}
form.default label {
	display: block;
	margin-bottom:.5em;
}
form.default legend {
	width:100%;
	background:#C3D7E6;
	color:#3F6480;
	padding:3%;
	margin:0 0 1em 0;
	font-size:130%;
}
form.default legend + p {
	background:#FBFBC4;
	padding:1.5% 3%;
	margin:-1.3em 0 1em 0;
}
form.default label.radio {
	clear:none;
	float:left;
	width:50%;
}
form.default label small {
	color:#999;
}
form.default input[type=text], form.default input[type=tel], form.default input[type=email], form.default input[type=file], form.default textarea {
	width:100%;
	padding:2%;
	border:none;
	margin-bottom:1em;
	resize:none;
	background:#eee;
	position:relative;
	font:400 1em/1.2em Arial, sans-serif;
}
img[name=vimg] + input[name=imgverify] {
	float:right;
}
input[type=checkbox] {
	float:left;
	padding:2%;
	margin-top: 1%;
}
form.default button {
	background:#fa9d00;
	border:none;
	padding:3%;
	width:100%;
	margin-bottom:1em;
	color:#fff;
	font:1rem/1em 'roboto_slabregular';
}
form.default button:hover, form.default button:active {
	box-shadow:inset 0px 0px 2px rgba(0,0,0,1);
	cursor:pointer
}
 @media (min-width:600px) {
form.default label {
	float:left;
	width:33%;
	padding:1%;
	clear:both;
	margin-left:2%;
}
form.default label.radio {
	margin-left:0;
	width:15%;
}
form.default label small {
	display:block;
	line-height:1em
}
form.default input[type=text], form.default input[type=tel], form.default input[type=email], form.default input[type=file], form.default textarea {
	float:left;
	width:63%;
	margin-right:2%;
}
form.default button {
	float:right;
	width:63%;
	margin:0 0.6em 2% 0;
}
}
/*=VALIDATION */
form.default .errorContainer {
	position:relative;
}
form.default label.error {
	width:96%;
	margin-bottom:2%;
	background:red;
	background:rgba(255,0,0,0.7);
	color:#fff;
	padding:5px;
	text-align:center;
	position:relative;
	animation:error 1s;
	-webkit-animation:error 1s;
}
form.default label.error:before {
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-bottom:10px solid rgba(255,0,0,0.7);
	border-top:0;
	height:0;
	right:10px;
	position:absolute;
	top:-10px;
	width:0;
	content:""
}
 @keyframes error {
 from {
opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes error {
 from {
opacity:0;
}
to {
	opacity:1;
}
}
.specialfield {
	display:none
}
#newsletter-info {
	border:1px solid red;
	padding:1em;
}
body.javascript #formNotice {
	padding:20px;
	height:100px;
}