/* The main-div surrounds the whole page */
#main {
 width:100%;
}

/* The top-div probably will have a page header being built into*/
#top {
 height:45px;
 padding-bottom:10px;
 text-align:right;
 border-bottom:1px solid;
}

#top img {
 float:left;
}

#top h1 {
 font-size:180%;
 color:#000095;
 padding-top:10px;
 padding-right:5px;
}

/* In the upper block some sort of navigation can be included */
#upper_block {
 text-align:right;
 margin-bottom:5px;
}

/* The left block normally holds some navigation, search-engine and so on */
#left {
 display:none;
}


/* As its name shows - letting the user know the news */
#update_top {
 font-size:90%;
 border-bottom:1px solid #000080;
 margin-top:2em;
}

#updates {
 padding-left:5px;
 margin-bottom:2em;
}

#updates ul {
 border-left:0px;
}

#updates ul li {
 list-style:url(design/grayflat.png);
}

#updates ul li:hover {
 list-style:url(design/grayflat.png);
}

/* This was intended as a container for the content to be presented */
#content {
 padding:1em;
 font-family:serif;
}

#content div.uplink {
 display:none;
}

#content h1 {
 color:#000095;
 font-family:sans-serif;
}

#content h2 {
 color:#000095;
 font-family:sans-serif;
}

#content h3 {
 color:#000095;
 font-family:sans-serif;
 background: url('./design/absatz.png') no-repeat;
 padding-left:1em;
}

#content h4 {
 color:#000095;
 font-family:sans-serif;
}

#content p {
 padding-left:5px;
}

#content ul li {
 list-style:url(design/grayflat.png);
}

#content p.einleit {
 font-style:italic;
 text-indent:1em;
}

#content img {
 background:#FFFFFF;
 border:3px double #CCCCCC;
 padding:4px;
}

#content a {
 text-decoration:none;
 color:#000080;
}

#content a:link {
}

#content a:hover {
 text-decoration:underline;
}

#content a:visited {
 color:#555555;
}

/* This lower block has just been added für design purposes but could be used for sure */
#lower_block {
 text-align:right;
 margin-right:20px;
 clear:both;
}

/* In the bottom-div, normally copyright and status information are shown */
#bottom {
 text-align:right;
 font-size:60%;
 border-top:1px solid;
 padding-top:2px;
 padding-right:2px;
 margin-top:5px;
}

#bottom a {
 color:#000080;
}

/* From here on changes will have effect on _all_ elements, so be careful when changing! */

body {
 font-family:sans-serif;
 font-size:90%;
}

div {
 border:0px solid;
}

.framed {
 border:1px solid #AAAAAA;
 background: #FFFFFF;
 margin-bottom: 20px;
 width: 100%;
}

.framedheader {
 position: relative;
 top: 7px;
 left: 2ex;
 padding: 3px;
 border: 1px solid #AAAAAA;
 background: #FFFFFF;
 font-family: sans-serif;
 font-size: 12px;
 color: #000080;
 font-style:italic;
}