/* Copyright (c) 2016 introx Marketingkommunikation Bernd Hantschmann
*
*  CSS für WSZE 2016
*
*********************************************/

/* reset */
* {
    margin: 0;
    padding: 0;
    font-family: 'Martel Sans', sans-serif;
}
body {
    background: #134b94;
}
/* LINKS
*********************************************/
a:link,a:visited {
    color:#134b94;
    font-weight: 700;
    text-decoration: none;
}
a:hover, li.active a {
    color:#d8921a;
}
a img {
  	border: none;
}
/* LAYOUT
*********************************************/
.mobil {
    display: none;
}
#top-over {
    min-width: 100%;
    height: 120px;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 10000;
    -webkit-box-shadow: 0px 10px 10px 0px rgba(51,51,51,0.6);
    -moz-box-shadow: 0px 10px 10px 0px rgba(51,51,51,0.6);
    box-shadow: 0px 10px 10px 0px rgba(51,51,51,0.6);
}
#top-desk {
    width: 1000px;
    height: 120px;
    margin: 0 auto;
}
#logo-desk {
    width: 232px;
    height: 81px;
    margin: 20px 0 0 0;
    float: left;
}
#overall {
    width: 1000px;
    margin: 120px auto 0 auto;
    min-height: 800px;
}
#box {
    min-width: 100%;
    max-height: 400px;
    background: #ddd;
}
#content{
    min-width: 100%;
    background: #eee;
    padding: 30px 0;
}
#foot {
    min-width: 100%;
    height: 60px;
    background: #d8921a;
}
#copyright{
    margin: 10px 0 0 30px;
    float: left;
}

/* MENUS
*********************************************/
/* Topmenu */
#topmenu {
    max-width: 708px;
    margin: 72px 30px 0 0;
    float: right;
}
#topmenu li {
    list-style: none;
    float: left;
}
#topmenu li a {
    text-decoration: none;
    display: block;
    margin: 0 10px;
    font-weight: 400;
    text-transform: uppercase;
}
#topmenu ul li.active a {
    color:#d8921a;
    border-bottom: 2px solid #134b94;
}
#topmenu ul li ul {
    display: none;
}
#topmenu ul li:hover ul {
    display: block;
    position: absolute;
    margin-left: 10px;
}
#topmenu ul ul li {
    clear: left;
    width: 230px;
    background: #d8921a;
    border-bottom: 1px solid #fff;
    padding: 8px 8px 4px 8px;
}
#topmenu ul ul li:last-child {
    border-bottom: none;
}
#topmenu ul li.active ul.nav-child li.active a, #topmenu ul li ul.nav-child li a:hover, #topmenu ul li.active ul.nav-child li a:hover {
    border-bottom: none !important;
    color: #fff;
}
#topmenu ul li.active ul.nav-child li a {
    border-bottom: none !important;
    color: #134b94;
}

