@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6 {

}  

h1{
font-family: 'Orbitron', sans-serif;
font-size:1.4em;
font-witdh:bold;
color:#de1b1b;
}

h2{
font-family: 'Gruppo', cursive;
font-size:1.2em;
font-witdh:bold;
color:#FF6347;
}
h3{
font-family: 'Gruppo', cursive;
font-size:0.95em;
font-witdh:bolder;
}

p{
font-family: 'Palanquin', sans-serif;
font-size:1em;
color:#666666;
padding-right:20px;
}

a{
text-decoration:none;
color:white;

}
a:hover,
a:focus{
color:red;
opacity:0.5;

}



li {
list-style:none;
}

body{

margin:0;
padding:0;
border:none;
background-color:black!important;

}
html{
margin:0;
padding:0;
border:none;

	
	
}

#screen{
position:relative;
float:left;
padding-left:0;
margin-left:0;
width:100%;  

}


#logoA{



width:60%;
margin:0 auto;
height:200px;

}
#logo{
position:relrative;
float:left;
width:100%;



height:200px;

}

#logo img{
padding-top:20px;
margin:0 auto;
text-align:center;

}
#audio {
position:absolute;
right:20px;
top:20px;
float:right;
height: 18px;
width: 18px;
}

.mod-languages {
position:fixed;
right:80px;
bottom:50px;	
z-index:9999;	
color:white;
	
}
.mod-languages a{

color:white;
opacity:0.5;	
}

.mod-languages a:hover{

color:white;
opacity:0.8;	
}

.mod-languages .lang-active a{

color:white;
opacity:0.8;	
}


.volume-icon{
z-index: 10000;
border: 0px solid red;

opacity: 1;
height: 18px;
width: 18px;
background: url(../images/volume.png) no-repeat;
}
.volume-icon:hover{
cursor: pointer;
opacity: 0.8;
}


#content {
position:relative;

margin-left:0;
padding:0;
margin:0 auto;
width:80%;

}



#mitte {
position:relative;

margin:0 auto;
width:80%;
overflow:hidden;


}



.blog-featured{

margin:0 auto;
width:100%;



}







#test, #skalierung, #navigation2 {
width:100%;
margin:0 auto;

}

.text_block_left {
width:50%;
float:left;	
	
}
.text_block_small {
width:33%;
float:left;	
	
}

#navigation2 {
position:fixed;
bottom:0;	
height:80px;
background-color:rgba(0,0,0,0.6);
z-index:10;		
}


.mod-article-single__video{
position:relative;
top: 0;
left: 0;
margin-top:0px;
width:100%;
height:500px;
margin: 0 auto;	
display:block;

overflow:hidden;
z-index:-10;
}

.item__module {

display:block;
width:100%;
height:100%;

width:100%;	

	
}

#video object{
padding-top:300px;



}
#Video {
width:50%;
height:50%;	
padding-top:8%;	
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);

transform: rotate(-3deg);
	
}
	
@media (max-width: 1370px){
#Video {
position:relative !important;
top:-100px !important;
width:40%;
height:50%;
}
#logo img {
width:40%;
height:40%;	
	
	
}	
.icemegamenu a {


font-size:12px !important;

}
#navigation2 {
position:fixed;
bottom:0;	
height:50px;
background-color:rgba(0,0,0,0.6);
z-index:10;		
}

.mod-languages {

right:25px;
bottom:20px;	

	
}.mod-languages a {

font-size:10px;	

	
}
}	

@media (max-width: 800px){
	
#Video {
	
position:relative !important;
top:-65px !important;
width:80%;
height:80%;
padding-left:40px;	
	
}
	
}




/*NEWSFLASH*/

.newsflash-vert {
width:100%;

background-color:blue;
}
.newsflash-item {
display:block;
width:33%;
min-width:250px;

float:left;
position:relative;
}
.newsflash-title {


}


/*resposive*/




@media (max-width: 979px){

}

.select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   appearance: none;       /* remove default arrow */
   background-image: url(...);   /* add custom arrow */
}

.jgallery-container {
	


	
}

/*responsive*/

@media (max-width: 979px){
.mod-languages {
position:fixed;
left:5px;
top:5px;	
z-index:999999;	
color:white;
width:60px;
height:20px;
	
}	
	

#screen {
width:100%;
margin:0;
padding-left:0 !important;
margin-left:0 !important;	
	
}
#content {
width:95%;
top:0px;
margin:0;
margin-left:0 !important;	
	
}



#navigation {
width:100% !important;
float:left;
padding-left:0 !important;
margin-left:0 !important;
margin: 0 auto;
position:relative;
z-index:9999;
}
#navigation2{
padding-left:0 !important;
margin-left:0 !important;
top:0;	
left:0px;
right:0px;
width:100% !important;
height:auto;
	
}	


#logo  {
display:none;	
	
}	
.text_block_left {

width:100% !important;
float:left;	
display: block !important;
margin:0 auto;

}

.text_block_small {

width:100% !important;

display: block !important;
margin:0 auto;

}
.text_block_small p {



display: block !important;

}

img {
margin: auto;
display:block !important;
}	
	



}