/* $Id: default.css,v 1.35 2007/11/12 16:19:05 timpo Exp $ */


body {
    margin: 0;
    padding: 0;
    font: small verdana, sans-serif;
    font-size: 0.8em;
	line-height: 1.6em;
    color: #333;
    text-align: center;
    background: #afb6ba;
}

#wrapper {
    width: 780px;
    margin: 30px auto;
    padding: 0 0 5px;
    text-align: left;
    background: #fff;
    position: relative;
    border: 1px solid #909090;
}

#header {
    float: left;
    margin: 20px 10px 10px 10px;
    line-height: 101%;
}

/* box hack mit selectoren für den dummen IE
   bzw. das wird jetzt von ihm ignoriert */
#wrapper > #header {
    margin: 20px 10px 10px 20px;
}

#header h1 {
    float: left;
    width: 190px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#header img {
    width: 160px;
    border: 0px;
}

/* ----- mainnavi ----- */

#header ul {
    float: right;
    width: 545px;
    text-align: right;
    margin: 38px 0 0 0;
    padding: 0;
    list-style: none;
}

#header li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0 0 3px;
    width: 90px;
    text-align: center;
    background: url('../images/bg_li01.gif') no-repeat right bottom;
    border-bottom: 1px solid #afb6ba;
}

#header li a {
    text-decoration: none;
    color: #6a0011;
}

#header li a:hover {
    color: #afb6ba;
}

#header li.now {
    font-style: italic;
}

#body_two {
    clear: both;
    float: left;
    width: 775px;
    padding-top: 2px;
    border-top: 20px solid #afb6ba;
    margin: 0;
    margin-left: 5px;
}

html>body #body_two {
    width: 758px;
    margin: 10px 10px 0;
}

#body_three {
    clear: both;
    float: left;
    width: 775px;
    padding-top: 2px;
    margin: 0;
    margin-left: 5px;
}

html>body #body_three {
    width: 760px;
    margin: 10px 10px 0;
}


/* ----- L E F T ----- */

#left {
    border-top: 1px solid #e5e5e5;
    width: 170px;
    float: left;
}

#left h3.navititle {
    margin: 0px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0 13px 0;
    background-color: #e5e5e5;
    font-size: 1em;
    color: #333;
}

#left ul {
    line-height: 1.4em;
    color: #333;
    margin: 0;
	padding: 0;
    list-style: none;
}

#left li.subnavi1 {
    line-height: 1.3em;
    width: 140px;
    margin-left: 10px; 
    margin-top: 10px;
    background: url("../images/bg_li02.gif");
    background-repeat: no-repeat;
    background-position: 0.1em 0.2em;
    padding-left: 1.2em;
    border-bottom: 1px solid #e5e5e5;
}

#left ul.navi2 {
}

#left li.subnavi2 {
    line-height: 1.3em;
    background-color:black;
    margin-left: 0px;
    margin-top: 0px;
    background: url("../images/bg_li03.gif");
    background-repeat: no-repeat;
    background-position: 0.1em 0.3em;
    padding-left: 1.2em; 
}
#left ul>li.subnavi2 {
    width: 125px;
    padding-left: 1.2em; 
}



#left li a {
    text-decoration: none;
    color: #6a0011;
}
#left li a:hover {
    text-decoration: underline;
}

#left #functionalnavi {
    /*margin-top: 0.5em;*/
    border-top: 1px solid #e5e5e5;
}

#left #functionalnavi li {
    margin-left: 10px;
    margin-top: 0px;
    background-position: 0.4em 0.4em;
    padding-left: 1.4em;
}

#left h3 {
    background-color:#E5E5E5;
    color:#333333;
    font-size:1em;
    margin:20px 0pt 0pt;
    padding: 0 13px 0;
}

#left form input.txt {
    border:1px solid #999999;
    display:block;
}

#left form input.subm {
    background-color:#F8F8F8;
    border:1px solid #999999;
}

#left #search {
    margin-top: 0.7em;
    margin-left: 10px;
}

table, td {
    border: 1px solid #e5e5e5;
}

td {
	padding: 4px;
}

table.search {
    border:0px none;
    margin:0px;
    padding:0px;
    width:98%;
}

.search td {
    border-color: #E5E5E5;
    border-style:none none dashed;
    border-width:0px 0px 1px;
    padding:0px 0px 4px 4px;
    vertical-align:top;
}

#right_two {
    float: left;
    width: 581px;
    padding: 10px;
    margin: 0;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;

    /* hack start 
       sets the height for all browsers to auto*/
    height: auto !important;
    /*sets height (which acts like min-height) to your set size
    for IE, since it doesn't understand !important */
    height: 450px;
    /*set min-height for other browsers that understand !important*/
    min-height: 450px;
    /* hack end */
}

html>body #right_two {
    width: 566px;
}

/* ----- dreiteilung -----*/
#right_three {
    float: left;
    width: 413px;
    padding: 10px;
    margin: 0;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 0;

    /* hack start 
       sets the height for all browsers to auto*/
    height: auto !important;
    /*sets height (which acts like min-height) to your set size
    for IE, since it doesn't understand !important */
    height: 500px;
    /*set min-height for other browsers that understand !important*/
    min-height: 500px;
    /* hack end */
}

html>body #right_three {
    width: 396px;
    
}

#right_two h1, #right_three h1 {
    font: normal 1.8em verdana, sans-serif;
    letter-spacing: 2px;
    margin-top: 10px;
}
#right_two h1.news_head, #right_three h1.news_head {
    font: normal 1.5em verdana, sans-serif;
    letter-spacing: 1px;
}

