/*
    THW Ludwigshafen

    css/styles.css              2007-05-09  (c) Johannes Frank <jfrank@aejf.de>
*/


/*
*{border: 1px dashed red !important;}
/* */

body
{
    margin:                     0px;
    color:                      #ffffff;
    background-color:           #aaaabb;
    font-family:                sans-serif;
    font-size:                  13px;
    text-align:                 left;
}

a:link,
a:visited
{
    color:                      #ffffff;
    text-decoration:            underline;
}

a:hover,
a:active
{
    background-color:           #ffffff;
    color:                      #000f75;
    text-decoration:            underline;
}

img
{
    border-style:               none;
}

h1
{
    display:                    none;
}

form
{
    display:                    inline;         /* IE */
}

input.input_text,
input.input_password,
textarea
{
    margin:                     0px;
    padding-left:               4px;
    padding-right:              4px;
    padding-top:                1px;
    padding-bottom:             2px;
    color:                      #000f75;
    background-color:           #ddddee;
    border-style:               solid;
    border-width:               1px;
    border-color:               #000044;
    font-family:                sans-serif;
    font-size:                  10px;
}

select
{
    margin:                     0px;
    color:                      #000f75;
    background-color:           #ddddee;
    border-style:               solid;
    border-width:               1px;
    border-color:               #000044;
    font-family:                sans-serif;
    font-size:                  11px;
}

input.input_reset,
input.input_submit
{
    margin:                     0px;
    padding-left:               4px;
    padding-right:              4px;
    padding-top:                0px;
    padding-bottom:             0px;
    font-family:                sans-serif;
    font-size:                  9px;
}

div#centered
{
    width:                      980px;
    margin-left:                auto;
    margin-right:               auto;
}

div#main
{
    float:                      left;
    margin-top:                 5px;
    background-color:           #000f75;
    border-style:               solid;
    border-width:               1px;
    border-color:               #000044;
}

div#header
{
    height:                     108px;
    padding-left:               5px;
    background-image:           url('../img/header_bg.gif');
    background-repeat:          repeat-x;
    background-position:        left top;
}

div#search
{
    float:                      right;
    padding:                    10px;
}

input#search_search
{
    width:                      100px;
}

img#logo
{
    float:                      left;
}

div#leftpane
{
    float:                      left;
    width:                      170px;
    padding-left:               5px;
    padding-bottom:             20px;
    background-image:           url('../img/nav_bg.gif');
    background-repeat:          no-repeat;
    background-position:        5px top;
}

ul#nav
{
float:left;
width:140px;
    margin-left:                0px;
/*
    margin-right:               7px;
*/
    margin-top:                 5px;
    margin-bottom:              0px;
    padding-left:               0px;
    padding-right:              0px;
    padding-top:                0px;
    padding-bottom:             20px;
    list-style-type:            none;
}

ul#nav li
{
float:left;
margin:0px;
padding:0px;
}

ul#nav li a:link,
ul#nav li a:visited
{
    display:                    block;
float:left;
width:140px;
    margin-bottom:              1px;
    padding-left:               18px;
    padding-right:              5px;
    padding-top:                2px;
    padding-bottom:             2px;
    background-color:           #000044;
opacity:0.75;
-moz-opacity:0.75;
filter:alpha(opacity=75);
    background-image:           url('../img/nav_arrow_right.gif');
    background-repeat:          no-repeat;
    background-position:        5px 6px;
    font-size:                  12px;
    font-weight:                normal;
    text-decoration:            none;
}

ul#nav li a:hover,
ul#nav li a:active
{
    background-color:           #ddddee;
}

ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover,
ul#nav li.current a:active
{
    font-weight:                bold;
}

ul#nav li.submenu a:link,
ul#nav li.submenu a:visited,
ul#nav li.submenu a:hover,
ul#nav li.submenu a:active
{
    background-image:           url('../img/nav_arrow_down.gif');
}

