imp@charset "utf-8";
body{font-family:Verdana, Geneva, sans-serif;margin:0px;min-width:940px;line-height:2;}
body p{margin-top:8px;}
body ul{list-style:none;padding:0px;margin:0px;}
.main{font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;margin:0 auto;width:900px;line-height:1.5;}
.banner{background-color:#f0f8ff;color:#fefefe;padding:0px;padding-top:0px;padding-bottom:0px;}
.title{font-size:140%;font-weight:bold;}
.header{background-color:#f0f8ff;padding:13px;}
.header.scroll-to-fixed-fixed{color:#000;}
.content{padding:20px;overflow:hidden;}
.footer{background-color:#faf9f9;padding:12px;clear:both;z-index:99999;}
.footer.scroll-to-fixed-fixed{color:#000;}
.footer-content{background-color:#f9f7f7;padding:0px;}
.footer a:link{color:#000;}.footer a:hover{text-decoration:underline;color:#000;}
.demos li{margin-bottom:20px;}
.left{float:left;width:680px;}
.right{float:left;margin-left:40px;}
.summary{overflow:hidden;margin-top:20px;background-color:white;color:#454543;font-size:17px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);}
.summary .caption{border-bottom:1px solid #dddddd;background-color:#f0f8ff;font-size:13pt;font-weight:bold;padding:5px;}
.summary.scroll-to-fixed-fixed{margin-top:10px;}
.summary.scroll-to-fixed-fixed .caption{color:#000;}
.contents{width:165px;margin:7px;font-size:80%;}
.example{width:100%;height:20px;margin:10px auto;padding:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-weight:bold;}
.menu{background-color:#f0f8ff;text-align:left;width:100%;font-size:18px;}
.menu > span{display:inline-block;margin:0 auto;}
#nav{display:inline;text-align:left;position:relative;list-style-type:none;}
#nav > li{float:left;padding:0;position:relative;}
#nav > li > a{border:1px solid transparent;color:#4F4F4F;display:block;font-size:90%;padding:8.9px 14px;position:relative;text-decoration:none;}
#nav > li > a:hover{background-color:#1b4987;color:#f0f8ff;transition: 0.7s;}
#share_box{width:843px;margin:0px 10px 10px 0;padding:40px;float:right;display:inline;}
.dachschmuck_1{float:left;width:50%;padding-bottom:15px;}
.dachschmuck_2{float:left;width:45%;}
.dachschmuck_3{clear:left;width:100%;}
.dachschmuck_4{float:left;width:32%;}
.dachschmuck_5{float:left;width:68%;padding-bottom:45px;}
.dachschmuck_6{float:left;width:60%;margin-bottom:15px;margin-right:15px;}
.dachschmuck_7{float:left;width:28%;margin-bottom:15px;margin-top:9px;}
.dachschmuck-size{float:left;padding-right:30px;padding-bottom:45px;}
#share_spalte_1{width:300px;float:left;}
#share_spalte_2{width:250px;float:left;}
#share_spalte_3{width:270px;float:left;}
a:link{text-decoration:none;color:#1b4987;}
a:visited{text-decoration:none;color:#1b4987;}
a:hover{text-decoration:underline;color:#1b4987;}
a:active{text-decoration:none;color:#454543;}
div.trenner{background:transparent url('images/trenner.jpg') 50% 50% no repeat;height:36px;clear:both;padding:10px;}
.text-firstziegel{float:left;width:560px;}
.text-firstziegel-2{float:left;width:185px;}
.text-firstziegel-3{float:right;width:460px;}
.scrollup{width:40px;height:40px;position:fixed;bottom:100px;right:100px;display:none;text-indent:-9999px;background:url('images/gototop.png') no-repeat;}
.details{clear:both;float:right;background:#eee;padding:5px 10px !important;margin:0 -9px -2px 0;-webkit-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0;}
.details a:link{color:#000;}.details:hover{background-color:#f0f8ff;}.details a:hover{text-decoration:none;}
h1{font-size:24px;padding-top:5px;}
h3{margin-top:0;}
blockquote{display:block;background:#fff;padding:15px 20px 15px 45px;margin:30px 0 20px;position:relative;font-family:Georgia,serif;font-size:16px;line-height:1.2;font-style: italic;color:#666;text-align:justify;border-left:15px solid #3e4f6a;border-right:2px solid #3e4f6a;-moz-box-shadow:2px 2px 15px #ccc;-webkit-box-shadow:2px 2px 15px #ccc;box-shadow:2px 2px 15px #ccc}
blockquote::before{content:"\201C";font-family:Georgia,serif;font-size:60px;font-weight:700;color:#999;position:absolute;left:10px;top:5px}
blockquote::after{content:""}
blockquote a{text-decoration:none;background:#eee;cursor:pointer;padding:0 3px;color:#c76c0c}
blockquote a:hover{color:#666}
blockquote em{font-style:italic}
.navigation_button{ display:table;margin-left: auto; margin-right: auto; cursor: pointer;float:right;color: #3e4f6a;}
.box-shadow{background-color:#fff;border-bottom-right-radius:2px;border-top-left-radius:10px;border-top-right-radius:25px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);padding:8px 10px 5px 12px; margin-top:215px;}
.box-shadow-montage{background-color:#fff;border-bottom-right-radius:2px;border-top-left-radius:10px;border-top-right-radius:25px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);padding:8px 10px 300px 12px; margin-top:70px;}
.summary-img{margin-left:-7px;margin-top:-7.6px;}
.image-sale {display: block ; margin: 0 auto;}
.sale {text-align:center;}


@media all and (max-width: 700px) 
			and (min-width:436px) {
body{width:87%;}
.main{width:81%;}
.banner{width:115%;}
.example{width:115%;height:20px;margin-top:0 auto;margin-left:-20px;}
.header{padding:1px;width:115%;}
#nav > li > a{font-size:45%;padding:8.7px 5px;position:relative;text-decoration:none;}
.content{padding:20px; width:108%;}
h1{font-size:16px;padding-top:2px;margin-bottom:-10px;}
h2{font-size:14px;font-weight:bold;}
.left{float:left;width:100%;font-size:12px;}
.right{display:none;}
.image-small{width:90%;height:90%;}
.image-small-column{width:45%;height:45%;}
.dachschmuck-size{width:auto;height:135px;padding-right:10px;}
.image-cart{width:10px;height:10px;}
.footer{width:112%;font-size:10px;margin-left:-35px;padding:10px}
.footer-content{margin-top:-90px;}
.footer.scroll-to-fixed-fixed{display:none;}
#share_box{width:100%;margin:0px 10px 10px 0;padding:40px;float:left;display:inline;padding-left:40px;}
#share_spalte_1{width:35%;float:left;font-size:8px;line-height:2;}
#share_spalte_2{width:35%;float:left;font-size:8px;padding-top:33px;line-height:2;}
#share_spalte_3{width:30%;float:left;font-size:8px;padding-top:50px;line-height:2;}
.social-icon{width:10px;height:10px;}
.scrollup{bottom:80px;right:16px;}
}



@media all and (max-width: 435px) {
.main{width:87%;}
.example{height:20px;margin-top:0 auto;margin-left: auto;margin-right: auto;width:106%;}
.header{padding:1px;width:99.5%;}
#nav > li > a{font-size:32%;padding:10px 4px;position:relative;text-decoration:none;}
h1{font-size:17px;padding-top:2px;margin-bottom:0;}
.left{width:100%;font-size:12px;}
.right{display:none;}
.dachschmuck_1{clear:left;width:100%;}
.dachschmuck_2{clear:left;width:100%;padding-bottom:20px;}
.dachschmuck_4{clear:left;width:100%;padding-bottom:10px;}
.dachschmuck_5{clear:left;width:100%;padding-bottom:45px;}
.dachschmuck_6{clear:left;width:100%;margin-bottom:-30px;}
.dachschmuck_7{clear:left;width:100%;margin-bottom:20px;}
.image-small{width:90%;height:90%;}
.image-small-column{width:45%;height:45%;}
.dachschmuck-size{width:auto;height:135px;padding-right:10px;}
.footer{font-size:11.5px;padding:10px;}
.footer-content{margin-top:-30px;}
#share_box{width:80%;margin:0px 10px 10px 0;padding:40px;float:right;display:inline;}
#share_spalte_1{width:55%;float:left;font-size:8px;}
#share_spalte_2{width:45%;float:left;font-size:8px;padding-top:36px;}
#share_spalte_3{width:100%;clear:left;font-size:8px;}
.social-icon{width:10px;height:10px;}
.scrollup{bottom:80px;right:16px;}
}