/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #179ACC; color: #fff; text-shadow: none; }
::selection { background: #179ACC; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px;
}

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline: none;}
button, input { line-height: normal; *overflow: visible; outline: none;}
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }


table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: middle; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


.clearfix {clear: both;}
.floatleft {float: left;}

/* Global
---------------------------------------------------------------------- */

body {
    font-weight: normal;
    font-style: normal;
    font-size:100%;
    background: url("../img/bg-body.jpg") repeat scroll 0 0 transparent;
    font-family: 'Open Sans',sans-serif;
}

p {
    
    font-size: 13px;
    font-weight: 100;
    line-height: 21px;
    margin: 0;
    padding: 0 0 15px;
}
 
h1 {
    color: #5A5A5A;
    font-family: 'Quicksand',sans-serif;
    font-size: 29px;
    font-weight: 500;
    letter-spacing: -0.08em;
    line-height: 31px;
    margin: 0 0 15px;
}

h2, h2 a, h2 a:visited {
    font-family: 'Quicksand',sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.08em;
    color: #0090CF;
}

h2 {margin: 0 0 10px 0;}



h3 {
    
}

b, strong {
    font-weight: 400;
}

a {text-decoration: none;}

#main p a {
    color: #179ACC;
    
}

#main a:hover {
    background: #179ACC;
    color: #fff;
}

a#logo {
    background: url("../img/minimucs-logo.png") no-repeat scroll 0 0 transparent;
    height: 229px;
    margin: -35px 0 0 706px;
    position: absolute;
    text-indent: -9999px;
    width: 208px;
    z-index: 10;
}

#main ul {
    font-family: 'Open Sans',sans-serif;
    margin: 5px 0 12px 20px;
    padding: 0;
}

#main li {
    font-size: 13px;
    line-height: 18px;
    list-style: circle outside none;
    margin: 0 0 0 0;
    padding: 0 0 8px;
    font-weight: 100;
}

dt {
    float: left;
    padding: 0 0 0 0;
    width: 80px;
    clear: both;
}

dd {
    float: left;
    width: 350px;
}




/* Tiny MCE
---------------------------------------------------------------------- */

div.zitat {
    margin: 20px 0 0;
    padding: 15px 0 0;
    clear: both;
}

div.zitat:hover p.zitat {
    color: #93bf46;
}

p.zitat {
    color: #0090CF;
    float: left;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 23px;
    padding: 0 20px 64px 0;
}

p.zitat:after {
    content: "«";
    padding: 0 0 0 6px;
}

p.zitat:before {
    content: "»";
    padding: 0 6px 0 0;
}




/* Header
---------------------------------------------------------------------- */

#header {
    height: 443px;
    margin: 35px auto;
    width: 960px;
}

#header .ce_imageslider {
    border: 10px solid #FFFFFF;
    position: relative;
    z-index: 3;
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
}

#header .lang-switcher {
    position: absolute;
    top: -37px;
    width: 95px;
}

#header .lang-switcher a {
    background: url("../img/bg-lang.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 34px;
    text-indent: -9999px;
}

#header .lang-switcher a.en:hover {
    background-position: 0 -31px;
}


.mod_rocksolid_slider { border: 10px solid #fff;}

/* Navigation
---------------------------------------------------------------------- */

#header nav {
    position: absolute;
    width: 960px;
}

nav {
    display: block;
    height: 47px;
    overflow: visible !important;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
}

nav.main > ul.level_1 {
    background: none repeat scroll 0 0 #333333;
    position: relative;
    text-align: left;
    width: 960px;
    position: absolute;
    top: 0;
}

nav.main > ul.level_1.fixed {
    position: fixed;
    width: 960px;
    z-index: 12;
}

nav.main > ul.level_1.fixed ul.level_2 {
    box-shadow: rgba(0,0,0, 0.3) 0px 4px 2px -2px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 4px 2px -2px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 4px 2px -2px;
}

body.chrome nav.main > ul.level_1 > li a {padding: 10px 21px!important;}
body.safari nav.main > ul.level_1 > li a {padding: 10px 21px!important;}

nav.main > ul.level_1 > li {float: left;}

nav.main > ul.level_1 > li a {
    display: inline-block;
    margin: 0 -5px 0 0;
    padding: 10px 25px;
}

nav.main > ul.level_1 > li a:hover, nav.main > ul.level_1 > li a.active, nav.main > ul.level_1 > li a.trail {
    background: #179acc;
}

nav.main > ul.level_1 > li:hover a {
    color: #fff;
}

nav.main > ul.level_1 > li a,
nav.main > ul.level_1 > li span {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.055em;
    text-decoration: none;
}



nav.main ul.level_2 {
    background: none repeat scroll 0 0 #179ACC;
    display: none;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: left;
    width: 100%;
}

nav.main li.forward ul.level_2,
nav.main li.active ul.level_2,
nav.main li.trail ul.level_2 {display: block;}

nav.main ul.level_2 li {
    display: inline-block;
    margin: 0 -5px 0 0;
}