/* Footmenu */
#footmenu {
    margin: 10px 30px 0 0;
    float: right;
}
#footmenu li {
    list-style: none;
    float: left;
}
#footmenu li a {
    color: #134b94;
    text-transform: uppercase;
    margin-left: 20px;
    font-weight: 400;
}
#footmenu li a:hover {
    color: #fff;
}
#footmenu li.active a {
    color: #fff;
    border-bottom: 2px solid #134b94;
}
/* Langmenu */
#langmenu {
    width: 120px;
    height: 24px;
    margin: 72px -30px 0 0;
    float: right;
}
#langmenu ul.nav.menu {
    height: 24px;
    width: 100px;
    list-style-type: none;
}
#langmenu li {
    list-style: none;
    float: left;
    width: 40px;
    height: 24px;
    margin: 0 !important;
}
#langmenu li a {
    display: block;
    width: 40px;
    height: 24px;
    overflow: hidden;
    line-height: 100px;
    font-size: 24px;
    text-decoration: none;
    background: none;
}
#langmenu li.item-136 {
    margin: 0 -30px 0 10px !important;
}
#langmenu li.item-135 a {
    background: url('../images/de.png') center center no-repeat;
}
#langmenu li.item-136 a {
    background: url('../images/eng.png') center center no-repeat;
}
#langmenu li.item-135 a:hover {
    background: url('../images/de_h.png') center center no-repeat;
}
#langmenu li.item-136 a:hover {
    background: url('../images/eng_h.png') center center no-repeat;
}
/* COMPONENTS
*********************************************/
/* Forms */
div#form-row-text2, div#form-row-text3, div#form-row-text4, div#form-row-text5 {
    wdith: 440px !important;
    min-wdith: 440px !important;
    max-wdith: 440px !important;
}
div#form-row-text2, div#form-row-text4 {
    float: left;
}
div#form-row-text3, div#form-row-text5, div#form-row-button8 {
    float: right;
}
div#form-row-textarea6 {
    clear: both;
    float: left;
}
div.gbs3 {
    margin: 0 30px;
}
.gbs3 h1 {
    font-size: 24px;
    font-weight: 700;
    color: #134b94;
    margin: 0 0 15px 0;
}
label {
    font-size: 14px;
    font-weight: 400 !important;
    color: #000;
    margin: 0 0 7px 0;
}
i.fa.fa-asterisk {
    display: none;
}
input, textarea {
    padding: 9px 9px 5px 9px !important;
    line-height: 1.5em !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #134b94 !important;
    min-width: 455px !important;
    border-radius: none !important;
    border: 1px solid #134b94 !important;
}
textarea {
    height: 180px !important;
}
input#text3, input#text5 {
    border: 1px dotted #134b94 !important;
}
input#button8 {
    color: #fff !important;
    background: #134b94 !important;
    border: none !important;
}
input#button8:hover {
    background: #d8921a !important;
}
p.chrono_credits {
    display: block;
    clear: both;
    font-size: 10px;
    font-weight: 400;
    margin: 7px 0 7px 0 !important;
}
p.datenschutz {
    display: block;
    float: right;
    width: 455px;
    margin-top: 143px;
}

/* Silder */
.huge_it_slideshow_title_text_6,
.huge_it_slideshow_description_text_6,
.huge_it_slideshow_title_text_9,
.huge_it_slideshow_description_text_9 {
    margin-right: -40px;
    padding: 15px 50px 0 0 !important;
    height: 60px !important;
    text-align: right !important;
}
.huge_it_slideshow_title_text_6,
.huge_it_slideshow_title_text_9 {
    top: 8% !important;
}
.huge_it_slideshow_description_text_6,
.huge_it_slideshow_description_text_9 {
    top: 40% !important;
}
/* MODULES
*********************************************/
/* Google Maps */
.wrappergmaps {
    height: 400px !important;
}
.wrappergmaps html {
    height: 400px !important;
}

/* PLUGINS
*********************************************/
/* Image Zoom */
div.highslide-container {
    z-index: 20000 !important;
}
/* CONTENT
*********************************************/
.page-header {
    display: none;
}
h1 {
    font-size: 24px;
    font-weight: 700;
    color: #134b94;
    margin: 0 30px 15px 30px;
}
h2 {
    font-size: 18px;
    font-weight: 700;
    color: #134b94;
    margin: 25px 30px 10px 30px;
}
h3 {
    font-size: 18px;
    font-weight: 700;
    color: #134b94;
    margin: -22px 30px 10px 30px;
}
h4 {
}
h5 {
}
h6 {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 30px;
}
p, td, #content li, figcaption {
    font-size: 14px;
    color: #000;
    margin: 0 30px 7px 30px;
}
p:last-child {
    margin: 0 30px;
}
table {
    margin: 0 30px;
}
#content li {
    margin: 0 60px 7px 60px;
}
#content ul {
}
p.foot {
    font-size: 14px;
    color: #fff;
    margin: 0;
}
div.item-pagehomengl div {
    padding-top: 400px;
}

/* Produkte */
div.item-pagewerkzeug {
    padding-left: 10px;
}
div.item-pagewerkzeug h1 {
    margin-left: 20px !important;
}
div.item-pagewerkzeug img {
    border: 1px solid #134b94;
    width: 298px;
    height: 198px;
}
div.item-pagewerkzeug figure {
    float: left;
}
figure {
    margin-left: 20px;
}
figcaption {
    font-size: 14px;
    color: #000;
    margin: 5px 0 30px 0;
    width: 300px !important;
    height: 50px;
}
#content hr {
    display: block;
    border: none;
    clear: both;
}
/* OVERRIDES
*********************************************/

/* QUERIES
*********************************************/
/* width 800px */
/* Mobil & Tablet */
.desk {
}
.mobil {
}
#top-mobil {
}
#mobilmenu {
}
#logo-mobil {
}