#right_two .teaser, #right_three .teaser{
    border-left: 1px solid #e5e5e5;
    padding-left: 1em;
}

#right_two h2, #right_three h2 {
    clear: both;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px;
    font-size: 1.1em;
    margin: 3em 0 1em;
}

#right_two a:link, #right_two a:visited, #right_two a:active, #right_two a:hover {
    color: #840017;
}
#right_three a:link, #right_three a:visited, #right_three a:active, #right_three a:hover {
    color: #840017;
}

#right_two pre, #right_three pre {
    color: blue;
}

#right_two a:hover, #right_three a:hover {
    text-decoration: none;
}
/* --- block: selector --- */

#right_two div.news_selector, #right_three div.news_selector {
    border: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    padding: 0.5em;
}

#right_two ul.news_list, #right_three ul.news_list {
    list-style: none;
    padding-left: 0em; 
}

#right_two li.news_entry, #right_three li.news_entry {
    background: url("../images/bg_li02.gif");
    background-repeat: no-repeat;
    background-position: 0.1em 0.4em;
    padding-left: 1.5em; 
}


/* --- block: images --- */

#right_two .block_images, #right_three .block_images {
    margin: 3em 0 1em;
    clear: both;
    padding-bottom: 3px;
    padding-top: 3px;
}

#right_two .block_images img, #right_three .block_images img {
    /*width: 275px; */
    float: left;
    margin: 1em 0 10px 0;
}

#right_two .block_images img.second_image, #right_three .block_images img.second_image {
    margin: 1em 2em 0 1em;
}

#right_two img.block_text, #right_three img.block_text {
    float: right;
    margin-left: 10px;
    height: 195px;
}

/* --- block: link_block */
#right_two p.block_link, #right_three p.block_link {
    clear: both;
}

#right_two img.link_img {
    float: right;
    border: 1px solid #e5e5e5; 
    padding: 2px;
    margin-left: 10px;
    margin-right: 100px;
    margin-bottom: 1em;
}
    

#right_three img.link_img {
    float: right;
    border: 1px solid #e5e5e5; 
    margin-left: 10px;
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 1em;
}

/* --- block: ar_list --- */

#right_two div.block_ar_list, #right_three div.block_ar_list, #right_two div.block_zo_list, #right_three div.block_zo_list {
    
    border-top: 1px dashed #e5e5e5;
    margin-bottom: 3em;
    margin-top: 1em;
    clear:both;
}

#right_two p.zo_title, #right_three p.zo_title {
    margin-top: 1em; 
    margin-bottom: 0.5em; 
    padding-bottom: 0.1em;
    letter-spacing: 0.2em;
}

#right_two div.zo_thump, #right_three div.zo_thump {
    float:left;
    width: 120px;
    padding-left: 1em;
    text-align: left;
    margin-top: 0.4em; 
    margin-bottom: 0em;
    margin-right: 0.3em;
}

#right_two img.thump, #right_three img.thump  {
    border: 0px;
    margin: 0 0em 0 0;
    margin-left: 0.5em;
}

#right_two p.ar_list_text {
    margin-top: 0.5em;
    margin-left: 1.5em;
}
#right_three p.ar_list_text {
    margin-top: 0em;
    padding-left: 1.5em;
    padding-top: 0em;
}

#right_two a img.weiter, #right_three a img.weiter  {
    margin-left: 0.3em;
    border: 0px;
}
/* --- block: table --- */

#right_two table.block_table, #right_three table.block_table {
    width: 98%;
}


/* ----- R I G H T (nur bei 3teilung) ----- */
#right {
    float: left;
    width: 170px;
}

#right a {
    text-decoration: none;
    color: #840017;
}
#right a:hover {
    text-decoration: underline;
}
#right h3 {
    margin: 20px 0 0;
    padding: 0 5px 0;
    background-color: #e5e5e5;
    font-size: 1em;
    color: #333;
}

#right h3.first {
    margin-top: 0; 
}

#right form {
    margin: 0 5px;
}

#right form input.txt {
    display: block;
    border: 1px solid #e5e5e5; 
}
#right form input.subm {
    background-color: #f8f8f8;
    border: 1px solid #e5e5e5; 
}

#right p {
    margin: 10px 5px 0px 5px;
}

#right img {
    margin: 10px 5px 0px 5px;
}

#right ul {
    line-height: 1.4em;
    color: #333;
    margin: 0;
	padding: 0;
    list-style: none;
    margin-top: 10px;
}
#right li {
    background-color:black;
    margin-left: 5px;
    margin-top: 0px;
    background: url("../images/bg_li03.gif");
    background-repeat: no-repeat;
    background-position: 0.1em 0.2em;
    padding-left: 1.2em; 
}

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

/* ----- f o o t e r ----- */
#footer {
    clear: both;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 0 10px 0 0;
    margin-left: 10px;
    width: 764px;
}
#footer img {
    border: 0px;
    margin-left: 1em;
    vertical-align: middle;
}

/* hack */
html>body #footer {
    width: auto;
    margin: 0 12px;
}
#footer #top {
    float: left;
    border: 1px; solid red;
    display:inline;
}

#footer #tothetop a {
    color: #afb6ba;
    text-decoration: none;
    font-size: 0.9em;
}

#footer #tothetop img {
    margin-right: 3px;
}


#footer p {
    text-align: right;
    color: #afb6ba;
    margin: 0;
    padding: 0;
}
#footer a {
    color:#afb6ba;
}

.error {
  color: red;
}

#search_text {
  width: 150px;
}