/* Layout Martec2017 

Farben: Palette Martec

Martec Logo: #ED1C24
Martec Logo-Rot (nuance dunkler): #E0121A

Text Dunkegrau: rgb(50,50,50)
MartecBlau, Link, Textmarkierung, Navgation: rgb(48,81,132)
activ, a:hover: rgb(230,26,26)

Dunkles Grau: rgb(180,180,180)
Hellgrau: rgb(217,217,217)

*/


body {
    font-family: 'open_sansregular', sans-serif;
    color: #000;
    background-color:rgb(48,81,132);
    background-image: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
div.martecblue {
    width:100%;
    padding-bottom:44px;
}
div.marteccontainer {
    max-width:1200px;
    margin: 0 auto;
    overflow: hidden;
}

/* Header ******************************************************/
header {
    width: 100%;
	/*background-color: rgba(217,217,217,0.85);*/
	background:#fff;
    position:fixed;
    box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.4);
    z-index: 999;
}
header div.headercontainer {
    height: 100px;
    max-width:1200px;
    margin: 0 auto;
}
header .navbar-brand img, .navbar-brand > img, svg {
    width: 249px;
    height: auto;
}

/* TopNavigation, Navbar */

#myNavbar {padding:0;position:absolute;right:0px;top:49px;}

a.navbar-brand {}
.navbar {
    border-radius: 0px;
    z-index:999;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    font-family: 'open_sansregular', sans-serif;
}
.navbar-default a.navbar-brand {
    color: #718bac;
}
.navbar-default .navbar-brand:hover {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    color: rgb(50,50,50);
    font-size:1.3em;
    font-family: 'open_sansbold', sans-serif;
}
.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 12px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.current {
    color: #ffffff;
    background-color:rgb(230,26,26);
}

/* Submenu */
 ul.dropdown-menu {
    padding:0;
    right: -2px;
    left: unset;
}
 ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}
ul.dropdown-menu li a{
    /*font-size:1.3em;*/
    font-family: 'open_sanssemibold', sans-serif;
    background-color: white;
    color: rgb(22,22,22);
    border-bottom: 3px solid rgb(255,255,255);
}
ul.dropdown-menu li a:hover{
    background-color: rgb(230,26,26);
    color:#fff;
}

/* MartecStartPage */

        div.container {
            max-width: 960px;
            margin: 0 auto;
            background: transparent;
            overflow: hidden;
        }
        /*.sp2 {padding-left:0px!important;padding-right:0px!important;}*/
        .box {
            width: 100%;
            height: 150px;
            margin: 24px 0;
            background: #d9d9d9;
            overflow: hidden;
            /*box-shadow: 3px 3px 5px 3px rgba(0,0,0,0.2);*/
        }
        img.ikone {
            width:auto;
            max-height:90px;
            margin: auto;
            display:block;
            padding:12px 0px;
            color:#ED1C24;
        }
        .box p {
            display:block;
            width:100%;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-weight: 800;
            color:#E0121A;
            font-size:1.3em;
        }
        .box a {
            display:block;
            text-decoration:none;
        }

        .panel-lang {
            height: 324px;
            padding-top:70px;
        }
        span.nr {
            font-weight: bold;
            font-size:2em;
            line-height:16px;
        }
        div.desc {display:block;}
        div.smart {display:none;}
        /* BoxImage */
        div.boximage {
            position: absolute;
            margin-top: 0px;
            width: 290px;
            height: 152px;
            overflow: hidden;
        }
        div.boximage.lang {
            margin-top: -70px!important;
            position: absolute;
            width: 290px;
            height: 324px;
            overflow: hidden;
        }
        div.boximage img {
            width: 290px;
        }
        div.up {
            position:absolute;
            width: 290px;
            height: 151px;
        }
        .platine {
            position: absolute;
            opacity: 0.6;
        }
        a div.boximage img.inbox {
            opacity:0;
        }
        a:hover div.boximage img.inbox {
            opacity:1;
        }
        a:hover > div.up {
            opacity:0;
        }
        a:hover > .platine {
            opacity:0;
        }
        /* Box 5 *******************/
        .inbox5 {
            opacity:0.6;
        }
        .inbox5:hover {
            opacity:1;
        }
        a.a5:hover > .BoxTitle5 {
            color:#fff!important;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
        }


        /*a div.boximage5 {
            opacity:1;
        }
        /*a div.boximage5:hover img.inbox5 {
            opacity:1;
        }*/
        p.BoxTitle5 {
            margin-top: -48px;
            position: absolute;
            width: 290px;
            display: block;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-weight: 800;
            color: #f00;
            font-size: 2em;
            text-shadow: 1px 1px 3px rgba(255,255,255,0.8);
        }
        /*.inbox5:hover > p.BoxTitle5 {
            color:red;
        }
        

/* Article */
article {
	margin: 0;
    padding: 24px;
    background-color: #ffffff;
    min-height: 500px;
    margin-top:120px;
    }
    p.logos {width:100%;padding:20px;}
    p.logos img { margin: 0px 80px 60px 0px; }

