/*Content - Anfang*/
/*Content - Ende*/
html,body{ 
font-size: 10pt;
font-family:arial;
color:white;
background:black;
background-repeat:no-repeat;
background-attachment:fixed; padding:0px;
background-size:90%;
background-position:right center;
background-image:url('/images/background/background2.jpg');  } 
@media only screen  and  (max-width: 800px) {
html,body{ 
font-size: 10pt;
font-family:arial;
color:white;
background:black;
background-repeat:no-repeat;
background-attachment:fixed; padding:0px;
 }
}

@media only screen  and (max-width: 600px) {
  #navi_left {
    visibility: hidden;
    clear: both;
    float: left;
   
    width: 0%;
    display: none;
  }
    #navi_right {
    visibility: hidden;
    clear: both;
    float: left;
 
    width: 0%;
    display: none;
  }  #root{

 border-radius:8px;
background: rgba(255,255,255,0.6);
width: 98%;margin:0 auto;

}
  #content{ float: right;width: 96%;padding-left:2%;
padding-right:2%;}
  img.logo{ float: left;width:50%;padding:10px; }
  #navi_header{   border-radius:2px;
  
    float: left;
     height:25px;
     margin-bottom:30px;
    width: 100%;

  }.headtext{
width:100%;
float:left;

font-size: 30px;

margin-top:20px;
font-family:arial black;

text-indent:10px;
}
.headtext2{
width:100%;
float:left;
margin-top:-60px;
text-align:right;


}} 
@media screen and (min-width: 601px) {
#root{
display:block;
width:950px;
min-width:600px;
width: 60%;
margin:23px;
margin-top:5px;
border-radius:8px;
background: rgba(255,255,255,0.6);
margin-left:23px;
}.headtext{
width:55%;
float:left;
font-size: 38px;
min-width:400px;
margin-top:-5px;
font-family:arial black;

text-indent:10px;
}
.headtext2{
width:44%;
float:left;

text-align:right;
margin-top:40px;
text-indent:10px;
}
#content{
width:74%;
float:left;
padding-left:2%;
padding-right:2%;
}#navi_header {
    visibility: hidden;
    clear: both;
    float: left;
 
    width: 0%;
    display: none;
  }img.logo
{
text-align:center;
border:0px;
padding:10px;
height:60px;
} }
/*Haupteinteilung*/
/*Header Anfang*/
#head{
float:left;  
width: 100%;

margin-top:0 auto;
margin: 0 auto;
height:80px;
color:black;


}

/*Header Ende*/
/*Gesamt*/
#root{
display:block;




color:white;



border-radius:8px;
background: rgba(255,255,255,0.1);
background:-webkit-linear-gradient(left, rgba(0,0,69,0.6)8%, rgba(0,0,0,0.1)100%); /* Safari, Chrome - neue Syntax! */
background:-moz-linear-gradient(left, rgba(0,0,69,0.6)8%, rgba(0,0,0,0.1)100%); /* Firefox */
background:-webkit-linear-gradient(left, rgba(1,44,143,0.6)8%, rgba(0,0,0,0.1)100%); /* Safari, Chrome - neue Syntax! */
background:-o-linear-gradient(left, rgba(0,0,69,0.6)8%, rgba(0,0,0,0.1)100%); /* Opera */
background:-ms-linear-gradient(left, rgba(0,0,69,0.6)8%, rgba(0,0,0,0.1)100%); /* IE */
background:linear-gradient(left, rgba(0,0,69,0.6)8%, rgba(0,0,0,0.1)100%); /* W3C Standard */
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#root1{
margin:0 auto;
width:98%;
min-height:900px; 
background-image:url('/images/test/mukeria6.png');
background-repeat:no-repeat;
background-attachment:fixed; padding:15px;
background-position:right  bottom;
background-size:30%;
}
#root2{ 
float:left;
width: 18%; 
margin-top:130px;
}   
#header{
width:100%;
}
#navi_header{
}
.navi1{
color:white;
}
#navi_left{
float:left;
width:20%;

min-height:400px;

}
#navi_right{
float:left;
width:19%;
}
#content{
float:left;

padding-top:12px;

min-height:650px;
}
#footer{
border-radius:2px;
margin-top:10px;
padding:8px;
}
/*Haupteinteilung*/
/*Ende*/
/*Content - Anfang*/
.content{
min-height:450px;
width:99.5%;
overflow:hidden;
}
.content1{
min-height:150px;
width:99.5%;
overflow:hidden;
}
/*Content - Ende*/
/*Navigation - Anfang*/
.navi_left1{
width:88%;
margin-right:2%;
border:0px;
padding:6%;
min-height:450px;
}
/*Navigation - Ende*/  

