/*** Allgemein ***/

body {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    background-color: #FDFFC3;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
    font-size: 0.8em;
    width: 100%;
}

body, form, p, div, ol, ul, h1, h2, h3 { margin: 0px; padding: 0px; }
img { border: 0px; }

tr, th, td { vertical-align: top; }

/*** Container ***/

#wrapper {
    background: transparent url(pics/body/wrapperbg.gif) repeat-y top left;
}

#body {
    background: transparent url(pics/body/bodybg.gif) repeat-y fixed left;
}

#header {
    line-height: 0px;
}

#navigation {
    float: left;
    background: transparent url(pics/body/menubg.gif) no-repeat top left !important;
    width: 155px;
    line-height: 0px;
}

#content {
    float: left;
    line-height: 120%;
    width: 500px;
    margin: 0px 0px 0px 15px;    
}

#infobar {
    float: left;
    width: 50px;
    margin-left: 40px;
}

#footer {
    clear: both;
}

.imgthumbs {
    padding: 5px;
    border-top: 1px solid #CACC9C;
    border-right: 1px solid #7F7F79;
    border-bottom: 1px solid #7F7F79;
    border-left: 1px solid #CACC9C;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
    background-color: #FFFFF3;
}

.imgzoom {
    padding: 10px 10px 20px 10px;
    border-top: 1px solid #CACC9C;
    border-right: 1px solid #7F7F79;
    border-bottom: 1px solid #7F7F79;
    border-left: 1px solid #CACC9C;
    margin-bottom: 10px;
    text-align: center;
    background-color: #FFFFF3;
}

.imgthumbs a:hover, .imgzoom a:hover { background: transparent !important; }

div.floatleft {
    float: left;
    margin: 0px 15px 0px 0px !important;
}

div.floatright {
    float: right;
    text-align: right;
    margin: 0px !important;
}

div.clear {
    clear: both;
    width: 0.1em;
    height: 0.1em;
    line-height: 0.1em;
    margin: 0px !important;
}

div.box {
    width: 250px;
    margin-bottom: 10px;
    background: transparent url(pics/box/box2.gif) repeat-y top left;
}

div.box1 {
    height: 15px;
    background: transparent url(pics/box/box1.gif) no-repeat top left; line-height: 2px;
    margin: 0px;
    padding: 0px;
}

div.box2 {
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

div.box3 {
    height: 21px;
    background: transparent url(pics/box/box3.gif) no-repeat top left; line-height: 2px;
    margin: 0px;
    padding: 0px;
}

/*div.box3 { background: transparent url(pics/box/box3a.gif) no-repeat top left; }*/

div.info {
    background-color: #E4F5E2;
    padding: 5px;
    border: 1px solid #B1E2E3;
}

div.info1 {
    border: 1px solid #B6E4E3;
    background-color: #E4F5E2;
    padding: 3px 5px 3px 5px;
}

div.info2a {
    border: 1px solid #B1E2E3;
    background-color: #FDFFC3;
    padding: 3px 5px 3px 5px;
}

div.info2b {
    border: 1px solid #B1E2E3;
    background-color: #FEFFE1;
    padding: 3px 5px 3px 5px;
}

div.ftext {
    border-top: 1px solid #B1E2E3;
    padding-top: 5px;
}

/*** Textauszeichnungen ***/

h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
	color: #00A0E6;
    line-height: 1.2em;
}

h1 { font-size: 1.7em; margin-bottom: 10pt; }
h2 { font-size: 1.4em; margin-bottom: 10pt; }
h3 { font-size: 1.1em; margin-bottom: 5pt; }

p, div {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

p { margin-bottom: 15px; line-height: 1.2em; }

#content div {
    margin-bottom: 10px;
}

a:link, a:visited, a:active { color: #047; text-decoration: none; }
a:hover { background-color: #047; color: #fff; text-decoration: none; }

.nomargin { margin: 0px; }

hr {
    color: #0170C9;
    height: 1px;
    border: 0px;
    background-color: #0170C9;
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

p.hr {
    border-top: 1px solid #0170C9;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

p.r { text-align: right; }

.border { border: 1px solid #000; }

fieldset {
    padding: 5px 10px 10px 10px;
    display: block;
    border: 1px solid #00A0E6;
    margin: 0px 0px 15px 0px;
}

legend {
	font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 0px;
    margin: 0px 5px 0px 5px;
    color: #00A0E6;
}

/*** Formulare ***/

input.form, textarea.form {
    border: 1px solid #00A0E6;
    background-color: #fff;
    padding-left: 5px;
    font-family: "Courier New", Courier, monospace;
    font-size: 1em;
    color: #047;
}

input.hide {
    border: 0px;
    background-color: transparent;
    width: 20px;
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

/*** Tabellen ***/

table {
    font-size: 1em;
    border-collapse: collapse;
    empty-cells: show;
    margin-bottom: 15px;
}

caption {
    text-align: center;
    background-color: #00A0E6;
    font-weight: bold;
    color: #fff;
    padding: 3px 0px 3px 0px;
}

th {
    background-color: #E4F5E2;
    font-weight: normal;
    border: 1px solid #B1E2E3;
    padding: 3px 5px 3px 5px;
    text-align: left;
    color: #00A0E6;
    font-size: 0.8em;
}

td {
    background-color: #FDFFC3;
    padding: 3px 5px 3px 5px;
    border: 1px solid #B1E2E3;
}

td.a { background-color: #FDFFC3; }
td.b { background-color: #FEFFE1; }

/*** Listen ***/

#infobar ul {
    list-style: none;
}

#content ul, #content ol {
    list-style: square outside;
    padding-left: 20px;
}

#content ul li, #content ol li {
    margin-bottom: 5px;
}
