/**  {margin:0; padding:0}*/

/*html, body{min-height:100%;}
* html, body{height:100%;} */

body {
color:#333;
/*background-color: #314F71;*/
background-color:#0D0908;
font-family: arial, helvetica, sans serif;
font-weight:normal;
}

body, p, ul { font-size:15px !important;  line-height:20px !important;}

.bg {
	width: 100%;
	position: absolute;
	position:fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

img{border:0;margin:0; padding:0;}
a {margin:0; padding:0;}
p {margin:0; padding:0;margin-bottom:8px;}


#wrapper {
/*max-width: 1036px;  */
margin:3% auto; width:96%;
/*margin-top:60px; */
/*margin-left:8%;   */
}

.toggle_menu {   position:absolute; top:10px;right:10px;
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 44px;
    height: 2px;
    background-color: #DFC781;
    margin: 10px 0;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 7px) ;
    transform: rotate(-45deg) translate(-9px, 7px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-9px, -9px) ;
    transform: rotate(45deg) translate(-9px, -9px) ;
}


 #navi{display:none; position:absolute; top:60px;right:0; z-index:1000; background: rgba(0,0,0,0.5);line-height:0;
/* width:180px;*/right:14px;}
.publi{margin-right:-6px;

}


/* INHALTE */

#bild_navi{
width:100%;max-width: 430px;
}

#bildbereich{
/*width: 430px;
height:430px;*/
 width:100%;/* max-width:430px; max-height:430px*/;


}

#bildbereich img {  width:100%;height:auto;border:1px solid #E8E2D2;
border:1px solid #E8D59B;}

#unterschrift img{width:100%; height:auto;  }
#nav_sprachen {float:right;margin:0; padding:0;margin-right:10px;margin-top:2px;}



#textbereich{
/*width: 580px;
height:565px;*/
width:100%; height:100%;
margin-top:20px;
padding-top:10px;
float:left;
background-image: url(img/bg_texte.png);
border:1px solid #E8D59B;
}

 .mCSB_draggerContainer  {   display:none; 	}

#text{
margin-top:10px;
margin-left:10px;
margin-right:10px;
text-align:left;
}

#text ul {list-style-type:disc; margin-left: 0.6em; margin-bottom:10px;padding-left:10px; }
#text a{/*color:#314F71;*/color:#333;text-decoration:underline;}


.cd{margin-bottom:10px;}
.cover{float:left;width: 100%;}
 .cd_text{float:left; width:300px; margin-left:10px;}


#sprachen {margin-top:5px;margin-left:5px; height:20px; }
a.kasten_aktiv  {margin-left:5px; text-decoration:none;border:1px solid #DDC681;
padding-left:2px;padding-right:2px;background-color:#DDC681;color:#000;}
a.kasten{margin-left:5px; text-decoration:none;border:1px solid #DDC681;
padding-left:2px;padding-right:2px;background-color:#E8E2D2;color:#000;}

div.clear
{
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}



@media only screen and (min-width : 580px){
  .toggle_menu {      display: none; }
#navi {  display:block;top:0;  background:transparent;   }

.cover{width: 165px;}

}

@media only screen and (min-width : 700px){
.mCSB_draggerContainer  {   display:block; 	}

#bild_navi{
float:left;
width:48%;
}

#navi {  position:relative; float:right;
margin-top:14px;
}

#textbereich{
width:50%;
margin-top:120px;
padding-top:10px;
float:right;
}

#text{
height:520px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
text-align:left;
overflow:hidden;
}


.scroll-track{
 height:10px;
 width:10px;
}

.scroll-handle{
margin-left:4px;
 height:10px;
 width:7px;
 background:#666;
 cursor:pointer;
 -moz-border-radius: 4px;
-webkit-border-radius: 4px;
opacity:0.9;
-moz-opacity:0.9;
}

}


@media only screen and (min-width : 1120px){
  #wrapper {
max-width: 1036px;
margin-top:60px;
margin-left:8%;
}

#textbereich{
 width: 580px;
height:565px;
 }

}