BODY
{
 padding:0px;
 margin:0px;
 height:100%;
 background-color:#ebebeb;
 font-family: 'Open Sans', sans-serif, helvetica, verdana, arial;
 font-size:13pt;
 color:5a5a5a;
 margin-bottom:1px;
 
 
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82a6f5+0,72b035+100 */
background: #82a6f5; /* Old browsers */
background: -moz-linear-gradient(top,  #82a6f5 0%, #72b035 268px); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #82a6f5 0%,#72b035 268px); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #82a6f5 0%,#72b035 268px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a6f5', endColorstr='#72b035',GradientType=0 ); /* IE6-9 */

}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

h1 {
 font-size:19pt;
 margin:0;
 padding:0;
 color:#5a5a5a;
}

.HP { font-size:18pt; }

h2 {
 margin:20px 0 0 0;
 padding:0;
 font-size:17pt;
 color:#5a5a5a;
}

h3 {
 font-size:15pt;
 margin:20px 0 0 0;
 padding:0;
 color:#5a5a5a;
}

p {
 font-size:13pt;
 line-height:1.25;
 margin:10pt 0 0 0;
 color:#5a5a5a;
}

hr {
 margin-top:5px;
 margin-bottom:0px;
 color:#5a5a5a;
 height:2px;
 border-style:dotted;
}

.klein {
 font-size:8pt;
}
.mini {
 font-size:7pt;
}

.aus {
 display:none;
}

a { color:#990000; font-weight:bold; }

.rot   { color:#990000; }
.blau  { color:#31549c; }
.gruen { color:#309449; }
.gelb  { color:#31549c; }

#wrapper {
  width:970px;
  height:100%;
  margin:0 auto;
}

#main {
  position:relative;
  width:970px;
  border:4px solid #31549c;
  padding:0px;
  margin:50px 0 0 0;
  background-color:#fff;
}

#main2 {
  background-image:url(img/titel-bg-2.jpg);
  background-position:top center;
  background-repeat:repeat-y;
  margin:0;
  padding:30px 0 0 0;
}

/*   Header   */

#header { 
  position:relative;
  width:950px;
  height:230px;
}

/* Navi */

#nav {
 margin:0 auto;
 position:relative;
 border-bottom:1px solid #5a5a5a;
 width:95%;
 height:35px;
 text-align:center;
}

#nav ul {
 text-align:center;
 padding:0;
 list-style:none;
}

#nav li {
 float:left;
 padding:7px 3px 7px 3px;
 margin:0px;
}
    
#nav li a {
 height:25px;
 padding:0 0px 0 6px;
 text-decoration:none;
 letter-spacing:0.05em;
 font-size:9pt;
 font-weight:bold;
 color:#5a5a5a;    
}

#nav li a:hover {
 color: #31549c;
}

#nav #current a {
 color: #31549c; 
}
    
#nav #current a:hover {
 color: #31549c;
}

/*   Content   */

#contentWrapper {
 position:relative;
}

#content {
 margin:0;
 padding:20px 20px 50px 20px;
 text-align:center;
}

#content .frame {
 padding:6px;
 border:1px solid #a0a0a0;
}

#content p {
 margin:10 0 0 0;
 /*padding:10px 0 5px 0;*/
}

#content .small { font-size:11pt; }
#content .big { font-size:17pt; }

#content ul { 
	list-style: none;
	margin:0;
	padding:0;
}

#content ul.institut {
  list-style:circle;
  margin-left:20px;
  margin-top:10px;
}

#content ul.institut li {
	margin-top:10px;
	color:#5a5a5a;
}

#content ul.akademie {
  list-style:decimal;
  margin-left:20px;
  margin-top:10px;
}

#content ul.akademie li {
  margin-top:5px;
  color:#5a5a5a;
}

#tb img { margin:5px; }

p.ds { text-align:center; margin:20px 0 20px 0;}
a.ds { font-size:7pt;text-decoration:none;font-weight:normal;color:#606060; }
a.ds:hover { color:#606060;background:transparent; }