/***
*
* TODO:
*   - IE6 Quirks:
*       - margin: auto for centered alignment
*       - color: inherit for footer links
*   - Test for IE7 Quirks
*   - Inline Links Design
*
*
***/


* {
    margin: 0;
    padding: 0;
}

html {
    height:     100%;
    font-family:    Verdana;
}

body {
    background:     #ddd;
}

#wrapper {
    background:     #fff;
    width:          62em;
    border-right:   1px solid #ff9108;
}

#head {
    height:         9.4em;
    background:     url(img/header_background_new.jpg) no-repeat bottom left;
}

/* Logos */
/************************************************************/

#headerlogo {
    display:        none;   /* This should only be seen in the print version */
}

#logos {
    display:        inline;
    position:       absolute;
    top:            8.5em;
    left:           48em;
    z-index:        1;
}

#logos img {
    margin:         0 2px 0 0;
    padding:        0;
}

/* Hauptnavigation */
/************************************************************/

#navigation {
    background:     #b21a19;
    border-top:     1px solid #ff9108;
    border-bottom:  1px solid #ff9108;
    height:         2em;
    overflow:       hidden;
}

#navigation ul {
    background:	#b21a19;
    height:     1em;
    width:      50em;
    padding:    0.5em 0 0.5em 0;
}

#navigation ul li {
    display:            inline;
    list-style-type:    none;
}

#navigation ul a {
    color:              #fff;
    text-decoration:    none;
    padding:            0.5em 1em 0.45em 1em;
    border-right:       1px solid #ff9108;
}

#navigation ul a:hover {
    background:     #0084d8;
}

#navigation ul a.active {
    background:     #0084d8;
}

#navigation .menu-current a {
    background:     #0084d8;
}

#navigation .menu-parent a {
    background:     #0084d8;
}

/* Subnavigation */
/************************************************************/
#subnavigation {
    background:     #0084d8;
    overflow:       hidden;
    height:         1.4em;
    border-bottom:  1px solid #ff9108;
    margin:         0 0 2em 0;
}

#subnavigation ul a {
    font-size:      80%;
    border:         none;
}

#subnavigation ul a:hover {
    background:     inherit;
    text-decoration:    underline;
}

#subnavigation ul li {
    display:            inline;
    list-style-type:    none;
}

#subnavigation ul a {
    color:              #fff;
    text-decoration:    none;
    padding:            0.5em 1em 0.45em 1em;
}

#subnavigation ul a.active {
    background:     #0084d8;
}

#subnavigation .menu-current a {
    font-weight:        bold;
}

#subnavigation .menu-expand a {
    font-weight:        bold;
}


/* Content */
/************************************************************/

#content {
    display:    block;
    clear:      both;
}

/* Hauptinhalte */
#content_main {
    float:      left;
    width:      45em;
    padding:    0 1em;
}

#content_main h1, h2, h3, h4 {
    margin:         0 0 0.5em 0;
    padding:        0 0 0 1%;
}

#content_main h1, h2 {
    border-bottom:  1px solid #b21a19;
}

#content_main ul {
    font-size:      80%;
    margin:         0 1em 1em 3em;
}

#content_main p {
    font-size:      80%;
    text-align:     justify;
    line-height:    1.2em;
    margin:         0 1em 1em 1em;
}

#content_main p a {
    color:              #b21a19;
    border-bottom:      1px dashed #ff9108;
}

#content_main p a:hover {
    color:      #ff9108;
}

/* WB News 3.5 */
#content_main table.loop-header {
    margin:     0 1em 1em 1em;
    width:      95%;
}

#content_main table.loop-header tr.post-top {
}

#content_main table.loop-header td.post-title {
    padding:            0 0 0 1em;
    font-weight:        bold;
    border-bottom:      1px solid #ff9108;
    border-right:       0;
}

#content_main table.loop-header td.post-date {
    font-size:          70%;
    text-align:         right;
    padding:            0 1em 0 0;
    border-bottom:      1px solid #ff9108;
    border-left:        0;
}

#content_main table.loop-header td.post-short {
    padding:            1em;
}

#content_main table.loop-header td.post-short a {
    color:              #ff9108;
    border-bottom:      1px dashed #ff9108;
}

#content_main table.loop-header td.post-short p {
}

#content_main table.loop-header td.post-short span {
    font-size:          70%;
    text-align:         right;
}

/* Nebeninhalte */
#content_right {
    width:      13em;
    margin:     0 0 0 48em;
}

#content_right p {
    font-size:      80%;
    text-align:     justify;
    margin:         0 0 1em 0;
}

#content_right div.box {
    border:     1px solid;
    margin:     1em 0;
}

#content_right div.box h1 {
    font-size:      80%;
    letter-spacing: 0.2em;
    padding:        0.2em 0.5em;
    margin:         0 0 0.6em 0;
}

#content_right div.box p {
    padding:    0 1em;
}

#content_right div.box a {
    color:              #ff9108;
    border-bottom:      1px dashed #ff9108;
}

/* Content Box Colors */

#content_right div.box.red {
    border:     1px solid #b21a19;
}

#content_right div.box.red h1 {
    background: #b21a19;
    color:      #fff;
}

#content_right div.box.yellow {
    border:     1px solid #ff9108;
}

#content_right div.box.yellow h1 {
    background: #ff9108;
    color:      #fff;
}

#content_right div.box.blue {
    border:     1px solid #0084d8;
}

#content_right div.box.blue h1 {
    background: #0084d8;
    color:      #fff;
}

/* Footer */
/************************************************************/

#castleshape {
    clear:          both;
    height:         65px;
    margin:         2em 0 0 0;
    background:     url(img/castleshape.png) top right no-repeat;
    border-bottom:  1px solid #ff9108;
}

#footer {
    clear:          both;
    padding:        0.2em 1em;
    background:     #ff9108;
    border:         1px solid #ff9108;
    font-size:      80%;
    color:          #fff;
}

#footer p {
    display:        inline;
/*     font-weight:    bold; */
    padding:        0 0.5em 0 0;
}

#footer ul.menu-top {
    display:         inline;
}

#footer ul.menu-top li {
    display:         inline;
    list-style-type: none;
    padding-right:   1em;
}

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

/* Generics */
/************************************************************/

hr {
    color:              #b21a19;
    background-color:   #b21a19;
}

a {
    text-decoration:    none;
    color:              inherit;
}

a img {
    border:         none;
}

img {
    padding:        0 1em;
}

form {
    text-align:     center;
}

label {
    display:        inline;
    width:          90%;
    padding:        0 1em;
    font-size:      80%;
    text-align:     left;
}

input {
    border:     1px solid #aaa;
    background: #fff;
    color:      #000;
    margin:     0 0.5em;
}

input[type=text], input[type=password], input[type=file] {
    height:         1.3em;
    vertical-align: middle;
    margin:         0 0 0.4em 0;
}

input[type=submit], input[type=reset], input[type=button] {
    margin:     0.5em;
}

input:focus {
    border:     1px solid #ff9108;
}

/* Suchwort Highlights */
.highlight {
    background-color: #D0D0D0;
/*     background-color: #ff9108; */
}

/* Alignment Helpers */
.center {
    width:      90%;
    margin:     0.5em auto;
}

.right {
    width:      100%;
    text-align: right;
}