/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/oswald-v49-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v49-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v49-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oswald-v49-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-500.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oswald-v49-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-600.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v49-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v49-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v49-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v49-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v49-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}

#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums {
    outline: 1px solid #7b92a9;
    text-align:right;
    border-top:1px solid #fff;
    background: #d6e0eb;
    background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
    background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
    background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
    background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
    background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
    position:fixed;
    bottom:0px;
    z-index:10000;
    width:100%;
    font-size:12px;
    line-height:16px;}

#cookiedingsbumsCloser {
    color: #777;
    font: 14px/100% arial, sans-serif;
    position: absolute;
    right: 5px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    top: 5px;
    cursor:pointer;
    border-top:1px solid white;
    border-left:1px solid white;
    border-bottom:1px solid #7b92a9;
    border-right:1px solid #7b92a9;
    padding:4px;
    background: #ced6df; /* Old browsers */
    background: -moz-linear-gradient(top, #ced6df0, #f2f6f9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
    background: -webkit-linear-gradient(top, #ced6df0,#f2f6f9 100%);
    background: -o-linear-gradient(top, #ced6df0,#f2f6f9 100%);
    background: -ms-linear-gradient(top, #ced6df0,#f2f6f9 100%);
    background: linear-gradient(to bottom, #ced6df0,#f2f6f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
}

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}


@media (min-device-width: 1210px) {
    /* DESKTOP */
    #mobile_head {display:none}
    #desktop_head {display:block}
    #siteposition {display:block}
    #content {margin-top:15px}
    #content_normal {display:block}
    #content_mobil {display:none}
    #footerlink_normal {display:block}
    #footerlink_mobil {display:none}
    #contact-box {height:140px}
}

@media (max-device-width: 1200px) {
    /* Mobile */
    #mobile_head {display:block}
    #desktop_head {display:none}
    #siteposition {display:none}
    #content_normal {display:none}
    #content_mobil {display:block}
    #footerlink_normal {display:none}
    #footerlink_mobil {display:inherit}
    #contact-box {height:240px}
    #content {margin-top:60px;margin-left:10px;margin-right:10px}
}

.sitemaplink
{
color:#000000;
    text-decoration:none;
line-height: 20px;
}

.zusatzlink
{
color:#000000;
    text-decoration:none;
line-height: 20px;
}

.submitcontact
{
    width:500px;height:40px;
background-color:#005600;
    color:#ffffff;
}

.submitcontact:hover
{
    width:500px;height:40px;
    background-color:#f0de58;
    color:#000000;
}
.inputbox:focus {
    background-color: #ffffff;
}



.fehler
    {
    padding-top:10px;
    padding-bottom:10px;
    color:#ff0000;
    }

.nachobenlink
{
 color:#000000;
    height:30px;
    background-color:#aacb55;
    padding:10px;
    border-radius:0px;
    padding-left:30px;
    padding-right:30px;
}


#foo
{
    position:sticky ;
    position: -webkit-sticky;
    margin: 0 auto;
    width: 1200px;
    bottom:20px;
    right:120px;
    display:none;
    text-align: right;

}


#contact-box
{
    margin-top:350px;
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;

    border:0px solid #ff0000;
    background-color:#245ba7;
/*
    border:0px solid #ff0000;
    background-image: url('/images/welle.jpg');
    background-size: 100%;
    background-position: right;*/
}


#produkttabelle tr:hover {
    background-color: #ffff99;
}

#produkttabelle TD {
    height:30px;
    vertical-align: middle;
    padding-left:10px;
}

.produkttitel
    {
    font-size:19px;
    font-weight:bold;
    }

.produktsubtitel
    {
    font-weight:bold;
    font-size:16px;
    font-family:Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
    line-height: 19px;
    }

.produktdownloadlink
    {
    font-size:12px;
    font-weight:bold;
    color:#000000;
    }

.produktlink
    {
    color:#000000;
    font-size:16px;
    font-family:Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
    line-height: 19px;
    }



BODY, HTML
{
margin:0px;
font-family:verdana;
font-size:12px;
height:100%;
background-color:#ffffff;
}



#body
{


    min-height: 400px;
    height: auto !important;
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;


}

.normal
{
    font-size:16px;
    font-family:Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
    line-height: 19px;
}


#header-box A
{
   color:#000000;
    text-decoration: none;
}


#header-box
{
border:0px solid #c2c2c2;
margin-top:10px;

height:127px;
width:1200px;
margin-left:0px;
margin-right:0px;
    background-image:url('/images/logo.png');
    background-repeat:no-repeat;
    background-size: auto 100%;

}

.breadcrumbs
    {
    font-size:10px;
    color:#a2a2a2;
    }

#navi-box
{
border:0px solid #ff0000;
margin-top:56px;
width:850px;
float:right;
min-height:25px;


}


.myfooterlink
{
    color:#ffffff;
    text-decoration: none;
    font-weight:bold;
    padding-right:60px;
}

#subnavi-box
{
border:0px solid #000000;
border-right:0px solid #c2c2c2;

width:180px;
padding-top:15px;

}




#pathway-box
{
border:1px solid #c2c2c2;
height:100px;
}



#footer-box
{
border:0px solid #bad36c;
height:147px;
margin: 0 auto; 
width: 1200px;
text-align:left;

padding-top:8px;

}


#footer-box A
{
color:#ffffff;
text-decoration:none;

margin-left:10px;
}



#main
{
    min-height:300px;
    background-color:#ffffff;
    padding-top:00px;
    padding-right:30px;
    padding-left:10px;
    border:0px solid #ff0000;
    max-width: 95%;
    width: 95%;
    margin-bottom:20px;
    color:#000000;
}

#main P
{
    margin:0px;
}

#main TABLE
{
    max-width: 980px;
}

#main IMG
{
    max-width: 980px;
}



#katpic
{
min-height:366px;
width:1200px;
float:left;
}







#copy-box
{
    margin: 0 auto;
    width: 90%;
    max-width: 980px;
    font-size:10px;
    height:23px;
    color:#000000;
    text-align:center;
    margin-top:30px;
    margin-bottom:10px;
}

#copy-box A
{
    color:#000000;
    text-decoration:none;

}

.clear
{
   clear: both;
}