/* The main-div surrounds the whole page */
#main {
 margin-top:20px;
 margin-left:20%;
 width:60%;
}

/* The top-div probably will have a page header being built into*/
#top {
 height:120px;
 padding-bottom:10px;
 text-align:right;
 border-bottom:0px solid #000000;
}

#top img {
 float:left;
}


#top h1 {
 font-family:sans-serif;
 font-variant:small-caps;
 font-size:22px;
 color:#005152;
}

/* In the upper block some sort of navigation can be included */
#upper_block {
 text-align:center;
 margin-bottom:5px;
}

.nav_active {
 font-weight: bold;
 color:#005152;
}

/* This was intended as a container for the content to be presented */
#content {
 padding:1em;
 font-family:serif;
}

#content div.uplink {
 text-align:right;
}

#content h1 {
 font-family:sans-serif;
 font-variant:small-caps;
 font-size:22px;
 color:#005152;
}

#content h2 {
 color:#9C0000;
 font-family:sans-serif;
}

#content h3 {
 font-family:sans-serif;
 font-size:16px;
 color:#9C0000;
}

#content h4 {
 color:#FF9E00;
 font-family:sans-serif;
}

#content p {
 padding-left:5px;
}

#content a:link { color:#800000; text-decoration:underline; cursor:pointer;}
#content a:visited { color:#5E5E5E; text-decoration:underline; cursor:pointer; }
#content a:active { color:#FFDF00; text-decoration:underline; cursor:pointer; }
#content a:hover { color:#005152; text-decoration:underline; cursor:pointer; }

#content ul li {
 list-style-image:url('grafik/reddot.png');
}

#content p.einleit {
 font-style:italic;
 text-indent:1em;
}

#content img.framed {
 background:#FFFFFF;
 border:1px solid #AAAAAA;
 padding:2px;
}

#content img {
 border:0px;
 padding:0px;
 background:none;
}

#content .picleft {
	float:left;
      margin-right:10px;
      padding-top:4px;
}

#content .picright {
	float:right;
      margin-left:10px;
      padding-top:4px;
}

/* This lower block has just been added für design purposes but could be used for sure */
#lower_block {
 text-align:center;
 clear:both;
}

/* In the bottom-div, normally copyright and status information are shown */
#bottom {
 text-align:center;
 font-size:60%;
 border-top:0px solid #000000;
 padding-top:2px;
 margin-top:15px;
 width:300px;
 font-family:sans-serif;
}

#bottom a:link { color:#800000; text-decoration:underline; cursor:pointer;}
#bottom a:visited { color:#5E5E5E; text-decoration:underline; cursor:pointer; }
#bottom a:active { color:#FFDF00; text-decoration:underline; cursor:pointer; }
#bottom a:hover { color:#005152; text-decoration:underline; cursor:pointer; }

body {
 background-color:#FFFFFF;
 background:url(grafik/logo-bg2.png) no-repeat;
 background-attachment:fixed;
 background-position:center;
}

a:link { color:#800000; text-decoration:underline; cursor:pointer;}
a:visited { color:#5E5E5E; text-decoration:underline; cursor:pointer; }
a:active { color:#FFDF00; text-decoration:underline; cursor:pointer; }
a:hover { color:#005152; text-decoration:underline; cursor:pointer; }

div .smalltext {
 font-size:12px;
 font-family:sans-serif;
 color:#005152;
}

.navbar1 .navact1 {
 background-color:#005152;
 color:#FFFFFF;
 font-weight: bold;
 border-left: solid 1px #005152;
 border-right: solid 1px #005152;
 padding-left: 5px;
 padding-right: 5px;
}

.navbar2 .navact1 {
 background-color:#9C0000;
 color:#FFFFFF;
 font-weight:bold;
 border-left: solid 1px #9C0000;
 border-right: solid 1px #9C0000;
 padding-left: 5px;
 padding-right: 5px;
}

.navbar3 .navact1 {
 background-color:#9C0000;
 color:#FFFFFF;
 font-weight:bold;
 border-left: solid 1px #9C0000;
 border-right: solid 1px #9C0000;
 padding-left: 5px;
 padding-right: 5px;
}

.navbar4 .navact1 {
 background-color:#005152;
 color:#FFFFFF;
 font-weight: bold;
 border-left: solid 1px #005152;
 border-right: solid 1px #005152;
 padding-left: 5px;
 padding-right: 5px;
}

.navbar5 .navact1 {
 background-color:#005152;
 color:#FFFFFF;
 font-weight: bold;
 border-left: solid 1px #005152;
 border-right: solid 1px #005152;
 padding-left: 5px;
 padding-right: 5px;
}

td.navbar {
 font-family:sans-serif;
 font-size:12px;
}

table.navbar1 {
 margin-top:20px;
 padding-bottom:5px;
 border-top:solid 0px #FF9E00;
 border-bottom:solid 1px #FF9E00;
 border-left:0px;
 border-right:0px;
}

table.navbar2 {
 margin-top:-1px;
 border-top:solid 1px #FF9E00;
 border-bottom:dotted 1px #9C0000;
 border-left:dotted 1px #9C0000;
 border-right:dotted 1px #9C0000;
 background: #F5F5F5;
}

table.navbar3 {
 margin-top:5px;
 border-top:dotted 1px #9C0000;
 border-bottom:solid 1px #FF9E00;
 border-left:dotted 1px #9C0000;
 border-right:dotted 1px #9C0000;
 background: #F5F5F5;
}

table.navbar4 {
 margin-top:-1px;
 border-top:solid 1px #FF9E00;
 padding-top: 5px;
}

table.navbar5 {
 margin-top:30px;
 border-top:solid 1px #FF9E00;
 padding-top:5px;
}

span.copyright {
 font-family:sans-serif;
 color:#5E5E5E;
 font-size:9px;
}

div.function {
 color:#000000;
 text-align:left;
}

div.funcname {
 color:#9C0000;
 text-align:right;
}

table.heading {
 margin-top:30px;
}

table.news {
 border: solid 0px #FF9E00;
}

td.news {
 padding-left:20px;
 padding-right:20px;
 padding-top:15px;
 padding-bottom:15px;
 border: solid 1px #FF9E00;
}

th.newsh1 {
 font-family: sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #9C0000;
 background: #F5F5F5;
 padding: 8px;
 text-align: left;
 border-top: solid 1px #FF9E00;
 border-left: solid 1px #FF9E00;
}

th.newsh2 {
 font-family: sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #005152;
 background: #F5F5F5;
 padding: 8px;
 text-align: right;
 border-top: solid 1px #FF9E00;
 border-right: solid 1px #FF9E00;
}