/* Startseite Boxen */
div.start {
  margin: 120px 0 0 0;
}
article .martecbox {
    border:2px solid rgb(230,26,26);
    height: 220px;
    background-color: #ccc;
    margin-bottom:14px;
    padding: 12px;
    background-repeat:no-repeat;
    background-size:100% auto;
}
/*article .long1 {
    height: 420px;
}*/
article a .martecbox h3 {
    padding:4px 6px;
    margin: 180px -12px 0px -12px;
    background:rgb(230,26,26);
    height: 26px;
    font-size: 1.2em;
    color: #efefef;
    text-transform: uppercase;
}
article a {
    text-decoration: none!important;
}

article a:hover .martecbox {
    box-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}
article a:hover .martecbox div.aktivbox {
    position:absolute;
    top: 2px;
    left:16px;
    color: #fff;
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 80px 80px 0 0;
    border-color: rgb(230,26,26) transparent transparent transparent;
}
article a .martecbox div.aktivbox span {
    color:transparent;
    position:absolute;
    top: -74px;
    left:8px;
    font-size: 2em;
    }
article a:hover .martecbox div.aktivbox span {
    color: #fff;
    }
/* Footer **************************************/
footer.footer {
	font-family: open_sanssemibold, sans-serif;
}
footer.footer input {
	font-family: 'open_sansregular', sans-serif;
}
a.btn, button, input[type="submit"], .Actions .action {
    background: #E0121A;
    color: #fff;
}


    /* Search Bar */
    div.search-bar {
        /*border:1px solid red;
        display:flex;
        align-items:center;
        align-content: space-around;*/
    }
    #SearchForm_SearchForm {
        width:90%;
    }
    #SearchForm_SearchForm_action_results {
        margin-top:18px;
    }
    #SearchForm_SearchForm_Search_Holder {
        margin-top:16px;
        margin-bottom:0;
        float:left;
    }

    /* Search Results */
    .searchResults h1 {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
    .searchResults h3 {
        margin-top: 0;
        padding-top: 0;
        border-bottom: none;
    }
    .searchResults hr {
        margin-top: 0px;
        margin-bottom: -12px;
        border: 0;
        border-top: 1px solid #999;
    }
    .searchResults p.searchQuery {
        margin-bottom: 10px;
        font-size: 15px;
        font-weight: bold;
    }
    .searchResults ul#SearchResults {
        padding: 0;
        border-bottom: 1px solid #e5e5e5;
        margin:0;
    }
        .searchResults ul#SearchResults li {
            border-top: 1px solid #e5e5e5;
            padding: 20px 0;
            list-style-type: none;
        }
        .searchResults ul#SearchResults p {
            margin-bottom: 10px;
        }
        .searchResults #PageNumbers a {
            padding: 0 5px;
        }
        .searchResults #PageNumbers .pagination {
            border-bottom: 1px solid #e5e5e5;
            padding: 20px 0;
            display:table; /* displays the pagination as a table so that elements stay inline and the middle column adjusts its size to accomodate and the right arrow stays to the right */
            width:100%;
        }
        .searchResults #PageNumbers .pagination span{
            display:table-cell; /* each element in the pagination div displays as a table cell */
        }
        .searchResults #PageNumbers p {
            text-align: center;
            padding:20px 0;
        }
        .searchResults #PageNumbers .next,
        .searchResults #PageNumbers .prev {
            font-size: 14px;
            padding: 0 20px;
            display:table-cell; /* each element in the pagination div displays as a table cell */
            vertical-align: middle;
            border-bottom:0 !important;
        }
        .searchResults #PageNumbers .next {
            margin-left: 15px;
        }
        .searchResults #PageNumbers .prev {
            margin-right: 15px;
        }
