/***************/
/* ALLE SEITEN */
/***************/



table,td{border:0px solid green}
div{border:0px solid blue}

* {
        color:555;
}
p, div, td{
        font-size:11px;
        color:555;
}
h1 {
        font-size:16px;
}

h2 {
        font-size:14px;
}

h3 {
        font-size:12px;
}

h4 {
        font-size:11px;
}

html, body {
        margin: 0;
        padding: 0;
        height: 100%;
}
body {
        font-family: Verdana, Geneva, Arial, sans-serif;
        color:black;
        background-color:#c0c0c0; /* ÄUSSERER HINTERGRUND (GRAU)*/
}

a.systemLink{
        text-decoration:none;
}

a:hover{
        text-decoration:underline;
}
img,applet{
        border:0px solid red;
}
table#centering{
        width:100%;
        height:100%;
        text-align:center;
        padding:0px;
        margin:0px;
        border:0px solid red;
}
table#centering td.centering{
        vertical-align:middle;
}


/* HEADER */
#headerGray{
        height:82px;
        background-image:url(headerBg1x82px.jpg);
        background-repeat:repeat-x;
        background-color:#ddd;
        text-align:left;
        vertical-align:middle;
}
#headerRed{
        height:6px;
}
div#headerRedBar{
        border: 0px solid green;
        font-size:1px;
        line-height:1px;
        height:2px;
        margin:0px 0px 0px 0px;
}
table#contentMain {
        padding:0px;
        margin:0px;
        border:0px solid green;
        width:100%;
        vertical-align:top;
        width:900px;
        height:700px;
        border-collapse:collapse;
}
table#contentMain tr#menu{
        height:1px; /* SOMETING SMALL; CONTENT BLOWS IT UP */
}

table#contentMain tr#menu a {
        white-space:nowrap;
        text-decoration:none;
        font-weight:bold;
        font-size:12px; /* MAIN MENU SIZE */
}


/* CONTENT */

.columnLeft{
        width:230px;
        padding-left:25px;
}


#barLeft{
        vertical-align:top;
        padding-top:25px;
        padding-right:5px;
}

.barLeftMainText{
        text-align:left;
        padding-top:14px;
        font-size:11px;  /* SIDE MAIN TEXT SIZE */
        clear:both;
        line-height:16px;
}

#contentRight{
        padding-top:14px;
        vertical-align:top;
        padding-left:0px;
        line-height:16px;
        /* CANNOT ALIGN CENTR HERE BECASUE OF OPERA */
}

#footer{
        width:900px;
        height:51px;
        border:0px solid green;
        background-image:url(footerBg1x51px.jpg);
        background-repeat:repeat-x;
        margin:0px;
}

.barLeftMenu{
        text-align:left;
        padding-bottom:3px;
}

#footer a, .barLeftMenu a, .barLeftMenu a span{
        white-space:nowrap;
        text-decoration:none;
        font-weight:bold;
}

#footer a{
        font-size:10px;  /* BOTTOM MENU SIZE */
}

.barLeftMenu a {
        font-size:12px;  /* SIDE MENU SIZE */
        padding-left:0px;
        padding-bottom:3px;
}

#bottomTitleRight{
        vertical-align:top;
        padding-top:7px;
        padding-left:25px;
        text-align:left;
        font-weight:bold;
        white-space:nowrap;
}

#bottomMenu{
        vertical-align:bottom;
        padding-bottom:6px;
        font-size:12px;
        padding-left:14px;
}
#bottomMenu a{
        font-size:11px;  /* BOTTOM MENU SIZE */
}

#bottomLogo {
        vertical-align:top;
        text-align:right;
        padding-right:20px;
}

/* FARBEN */

.colorRed, .barLeftMenu a:hover, .barLeftMenu a.menuCurrent, .barLeftMenu a:hover span, .barLeftMenu a.menuCurrent span{ /* IN ORDER TO HANLDE SUBTHEMES LIKE Landschafts- und <br><span style="padding-left:2em;">Natur-Inszenierung</span>*/
        color: #c40009;     /* aktive buttons bei untermenue links */
}
.backgroundColorRed, div#headerRedBar{
        background-color: #c40009;    /* kopf: rote linie */
}

.colorDarkGray, table#contentMain tr#menu a:hover, #footer a:hover, table#contentMain tr#menu a.menuCurrent, #footer a.menuCurrent, .barLeftMenu a{
        color:#3A383C;    /* inaktive buttons bei untermenue links sowie aktive buttons bei hauptmenue */
}
.backgroundColorDarkGray {
        background-color:#555;
}

.colorLightGray, #footer a, table#contentMain tr#menu a{
        color:#aaa;   /* inaktive buttons bei hauptmenue */
}
.backgroundColorLightGray{
        background-color:#aaa; /* ??? */
}
.colorWhite{
        color:white;
}
.backgroundColorWhite,        table#contentMain{
        background-color:white;
}



/******************/
/* EINZELELEMENTE */
/******************/


/* SHADOWS AROUND IMAGES */
.shadowedImg{
        border-collapse:collapse;
        border-spacing:0px;
        border:0px solid red;
        margin:0px;
        padding:0px;
}
.shadowedImg td, #shadowedImg td img{
        font-size:1px;
        margin:0px;
        padding:0px;
        border:0px solid red;
}


.bildTitel {
        /*text-align:left;
        margin-left:15px;*/
        font-weight:bold;
        color:#555;
}

/* TEXT TABELLEN */

.thematicTable{
        border:0px solid red;
        width:600px;
}
.thematicTable td{
        vertical-align:top;
        padding: 4px;
}

.thematicTable td.rowHead{
        font-weight:bold;
}

.thematicListTable{
        border:0px solid red;
        border-collapse:collapse;
        width:600px;
}


.thematicListTable td{
        vertical-align:middle;
        text-align:center;
        padding: 4px;
}

.thematicListTable td.rowHead{
        font-size:10px;
        text-align:left;
}
.thematicListTable tr.colHead td{
        font-size:10px;
        background-color:#ccc;
        text-align:center;
        vertical-align:middle;
}


.thematicListTable tr.rowPair{

        background-color:#eee;

}