nav.main ul.level_2 li a {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    padding: 0 !important;
    text-decoration: none;
}

nav.main ul.level_2 li a.active, nav.main ul.level_2 li a:hover {
    background: #26ace0;
}

nav.main ul.level_2 li.active a, nav.main ul.level_2 li:hover a {
    color: #fff;
}


/* Container - Main
---------------------------------------------------------------------- */

#container {
    margin: 0 auto;
    width: 960px;
}

#main {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 35px 42px 35px 35px;
    width: 613px;
}

div.ce_text figure.image_container {
    border: 1px solid #E7E7E7;
    margin: 4px 20px 20px 0;
    padding: 7px;
}

div.ce_text figure.image_container.float_right {
    border: 1px solid #E7E7E7;
    margin: 4px 0 20px 30px;
    padding: 7px;
}

div.ce_text figure.image_container img {
    margin: 0 0 8px;
}

div.ce_text figure.image_container .caption {
    font-size: 11px;
}



/* News
---------------------------------------------------------------------- */

#main .layout_latest {
margin: 0 0 40px 0;
}

#main .layout_latest p.more {
display: block;

}

#main .layout_latest p.more a {
color: #fff;
background: #0090CF;
text-transform: uppercase;
padding: 3px 5px 3px 5px;
font-weight: bold;
}

#main .layout_latest figure {
margin: 0 0 15px 0;
}



/* Sidebar
---------------------------------------------------------------------- */

#right h2 {color: #99CC33; margin: 0 0 4px;}
#right .inside {padding: 0 0 0 15px;}
#right div.news {margin: 0 0 20px;}
#right div.news a {font-size: 12px; font-weight: 100; color: #222;}
#right div.news a:hover, #right .info a:hover {color: #99cc33;}
#right div.news .layout_simple {line-height: 15px; padding: 0 0 10px;}
#right div.news .layout_simple:last-child {padding:0px;}

#right {
    margin: -20px 0 0;
    width: 270px;
}

#right .info a {color:#222;}

#right .ce_text {
background: none repeat scroll 0 0 #FFFFFF;
margin: 20px 0 0 20px;
padding: 25px 0 10px 25px;
width: 217px;
}

#right ul {
margin: 0;
padding: 0;
}

#right a {
    color: #179ACC;
}

#right li {
font-size: 13px;
font-weight: 100;
line-height: 17px;
padding: 0 0 6px;
list-style: none;
margin: 0;
}


/* Hochkant
---------------------------------------------------------------------- */


#right .hoch .image_container {
    background: url("../img/bg-sidebar-kleb.png") no-repeat scroll 0 0 transparent;
    height: 341px;
    position: static;
    width: 280px;
    z-index: 200;
}

#right .hoch .image_container a {
    height: 334px;
    position: absolute;
    width: 247px;
}

#right .hoch .image_container img {
    height: auto;
    margin: 21px 20px 20px 19px;
    position: absolute;
    width: 208px;
    z-index: -1;
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
}


/* Quer
---------------------------------------------------------------------- */


#right .quer .image_container {
    background: url("../img/bg-sidebar-kleb.png") no-repeat scroll 0 0 transparent;
    height: 171px;
    position: static;
    width: 280px;
    z-index: 200;
}

#right .quer .image_container a {
    height: 167px;
    position: absolute;
    width: 247px;
}

#right .quer .image_container img {
    height: auto;
    margin: 21px 20px 20px 19px;
    position: absolute;
    width: 208px;
    z-index: -1;
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
}

/* Formular - Right
---------------------------------------------------------------------- */

#right input[placeholder], [placeholder], *[placeholder]
 {
     padding: 2px 2px 2px 4px; !important;
 }


#right label {
    display: none;
}

#right form {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 20px 20px;
    padding: 19px;
    width: 168px;
    box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
    -moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
    -webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 6px;
}


#right input, textarea, select {
    width: 162px;
}

#right textarea {
    width: 162px;
}

#right h3 {
    margin: 0 0 10px;
    color: #0090CF;
    font-weight: 100
}

#right form div.submit_container input {
    background: none repeat scroll 0 0 #0090CF;
    border: medium none;
    color: #FFFFFF;
    padding: 2px 0;
    width: 67px;
}

#right form div.submit_container input:hover {
    background: none repeat scroll 0 0 #99cc33;
}

#right form div.submit_container {
    margin: -3px 0 0 0;
    float: none;
}

/* Formular
---------------------------------------------------------------------- */


form#f6 input.text {
    width: 600px;
}

form#f6 textarea {
    width: 960px;
}



#main form h2 {
    float: right;
    font-size: 15px;
    margin: 9px 0 0;
}


input, textarea, select {
    border: 1px solid #E5E5E5;
    color: #222222;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    font-weight: 100;
    margin: 0 0 6px;
    outline: 0 none;
    padding: 2px 2px 2px 4px;
    width: 185px;
}

select {
    width: 214px;
}

textarea {
    height: 84px;
    line-height: 150%;
    max-width: 400px;
    width: 363px;
}
input:hover, textarea:hover,
input:focus, textarea:focus { 
    border-color: #C9C9C9;  
    }

