body { background-color:#FFFFFF;
}

P
 { margin: 0;
 padding: 0; }

h1
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 22px;
 font-style: normal;
 font-weight: bold;
 text-align: left;
 color: #FFFFFF;
 line-height: 26px;
 padding:0 0 10px 10px;
 margin: 0;
 text-shadow: 0 0 2px #36363d, 0 0 3px #54545e;

}

h2
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 18px;
 font-style: normal;
 font-weight: bold;
 text-align: left;
 color: #54545e;
 line-height: 19px;
 padding:10px 10px 10px 0 ;
 margin: 0;

}

.arrow {
	width: 0px;
height: 0px;
float:left;
 padding-right:10px;
	-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 9px 0 9px 15.6px;
border-color: transparent transparent transparent #FFFFFF;
margin-top:5px;
}


.arrowdark {
width: 0px;
height: 0px;
float:left;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 7.5px 0 7.5px 13.0px;
border-color: transparent transparent transparent #54545e;
}

.head
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #54545e;
 text-align: left;
}

a.head:link
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #54545e; 
 text-decoration: none 
}

a.head:hover
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #54545e; 
 text-decoration: none 
}

a.head:visited
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #54545e; 
 text-decoration: none 
}

a.head:visited:hover
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #54545e; 
 text-decoration: none 
}

.subheadline
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 color: #54545e;
 line-height: 30px;
}

.subheadline_red
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-align: left;
 color: #ff0000;
 line-height: 30px;
}

.copy
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e;
 text-align: left;
 line-height: 16px}

.copybold
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #54545e;
 text-align: left;
 line-height: 16px;
 padding-bottom: 10px;
}


ul
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e;
 text-align: left;
 margin: 5px 0 5px 18px;
 padding: 0px}

li
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e;
 text-align: left;
 /*margin: 5px 0 5px 0;*/
 float:clear;
 list-style-type: disc outside;
 padding: 0px; }

ol
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e;
 text-align: left;
 margin: 5px 0 5px 27px;
 float:clear;
 padding: 0px; }

td.menue
 {font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 line-height: 11px;
}

td.submenue
 {font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #FFFFFF;
 line-height: 11px;
}


td.menue2
 {font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
}

td.kasten_head
 {font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 padding-left: 5px;
 padding-bottom: -1px;
 color: #FFFFFF;
 border: 0px solid #54545e}
 
td.kasten
 {font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 padding: 5px;
 color: #54545e;
 line-height: 14px;
 border-top: 0px solid #54545e;
 border-bottom: 1px solid #54545e;
 border-left: 1px solid #54545e;
 border-right: 1px solid #54545e}
 
td.kasten2
 {border-top: 0px solid #54545e;
 border-bottom: 1px solid #54545e;
 border-left: 1px solid #54545e;
 border-right: 1px solid #54545e;
padding: 0;
margin:0;
}

.intern
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #CC0000;
 text-align: left;
 line-height: 16px}
 
menu_img
 {  margin: 0;
 padding-right: 5px}
 
a:link
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e; }
 
a:hover
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e; }
 
a:visited
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e; }
 
a:visited:hover
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #54545e; }
 
 .box {
position:relative;
width: 12,5%;
padding-top: 9.25%;
}
 
.box:before {
content: "";
display:block;
padding-top: 25%;
}
 
.box .content {
 position: absolute;
padding:0 0  1px 0;
}
/*------------------------------------*\
  NAV
\*------------------------------------*/
#nav{
  padding:0px;
  margin:0px ;

}
#nav ul {
  padding:0px;
  margin:0px;

}
#nav li{
	color:#fff;
	display:block;
	position:relative;
	
}
#nav.dark li{
	color:#fff;
	display:block;
	padding-top:1px;
	position:relative;
	width: 12,5%;
	/*padding-top: 100%;*/
   background:#54545e;
	margin:0;
	
}

#nav .content {
   padding:20px 5px ; 
   font-weight:bold;
}
#nav li:before{
content: "";
display:block;
padding-top: 100%;
}
#nav  li li:before{
content: "";
display:block;
padding-top: 0;
}

#nav li .content {
 position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -1px;
}


#nav a{
 display:block;
 font-weight:bold;
 color:#fff;
 text-decoration:none;
   padding:5px 20px; 
  margin:0px;
	  background:#54545e;
}
#nav a:hover{
 color:#fff;
  background:#7c7c83;
}

/*--- DROPDOWN ---*/
#nav ul{
 list-style:none;
 position:absolute;
padding-top: 0;
  margin:0px;
  z-index:50;
	display:block;
border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
 left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}

#nav ul li ul li{
 padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
 float:none;
    width:320px!important;
    height:22px!important;
  margin:0px;
	display:block;
  background:#54545e;

}
#nav.dark ul ul li{
 padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
 float:none;
    width:320px;
    height:22px!important;
  margin:0px;
	display:block;
  background:#54545e;

}
#nav ul ul li a  {

 
}
#nav ul a{
 white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
 left:0; /* Bring back on-screen when needed */
}
#nav li:hover { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
 background:none;
 text-decoration:none;
}
#nav.dark li:hover { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
 background:#7c7c83;
 text-decoration:none;
}

#nav.dark li.seven:hover { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
 background:#54545e;
 text-decoration:none;
}

#nav li.akt { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
 background:#7c7c83;
 text-decoration:none;
    height:133px;
}




#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
 text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
 text-decoration:none;
  
  
}
#nav li:hover ul li { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  border-bottom:1px solid #ffffff;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
}


#sub {
  height:117px;
  width:125px;
  vertical-align:bottom;
    display: table;
  background:#7c7c83;
}
#subx {
  height:101px;
  width:125px;
  vertical-align:bottom;
    display: table;
}
#sub1 {
  display: table-caption;
   font-weight:bold;
  }

#sub2 {
  display: table-cell;
  vertical-align: bottom;
  font-weight:normal;
}


a.menue:link
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none }
 
a.menue:hover
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none }
 
a.menue:visited
 { font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none }
 
a.menue:visited:hover
{ font-family: Arial , Verdana,  Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none }

.englisch {display:none}