/**************** Body and tag styles ****************/
@font-face {
    font-family: 'myfont';
    src: url('07323Cataneo.eot');
    src: url('07323Cataneo.ttf') format('truetype');
}
*,
*:after,
*:before {
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
}
html{height:100.2%}

body{margin:0;
 font-family:verdana;
 color:#fff !important;
 font-size:15px;
 background:#000;
 }
#wrapper{
 position:relative;
 max-width:1200px;
 margin:15px auto;
 overflow:hidden;
 text-align:left;
 background:black;
 box-shadow:0 0 15px #fff;
 }
#header{background:#000 url(camera/images/slider/h2.jpg);background-size:100%;}

.frame{
 width:100%;
 background:#000;
 border:none;
 overflow:hidden;
 }
.frame1{
 width:100%;
 border:none;
 height:500px
 }
.frame2{
 float:left;
 width:200px;
 background:#000;
 padding-top:10px;
 height:40px;
 border:none;

}


/**************** Header  styles ****************/

#head{position:relative;overflow:auto;background:#000;}

.adresse{float:right;padding-top:20px;padding-right:20px;color:#fff}
.adresse a{text-decoration:none;}
.adresse a:hover{text-decoration:underline;}

.schrift1{
 width:auto;
 font-family:myfont;
 font-size:80px;
 color:#73a3ef;
 font-weight:bold;
 margin-left:50px;
 text-align:left;
 }
.schrift2{
 font-family:myfont;
 font-size:50px;
 color:#73a3ef;
 font-weight:bold;
 padding-left:0px;
 border:0px solid black;
 margin-right:50px;
 text-align:right;
 padding-bottom:5px;
 }
.responsive-slider iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background:#000;
 }
.responsive-slider {
 position: relative;
 padding-bottom: 30%;
 padding-top: 0px;
 height: 0;
 overflow: hidden;
 background:#000;
 }
.back-to-top,  .back-to-top:hover {
 position: fixed;
 bottom:90px;
 right:90px;
 z-index:9999;
 background:#666 url(images/top1.png) no-repeat center center;
 background-size:30px;
 width:40px;
 height:40px;
 border-radius:5px;
 }
p{ margin:0 0 10px 0;font-size:1.0em; }
/**************** Header and navigation styles ****************/

#inhalt{
 position:relative;
 width:100%;
 /* background:rgba(255,255,255,0.7); */
 background:#000;
 overflow:auto;
 min-height:300px;
 }

/**************** content styles ****************/
#content{padding:20px 100px;background:#000;}

#content img{margin:5px;}

#content a{
color:#fff;
text-decoration:none;
background-color:inherit;
}
#content a:hover{
 color:#ff0;
 text-decoration:none;
 background-color:inherit;
 }

 ul, ol{padding-left:1.25em}


h1, h2, h3{
 display:block;
 margin:0 0 10px 0;
 font-weight:normal;
 background-color:inherit;
 }
h1{ font-size:1.6em;}
h2{ font-size:30px;}
h3{ font-size:1.4em;text-align:center;}
h4{ font-size:1.4em;color:#78A0E6; font-weight:normal;margin:0 0 10px 0}

#content_600{
 float:left;
 width:700px;
 padding:20px;
 border:0px solid black;
 overflow:hidden;
}

.button{
 display:inline-block;
 width:300px;
 margin:10px auto;
 text-align:center;
 padding:30px 0px;
 font-size:26px;
 background:#333;
 border:1px solid white;
 border-radius:10px;
 }
.button:a{color:#fff !important}
.button:hover{color:yellow !important;background:#222 !important}

.back{float:right;clear:right;font-size:24px;color:#ff0}
.back:hover{color:#bbf}
.abs{width:60%}
/**************** Footer styles ****************/

#footer{
 position:relative;
 height:40px;
 background:#000;
 border-top:1px solid #666;
 }
.footer{width:100%;}
.footer .nav-item{float:right }
.footer ul{list-style:none;margin:0;}
.footer li a{
 float:right;list-style:none;
 line-height:40px;
 font-size:12pt;
 font-family:verdana;
 font-weight:normal;
 color:#fff;
 background:#000 !important;
 padding:0 10px 0 10px !important;
 text-transform:none;
 text-decoration:none;

 }
.footer li a:hover, .footer li a.menu-current {
 background:#444 !important;
 }
#counter{width:150px;float:left;margin-top:5px;}
/**************** Misc classes and styles ****************/
.clear{clear:both;}
.hide{display:none;}

.box-left{
 float:left;
 width:46%;
 text-align:center;
 border:0px solid #c0c0c0;
}
.box-right{text-align:center;
 float:right;
 width:46%;
 text-align:center;
 border:0px solid #c0c0c0;
}
img{border:none}

.first{border-top:1px solid #000}
.last{border-bottom:0px solid #000 !important}


/**************************** Mobile Styles ************************************/

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

body{font-size:13px}

.responsive-slider {
 position: relative;
 padding-bottom: 30%; /* Default for 990x300 */
 padding-top: 0px;
 overflow: auto;
 margin-top:20px;
 }
#wrapper{width:100%;margin:0;}

.adresse{display:none;}

.schrift1{
 width:auto;
 font-family:myfont;
 font-size:35px;
 color:#73a3ef;
 font-weight:bold;
 margin-left:10px;
 }
.schrift2{
 font-family:myfont;
 font-size:25px;
 color:#73a3ef;
 font-weight:bold;
 padding-left:0px;
 border:0px solid black;
 margin-right:10px;
 }
#content, #content_600, #subcontent{
 float:none;
 width:100% !important;
 padding:10px !important;
 }
.back-to-top,  .back-to-top:hover {
 bottom:43px;
 right:10px;
 }

.frame1{
 width:100%;
 border:none;
 height:650px
 }

.bild1{float:none;width:90%;padding:10px;margin:0;}
#head span{clear:both;width:80%;padding-top:0;padding-bottom:10px;}

p{text-align:left;}

.box-left{float:left;width:46%;}
.box-right{float:right;width:46%;}
.button{width:100%;font-size:16px;padding:10px 0;}
.abs{width:100%}

 }
/****************************************************************/