/* ----------------------------------------------------------------------------------------------------

    GLOBAL

---------------------------------------------------------------------------------------------------- */
body
{
    background: #4A5D75 url(../img/body_bg.jpg) center top no-repeat;
    color: #333;
    font: 13px/1.5 Arial, sans-serif;
}

#page
{
    background: transparent;
    margin: 0 auto;
    position: relative;
    width: 844px;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

a.img-link
{
    border: none !important;
    background-color: transparent !important;
    text-decoration: none !important;
}
a.img-link img, a img
{
    border: none !important;
}




/* ----------------------------------------------------------------------------------------------------

    HEADER

---------------------------------------------------------------------------------------------------- */

#header
{
    background: transparent url(../img/header_bg.png) no-repeat;
    height: 110px;
    margin: 25px 0;
    position: relative;
    width: 844px;
}

#slogan
{
    background: transparent url(../img/slogan.png) no-repeat;
    display: block;
    height: 43px;
    left: 20px;
    position: absolute;
    text-indent: -999em;
    top: 20px;
    width: 483px;
}

#cdu-logo
{
    background: transparent url(../img/cdu_logo.png) no-repeat;
    display: block;
    height: 49px;
    position: absolute;
    right: -15px;
    text-indent: -999em;
    top: 16px;
    width: 303px;
}




/* ----------------------------------------------------------------------------------------------------

    NAVIGATION

---------------------------------------------------------------------------------------------------- */

#navigation
{
    bottom: 7px;
    color: #FFF;
    left: 25px;
    position: absolute;
}

#navigation li
{
    float:left;
}

#navigation a
{
    color: #FFF;
    display: block;
    font: 14px Verdana, sans-serif;
    margin: 0 25px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}
#navigation a:hover
{
    color: #E2001A !important;
}
#navigation li.active a
{
    color: #F59D07;
}

#navigation li.active li a
{
    color: #FFF;
}

#navigation li.active li.active a
{
    color: #F59D07;
}

/* Suckerfishzeug */
#navigation, #navigation ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}

#navigation li li a {
    display: block;
    font-size: 12px;
    text-transform: none;
    width: 180px;
}

#navigation li li { /* all list items */
    float: left;
    width: 180px; /* width needed or else Opera goes nuts */
}

#navigation li ul { /* second-level lists */
    position: absolute;
    background: #333;
    padding: 5px 10px;
    width: 160px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    z-index: 100;
}

#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}





/* ----------------------------------------------------------------------------------------------------

    CONTENT

---------------------------------------------------------------------------------------------------- */

#content
{
    background: transparent url(../img/content_top_bg.png);
    float: left;
    margin: 0 0 0;
    padding: 20px 20px 0 20px;
    position: relative;
    width: 560px;
}
#content-bottom
{
    background: transparent url(../img/content_bottom_bg.png);
    bottom: -30px;
    height: 30px;
    left: 0;
    position: absolute;
    width: 600px;
}


