/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    CSS RESET
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    /* or use default: */
    /* line-height: 1.33; */
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* probably add this */
/* the disabled automatic scollbars in IE */
textarea { overflow: auto; }
/* EO CSS RESET */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    LAYOUT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#outerWrapper {
  background-color: #ffffff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 900px;
  border:1px solid #cccccc;
}
#outerWrapper #header {
  padding:10px 10px 4px 10px;
  border-bottom:1px solid #cccccc;
}

#outerWrapper #header #branding {
    width: 350px;
    float:left;
    /* background-color: #EEE; */
}
#outerWrapper #header .bannerextern {
    width: 468px;
    float:right;
    background-image: url('/u/ANZEIGE.gif');
    background-repeat: no-repeat;
    background-position: top right;
    /* background-color: #EEE; */
    margin-top: -9px;
    padding-top: 9px;
}
#outerWrapper #header .bannerintern {
    width: 468px;
    float:right;

    /* background-color: #EEE; */
    margin-top: -9px;
    padding-top: 9px;
}

#outerWrapper #header #metanav {
    clear: both;
    height:12px; /* for placeholding metanavigation, input from N_O2 */
    /* text-align: right; */
}

#outerWrapper #header #branding h3 {
    color: #444;
    background-image: url('/u/bid-5farben.gif');
    background-repeat: no-repeat;
    padding-top: 20px;
    font-size: 14px;
    margin-bottom:10px;
    text-decoration: none;
}

#outerWrapper #header #branding h4 {
    color: #444;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 3px;
}
#outerWrapper #header #branding h5 {
    color: #444;
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
}

/*
#outerWrapper #header a {
    font-size: 10px;
    font-weight: normal;
}
*/

#outerWrapper #navWrapper {
    background-image: url('/u/bg-nav-26.gif');
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #d2d0d0;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    height:51px; /* needed for clean bg repeat */
}


#outerWrapper #contentWrapper {
    background-image: url('/u/bg-content.gif');
    background-repeat: repeat-y;
    background-position: top left;
    min-height: 350px;
    border-bottom:2px solid #cccccc;
}

#outerWrapper #content {
    padding-right:10px;
}

/*
#outerWrapper #content #banner {
    background-image: url('/u/ANZEIGE.gif');
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #EEE;

    margin: 0 0 0 0;
    padding: 12px 0 12px 0;
}
*/




#outerWrapper #side01 .bannerextern {
    background-image: url('/u/ANZEIGE.gif');
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #EEE;

    margin: 0 0 0 0;
    padding: 12px 0 12px 0;
}

#outerWrapper #side01 .bannerintern {
    background-color: #EEE;

    margin: 0 0 0 0;
    padding: 12px 0 12px 0;
}



#main .inner {
    padding: 0 10px 10px 10px;
    
}

#outerWrapper #main {
    background-image: url('/u/bg-main.gif');
    background-repeat: repeat-x;
    background-position: top left;
    min-height: 300px;
    width: 600px;
    float:left;
    padding-top:20px;
}

#outerWrapper #side01 {
    min-height: 300px;
    width: 280px;
    float:right;
    padding-top:8px;
    
    /* background-color: #F00; */
}

#outerWrapper #footer {
    background-image: url('/u/bg-nav-26.gif');
    background-repeat: repeat-x;
    background-position: top left;
    
    padding: 2px 10px 4px 10px;
    border-bottom:1px solid #ccc;
    background-color: #EEE;
    
    height: 15px;
    /* font-size: 10px; */
}

    #footer p {
        margin: 0;
    }
    #footer p.part1 {
        width: 550px;
        float:left;
        text-align: left;
    }
    
    #footer p.part2 {
        width: 300px;
        float:right;
        text-align: right;
        /* margin-right: 10px; */
    }
    
    #footer p.part2, #footer a {
        color: #AAA;
    }


/* EO LAYOUT */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    CONTEXT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */



/* EO CONTEXT */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    BASIC TAGS
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
body {
  background-color: #dedede;
  /*
  background-image: url('/u/bg-page.gif');
  background-repeat: repeat-x;
  */
  color: #222;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 10px 0 10px 0;
  padding: 0 0 0 0;
  text-align: center;
}

h1, h2, h3, h4 {
  /*color: #800010;*/
  color: #222;
  font-weight: bold;
}

h1 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
  padding-top: 4px;
}
h2 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  padding-top: 4px;
}
h3 {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  padding-top: 4px;
  text-decoration: underline;
}
h4 {
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 2px;
  padding-top: 4px;
  font-weight: normal;
}

p {
    margin: 0 0 10px 0;
}

/*
ul {
    margin: 0 0 10px 0;
    list-style:disc;
}

li {
    margin-left: 16px;
}
*/

.small {
    font-size: 10px;
}

br.clear {
  clear: both;
  display: block;
}

img {
    /* border: 1px solid #666666; */
}
a,  a:link {
  color: #000099;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #000099;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  color: #000;
}
a:active {
  color: #000;
}
/* EO BASIC TAGS */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    NAV
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
ul.level1 {
    padding: 0 0 0 7px;
}

ul.level1 li, li.n1on {
    height:26px; 
    float:left; 
    padding: 0 3px 0 3px; 
    margin-right:5px;
}

li.n1 a, li.n1 a:link, li.n1 a:visited {
    display: block;
    color: #000099;
    font-size: 11px;
    line-height: 26px;
}

li.n1 a:hover {
    color: #222;
    text-decoration: none;
}

li.n1 a:focus {
    color: #b52418;
}

li.n1 a:active {
    color: #b52418;
}
li.n1on {
    /*
    background-image: url('/u/bg-n1on.gif');
    background-repeat: repeat-x;
    background-position: top left;
    */
    background-color: #d2d0d0;
}

li.n1on a {
    display: block;
    color: #222;
    font-size: 11px;
    line-height: 26px;
}





ul.level2 {
    padding: 0 0 0 7px;
}

ul.level2 li, li.n2on {
    height:18px; 
    float:left; 
    padding: 3px; 
    margin-right:5px;
}

li.n2 a, li.n2 a:link, li.n2 a:visited {
    display: block;
    color: #000099;
    font-size: 11px;
    line-height: 18px;
}

li.n2 a:hover {
    color: #222;
    text-decoration: none;
}

li.n2 a:focus {
    color: #b52418;
}

li.n2 a:active {
    color: #b52418;
}
li.n2on {
    /*
    background-image: url('/u/bg-n1on.gif');
    background-repeat: repeat-x;
    background-position: top left;
    */
}

li.n2on a {
    display: block;
    color: #222;
    font-size: 11px;
    line-height: 18px;
    text-decoration: underline;
}


.meta {
    font-size:10px; 
    color:#222; 
    font-weight:normal; 
    padding-right:10px;
}
.metaon {
    font-size:10px; 
    color:#222; 
    font-weight:bold; 
    padding-right:6px;
}
#metanav{ 
    text-align:right;
}



.metanavWrapper {
    margin-top:-48px; 
    float:right; 
    width:478px; 
    /* background-color:#F00; */
    z-index:1000;
}

ul.meta {
    padding: 0 4px 0 7px;
}

ul.meta li, li.n3on {
    height:18px; 
    float:right; 
    padding: 3px; 
    margin-right:5px;
}

li.n3 a, li.n3 a:link, li.n3 a:visited {
    display: block;
    color: #222;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
}

li.n3 a:hover {
    color: #b52418;
    font-weight: normal;
    text-decoration: none;
}

li.n3 a:focus {
    color: #b52418;
    font-weight: normal;
}

li.n3 a:active {
    color: #b52418;
    font-weight: normal;
}
li.n3on {
    /*
    background-image: url('/u/bg-n1on.gif');
    background-repeat: repeat-x;
    background-position: top left;
    */
}