/*Images - Anfang*/
.image
{
border-radius: 1px;
float:left;
width:24%;
height:130px;
margin-right:0.5%;
text-align:center;
margin-bottom:5px;
}
.media{
width:90%;

margin-right:5%;
border-radius:1px;
padding:10px;
}
.media2{
margin-top:15px;
width:90%;
min-height:70px;
margin-right:5%;
border-radius:2px;
padding:8px;
color:white;
}
.media a:hover, .media a{
font-size:13px;
font-weight:bold;
text-decoration:none;
color:#fff; 
border-radius: 3px;
margin-top:10px;
}
.media2 a:hover, .media2 a{
font-size:13px;
text-decoration:none;
color:#fff; 
border-radius: 3px;
margin-top:10px;
}
img.images
{
text-align:center;
max-width:95%;
max-height:120px;
}
img.media2
{
border:2px;
border-color:black;
width:125px; 
text-align:left;
}
img
{ 
border:0px;
margin-left:2px;
margin-right:7px;
margin-bottom:7px;
}
img.flag
{
margin-top:-7px;
height:18px;
border:0px;
vertical-align:middle;


}
img.flag2
{
margin-top:-16px;
height:32px;
border:0px;
vertical-align:middle;

}
img.navimage
{
margin-top:5px; 
margin-left:4px;
margin-right:1px;
vertical-align:middle;
}

img.slider
{
vertical-align: middle;
border:0px;
max-width:99.8%;
min-height:100%;
}
img.imageklein
{
text-align:left;
max-width:150px;
margin-right:10px;
}

.youtube{
text-align:center;
vertical-align: middle;
}
/*Images - Ende*/

p.b1
{
font-size:10pt;
text-align: center;
margin-top: 0;
margin-bottom: 0;
margin-left: 2px;
margin-top: 2px;
}
p
{
margin: 0 auto;
}
h1{
font-size:16pt;
text-align:left;
}
h2{
font-size:14pt;
}
/*Navigation Header*/
/*Navigation Header*/
ul{text-transform: uppercase;}
.ddsmoothmenu{
font-size:12pt ;
 /*background of menu bar (default state)*/
margin: 0 auto;

}
td{margin:0;}
.ddsmoothmenu ul{
font-size: 12px ;
font-weight:bold;
z-index:80;
margin: 0 auto;
padding: 0;
list-style-type: none;  
font-weight:bold;
margin-top:25px;
}
/*Top level list items*/
.ddsmoothmenu ul li{
text-indent:25px;
text-align:left;
position: relative;
display: block;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;

 /*background of menu items (default state)*/
color: #fff;


padding: 8px 10px;
text-decoration: none;
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
color: #fff;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #fff;
}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #fff;
}
.ddsmoothmenu ul li a:hover{
/*background of menu items during onmouseover (hover state)*/
color: #fff;
border-bottom: 1px solid rgba(255,255,255,0.3); 
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
margin-left:-20px;
color: #fff;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:-webkit-linear-gradient(left, rgba(0,0,69,0.7)8%, rgba(0,0,0,0.8)100%); /* Safari, Chrome - neue Syntax! */
background:-moz-linear-gradient(left, rgba(0,0,69,0.7)8%, rgba(0,0,0,0.8)100%); /* Firefox */
background:-webkit-linear-gradient(left, rgba(1,44,143,0.7)8%, rgba(0,0,0,0.8)100%); /* Safari, Chrome - neue Syntax! */
background:-o-linear-gradient(left, rgba(0,0,69,0.7)8%, rgba(0,0,0,0.8)100%); /* Opera */
background:-ms-linear-gradient(left, rgba(0,0,69,0.7)8%, rgba(0,0,0,0.8)100%); /* IE */
background:linear-gradient(left, rgba(0,0,69,0.7)8%, rgba(0,0,0,0.8)100%); /* W3C Standard */
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: left;
color: #fff;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
color: #fff;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited {
width: 160px; /*width of sub menus*/
padding: 5px;
margin-left:-10px;
color: #fff;

}
 .ddsmoothmenu-v ul{
margin: 0;
padding: 0;
 /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
}
.ddsmoothmenu-v ul li{
position: relative;
}
/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #000;
text-decoration: none;
padding: 6px;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
 /*background of menu items (default state)*/
color: #000;
}
.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: #000;
}
.ddsmoothmenu-v ul li a:hover{
/*background of menu items during onmouseover (hover state)*/
color: black;
border-bottom: 1px solid rgba(255,255,255,0.3); 
}
/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 100%; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%;  }
/* End */
/* Holly Hack for IE \*/
* html .ddsmoothmenu{} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}  
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
#slideshow, img.bg {
        
        width: 100%;
        
        position: fixed;
        top: 0;
        left: 0;
        z-index:-9999;

}
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}
.sliderwrapper{
margin-top:0 auto;
margin: 0 auto;
width:99%;
max-width:700px;
border-radius:2px 2px 0px 0px;
height:200px;
background-repeat:no-repeat;
background-size:100%  ;
border-radius:2px;
margin-bottom:3px;
margin-top:0px;
 /*width of featured content slider*/
}
.sliderwrapper .contentdiv{
width:100%;
max-width:700px;
background-size:100%  ;
background-repeat:no-repeat;
border-radius:2px;
height:200px;
}
.pagination{
width: 0px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height:10px;
text-align: center;
}
.pagination a{ 
text-decoration: none; 
background: linear-gradient(top, #fff, #fff);
border-radius: 5px 5px 5px 5px;
border: 1px solid #fff;
color:#323232;
}
.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #fff;
}
a, a:hover, a.selected{
color:black;
}