/* Body */

body {
 color: #BFBFBF;
 background-color: #000000;
 margin: 0px;
 font-family: "Sans","Helvetica","Verdana","Arial",sans-serif;
 font-size: 12px;
}


/* Globale Definitionen */

pre {
 font: normal 12px "Monospace", monospace;
}

img {
 border-style: none;
 margin: 0px;
}


/* Linien */

hr#line0 {
 border-style: none;
 height: 1px;
 width: 100%;
 background-color: #0000BF;
}


hr#line20 {
 border-style: none;
 height: 1px;
 width: 95%;
 background-color: #0000BF;
}


/* Links */

a:link {
 color: #0000BF;
 text-decoration: none;
}

a:hover {
 color: #0000BF;
 text-decoration: underline;
}

a:active {
 color: #0000FF;
 text-decoration: underline;
}

a:visited {
 color: #5F5F5F;
 text-decoration: none;
}

a:visited:hover {
 color: #5F5F5F;
 text-decoration: underline;
}

a:visited:active {
 color: #9F9F9F;
 text-decoration: underline;
}


/* Grafiken */

/* Logo */
img#logo {
 width:408px;
 height:156px;
 position: relative;
 float: left;
 top: 0px;
 left: 0px;
}


/* Überschriften */

/* Seitentitel */
div#headline {
 width: 250px;
 height: 95px;
 margin: 0px;
 position: relative;
 top: 35px;
 right: 0px;
 float: right;
 text-align: left;
}

h1#headpre {
 font: bold 16px "Monospace",monospace;
 color: #BFBFBF;
 margin:0px;
}

h1#headtext {
 font: bold 36px "Monospace",monospace;
 color: #0000BF;
 margin:0px;
 margin-top:5px;
 margin-left:18px;
}

/* Allgemein */
h1 {
 font-size: 23px;
}

h2 {
 font-size: 20px;
}

h3 {
 font-size: 17px;
 margin-top: 2em;
 margin-bottom: 1em;
}

h4 {
 font-size: 14px;
 margin-top: 2em;
 margin-bottom: 1em;
}

h5 {
 font-size: 11px;
 margin-top: 2em;
 margin-bottom: 1em;
}

h6 {
 font-size: 7px;
 margin-top: 2em;
 margin-bottom: 1em;
}


/* Tabellen */

/* Außentabelle */
table#frame {
 border-style: none;
 border-collapse: collapse;
 padding: 0px;
 margin: 0px;
 position: relative;
 clear: both;
 width: 100%;
}

table#frame td#left {
 vertical-align: top;
 width:180px;
}

table#frame td#right {
 vertical-align: top;
}

/* Inhalte */
table#content {
 table-layout: fixed;
 border-style: none;
 border-collapse: collapse;
 empty-cells: show;
 width: 100%;
 margin-right: 50px;
}

table#content td#top1 {
 vertical-align: top;
 padding:0px;
 width: 1px;
 height: 10px;
 background-image:url(../graphics/hr_left_dot.png);
} 

table#content td#top2 {
 vertical-align: top;
 padding:0px;
 width: 34px;
 height: 10px;
 background-image:url(../graphics/hr_left.png);
} 

table#content td#top3 {
 vertical-align: top;
 padding:0px;
 height: 10px;
 background-color:#0000BF;
} 

table#content td#top4 {
 vertical-align: top;
 padding:0px;
 width: 10px;
 height: 10px;
 background-image:url(../graphics/hr_right.png);
} 

table#content td#vline {
 vertical-align: top;
 padding:0px;
 width: 1px;
 background-color:#0000BF;
} 

/* Inhalte Content */
table#content td#text {
 margin: 0px;
 padding: 0px;
 padding-left: 20px;
 vertical-align: top;
}

/* Schriftgröße Content */
table#content h3 {
 font-size: 14px;
}


/* Navigation */

/* Leiste links */
ul#navi {
 font: normal 16px "Monospace", monospace;
 margin: 0px;
 margin-top:15px;
 margin-left: 20px;
 padding: 0px;
}

ul#navi li {
 list-style: none;
 margin: 0px;
 margin-top: 8px;
 padding: 0px;
}

ul#navi a {
 color: #BFBFBF;
 text-decoration: none;
}

ul#navi a:hover {
 color: #0000BF;
 text-decoration: none;
}


/* nopaste */

/* allgemein */
p#links {
 font-weight: bold;
 font: bold 14px "Monospace",monospace;
}

p#links a {
 color: #BFBFBF;
 text-decoration: none;
}

p#links a:hover {
 color: #0000BF;
 text-decoration: none;
}
 

table#nopaste {
 border-style: none;
 border-collapse: collapse;
 margin-bottom: 10px;
 empty-cells: show;
 width: 100%;
}

table#nopaste td#leftbordered {
 border: 1px solid #0000BF;
 text-align: right;
 width: 1px;
}

table#nopaste td#rightbordered {
 border: 1px solid #0000BF;
}

div#spacer {
 height: 10px;
}

/* syntax für nopaste */
.code {
 color:#BFBFBF;
 padding: 3px;
 margin-top: 0px;
 margin-bottom: 0px;
}

.html_entity {
 color: #BF0000;
}

.xml_pi {
 color: #00BF00;
}

.xml_tag {
 color: #00BF00;
}

.keyword {
 color: #00BF00;
}

.comment {
 color: #0000BF;
}

.literal {
 color: #B0E0E6;
}


/* team */

table#team {
 border-style: none;
 border-collapse: collapse;
 empty-cells: show;
 width: 100%;
}

table#team td#left {
 text-align: center;
 vertical-align: middle;
}

table#team h3 {
 font-size: 17px;
 margin-top: 1em;
 margin-bottom: 1em;
}

img#avatar {
 width: 120px;
 height: 120px;
 margin: 20px;
 margin-left:0px;
}

/* Howto */

table#howtolist {
 border-style: none;
 border-collapse: collapse;
 empty-cells: show;
 width: 100%;
}

/* Formulare */

/* Tabelle */
table#formular td {
 padding-left: 0px;
 padding-right: 1cm;
}

/* Felder */
input#flat {
 background-color:#000000;
 color:#BFBFBF;
 border-style:solid;
 border-width:1px;
 border-color:#0000BF;
 font-size:102%;
}

input#flatbutton {
 background-color:#000000;
 color:#0000BF;
 border-style:solid;
 border-width:1px;
 border-color:#0000BF;
 font-size:102%;
}

select#flat {
 background-color:#000000;
 color:#0000BF;
 border-style:solid;
 border-width:1px;
 border-color:#0000BF;
 font-size:102%;
}

textarea#flat {
 background-color:#000000;
 color:#BFBFBF;
 border-style:solid;
 border-width:1px;
 border-color:#0000BF;
 font-size:102%;
}


/* Fußzeilen */

div#footer {
 text-align: center;
 margin: 0px;
 margin-top: 30px;
}

div#footer img {
 margin-left: 10px;
 margin-right: 10px;
}