/* CSS Document biberbau*/

/* content style */
@import url("content_style.css");
/* content style */


body {
font-family: 'spez-l', Helvetica, Arial, Verdana, sans-serif;
font-size:15px;
line-height: 27px;
color:#000;
font-weight:lighter;
background-color: #575756;
}

#force-scrollbar {
position: absolute;
top: 0;
bottom: -1px;
width: 1em;
z-index: -1;
}

#wrapper {
    margin: 0;
    width: 100%;
    padding: 0;
    min-height: 600px;
    height: auto;
    overflow: auto;
    background-color: #fff;
}

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

    #start-logo{
	width: 30%;
	padding-top: 30%;
	position: absolute; 
	z-index: 2;
	float: left;
    }

    #start-pict{
	display: flex;
	width: 100%;
	float: right;
    }
    
}



@media screen and (max-width: 800px) {
    .mobile-hidden {
	display: none !important;
    }    
}

#start {
width: 100%;
margin: 0 auto;
height: 70%;
background-color:#ffe564;
float: right;
}


#start-content {
width: 70%;
height: 70%;
float: right;
}


#mainnav1, #mainnav1landing {
height: 60px;
width: 92%;
float: left;
background-color: #b0b8bd;
padding: 20px 0 0 2%;
}

.start-mainnav1 {
height: 47px !important;
width: 68% !important;
/*float: left;*/
background-color: #b9c1c6;
padding: 0 0 0 2% !important;
z-index: 4;
position: absolute;
margin-top: 5%;
}

.home_button {
    float: left;
    width: 6%;
    background-color: #b0b8bd;
    height: 55px;
    padding: 25px 0 0 0;
    text-align: right;
}

#start-aktuell {
width: 20%;
height: auto;
top: 30%;
right: 10%;
clear: both;
z-index: 10;
position: absolute;
padding: 1.5%;
background-color: rgba(255, 255, 255, 0.6);
}

/*#start-text {
width: 20%;
height: 20%;
bottom: 13%;
left: 8%;
text-align: right;
clear: both;
z-index: 5;
position: absolute;
}*/

#start-footer {
height: 150px;
width: 100%;
position:relative;
bottom:0;
clear: both;

}

#start-footer_content {
min-height: 130px;
width: 84%;
padding: 1% 0 0 0;
float: right;
background-color: #575756;
}

#start-footer_content div.table-cell {
    padding: 0;
}

#start-header {
    display: none;
}

#header {
width: 100%;
margin: 0 auto;
height: 30%;
background-color:#ffe564;
float: right;
}

#logo{
width: 33%;
position: absolute; 
z-index: 2;
float: left;
}


#header-content {
width: 73%;
height: 30%;
float: right;
}


#pict{
    display: flex;
    width: 100%;
    float: right;
    background-image; url(../layouts/images/bg_header2.jpg) 100% auto;
}


#main {
    min-height: 500px;
    width: 100%;
    background-color:#fff;
    clear: both;
}

#subnav1, #subnav1landing {
width: 15%;
margin-top: 2%;
margin-left: 12%;
float: left;
}


#content {
min-height: 300px;
width: 73%;
margin-top: 2%;
margin-bottom: 2%;
float: left;

}



#footer {
height: 260px;
width: 100%;
	position:relative;
bottom:0;
clear: both;
background-color: #575756;
}

#swissmade {
height: 25px;
width: 73%;
	position:relative;
	padding-left: 27%;
bottom:0;
clear: both;
background-color: #fff;
}

#footer_content {
min-height: 230px;
width: 73%;
padding:1% 0 0 0;
float: right;
}

#footer_content div.table-cell {
    padding: 0;
}

#extranav1, #extranav1landing {
width: 15%;
margin-top: 1%;
margin-left: 12%;
float: left;
}

.start-extranav1 {
width: 12% !important;
margin-top: 5% !important;
margin-left: 15% !important;
/* float: left; */
z-index: 5;
position: absolute;
}

/*Navigation*/

A {
color: #fd5001;
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

A:visited
{
color: #fd5001;
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

A:active
{
color: #000;
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

A:hover
{
color: #000;
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-decoration: none;
}


#hnav0 {}

#hnav0 li{
float: left;
}

#hnav0 li a:link, #hnav0 li a:visited {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #000;
display: block;
font-weight: lighter;
font-size: 12px;
padding: 10px 20px 8px 0;
text-transform:uppercase;
}

#hnav0 li a:hover, #hnav0 li a:active, #hnav0 li a.on:link, #hnav0 li a.on:visited, #hnav0 li a.on:hover, #hnav0 li a.on:active, .hnav0_active {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #dd4400;
display: block;
font-weight: lighter;
font-size: 12px;
padding: 10px 20px 8px 0;
text-transform:uppercase;

}

