body {-webkit-text-size-adjust:none;}
header,footer, nav, section {display:block;}

a:link, a:visited{font-size:14px; color:#0000EE; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
a:hover, a:focus, a:active{color:#681664; text-decoration:underline;}

html, body{margin:0; padding:0; width:100%; height:100%;}
body {background-color:#e9e9e9; font-family:calibri, arial, sans-serif, helvetica; color:#333; box-sizing:border-box; overflow-y:scroll;}

input[type="text"], input[type="button"] {width:50%; height:30px;}
input[type="color"] {height:34px;}

div{overflow:hidden; box-sizing:border-box;}
h1, h2{margin-top:0px;}
img{border:0px;}

.left, .right{float:left; width:50%;}

.diNo{display:none;}
.cuPo{cursor:pointer;}

         h1{
                 position:relative; z-index:2;
                 font-size:40px; color:#007d85;
                 text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);
                 text-border:1px solid #fff;
                 /*text-shadow: rgb(255, 255, 255) 1px 1px 1px;*/
                 margin:0px;
                 }


.left, .right {float:left; width:50%;}

.ta_c{text-align:center;}

.fl{float:left;}
.w100{width:100%; float:left;}
.w90{width:90%!important;}
.w75{width:75%!important;}
.w66{width:66.6%!important;}
.w50{width:50%!important;}
.w33{width:33.6%!important;}
.w25{width:25%!important;}
.w15{width:15%!important;}

.mt25{margin-top:25px;}

.maBo25{margin-bottom:25px;}
.maBo50{margin-bottom:50px;}

.pad10{padding-left:10%; padding-right:10%;}


/*===========================================================
                         Logo
===========================================================*/
#header{
         position:relative; z-index:5;
         width:100%;
         text-align:center;
         -webkit-transition: all 1s;
         transition: all 1s;
         -moz-transition: all 1s;
         -o-transition: all 1s;
         margin-top:50px;
         }
         #header img{width:250px;}
                 #header.on{top:10%; cursor:pointer;}


/*===========================================================
                         Navigation
===========================================================*/
#navigation, #navigation2{
         position:relative; z-index:5;
         width:100%;
         text-align:center;
         -webkit-transition: all 1s;
         transition: all 1s;
         -moz-transition: all 1s;
         -o-transition: all 1s;
         margin-top:25px; margin-bottom:25px;
         }

         #navigation2{display:none; visibility:hidden;}
         #navigation2 select{width:100%; height:35px;}

         #navigation a:link, #navigation a:visited{font-size:20px; color:#007d85; box-sizing:border-box; display:inline; text-decoration:none; margin-right:25px;}
         #navigation a:hover, #navigation a:focus, #navigation a:active{color:#681664; text-decoration:underline;}


/*===========================================================
                         Section
===========================================================*/
#section{position:relative; z-index:4; top:0px; overflow-x:hidden; overflow-y:auto; height:auto;}

#sectionLeft, #sectionRight{float:left; position:relative; width:50%; box-sizing:border-box; padding:25px; min-height:400px; height:auto; max-height:600px;}
         #sectionLeft{background:#fff;}
         #sectionRight{background:#fff; padding-bottom:50px;}

         #sectionRight a:link, #sectionRight a:visited{font-size:20px; color:#007d85; box-sizing:border-box; float:left; display:block; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
         #sectionRight a:hover, #sectionRight a:focus, #sectionRight a:active{color:#681664; text-decoration:underline;}

         #sectionLeft{overflow-y:scroll;}

#boxshadow, #textshadow{overflow:visible;}
#BoxShadowBox, #TextShadowBox1, #TextShadowBox2{float:left; width:60%; margin-left:20%; margin-right:20%; padding:25px; border:1px solid #ccc; overflow:visible;}
#TextShadowBox1{min-height:150px; font-size:20px;}
#TextShadowBox2{margin-top:15px;}



.lizenzfreieBilderHuelle{float:left; width:15%; box-sizing:border-box; margin-right:2%; margin-bottom:25px;}
.lizenzfreieBilderBox{width:100%; height:200px; box-sizing:border-box;  border:1px solid #ccc; margin-bottom:10px; border:1px solid #ccc; padding:5px; background:#fff;}
.lizenzfreieBilderBox img{width:100%; margin:0px; padding:0px; display:block; border:0px;}

.lizenzfreieBilderHuelle a:link, .lizenzfreieBilderHuelle a:visited{font-size:16px; color:#333;}
.lizenzfreieBilderHuelle a:hover, .lizenzfreieBilderHuelle a:focus, .lizenzfreieBilderHuelle a:active{color:#333; text-decoration:underline;}
/*===========================================================
                         Footer
===========================================================*/

#footer{width:100%; height:15px; position:fixed; z-index:10; bottom:0px; padding-left:10%; padding-right:10%; background:#007d85; text-align:right; box-sizing:border-box; color:#ffffff; font-size:14px;}

#footer a:link, #footer a:visited{font-size:14px; color:#ffffff; text-decoration:none; font-family:calibri, arial, sans-serif, helvetica;}
#footer a:hover, #footer a:focus, #footer a:active{color:#ffffff; text-decoration:underline;}



/*===========================================================
                         Details
===========================================================*/
/*Kyrillisch*/
.butTast{width:30px; height:35px; margin-right:5px; margin-bottom:5px;}
.butLeer{width:350px; height:35px; margin-bottom:5px;}


/*===========================================================
                         Ads
===========================================================*/
#ad1{}
#ad2{display:none; visibility:hidden;}

@media screen and (max-width:1500px){
         #header, #navigation{padding-left:10%; padding-right:10%;}
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:800px){
         .lizenzfreieBilderHuelle{float:left; width:48%; height:150px;}
         #section{overflow-y:visible;}
         body{height:auto; margin-bottom:50px;overflow-y:visible;}
         #sectionLeft, #sectionRight{width:100%; height:auto;}
         #sectionRight{max-height:auto; padding-bottom:50px;}

}

@media screen and (max-width:765px){
         .left, .right{width:100%;}
         .pad10{padding-left:0%; padding-right:0%;}
         #navigation{display:none; visibility:hidden;}
         #navigation2{display:block; visibility:visible;}


         #section{height:auto; overflow:hidden;}
         #sectionRight, #sectionLeft{float:right; width:100%; min-height:auto; max-height:auto; height:auto!important; padding-left:10px; padding-right:10px;}
         #footer{padding:0px; text-align:center;}
         #footer, #footer a:link, #footer a:visited, #footer a:hover, #footer a:focus, #footer a:active{font-size:11px;}

         #BoxShadowBox, #TextShadowBox1, #TextShadowBox2{float:left; width:90%; margin-left:5%; margin-right:5%; padding:15px;}

         #ad1{display:none; visibility:hidden;}
         #ad2{display:block; visibility:visible;}

}