input.radio {
    float: left;
    margin: 4px 0 0;
    width: 40px;
}

fieldset.radio_container label {
    width: 30px;
}


form label {
    float: left;
    font-size: 13px;
    font-weight: 100;
    padding: 0 0 0;
    width: 150px;
}

form legend {
    font-size: 13px;
    font-weight: 100;
}

.submit input {
    width: auto;
    padding: 9px 15px;
    background: #617798;
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }


form fieldset {
    border-bottom: 1px solid #EDEDED;
    margin: 0 0 25px;
    padding: 0 0 25px;
}

form div.headline:first-child {
    margin: 0 0 10px;
}

form div.submit_container {
    margin: -3px 0 0 0;
    float:right;
}

form div.submit_container input {
    background: none repeat scroll 0 0 #0090CF;
    border: medium none;
    color: #FFFFFF;
    padding: 2px 0;
    width: 67px;
}

form div.submit_container input:hover {
    background: none repeat scroll 0 0 #99cc33;
}

form fieldset.wann select {
    width: 111px;
}

form fieldset.wann select#ctrl_12 {

}


form fieldset.wann label, form fieldset legend {
    display: none;
}

form fieldset fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

form fieldset.paket select {
    width: 350px;
}

.checkbox_container label {
float: none;
width: 509px;
display: block;
margin: 0 0 7px 0;
}

.checkbox_container input {
width: 20px;
display: block;
float: left;
}

.paket label, label.bemerkung {
    display: none;
}


/* input:invalid, textarea:invalid { border: 1px solid #cc0033; outline: 0 none; } */


/* Footer
---------------------------------------------------------------------- */

#footer .copyright {float: left; padding: 0 30px 0 0;}
#footer {
background: none repeat scroll 0 0 #FFFFFF;
font-size: 12px;
height: 210px;
margin: 15px auto 25px;
padding: 5px 0 0 7px;
width: 960px;
}
#footer a {text-decoration: none; color: #5C5C5C;}
#footer ul.level_1 {margin: 0; padding: 0;}
#footer a {
    font-family: 'Open Sans',sans-serif;
    font-weight: 200;
}

#footer a:hover {
    color:#179ACC;
}

#footer nav {
    float: left;
    padding: 15px 22px 15px 15px;
}

#footer .footerKontakt {
    padding: 15px 0 0;
    float: left;
}

#footer p {
    font-size: 12px;
    line-height: 0;
    padding: 0 0 18px;
    color:  #5C5C5C;
}

#footer .footerKontakt h6 {
    margin: 0 0 14px;
}

#footer h6 {
    background: url("../img/bg-footer-icons.png") no-repeat scroll 0 0 transparent;
    color: #555555;
    font-family: 'Quicksand',sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.08em;
    line-height: 27px;
    margin: 0 0 7px;
    padding: 0 57px 0 0;
}

#footer h6.firm {
    background-position: right -5px;
}

#footer h6.career {
    background-position: right -195px;
}

#footer h6.partner {
    background-position: right -74px;
}

#footer h6.contact {
    background-position: 79px -136px;
}

#footer nav li {
    
    list-style: none outside none;
    padding: 0 10px 3px 0;
}

#footer .logo {
    display: inline-block;
    padding: 11px 0 0 0;
}


/* Breadcrumb
---------------------------------------------------------------------- */


.mod_breadcrumb {
margin: 13px 25px 10px 15px;
padding: 0 0 0 0px;
border-bottom: solid 1px #efefef;
height: 27px;
}

.mod_breadcrumb a {}
.mod_breadcrumb i.fa-angle-right {
margin: 0 7px 0 7px;
}

/* Tooltip
---------------------------------------------------------------------- */


/* Style sheet tooltip */
/* Gesamtbreite für den Tooltip definieren */
.tool
{width:500px;
box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 20px;
}

/* Definitionen für den Tooltip-Titel definieren */
.tool .tip-title
{
color: #5A5A5A;
font-family: 'Quicksand',sans-serif;
font-size: 29px;
font-weight: 500;
letter-spacing: -0.08em;
line-height: 27px;
margin: 0 0 7px;
color: #993399;
}

/* Definitionen für den Tooltip-Beschreibungstext definieren */
.tool .tip-text
{
font-size: 13px;
font-weight: 100;
line-height: 21px;
margin: 0;
padding: 0 0 15px;
}




/* Table
---------------------------------------------------------------------- */

table {
    font-size: 12px;
    font-weight: 100;
    margin: 0 0 25px;
}

table td {
    width: 100px;
}

table td:first-child {
    width: 178px;
}

table.preise tr {
    height: 50px;
    border-bottom: 1px solid #e7e7e7;
}

table tr:first-child {
    height: 29px;
}


#imgmapdiv {
background: none repeat scroll 0 0 white;
margin: 20px 0 0 20px;
padding: 19px;
width: 194px;
}

#imgmapdiv img {
    margin: 0 0 0 -19px;
    position: relative;
}