/* 
 * Allgemeine Einstellungen 
 */

html {
/* margin: 0; */
/* position: relative; */
}

body {
	margin: 0;
    font-family: Arial, sans-serif;
    font-size: 10pt;
	/* position: relative; */
}

a img { border: 0; }

img.left { float:left; margin:1em 1em 1em 0; }
img.right { float:right; margin:1em 0 1em 1em; }

a, div, span { position: relative; }

h1, h2, h3 { color: #039; }
h1 { font-size:1.5em; margin: 0 0 0.5em 0; }
h2 { font-size:1.3em; margin: 0 0 0.3em 0; }
h3 { font-size:1.1em; margin: 0 0 0.2em 0; }

p { margin: 0 0 1em 0; }

span.reg {
    position: relative;
    top: -0.9em;
    font-size: 0.6em;
}

/* Listen */

ul {
    margin: 0.5em 0 0.5em 0;
}

/* Tabellen */

table {
    border-collapse: collapse;
    empty-cells: show;
}

td {
    vertical-align: top;
    border: 0;
    padding: 0;
    font-size: 10pt;
}


/*
 * Gesamt-Layout
 */

/* Logo-Bereich */

body {
	background:#FFF url(img/bg.png) repeat-y;
}

#logo-area {
    height: 90px;
    background: #FFF; /* #C0C0C0 */;
}

#logo {
    position: absolute;
    left: 60px;
    top: 5px;
}

#logo img {
    height: 80px;
}

#topimg img {
    height: 80px;
    width: 700px;
}


/* Menü oben */

#top-menu-row {
    height: 1.5em;
    background: #CCC;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    margin:0 0 2px 0;
}

#top-menu {
    position:absolute;
    left: 200px;
    top: 0;
    /* background:#CCF; */
}

#top-menu a {
    text-decoration: none;
    color:#666;
    font-size: 1em;
    font-weight: bold;
}

#top-menu a:hover, #topmenu a:active {
    color: #039;
}

/* Menü links */

#sidemenu {
    width: 200px;
    background: #EEE;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 8pt;
}

#sidemenu a.button, #sidemenu a.active {
    display: block;
    text-decoration: none;
    color: #666;
    /* height: 2em; */
    font-size: 1em;
    margin: 1px 0 0 0;
}

#sidemenu a.active {
    background: #8DA7C2;
}


#sidemenu a:hover, #sidemenu a:active {
    color: #039;
    background:#DDD;
}

#sidemenu a {
    border-top: 1px solid #FFF;
}

#sidemenu .lev0, #sidemenu .lev1, #sidemenu .lev2 {
    margin: 0 0.5em 0 1em;
    display: block;
}

#sidemenu .lev0 { margin-left:1em; }
#sidemenu .lev1 { margin-left:2em; }
#sidemenu .lev2 { margin-left:3em; }

#sidemenu .text {
    margin: 0 0.5em 0 1em;
}


/* Hauptbereich */

#main {
    background: #FFD;
}

/* Inhaltsbereich */

#content-area {
    position: absolute;
    left: 200px;
    top: 0;
    width: 600px;
    /* background: #FFC; */
}

#content {
    margin:2em;
    text-align: justify;
}

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

#content a:hover, #content a:active, #content a:focus {
    /* color: #36F; */
    /* background:#DDD; */
    text-decoration: underline;
}