ul#nav li.current ul
{
    margin:                     0px;
    padding:                    0px;
    list-style-type:            none;
}

ul#nav li.current ul li
{
}

ul#nav li.current ul li a:link,
ul#nav li.current ul li a:visited
{
    display:                    block;
width:130px;
    padding-left:               28px;
    color:                      #000f75;
    background-color:           #bbbbcc;
    background-image:           url('../img/nav_arrow_right_inv.gif');
    background-repeat:          no-repeat;
    background-position:        15px 6px;
    font-size:                  11px;
    font-weight:                normal;
}

ul#nav li.current ul li a:hover,
ul#nav li.current ul li a:active
{
    background-color:           #ddddee;
background-image:url('../img/nav_arrow_right_inv.gif');
}

ul#nav li.current ul li.current a:link,
ul#nav li.current ul li.current a:visited,
ul#nav li.current ul li.current a:hover,
ul#nav li.current ul li.current a:active
{
    color:                      #000f75;
    background-color:           #ddddee;
    font-weight:                bold;
}

ul#nav li.current ul li.submenu a:link,
ul#nav li.current ul li.submenu a:visited,
ul#nav li.current ul li.submenu a:hover,
ul#nav li.current ul li.submenu a:active
{
    background-image:           url('../img/nav_arrow_down_inv.gif');
}

ul#nav li.current ul li.current ul
{
    margin:                     0px;
    padding:                    0px;
    list-style-type:            none;
}

ul#nav li.current ul li.current ul li
{
}

ul#nav li.current ul li.current ul li a:link,
ul#nav li.current ul li.current ul li a:visited
{
    display:                    block;
width:120px;
    padding-left:               38px;
    color:                      #000f75;
    background-color:           #bbbbcc;
    background-image:           url('../img/nav_arrow_right_inv.gif');
    background-repeat:          no-repeat;
    background-position:        25px 6px;
    font-size:                  11px;
    font-weight:                normal;
}

ul#nav li.current ul li.current ul li a:hover,
ul#nav li.current ul li.current ul li a:active
{
    background-color:           #ddddee;
background-image:url('../img/nav_arrow_right_inv.gif');
}

ul#nav li.current ul li.current ul li.current a:link,
ul#nav li.current ul li.current ul li.current a:visited,
ul#nav li.current ul li.current ul li.current a:hover,
ul#nav li.current ul li.current ul li.current a:active
{
    color:                      #000f75;
    background-color:           #ddddee;
    font-weight:                bold;
}

div#rightpane
{
    float:                      right;
    width:                      170px;
}

div#newsbox
{
    margin-right:               5px;
    margin-top:                 5px;
    border-style:               solid;
    border-width:               1px;
    border-color:               #ffffff;
}

div#newsbox h3
{
    margin:                     0px;
    padding-left:               5px;
    padding-right:              5px;
    padding-top:                1px;
    padding-bottom:             2px;
    color:                      #000f75;
    background-color:           #ffffff;
    text-align:                 center;
    font-size:                  12px;
}

div#newsbox p
{
    margin-left:                5px;
    margin-right:               5px;
    margin-top:                 8px;
    margin-bottom:              8px;
    padding:                    0px;
    font-size:                  10px;
}

div#newsbox p strong
{
    font-weight:                bold;
}

table.calendar
{
    margin-left:                auto;
    margin-right:               auto;
    margin-top:                 40px;
    margin-bottom:              40px;
    border-style:               solid;
    border-width:               1px;
    border-color:               #ffffff;
    border-collapse:            collapse;
}

table.calendar th
{
    padding-left:               0px;
    padding-right:              0px;
    padding-top:                1px;
    padding-bottom:             2px;
    color:                      #000f75;
    background-color:           #ffffff;
    text-align:                 center;
    font-size:                  12px;
    font-weight:                bold;
}

table.calendar th img
{
    margin-top:                 1px;
}

