/* -------------------------------------------------- */
/* Allgemeine Einstellungen */
/* -------------------------------------------------- */
* {
    margin:0;
    padding:0;
}

body {
    font-family:Verdana,Arial,sans-serif;
    font-size:67.5%;
}

body * {
    font-family:Verdana,Arial,sans-serif;
    font-size:100%;
}

a, a:link, a:active, a:visited, a:hover {
    text-decoration:underline;
    color:#669900;
}

img, a img {
    border:none;
}

p {
    margin:0.6em 0;
    line-height:1.4em;
}

h1, h2, h3 {
    margin:1em 0;
    color:#336699;
}

h1 {
    font-size:1.2em;
}

h2 {
    font-size:1.1em;
}

h3 {
    font-size:1.0em;
}

strong, .special {
    color:#336699;
}

ul, ol {
    margin:0 0 0 16px;
}

/* -------------------------------------------------- */
/* Wrapper */
/* -------------------------------------------------- */
#wrapper {
    width:875px;
    margin:0 20px 20px 20px;
}

/* -------------------------------------------------- */
/* Header */
/* -------------------------------------------------- */
#header {
    margin:0 0 0 4px;
    position:relative;
    height:70px;
}

#logo_header {
    margin:10px 0;
}

#navigation_header {
    text-align:right;
    position:absolute;
    top:40px;
    right:0;
    list-style-type:none;
    margin:0;
}

#navigation_header li {
    display:inline;
}

#navigation_header a {
    font-size:0.9em;
    margin-left:15px;
    font-weight:bold;
    color:#336699;
    text-decoration:none;
}

/* -------------------------------------------------- */
/* Navigation: Main */
/* -------------------------------------------------- */
#navigation_main {
    height:34px;
    position:relative;
}

#navigation_main ul {
    list-style-type:none;
    padding:9px 0 0;
    margin:0;
}

#navigation_main li {
    display:inline;
}

#navigation_main a {
    font-weight:bold;
    margin-right:14px;
    color:#333344;
    text-decoration:none;
}

#navigation_main a:hover {
    text-decoration:underline;
}

#navigation_main li.active a {
    text-decoration:underline;
}

/* -------------------------------------------------- */
/* Banner */
/* -------------------------------------------------- */
#banner {
    width:875px;
    height:90px;
    margin:10px 0;
}

/* -------------------------------------------------- */
/* Content */
/* -------------------------------------------------- */
#content {
    margin:10px;
    min-height:310px;
    /* Hack für min-height im IE 6 */
    /* http://www.dustindiaz.com/min-height-fast-hack/ */
    height:auto !important;
    height:310px;
}

/* -------------------------------------------------- */
/* Content links */
/* -------------------------------------------------- */
#content_left {
    margin:10px 210px 10px 10px;
    min-height:310px;
    /* Hack für min-height im IE 6 */
    /* http://www.dustindiaz.com/min-height-fast-hack/ */
    height:auto !important;
    height:310px;
}

/* -------------------------------------------------- */
/* Content rechts */
/* -------------------------------------------------- */
#content_right {
    float:right;
    width:180px;
    margin:10px;
}

/* -------------------------------------------------- */
/* Clearer */
/* -------------------------------------------------- */
#clearer {
    clear:both;
    height:1px;
    border:none;
    background-color:#fff;
    color:#fff;
}

/* -------------------------------------------------- */
/* Footer */
/* -------------------------------------------------- */
#footer {
    margin:10px 0 0;
    font-size:0.8em;
}

/* -------------------------------------------------- */
/* Formulare */
/* -------------------------------------------------- */
form {
    border:1px solid #cfcfcf;
    border-width:2px 0;
    background-color:#f2f2f2;
    padding:10px;
}

span.asterisk {
    color:#990000;
}

.formfield {
    border:1px solid #999;
    width:150px;
}

textarea.formfield {
    width:200px;
    height:100px;
}

.formfield_plz {
    border:1px solid #999;
    width:50px;
}