#content h1
{
    color: #F59D07;
    font: normal 22px/1 Arial, sans-serif;
    letter-spacing: -1px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

#content h2
{
    color: #F59D07;
    font: 16px/1.4 Arial, sans-serif;
    margin: 0 0 6px 0;
}

#content h3
{
    color: #FFF;
    font: bold 12px/1.4 Arial, sans-serif;
    margin: 0;
}

#content p
{
    margin: 0 0 12px 0;
}

#content ul
{
    list-style: disc outside;
    margin:0 0 12px 18px;
}
#content ul.errors
{
    margin:0 0 12px 0;
}
#content ol
{
    margin:0 0 12px 20px;
    list-style: decimal outside;
}

#content a
{
    color: #F59D07;
    text-decoration: none;
}
#content a:hover, #content a:focus
{
    border-bottom: 1px solid #666;
    color:#666;
}

div.content-item
{
    background: #F5F5F5 url(../img/content_item_top_bg.png) no-repeat;
    margin: 0 0 30px 0;
    padding: 15px 15px 1px 15px;
    position: relative;
    width: 530px;
}
div.content-item-bottom
{
    background: #F5F5F5 url(../img/content_item_bottom_bg.png) no-repeat;
    bottom: -15px;
    height:15px;
    left: 0;
    position: absolute;
    width: 560px;
}


/*****     Newsletter     *****/
div.adminmessage
{
    background: #FFF;
    border: 5px solid #E2001A;
    color: #000 !important;
    margin: 0 0 12px 0;
    padding: 10px;
}




/* ----------------------------------------------------------------------------------------------------

    SIDEBAR

---------------------------------------------------------------------------------------------------- */

#sidebar
{
    background: transparent url(../img/sidebar_top_bg.png) no-repeat;
    top: 622px;
    /*margin: 230px 0 0 0;*/
    padding: 10px 10px 0 10px;
    position: absolute;
    right: 0;
    width: 224px;
}

#sidebar h1
{
    color: #F59D07;
    font: normal 22px/1 Arial, sans-serif;
    letter-spacing: -1px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
}

#sidebar a
{
    color: #F59D07;
    text-decoration: none;
}
#sidebar a:hover, #sidebar a:focus
{
    border-bottom: 1px solid #666;
    color:#666;
}

#sidebar-bottom
{
    background: transparent url(../img/sidebar_bottom_bg.png);
    bottom: -20px;
    height: 20px;
    left: 0;
    position: absolute;
    width: 244px;
}

div.sidebar-item
{
    background: #F5F5F5 url(../img/sidebar_item_top_bg.png) no-repeat;
    margin: 0 0 30px 0;
    padding: 20px 15px 1px 15px;
    position: relative;
    width:194px;
}
div.sidebar-item-bottom
{
    background: #F5F5F5 url(../img/sidebar_item_bottom_bg.png) no-repeat;
    bottom: -15px;
    height:15px;
    left: 0;
    position: absolute;
    width: 224px;
}


#social-box
{
    left: 0;
    position: absolute;
    top: -487px;
}

#twitter
{
    top: 15px;
    display: block;
    position: absolute;
    right: -25px;
}

#facebook
{
    top: 75px;
    display: block;
    position: absolute;
    right: -25px;
}



/* ----------------------------------------------------------------------------------------------------

    META LINKS

---------------------------------------------------------------------------------------------------- */

#meta-links
{
    bottom: 7px;
    position: absolute;
    right: 18px;
}

#meta-links li
{
    display: inline;
    margin: 0 0 0 5px;
}

#meta-links a
{
    color: #FFF;
    font-size: 11px;
    padding: 0 3px;
    text-decoration: none;
}
#meta-links a:hover, #meta-links a:focus
{
    color: #E2001A;
}




/* ----------------------------------------------------------------------------------------------------

    NEWS

---------------------------------------------------------------------------------------------------- */

#news-start-latest-full
{
    _height: 1%;
    overflow: auto;
}

#news-start-latest-full img
{
    border: 2px solid #CECECE;
    display: block;
    float: left;
}

#news-start-latest-full p
{
    margin: 0 0 12px 150px;
}

#news-start-latest-full p.date
{
    color: #E2001A;
    float: left;
    font-weight: bold;
    margin: 0 5px 0 10px;
    text-transform: uppercase;
}

#news-start-latest
{
    _height: 1%;
    font-size: 12px;
    overflow: auto;
}

#news-start-latest ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#news-start-latest h2
{
    color: #333;
    font-size: 12px;
}

#news-start-latest h2 span.date
{
    color: #E2001A;
    font-weight: bold;
    text-transform: uppercase;
}

#news-on-site
{
    _height: 1%;
    font-size: 12px;
    overflow: auto;
}

#news-on-site ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#news-on-site li
{
    margin-bottom: 20px;
}

#news-on-site h2
{
    color: #E2001A;
    font-size: 12px;
}

#news-on-site a
{
    font-weight: normal;
}


#news-pressemeldungen
{
    _height: 1%;
    overflow: auto;
}

#news-pressemeldungen ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#news-pressemeldungen ul li
{
    clear: both;
    margin: 0 0 20px 0;
}

#news-pressemeldungen ul h2
{
    font-size: 12px;
    margin: 0 0 0 125px;
}

#news-pressemeldungen ul img
{
    border: 2px solid #CECECE;
    display: block;
    float: left;
}

#news-pressemeldungen ul p
{
    margin: 0 0 12px 125px;
}

#news-start-more ul
{
    margin: 0 !important;
    list-style: none !important;
}
#news-start-more h2
{
    font-size: 12px;
}


.tx-ttnews-browsebox
{
    border-top: 1px solid #BBB;
    padding: 10px 0 0 0;
}
.tx-ttnews-browsebox p
{
    margin: 0 !important;
    text-align: center;
}

.tx-ttnews-browsebox ul
{
    margin: 0;
    padding: 0;
    text-align: center;
}

.tx-ttnews-browsebox li
{
    display: inline;
    margin: 0;
    padding: 0;
}

.tx-ttnews-browsebox li a
{
    margin: 0 10px;
}
.tx-ttnews-browsebox li.current a
{
    color: #333 !important;
    font-weight: bold;
}



/* ----------------------------------------------------------------------------------------------------

    FORM MODULE

---------------------------------------------------------------------------------------------------- */


form input.text, form textarea
{
    /*background: #FFF;*/
    border: 1px solid;
    border-color: #333 #999 #999 #333;
    color: #000;
    font: 12px/1.4 Arial, sans-serif;
    padding: 3px;
    vertical-align: middle;
}

form .medium
{
    width: 210px;
}

form .medium input.text, form .medium textarea
{
    width: 180px;
}

form .full input.text, form .full textarea
{
    width: 390px;
}



/* ----------------------------------------------------------------------------------------------------

    SLIDER

---------------------------------------------------------------------------------------------------- */

body #s3slider
{
    height: 211px;
    margin: 0;
    width: 530px !important;
}

ul#s3sliderContent
{
    list-style: none;
    margin: 0;
    width: 530px !important;
}

body .s3sliderImage
{
    height: 211px;
}

body .right
{
    height: 191px;
    width: 270px !important;
}

body .right strong
{
    color: #F59D07;
}





#newsletter-form legend
{
    display: none;
}

#newsletter-form .tx_powermail_pi1_fieldwrap_html
{
    width: 560px;
    clear: both;
    height: 25px;
}

#newsletter-form label
{
    display: block;
    float: left;
    width: 150px;
}


input.searchtext
{
    width: 120px;
}