li.n3on a {
    display: block;
    color: #222;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    text-decoration: underline;
}




/* EO NAV */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    D_FORM
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
input,textarea{margin:0;padding:0;border:0;}

.style1 {
    width:440px;
    background-color: #f1f1f1;
    margin-bottom: 3px;
    padding:1px;
    border: 1px solid #d2d2d2;
}
/* EO D_FORM */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    TEXT1PIC
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.imagebox-left {
    float:left;
    margin-right: 10px;
    /*border: 1px solid #000000;*/
}

.imagebox-right {
    float:right;
    margin-left: 10px;
    /*border: 1px solid #000000;*/
}
.bu {
    border-bottom: 1px solid #222;
    margin: 0px 0px 10px 0px;
    font: normal 10px tahoma, arial, helvetica, geneva;
    padding: 3px 0px 3px 3px;
    background: #EEE;
}
.bu span{
    color:#999;
}
.right {
    float: right;
}

.left {
    float: left;
}

.bu span {
    color:#999;
}

div.copyright {
    color:#999;
    text-align: right;
}

/*
div.TEXT1PIC ul li {
    margin: 7px 7px 7px 24px;
    line-height:130%;
    list-style: square;
}
div.TEXT1PIC ol li {
    margin: 7px 7px 7px 24px;
    line-height:130%;
    list-style: decimal;
}
*/

div.TEXT1PIC ul {
    list-style:disc;
    margin: 0 0 10px 0;
}

div.TEXT1PIC ol {
    list-style:decimal;
    margin: 0 0 10px 0;
}

div.TEXT1PIC li {
    margin-left: 16px;
    line-height: 1.33;
}

div.bu a
{
    text-decoration: none;
}
/* EO TEXT1PIC */





/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_NEWSARTICLE
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_NEWSARTICLE {
    border-left: 2px solid #CCC;
    border-right: 2px solid #CCC;
    background-color:#fff8cc; /* #FAF2CB; */
    margin:4px 0 0 0;
    padding: 5px;
    
}

div.A_NEWSARTICLE ul {
    margin: 0 0 10px 0;
    list-style:disc;
}

div.A_NEWSARTICLE li {
    margin-left: 16px;
}

p.show_more {
    margin: 6px 0 6px 0;
}

p.show_more a {
    font-size:10px;
}

div.hidden {
    display:none; 
    margin:4px 0 10px 0; 
    border-bottom:1px solid #000;
}

div.A_NEWSARTICLE h2, div.A_NEWSARTICLE h3, div.A_NEWSARTICLE h4 {
  text-align: center;
}

div.A_NEWSARTICLE .date {
    color:#999; float:left;
}
div.A_NEWSARTICLE .prio5 {
    text-align: right; 
    float: right; 
    color:#999; 
    font-weight:normal;
}
div.A_NEWSARTICLE .prio9 {
    text-align: right; 
    float: right; 
    color:#C00; 
    font-weight:bold;
}

div.A_NEWSARTICLE .text01 {
    /* font-weight: bold; */
}

div.A_NEWSARTICLE .text09 {
    /* font-weight: bold; */
    font-style: italic;
    margin-bottom: 4px;
}

div.A_NEWSARTICLE a {
    color : #000;
}

a.subtext {
    color : #000;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    D_NEWSLETTER_SUBSCRIBE
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.D_NEWSLETTER_SUBSCRIBE form {
    margin-bottom: 20px;
}

input.email {
    width:220px; 
    border: 1px solid #666;
    height: 18px;
}

form#optin input.email {
    background-color:#CCFFCC;
}
form#optout input.email {
    background-color:#E3E3E3;
}

div.D_NEWSLETTER_SUBSCRIBE p.error {
    padding: 5px;
    border: 1px solid #CC0000;
}

div.D_NEWSLETTER_SUBSCRIBE p.confirm {
    padding: 5px;
    border: 1px solid #00CC00;
}