input.required, input.invalid {
    border:1px solid #990000;
}

select.required, select.invalid {
    border:1px solid #990000;
    color:#990000;
}

label.required, label.invalid {
}

div.errors {
    line-height:1.4em;
    color:#990000;
    margin:0.6em 0 1em;
}

table.formtable {
}

table.formtable td {
    padding:0 40px 8px 0;
    vertical-align:top;
}

table.formtable th {
    vertical-align:top;
    font-weight:bold;
    text-align:left;
}

/* -------------------------------------------------- */
/* Box rechts */
/* -------------------------------------------------- */
div.box {
}

div.box h1 {
    background:url('../images/bg_box.gif') top left no-repeat;
    color:#fff;
    font-size:1.0em;
    text-align:center;
    height:16px;
    padding:4px 0 0;
    margin:0.5em 0;
}

div.box h2 {
    font-size:1.0em;
    color:#333344;
    margin:0.5em 10px;
}

div.box strong {
    color:#999;
}

div.box p {
    margin:0.3em 10px;
}

div.box a {
}

/* -------------------------------------------------- */
/* Newsitems */
/* -------------------------------------------------- */
div.newsitem {
}

div.newsitem_logo {
    float:left;
    width:132px;
    margin-right:20px;
}

div.newsitem_logo img {
    margin:0 0 10px;
}

div.newsitem_text {
}

div.newsitem_text h2 {
    margin:0 0 5px;
}

div.newsitem_text p {
    margin:0.6em 0 0;
}

div.newsitem_link {
    clear:left;
    text-align:right;
    white-space:nowrap;
    font-weight:bold;
}

div.newsitem_link a {
    text-decoration:none;
}

hr.newsitem_divider {
    clear:left;
    height:1px;
    background-color:#fff;
    color:#fff;
    border:none;
    border-bottom:1px solid #ccc;
    margin:7px 0;
}

hr.newsitem_divider_clear {
    clear:left;
    height:1px;
    background-color:#fff;
    color:#fff;
    border:none;
    margin:7px 0;
}

/* -------------------------------------------------- */
/* Tabelle für Agenda */
/* -------------------------------------------------- */
table.agenda {
}

table.agenda td {
    padding:0 7px 7px 0;
    vertical-align:top;
}

table.agenda td.agenda_time {
    white-space:nowrap;
}

/* -------------------------------------------------- */
/* Teaser-Box */
/* -------------------------------------------------- */
div.teaserbox {
    width:244px;
    height:135px;
    background:url('../images/bg_teaserbox.gif') no-repeat;
    float:right;
}

div.teaserbox_inner {
    font-size:90%;
    padding:10px;
}

div.teaserbox_inner h1,
div.teaserbox_inner h2,
div.teaserbox_inner p {
    margin:0.3em 0;
}

div.teaserbox_inner h2 {
    color:#999;
}

div.teaserbox_inner p.link {
    font-weight:bold;
    text-align:right;
}

div.teaserbox_inner a {
    text-decoration:none;
}

/* -------------------------------------------------- */
/* Unternavigation */
/* -------------------------------------------------- */
div.box ul {
    list-style:none;
    margin:0.3em 10px;
}

div.box li {
    margin:0.6em 0;
    font-weight:bold;
    color:#669900;
}

div.box a,
div.box a:link,
div.box a:active,
div.box a:visited,
div.box a:hover {
    text-decoration:none;
}

div.box a:hover {
    text-decoration:underline;
}

div.box p.event {
    font-weight:bold;
    color:#669900;
}

/* -------------------------------------------------- */
/* Suche */
/* -------------------------------------------------- */
#navigation_search {
    float:right;
    border:none;
    padding:0;
    margin:6px 0 0;
    background:transparent;
}

#navigation_search_input {
    width:100px;
    border:1px solid #333344;
    height:14px;
    vertical-align:middle;
    padding:3px 0;
}

#navigation_search_submit {
    border:none;
    background-color:transparent;
    font-weight:bold;
    color:#333344;
}