/* Sticky footer styles
-------------------------------------------------- */
@media only screen and (min-width: 1200px) {
    .footer {
    	/*background-color: rgba(217,217,217,0.85);*/
		background:#fff;
    	width: 100%;
        height: auto;
    }
    .footercontainer {
    	width:1200px;
    	height:100%;
    	padding: 0px;
    	margin:0px auto;
    }
    footer .footercontent {
        border-top: 0px;
    }
    .footer p {
        margin-top:12px;
    }
    .footer img {
        margin-left:-15px;
    }
    
}

/* BREAKPOINT 1200px */
@media only screen and (min-width: 1200px) { 
    article div.large {
        max-width:960px;
        margin:auto;
    }
    div.marteccontainer {
        min-height:400px;
    }
}

@media only screen and (max-width: 1200px) { 
    .navbar-nav {
        margin: 0px 24px 0px 0px;
    }

    .footer {
        /*background-color: rgba(217,217,217,0.85);*/
        background:#fff;
        width: 100%;
        height: auto;
    }
    footer .footercontent {
        clear:both;
        width:100%;
        margin-top:46px;
        margin-left: -15px;
        border-top: 1px solid #999;
    }
    

}

/* BREAKPOINT 960px */

@media only screen and (max-width: 960px) {
	.box {
	    width: 290px;
	    height: 150px;
	    margin: 24px 0;
	    background: #d9d9d9;
	    overflow: hidden;
	}
	.panel-lang {
	    height: 324px!important;
	    padding-top: 70px;
	}
	header div.headercontainer {
	    height: 140px;
	    max-width: 1200px;
	    margin: 0 auto;
	}
	#myNavbar {
	    padding: 0;
	    position: absolute;
	    right: 0px;
	    top: 88px;
	}
}

/* BREAKPOINT 760px */

@media only screen and (min-width: 760px) { 
    article div.large {
        width:100%;
        margin:auto;
    }
}

@media only screen and (max-width: 760px) { 
	div.container {
        max-width: 306px;
        margin: 0 auto;
        background: transparent;
        overflow: hidden;
    }
	/* Article */
	div.marteccontainer {
	    max-width: 90%;
	    margin: 0 auto;
	    overflow: hidden;
	}
    article {
	    max-width: 100%;
	}

    /* Startseite Boxen */
    article .martecbox {
        max-width:290px;
        margin: 0 auto 12px auto;
    }
    article a:hover .martecbox div.aktivbox {
        display:none;
    }


    .typography .amountright, .amountright {
        text-align: left;
        width:100%;
        display:block;
        clear:both;
        border-bottom: 1px solid #fff;
    }
    #myNavbar {
        padding:0;
        overflow: unset;
        }
    .navbar-nav {
        margin: 0px;
    }

    .dropdown-menu {
    position: static;
    top: 0;
    left: 0;
    z-index: 1000;
    display: block;
    float:none;
    clear:left;
    min-width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    background-color: white;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
    -webkit-background-clip:transparent;
    background-clip:transparent;
    }
    .navbar-default .navbar-nav > li > a {
	    color: #263E62;
	    font-size: 1em;
	    font-family: 'open_sansbold', sans-serif;
	}

    ul.nav li a, li.dropdown a {font-size: 1em;  background-color: #FFFFFF;}
    ul.nav li a:hover, li.dropdown a:hover {color:#fff!important;}
    #myNavbar > ul > li > a {background-color:red;}

    body {
        margin-bottom:0px;
    }
    .footer {
        /*background-color: rgba(217,217,217,0.85);*/
		background:#fff;
        width: 100%;
        height: auto;
        position:static;
    }
    footer .footercontent {
        clear:both;
        margin-top:96px;
        margin-left: -15px;
        border-top: 1px solid #999;
    }


}