
* {
    margin: 0px;
    padding: 0px;
}

/*--- Body ---*/

body {
    background: #DAD8CF repeat-x;
    background-image: url("../images/background.jpg");
    text-align: center;
}

#container {
    padding: 10px 30px 10px 30px;
    background-color: white;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 12px;
    border: 1px solid #555555;
    text-align: left;
    width: 720px;
}

#layout_table {
    border-collapse: collapse;
}
#layout_table td {
    vertical-align: top;
}

#sub_container2 {
    margin: 230px 0 0 0;
    padding: 0;
    width: 520px;
    overflow: hidden;
}

#content_container {
    width: 510px;
    margin: 0;
    padding: 0;
}

/*--- HEADER ---*/

#slogan {
    z-index: 2;
    position: absolute;
    font-weight: bold;
    width: 520px;
    font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;
    font-size: 13px;
    font-style: normal;
    text-decoration: none;
}

#key_visual {
    position: absolute;
    width: 720px;
    height: 220px;
}

#logo {
    z-index: 3;
    position: absolute;
    top: 169px;
    width: 269px;
    height: 68px;
    background-repeat: no-repeat;
}

/*--- ENDE HEADER ---*/

/*--- MAIN NAVIGATION ---*/

#main_nav_container {
    position: relative;
    background-image: url("../images/main_nav_bg.png");
    background-position: top right;
    background-repeat: repeat-y;
    width: 180px;
    margin: 10px 0 0 6px;
}

#main_nav_container ul {
    margin-top: 14px;
    list-style-type: none;
}

#main_nav_container a {
    display: block;
    margin-left: 4px;
    padding-left: 45px;
    border-bottom: 1px dashed #BFBFBF;
    line-height: 18px;
    vertical-align: middle;
    background-repeat: no-repeat;
    width: 120px;
    overflow: hidden;
}

/*--- ENDE MAINNAVIGATION ---*/

/*--- SUB NAVIGATION ---*/

#sub_nav_container {
    background-image: url("../images/main_nav_bg.png");
    background-position: top right;
    background-repeat: repeat-y;
    width: 180px;
    margin-left: 6px;
}

#sub_nav_container ul {
    width: 170px;
    margin: 0 0 0 4px;
    padding: 5px 0px 20px 0px;
    list-style-type: none;
}

#sub_nav_container a {
    margin: 0;
    display: block;
    border-bottom: 1px dashed #000000;
    border-bottom: 1px dashed #BFBFBF;
    padding: 0px 0px 0px 45px;
    background-color: transparent;
    line-height: 18px;
    background-repeat: no-repeat;
    width: 120px;
    overflow: hidden;
}

#bottom_nav {
    background-image: url("../images/nav_bg_bottom.png");
    width: 180px;
    height: 14px;
    margin-left: 6px;
    line-height: 0px;
    overflow: hidden;
}

/*--- ENDE LEFT_COLUMN_CONTAINER ---*/

/*--- FOOTER ---*/

#footer {
    margin-top: 15px;
    border-top: 1px dashed #D4D4D4;
    clear: both;
}

#footer_text {
    font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin-top: 4px;
    text-align: center;
    font-size: 11px;
}

#content_container a {
    font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}
#content_container a:link { text-decoration: underline; }
#content_container a:active { text-decoration: underline; }
#content_container a:visited { text-decoration: underline; }
#content_container a:hover { text-decoration: none; }

#content_container h1, #content_container h2, #content_container h3 {
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

#content_container h1 { font-size: 16px; }
#content_container h2 { font-size: 14px; }
#content_container h3 { font-size: 12px; }

p {
    font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.content p {
    margin: 10px 0px 10px 0px;
    color: #000000;
    text-align: justify;
}

/*--- UEberschriften ---*/

.content h1, .content h2, .content h3 {
    margin: 20px 0px 20px 0px;
}

/*--- Tabellen ---*/

.content table {
    border-collapse: collapse;
    margin-left: 1px;
}

.content tr.odd {
    background-color: #FCFCFC;
}

.content tr.even {
    background-color: #F3F3F3;
}

.content th {
    border: 1px solid #777777;
    padding: 1px 5px 1px 10px;
}

.content td {
    border: 1px dashed #777777;
    padding: 1px 5px 1px 10px;
}

/*--- Forms ---*/

.content fieldset {
    border: 3px solid #000000;
}

.content input {
    border: 1px solid #EAEAEA;
    background: no-repeat;
    background-image: url("../images/input_background.gif");
    font-family: Arial,sans-serif;
    padding-left: 6px;
}

.content textarea {
    font-family: Arial,sans-serif;
    border: 1px solid #EAEAEA;
    background: no-repeat;
    background-image: url("../images/input_background.gif");
    overflow: auto;
    padding-left: 6px;
}

.content button {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-right: 1px solid Gray;
    border-bottom: 1px solid Gray;
    background-color: #DCE0E6;
    color: #000000;
    text-align: center;
    font-family: Arial,sans-serif;
    line-height: 15px;
}

.content select {
    border: 1px solid #EAEAEA;
    background: no-repeat;
    background-image: url("../images/input_background.gif");
    font-family: Arial,sans-serif;
}

/*--- Listen ---*/

.content ul {
    margin: 20px 0px 20px 40px;
}

.content ol {
    margin: 20px 0px 20px 40px;
}
