/* General */
body {
    background-image: url(../images/back.png);
    background-repeat: repeat-x;
    background-color: #adaaaa;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

/* Links */
a:link, a:visited {
    color: #000;
}

a:active, a:hover {
    color: #514848;
}

p {
    margin: 0.2em;
}

ul {
    list-style-type: square;
}

label {
    text-align: left;
    width: 100px;
}

input, textarea {
    margin-left: 100px;
}

label.check, label.radio {
    position: relative;
    text-align: left;
}

.downloaditem_pdf {
    list-style-image: url(../images/pdf.png);
}

.downloaditem_terminal {
    list-style-image: url(../images/terminal.png);
}

hr {
    border: 0px; /* Für Firefox und Opera */
    border-top: solid 1px #adaaaa;
    border-bottom: solid 1px #adaaaa; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

.form_label {
    width: 10%;
    display: block;
    float: left;
    text-align: center;
    padding-right: 1em;
}

.form_input {
    width: 80%;
    background-color: #eee;
    border: 0.1em solid #000;
}

.form_textarea {
    width: 80%;
    background-color: #eee;
    border: 0.1em solid #000;
}

.form_button {
    background-color: #eee;
    border: 0.1em solid #000;
}

.codeDiv {
    font-size: 1.0em;
    color: #514848;
    background-color: #eee;
    font-family: verdana, arial, helvetica, sans-serif;
    border: 0.1em dotted #686363;
    padding: 0.5em;
}

.boldtext {
    font-weight: bold;
}

.bigtext {
    font-size: 1.3em;
}

.textparagraph {
    margin-bottom: 1.5em;
}

/* Header */
#header {
    margin: auto;
    width: 750px;
    height: 100px;
    background-image: url(../images/header.png);
    color: #ffffff;
}

/* Navigation */
#navi ul {
    margin: auto;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}

#navi {
    padding: 2px;
    width: 746px;
    background-color: #a2a2a2;
    border-bottom: 1px solid #000000;
    margin: auto;
    height: 2em;
    line-height: 1.7em;
    vertical-align: center;
}

#navi ul {
    display: table;
}

#navi ul > li {
    display: table-cell;
    position: relative;
    padding: 2px 10px;
}

#navi a:link, #navi a:visited {
    color: #000000;
    background-color: #a2a2a2;
    text-decoration: none;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 1.1em;
    border: 0.1em solid #a2a2a2;
    padding: 0.2em;
}

#navi a:active, #navi a:hover {
    color: #000000;
    background-color: #eeeeee;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 1.1em;
    border: 0.1em solid #686363;
    padding: 0.2em;
}

/* Content */
#site {
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    margin: auto;
    width: 750px;
    min-height: 300px;
    background-color: #686363;
}

/* Footer */
#footer {
    margin: auto;
    width: 750px;
    height: 100px;
    background-image: url(../images/footer.png);
}

/* Stats */
#stats {
    width: 750px;
    text-align: left;
    color: #eeeeee;
    font-size: 0.75em;
    padding-left: 15px;
}

/* Blog */
.blogbox {
    margin: auto;
    width: 85%;
    background-color: #afabab;
    padding: 0.2em;
    /*border: 0.2em solid #ffffff;*/
    margin-bottom: 2em;
    border: 1px solid #999;
}

.blogHeadFont {
    font-weight: bold;
    font-size: 1.4em;
    background-image: url(../images/icons/doc.png);
    background-repeat: no-repeat;
    height: 30px;
    padding-left: 35px;
    padding-top: 5px;
    margin-bottom: 0px;
}

.blogHeadFont a:link, .blogHeadFont a:visited {
    color: #000;
    text-decoration: none;
}

.blogHeadFont a:hover, .blogHeadFont a:active {
    color: #514848;
    text-decoration: none;
}

.blogDate {
    width: 100%;
    font-size: 0.8em;
    text-indent: 35px;
}

.readBlogDate {
    font-size: 0.8em;
    color: #000000;
    background-color: #eee;
    font-family: verdana, arial, helvetica, sans-serif;
    border: 0.1em solid #686363;
    padding: 0.2em;
    margin-top: 2em;
}

.blogText {
    margin-top: 1.5em;
}

/* Messages */
.noticeRed {
    color: #ff0000;
    font-weight: bold;
    text-align: center;
}

.noticeGreen {
    color: #00CD00;
    font-weight: bold;
    text-align: center;
}

/* Centered Stuff */
.centeredText {
    text-align: center;
}

.centeredDiv {
    margin: 0px auto;
}

.centeredImage {
    display: block;
    padding-top: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
}

.imageBorder {
    border: 2px #514848 solid;
}

/* Topics */
.topic {
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 1.3em;
}

/* Contentbox */
.contentbox {
    margin: 0px auto;
    width: 650px;
    background-color: #afabab;
    padding: 0.2em;
    margin-bottom: 2em;
    border: 1px solid #999;
}

/* Dotted Box */
.dottedBox {
    margin: 2em;
    padding: 0.5em;
    border: 0.2em dotted #ccc;
}

.readmoreText {
    font-size: 1.2em;
    !important;
}