/*
Theme Name: Poppe Portal Mobile
Theme URI: http://www.poppe-portal.de
Description: Bambusartikel
Author: Jens Poppe
*/

@charset "utf-8";
/**********************************
 *
 *  Design by Krohne Networks 2016
 *  www.krohne-networks.de
 *
 *  Layout
 *
 *********************************
 */
  
html, body {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "open_sansregular", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #000000;
    background-color: #f1f1f1;
    margin: 0px;
}
 

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video  {
   display : block;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/open-sans.regular-webfont.eot');
    src: url('fonts/open-sans.regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans.regular-webfont.woff') format('woff'),
         url('fonts/open-sans.regular-webfont.ttf') format('truetype'),
         url('fonts/open-sans.regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 5px; clear: both; }
h1 { color: #006900; font-size: 26px; font-weight: bold; line-height: 1.3em; }
h2 { color: #006900; font-size: 22px; font-weight: bold; line-height: 1.3em; }
h3 { color: #006900; font-size: 18px; font-weight: normal; line-height: 1.3em; }
h4 { color: #006900; font-size: 18px; font-weight: normal; line-height: 1.3em; }
h5 { color: #FFFFFF; font-size: 18px; font-weight: bold; line-height: 1.3em; margin-bottom: 10px;}
h6 { color: #006900; font-size: 15px; font-weight: normal; line-height: 1.3em; text-align: center; }

.clear { clear: both; }
.center { margin: 0 auto; text-align: center; }
.inner20 { padding: 20px; }
.distance { clear: both; line-height: 0px; }
.distance_empty { width: 1px; height: 1px; background-color: #ffffff; }
.distance0 { clear: both; line-height: 0px; }
.distance2 { clear: both; line-height: 20px; width: 100%; overflow: auto; border-bottom: 1px dotted #CCCCCC; margin-bottom: 20px; padding-top: 0px; }
.distance5 { clear: both; line-height: 5px; }
.distance10 { clear: both; line-height: 10px; }
.distance15 { clear: both; line-height: 15px; }
.distance20 { clear: both; line-height: 20px; }
.distance30 { clear: both; line-height: 30px; }
.distance50 { clear: both; line-height: 50px; }
.distance-line100 { width: 100%; overflow: auto; border-bottom: 1px dotted #CCCCCC; margin-bottom: 15px; padding-top: 0px; }
.distance-line950 { width: 950px; overflow: auto; border-bottom: 1px dotted #CCCCCC; margin: 0 auto; }

* { margin: 0px; padding: 0px; }
p { margin: 0px; padding: 0px; clear: both; }
small { font-size: 14px; font-weight: normal; }

ul { list-style: square outside none; margin: 10px 0 10px 25px; padding: 8px; }
ul.home2 { list-style-type: none; margin: 0px; padding: 0px; }
ul.home2 li { margin: 0px; padding: 0px 10px 0px 10px; float: left; }
ol { list-style: decimal; margin: 20px 20px 15px 40px; }
ol li { padding: 2px 0px;  }

a, a:visited , a:active { text-decoration: underline; color: #323031; font-size: 17px; font-weight: normal; }
a:hover { text-decoration: underline; color: #006900; }

a.mail, a.mail:visited , a.mail:active { color: #e7e9eb; font-size: 15px; font-weight: normal; text-decoration: none; }
a.mail:hover { color: #7ab84a; text-decoration: underline; }

a.link, a.link:visited , a.link:active { color: #bd814a; font-size: 24px; font-weight: normal; text-decoration: underline; letter-spacing: 5px; }
a.link:hover { color: #323031; text-decoration: none; }

a.homelink, a.homelink:visited , a.link:active { color: #323031; font-size: 18px; font-weight: bold; text-decoration: underline; }
a.homelink:hover { color: #006900; text-decoration: none; }

a.mobilelink, a.mobilelink:visited , a.mobilelink:active { color: #FFFFFF; font-weight: normal; text-decoration: underline; }
a.mobilelink:hover { color: #323031; text-decoration: none; }

 /**********************************
 *
 *  Layout 
 *
 **********************************/
 
#mobile_layout {
    margin: 0 auto;
    max-width: 100%;
    width: 800px;
}

#mobile_header {
    background-color: #FFFFFF;
    overflow: hidden;
}

.mobile_content {
    margin: 0px auto;
    min-width: 100%;
    background-color: #FFFFFF;
}

.mobile_inner20 {
    padding: 20px;
}


 /**********************************
 *
 *  Info Shop Produkte
 *
 **********************************/

.content_shopinfo {
    border: 2px dotted #006900;
    padding: 15px;
    margin: 20px 0px 20px 0px;
    overflow: hidden;
    text-align: center;
}

.content_pdf {
    border: 2px dotted #c52509;
    padding: 15px;
    margin: 20px 0px 20px 0px;
    overflow: hidden;
    text-align: center;
}

.mobile_home_box {
    border: 2px dotted #006900;
    padding: 15px;
    margin: 10px 0px 10px 0px;
    overflow: hidden;
    text-align: center;   
}

.mobile_wptitel {
    color: #404040;
    font-size: 19px;
    font-weight: normal;
    margin: 5px 0px 15px 0px;
}

.telefon {
    color: #323031;
    font-size: 19px;
    font-weight: normal;
    line-height: 1.8em;
}

.shopinfo_link {
    line-height: 1.8em;
    font-weight: bold;
    font-size: 19px;
}

.content_youtube_container {
    margin: 10px 0px 0px 0px;
}


 /**********************************
 *
 *  Mobile Navigation
 *
 **********************************/

#mobile_navigation {
    height: 45px;
    max-width: 100%;
}

.mobile_navi_fix {
    font-size: 19px;
	font-weight: bold;
	color: #fff;
	background-color: #006900;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 55px;
    height: 45px;
	line-height: 45px;
	z-index: 1;
}

.mobile_navi_fix.mm-fixed-top {
	position: fixed;
	top: 0;
	left: 0;
}

.mobile_navi_fix a {
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	background-color: #323031;
    display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 10px;
}

.mobile_navi_fix a.contacts {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}


 /**********************************
 *
 *  Footer
 *
 **********************************/ 
 
#mobile_footer {
    background-color: #f1f1f1;
    border-top: 0px solid #be834a;
    overflow: hidden;    
} 

.footer_facebook {
    background-color: #3b589e;
    border-bottom: 3px solid #FFFFFF;
    border-top: 3px solid #006900;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 20px;
}

h3.fb {
    color: #FFFFFF;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
   text-align: center;
   margin: 0 auto;
   max-width: 100%;
}

#network {
    margin: 5px auto;
    overflow: hidden;
    width: 160px;
}

ul#networks  {
    margin: 0px;
	padding: 0px;
    list-style-type: none;
}

ul#networks li {
    display: block;
    float: left;
    margin-right: 5px;
    list-style-type: none;
}

a#facebook {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url(style/bbn_icon_facebook.jpg) 0px 0px no-repeat;
}

a:hover#facebook {
    background: transparent url(style/bbn_icon_facebook.jpg) 0px -40px no-repeat;
    border: none;
}

a#youtube {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url(style/bbn_icon_youtube.jpg) 0px 0px no-repeat;
}

a:hover#youtube {
    background: transparent url(style/bbn_icon_youtube.jpg) 0px -40px no-repeat;
    border: none;
}

a#pp {
    display: block;
    width: 40px;
    height: 40px;
    background: transparent url(style/bbn_icon_poppeportal.jpg) 0px 0px no-repeat;
}

a:hover#pp {
    background: transparent url(style/bbn_icon_poppeportal.jpg) 0px -40px no-repeat;
    border: none;
}

#footer2 {
    overflow: hidden;
    background-color: #006900;
}

.footer_inner {
    text-align: center;
    padding: 20px;
    color: #FFFFFF;
}