* {
    margin: 0;
    padding: 0;
}



 body {
    text-align: center;
    background-color: #003366;
     
}

header, nav, figure, footer, aside, section {
    display: block;
}

#wrapper {
    background-color: white;
    width: 900px;
    border: 3px solid gray;
    margin: 10px auto;
    text-align: left;
    padding: 10px;
    border-radius: 10px;
}

header {
    
    background-color: white;
    width: px;
    height: px;
    border-radius: 10px;
    padding: x;
    
  
}

#titel {
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 27px;
    padding-top: 120px;
    width: 500px;
    height: 29px;
    text-align: right;
    float: right;
    display:inline;
    text-shadow: 0 0 5px black;
    color: white;
    
}

#logo {
    background-color: white;
    background-image: url(images/logo2.png);
    width: 149px;
    height: 149px;
    border: 1px solid white;
    border-radius: 10px;
    float: left;
    padding: px;
    
}

figure 

#foto {
    
    width: 900px;
    height: 200px;
    border-radius: 10px;
    margin: 7px auto;
   
}

nav   {
    background-color:gray;
    width: px;
    height: 36px;
    border-radius: 10px;
    margin-bottom: 7px; 
    text-align: justify;
    background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;  

}

#steuerung ul,
#steuerung li,
#steuerung span,
#steuerung a {
  margin: 0;
  padding: 0;
  position: relative;
}
#steuerung:after,
#steuerung ul:after {
  content: '';
  display: block;
  clear: both;
}
#steuerung a {
  color: #ffffff;
  display: inline-block;
  font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
  font-size: 12px;
  min-width: 35px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
}
#steuerung ul {
  list-style: none;
}
#steuerung > ul > li {
  float: left;
}
#steuerung > ul > li.active a {
  background: #646464 url(grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  filter: none;
}
#steuerung > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;
}
#steuerung > ul > li a {
  box-shadow: inset 0 0 0 1px #8a8a8a;
  -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
  -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
  background: #4a4a4a url(grad_dark.png) repeat-x left top;
  background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
  background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  border-bottom: 1px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  border-right: 1px solid #5d5d5d;
  line-height: 34px;
  padding: 0 35px;
  filter: none;
}
#steuerung > ul > li a:hover {
  background: #8a8a8a url(grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  filter: none;
}
#steuerung > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-left: 1px solid #5d5d5d;
}
#steuerung > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
#steuerung .has-sub:hover ul {
  display: block;
}
#steuerung .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  /* IE7 */

  *width: 100%;
}
#steuerung .has-sub ul li {
  text-align: center;
}
#steuerung .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #5d5d5d;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}

nav p {
  text-align: center;
  padding: 10px;
  font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: white;

}




section {
    background-color: ;
    width: 575px;
    height: 1100px;
    float: left;
    margin: 3px auto;
    border: 
    border-radius: 10px;
    padding: 10px;

}
section h1 {
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    line-height: ;
    color: gray;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom:10px;
}

section h2 {
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    line-height: ;
    color: gray;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: px;
}

section p {
    text-align: justify;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom:10px;
    padding: 10px;
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: ;
    color: gray; 
}
section hr {
    color: gray;
    border-style: ridge;
}

section a:visited {
    color:gray;
    text-decoration:none;
}

section a:hover {
    color:;
    text-decoration:underline;
}

section a {
    color:gray;
    text-decoration:none;
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 12px;
    border:0px solid white;
    padding-left: px;
    padding-bottom:px;
}


#breadcrumbs {
   font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
   color: gray;
   text-decoration: none; 
   padding-bottom: 10px;
}


#breadcrumbs a {
    color:gray;
    font-size: 10px;
    padding-left: px;
    text-decoration:none;
}

#breadcrumbs a:visited {
    color:gray;
    text-decoration:none;
}

#breadcrumbs a:hover {
    color:gray;
    text-decoration:;
}


aside {
    background-color:;
    width: 275px;
    height:1100px;
    float: right;
    margin: 3px auto;
    border: ;
    border-radius: 10px;
    padding: 10px;  

}

aside hr {
    color: gray;
    border-style: ridge;
}

.buttonblau {
    background-color: #0066CC;
    box-shadow: 0 5px 5px #000099, 0 9px 0 #000099, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    margin: 0px 20px;
    margin-bottom: 40px;
    padding: 12px 20px;
    position: relative;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 5px black;
    color: white;
}

.buttonblau:hover {
    box-shadow: 0 5px 5px #0033CC, 0 9px 0 #000099, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 15px rgba(255, 255, 255, 0.4) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
}

.buttonblau:active {
    box-shadow: 0 2px 0 #000099, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
}

.button {
    background-color: #0066CC;
    box-shadow: 0 5px 5px #000099, 0 9px 0 #000099, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 9px rgba(255, 255, 255, 0.2) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    margin: 10px 20px;
    margin-bottom: 20px;
    padding: 12px 38px;
    position: relative;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 5px black;
    color: white;
}

.button:hover {
    box-shadow: 0 5px 5px #0033CC, 0 9px 0 #000099, 0 9px 10px rgba(0, 0, 0, 0.4), 0 2px 15px rgba(255, 255, 255, 0.4) inset, 0 -2px 9px rgba(0, 0, 0, 0.2) inset;
}

.button:active {
    box-shadow: 0 2px 0 #000099, 0 4px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
}

#logoarge {
    background-image: url(images/logoarge.png);
    width: 240px;
    height: 80px;
    display: inline-block;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 17px;
    border:; 
    
    
}

footer {
    

  background-color: gray;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;
    list-style: none;
    margin-top: 1500px;
    margin-bottom: 3px;
    border-radius: 10px;
    padding: 10px;
    font-family:'Verdana', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: white;
    text-decoration: none;
    text-align: center;
}    

#steuerungunten a {
    text-decoration: none;
    color:white;
    border-right:1px gray solid;    /* Rahmenfarbe rechts  */
    padding-right:5px;              /* Innenabstand unten senkrechter Randstrich*/
}


#steuerungunten li {
    list-style:  none; 
    display: inline;
    text-align: center;
    text-decoration: none;
    color:gray;               /* Innenabstand unten senkrechter Randstrich*/  
    }
#steuerungunten .last a {
    color:white;
    text-decoration:none; 
    border-right: 0 none;
}