/* The main-div surrounds the whole page */
#main {
 margin-left:15%;
 width:70%;
 max-width:58em;
}

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

#top img {
 float:right;
 background:url(grafik/greensquare.png);
}

#top h1 {
 font-size:180%;
 font-style:italic;
 color:#000095;
 padding-top:10px;
 padding-right:5px;
 padding-left:20px;
}

/* 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 {
 float:left;
 width:115px;
 margin-top:5px;
 padding-top:10px;
 border-left:0px solid;
}

#left ul {
 margin-top:2px;
 font-size:80%;
 border-left:0px solid #CCCCCC;
}

#left ul li {
 list-style:url(grafik/greensquare.png);
 padding-top:4px;
}

#left ul li.active {
 list-style:url(grafik/brownsquare.png);
 color:#000080;
}

#left ul li.active:hover {
 list-style:url(grafik/greysquare.png);
}

#left ul li:hover {
 list-style:url(grafik/orangesquare.png);
}

#left div.nav_top {
 border-bottom:1px solid #CCCCCC;
// border-right:1px solid #CCCCCC;
 margin-bottom:10px;
 font-size:90%;
// background:#EEEEEE;
 padding:2px;
}

#left div.nav_top:hover {
 border-bottom:1px solid #008080;
// border-right:1px solid #008080;
 font-weight:bold;
}

#left div.nav_active {
 border-bottom:1px solid #008080;
 //border-right:1px solid #008080;
 background:#FFFFFF;
 font-size:90%;
 font-weight:bold;
 padding:2px;
}

#left a {
 display: block;
 text-decoration:none;
}

#left a:link {
 color:#000000;
}

#left a:hover {
}

#left a:visited {
 color:#555555;
}

#left div.nav_top a:visited {
 color:#000000;
}

/* As its name shows - letting the user know the news */
#update_top {
 font-size:90%;
 font-weight:bold;
 color:#555555;
 border-bottom:3px double #000095;
 margin-top:2em;
}

#updates {
 padding-left:5px;
 margin-bottom:2em;
}

#updates ul {
 border-left:0px;
}

#updates ul li {
 list-style:url(grafik/greysquare.png);
}

#updates ul li:hover {
 list-style:url(grafik/greysquare.png);
}

/* This was intended as a container for the content to be presented */
#content {
 margin-left:130px;
 border-left:0px solid #AAAAAA;
 background-color:#FFFFFF;
 padding:1em;
 padding-top:0px;
 font-family:serif;
}

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

#content h1 {
 color:#008080;
 font-family:sans-serif;
}

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

#content h3 {
 color:#000095;
 font-family:sans-serif;
 background: url('./grafik/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(grafik/greysquare.png);
}

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

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

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

#content a {
 text-decoration:none;
 color:#000080;
}

#content a:link {
}

#content a:hover {
 text-decoration:underline;
}

#content a:visited {
 color:#555555;
}

#content div.code {
 border:1px dashed #000000;
 background:#EAEAEA;
 padding:5px;
 font-family:terminal, courier new, courier;
}

/* 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:0px solid #000000;
 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;
}

.kleingedruckt {
 font-size: smaller;
 text-decoration: none;
}