table.calendar td
{
    width:                      20px;
    height:                     20px;
    padding:                    0px;
    border-style:               solid;
    border-width:               1px;
    border-color:               #ffffff;
    text-align:                 center;
    vertical-align:             middle;
    font-size:                  11px;
}

table.calendar td.sunday
{
    color:                      #808080;
}

table.calendar td.today
{
    font-weight:                bold;
}

table.calendar td a:link,
table.calendar td a:visited
{
    display:                    block;
    width:                      20px;
    height:                     17px;
    padding-top:                3px;
    color:                      #000000;
    background-color:           #dddd00;
    text-decoration:            none;
}

table.calendar td a:hover,
table.calendar td a:active
{
    background-color:           #ffff00;
    text-decoration:            none;
}

table.calendar td a.regular:link,
table.calendar td a.regular:visited
{
    background-color:           #ddddee;
}

table.calendar td a.regular:hover,
table.calendar td a.regular:active
{
    background-color:           #ffffff;
}

div#content
{
float:left;
width:770px;

/*
    margin-left:                175px;
*/
    margin-right:               5px;
/*
    margin-right:               180px;
*/
    margin-bottom:              5px;
    padding:                    10px;
    border-style:               solid;
    border-width:               1px;
    border-color:               #000044;
    background-image:           url('../img/content_bg.gif');
    background-repeat:          no-repeat;
    background-position:        left top;
}

div#content h2
{
}

div#content h3
{
}

div#content p
{
    clear:                      both;
}

div#content img.img_left
{
    float:                      left;
    margin-left:                0px;
    margin-right:               10px;
    margin-top:                 0px;
    margin-bottom:              10px;
}

div#content img.img_right
{
    float:                      right;
    margin-left:                10px;
    margin-right:               10px;
    margin-top:                 0px;
    margin-bottom:              10px;
}

div#content div.gallery
{
    clear:                      both;
    float:                      left;
    width:                      745px;
    margin-bottom:              15px;
    padding:                    10px;
    border-style:               solid;
    border-width:               1px;
    border-color:               #000044;
}

div#content div.gallery img
{
    float:                      left;
    margin-right:               10px;
}

div#content div.gallery h3
{
    margin-top:                 0px;
}

div#content div#gallery_thumbs
{
    float:                      right;
    width:                      238px;
    margin-left:                10px;
    margin-bottom:              10px;
    padding-bottom:             10px;
    border-style:               solid;
    border-width:               1px;
    border-color:               #ffffff;
}

div#content div#gallery_thumbs h3
{
    margin:                     0px;
    padding-left:               5px;
    padding-right:              5px;
    padding-top:                1px;
    padding-bottom:             2px;
    color:                      #000f75;
    background-color:           #ffffff;
    text-align:                 center;
    font-size:                  12px;
}

div#content div#gallery_thumbs a:link,
div#content div#gallery_thumbs a:visited,
div#content div#gallery_thumbs a:hover,
div#content div#gallery_thumbs a:active
{
    display:                    block;
    float:                      left;
    margin-left:                10px;
    margin-top:                 10px;
}

div#content div#gallery_thumbs img
{
    float:                      left;
    margin:                     0px;
    padding:                    1px;
}


table.eventslist
{
    border-style:               solid;
    border-width:               1px;
    border-color:               #000f75;
    border-collapse:            collapse;
}

table.eventslist td
{
    padding-left:               5px;
    padding-right:              5px;
    padding-top:                2px;
    padding-bottom:             2px;
    border-bottom-style:        solid;
    border-bottom-width:        2px;
    border-bottom-color:        #000f75;
    vertical-align:             top;
}

table.eventslist tr.current td
{
    color:                      #000f75;
    background-color:           #ffffff;
}

div#footer
{
    clear:                      both;
    padding-top:                4px;
    color:                      #333333;
    font-size:                  10px;
    text-align:                 center;
}

div#footer hr
{
    display:                    none;
}

div#footer a:link,
div#footer a:visited
{
    color:                      #333333;
}

div#footer a:hover,
div#footer a:active
{
    color:                      #333333;
}