@charset "UTF-8";

/* CSS RESET */

*{list-style:none;border:none;margin:0;padding:0}
html{background:#f4f4f1;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;background-image:url(_bg/hg_1.jpg);background-repeat:no-repeat;background-size:cover}
body{font-family:font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:100%;color:#fff;vertical-align:baseline}
a:link, a:visited, a:active{color:#fff;text-decoration:none}
a:hover{color:#fff;text-decoration:none}
h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility}
pre{white-space:pre-wrap;word-wrap:break-word}
header, nav, section, article, footer{display:block}

/* CLEAR */

.clear{clear:both}
.clear:before, .clear:after{content:"\0020";display:block;height:0;visibility:hidden}
.clear:after{clear:both}

.clearfix{height:10px;display:block}

/* BASE */

#container{width:100%;padding:0;margin:0 auto}
#wrapper{width:800px;height:882px;margin:0 auto;border:1px solid #000}

header{width:800px;height:272px;margin:0 auto;background:#000;border-bottom:1px solid #000}
#content{width:800px;height:560px;margin:0 auto;float:left}
footer{width:800px;height:50px;margin:0 auto;float:left;background:#000}

/* BACKGROUND IMG */

.bg-no0{background-image: url(_bg/neutral_hg_bild.jpg);background-repeat: no-repeat}
.bg-no1{background-image: url(_bg/mt_aktuelles_hg_bild.jpg);background-repeat: no-repeat}
.bg-no2{background-image: url(_bg/mt_messer_tr_hg_bild.jpg);background-repeat: no-repeat}
.bg-no3{background-image: url(_bg/mt_messeregon_hg_bild.jpg);background-repeat: no-repeat}
.bg-no4{background-image: url(_bg/mt_messermassgefer_hg_bild.jpg);background-repeat: no-repeat}
.bg-no5{background-image: url(_bg/mt_luxusschatullen_hg_bild.jpg);background-repeat: no-repeat}
.bg-no6{background-image: url(_bg/mt_fueller_hg_bild.jpg);background-repeat: no-repeat}
.bg-no7{background-image: url(_bg/partner_links_hg_bild.jpg);background-repeat: no-repeat}
.bg-no8{background-image: url(_bg/mt_impressum_hg_bild.jpg);background-repeat: no-repeat}
.bg-no9{background-image: url(_bg/mt_impressum_hg_bild.jpg);background-repeat: no-repeat}
.bg-no10{background-image: url(_bg/mt_website-map_hg_bild.jpg);background-repeat: no-repeat}


/* HEADER BANNER */

#header-top img{width:800px;height:222px;display:block}

/* NAVIGATION */

nav#main{width:100%;height:50px}
nav#main ul{height:25px;line-height:25px;font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:14px;text-align:center;letter-spacing:1px;color:#fff}

nav#main ul{border-bottom:1px solid #ded6cb}
nav#main ul:last-child{border-bottom:0px}

nav#main li{width:33.175%;float:left}
nav#main li{border-right:1px solid #ded6cb}
nav#main li:last-child{border-right:0}

nav#main li a{color:#ccc7c3;text-decoration:none;display:block}
nav#main li a:link, nav#main li a:visited, nav#main li a:active, nav#main li a:hover{color:#ccc7c3;text-decoration:none}
nav#main li .current_item{color:#fff;text-decoration:none}

.toogleWrap, .toggleContent, .toggleHeadline{display:none}

/* SECTION GRID */

.section{claer:both;padding:0px;margin:0px}
.col{display:block;float:left}

.span_1_of_2{width:368px;margin:16px}
.span_1_of_2 img{width:368px;height:253px;margin:0 0 16px 0}

/* HEADLINE */

section.headline h1{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:24px;line-height:24px;letter-spacing:1px;color:#000;text-align:right}
section.headline h2{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:20px;line-height:20px;letter-spacing:1px;color:#000;margin:10px 0;text-align:right}
section.headline h3{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:18px;line-height:18px;letter-spacing:1px;color:#000;margin:10px 0;text-align:right}

section.headline-special h1{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:24px;line-height:24px;letter-spacing:1px;color:#000;margin:50px 0 0 0;text-align:right}
section.headline-special h2{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:20px;line-height:24px;letter-spacing:1px;color:#000;margin:10px 0;text-align:right}
section.headline-special h2 span{display:block}

.headline-special h2{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:20px;line-height:24px;letter-spacing:1px;color:#000;margin:20px 0}

.subheadline h2{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-style:italic;font-size:24px;line-height:24px;letter-spacing:1px;color:#000;margin:20px 0;text-align:right}

/* Hauptext */

section.maintxt p{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:14px;line-height:24px;letter-spacing:1px;color:#000;margin:0 0 5px 0;text-align:right}

.maintxt ul{font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:14px;letter-spacing:1px;color:#000;margin:10px 0 30px 0;text-align:right}
.maintxt li{margin:0 0 10px 0}

.maintxt li a{color:#fff;text-decoration:none;display:block}
.maintxt li a:link, .maintxt li a:visited, .maintxt li a:active{color:#fff;text-decoration:none}
.maintxt li a:hover{color:#000;text-decoration:none}

/* Social Icons */

.social-icons ul{width:100%;display:block;margin:0 0 300px 0}
.social-icons li img{width:50px;height:50px;display:block;float:right;margin:0 20px 0 0}

/* FOOTER SUBNAV */

nav#sub{width:100%;height:50px}
nav#sub ul{height:50px;line-height:50px;font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:14px;text-align:center;letter-spacing:1px;color:#fff}

nav#sub ul{border-bottom:1px solid #ded6cb}
nav#sub ul:last-child{border-bottom:0px}

nav#sub li{width:24.5%;float:left}
nav#sub li{border-right:1px solid #ded6cb}
nav#sub li:last-child{border-right:0}

nav#sub li a{color:#ccc7c3;text-decoration:none;display:block}
nav#sub li a:link, nav#sub li a:visited, nav#sub li a:active, nav#sub li a:hover{color:#ccc7c3;text-decoration:none}
nav#sub li.current_item{color:#fff;text-decoration:none}

/* KONTAKTFORMULAR */

form .row{display:block;margin:10px 0}

form label{display:inline-block;font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:14px;letter-spacing:1px;color:#000;text-align:right;float:right}
form input:focus, form textarea:focus{outline:none}

form .txt{display:inline-block;width:350px;height:40px;cursor:pointer;font-size:12px;padding:0 0 0 5px;float:right}
form .txtarea{display:inline-block;width:350px;height:160px;cursor:pointer;font-size:12px;padding:5px 0 0 5px;resize:vertical;text-align:right;float:right}
#submitbtn{width:140px;height:40px;cursor:pointer;font-family:'Open Sans Condensed', sans-serif;font-weight:300;font-size:14px;letter-spacing:1px;color:#fff;padding:5px;margin:5px 0 0 0;background:#000;-webkit-appearance:none;text-align:center;float:right}