#snav1 {}

#snav1 li{
}

#snav1 li a:link, #snav1 li a:visited {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #000;
display: block;
font-weight: lighter;
font-size: 14px;
padding: 7px 0 7px 0;
width: 180px;
}

#snav1 li a:hover, #snav1 li a:active, #snav1 li a.on:link, #snav1 li a.on:visited, #snav1 li a.on:hover, #snav1 li a.on:active {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #fd5001;
display: block;
font-weight: lighter;
font-size: 14px;
padding: 7px 0 7px 0;
width: 180px;
}

#snav2 {}

#snav2 li{
}

#snav2 li a:link, #snav2 li a:visited {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #000;
display: block;
font-weight: lighter;
font-size: 14px;
line-height: 16px;
padding: 7px 0 7px 10px;
width: 180px;
}

#snav2 li a:hover, #snav2 li a:active, #snav2 li a.on:link, #snav2 li a.on:visited, #snav2 li a.on:hover, #snav2 li a.on:active {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #e88600;
display: block;
font-weight: lighter;
font-size: 14px;
line-height: 16px;
padding: 7px 0 7px 10px;
width: 180px;
}


#enav0 {}

#enav0 li {
}

#enav0 li a:link, #enav0 li a:visited, li.extranav > a:link, li.extranav > a:visited {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #000;
display: block;
font-weight: lighter;
font-size: 14px;
line-height: 20px;
padding: 10px 0 4px 0;
width: 180px;
text-transform:uppercase;

}

#enav0 li a:hover, #enav0 li a:active, #enav0 li a.on:link, #enav0 li a.on:visited, #enav0 li a.on:hover, #enav0 li a.on:active, li.extranav > a:hover, li.extranav > a:active, li.extranav > a.on:link, li.extranav > a.on:visited, li.extranav > a.on:hover, li.extranav > a.on:active {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #fff;
display: block;
font-weight: lighter;
font-size: 14px;
line-height: 20px;
padding: 10px 0 4px 0;
width: 180px;
text-transform:uppercase;

}

/*#enav1 {}

#enav1 li{
}*/

#footer #enav0 li a:link, #footer #enav0 li a:visited {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #fff;
display: block;
font-weight: lighter;
font-size: 12px;
line-height: 14px;
padding: 4px 0 4px 0;
width: 180px;
text-transform:uppercase;

}

#footer #enav0 li a:hover, #footer #enav0 li a:active, #footer #enav0 li a.on:link, #footer #enav0 li a.on:visited, #footer #enav0 li a.on:hover, #footer #enav0 li a.on:active {
font-family:'spez-n', Helvetica, Verdana, Arial, sans-serif;
color: #b96b00;
display: block;
font-weight: lighter;
font-size: 12px;
padding: 4px 0 4px 0;
width: 180px;
text-transform:uppercase;

}


#search_box {
    height: 30px;
    width: 90%;
    float: left;
    margin: 0;
}

#search_box table {
    width: 100%;
}

#search_box input.search_box_input {
    font-family: 'spez', Helvetica, Arial, Verdana, sans-serif;
    font-size:12px;
    color:#146fca;
    width: 100%;
    height: 16px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #cdcece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px ;
}

#search_box img[title="search_box"] {
    margin-left: -14px !important;
    vertical-align: text-bottom;
}

.search_box_result_table div.table-cell {
    padding: 1% 0;
}

.search_result_keywords
{
    background-color: #2396F5;
    font-weight: bold;
    padding: 2px;
    color: #fff;
}

.fuss-titel {
font-family: 'spez-l', Helvetica, Verdana, Arial, sans-serif;
font-size: 18px;
line-height:20px;
font-style: normal;
letter-spacing:0.5px;
color: #fff;
}

.fuss {
font-family: 'spez-l', Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
line-height:20px;
font-style: normal;
letter-spacing:0.5px;
color: #fff;
}

.fuss-url {
font-family: 'spez-l', Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
line-height:20px;
font-style: normal;
letter-spacing:0.5px;
color: #9a9a9a;
}