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

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

#top img {
 float:left;
 background:url(design/blueflat.png);
}

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

/* 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:125px;
 padding-top:2em;
}

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

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

#left ul li.active {
 list-style:url(design/redflat.png);
 color:#000095;
}

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

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

#left div.nav_top {
 border-bottom:1px solid #CCCCCC;
 border-right:1px solid #CCCCCC;
 margin-bottom:10px;
 font-size:90%;
 background:#EEEEEE;
 background-image: linear-gradient(white 0%, #AAAAAA 120%); 
 font-weight:bold;
 padding:4px;
}

#left div.nav_top:hover {
 border-bottom:1px solid #000095;
 border-right:1px solid #000095;
 background-image: linear-gradient(white 0%, #800000 120%); 
}

#left div.nav_active {
 border-bottom:1px solid #CCCCCC;
 border-right:1px solid #CCCCCC;
 background:#000095;
 background-image: linear-gradient(white 0%, #000095 120%);
 color:#FFFFFF;
 font-size:90%;
 font-weight:bold;
 padding:4px;
}

#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(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 {
 margin-left:140px;
 border-left:0px solid #AAAAAA;
// background-color:#EEEEEE;
 background-image:linear-gradient(45deg, #DDDDDD 0%, white 10%);
 padding:1em;
 font-family:serif;
}

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

#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:1px solid #AAAAAA;
 padding:2px;
}

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

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

#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:0px solid #000000;
 padding-top:2px;
 padding-right:2px;
 margin-top:5px;
}

#bottom a {
 color:#000095;
}

/* 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: #000095;
 font-style:italic;
}

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