* { /* Mit dem Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
margin: 0;
/*padding: 0;*/
font-size:14px;
}

body {
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
    background-color: #808080;
    font-size: 14px;
    font-family: helvetica,arial;
}

form {
    margin-top:10px;
}

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

/* DIV-Boxen */


div#page {
    position:relative;                 /* damit die Untermenüposition stimmt */
    width: 1000px;
    margin: 0 auto;
/*    background: #ffffff url(background_ohneLogo.jpg) top no-repeat;*/
    background: #ffffff url(background.jpg) top no-repeat;
    border: 1px solid #b8b8b8;
    color:white;
}

div#linksunten{
    padding:4px;
    padding-top:40px;
}

div#linksunten a {
    color:white;
    /*text-decoration: none;*/
}

div#links {
    font-size: 14px;
    float: left;
    width:139px;
    height:600px;
    margin-top:113px;
    margin-left:8px;
    margin-bottom:8px;
    background: rgb(156,156,156);
}

div#hmenu a {
    display: block;
    color: white;
    width:auto;
    text-decoration:none;
    font-weight: bold;
    height:20px;
    background-color: rgb(156,156,156);
    margin-bottom:0px;
    padding-top:4px;
    padding-left:4px;
    padding-bottom:0px;
    border-bottom-style:solid;
    border-bottom-width: 2px;
    border-bottom-color:rgb(255,255,255);
}

div#hmenu a.red{
    background:  url(bu_red.gif) top no-repeat;
}

div#hmenu a.red:hover {
    background:  url(bu_red_h.gif) top no-repeat;
    color:rgb(220,20,37);
}

div#hmenu a.blue{
    background:  url(bu_blue.gif) top no-repeat;
}

div#hmenu a.blue:hover {
    background:  url(bu_blue_h.gif) top no-repeat;
    color:rgb(8,72,151);
}


div#hmenu a.yellow{
    background: url(bu_yellow.gif) top no-repeat;
}

div#hmenu a.yellow:hover {
    background: url(bu_yellow_h.gif) top no-repeat;
    color:rgb(253,196,0);
}


div#hmenu a.green{
    background: url(bu_green.gif) top no-repeat;
}

div#hmenu a.green:hover {
    background: url(bu_green_h.gif) top no-repeat;
    color:rgb(0,130,66);
}

div#rechts {
float: right;
width: 287px;
margin-top: 217px;
margin-right: 9px;
margin-bottom:4px;
height:453px;
    background: rgb(156,156,156);

    border-left-style:solid;
    border-left-width: 1px;
    border-left-color:rgb(156,156,156);

  padding-left:24px;
  padding-top:43px;
  padding-right:24px;
color: #ffffff;
}

div#rechts a{
  color:#ffffff;
  font-weight:bold;
  font-size:14px;
  text-decoration:none;

}


div#umenu{
  position:absolute;
  top:216px;
  left:149px;
  width:842px;
  height:22px;
  z-index:1;
  color:black;
  padding-left:0px;
  padding-top:2px;
  background-color:rgb(253,196,0);;
  /* background-color:rgb(0,130,66); grün */
  /* background-color:rgb(8,72,151); blau*/
  /* background-color:rgb(220,20,37); rot*/
}

div#mitte {
  margin-top: 217px;
  height:100%;
  width:340px;
  background-color:white;
  padding-left:46px;
/*\*/
  padding-left:195px;
/**/
				
  padding-top:40px;
  padding-right:112px;

  color:#000000;
}
div#mitte h2{
    color:rgb(0,0,0);
    font-size:18px;
    font-weight:normal;
    margin-bottom:6px;
    
}

div#mitte a{
  color:#808080;
  font-weight:bold;
  font-size:14px;
  text-decoration:none;
}

/* Farbabhängig */
div#mitte h1{
    color:rgb(253,196,  0);
    font-size:24px;
    margin-bottom:4px;
}

div#links a:hover{
  color:rgb(253,196,  0);
}



/* ############################ */
/*           Menü               */
/* ############################ */

#mnu, #mnu ul {
        float: left;
        width: 824px;
        list-style: none;
        line-height: 1;
        background-color:rgb(253,196,0);;
        font-weight: normal;
        padding: 0px;
        border: solid rgb(156,156,156);
        border-width: 0px 0;
        margin: 0 0 1em 0;

}

#mnu a {
        display: block;
        width: 10em;
        w\idth: 6em;
        color: #000000;
        text-decoration: none;
        padding: 0.25em 8px;  /* zweiter Wert verschiebt Pfeile mit default: 2em */
}

#mnu a.parent {
        background: url(rightarrow2.gif) center right no-repeat;
}

/* Menübalken */

#mnu li {
        float: left;
        padding: 0px;
        width: 137px;
}

/* erstes Untermenü */
#mnu li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 14.4em;
        w\idth: 13.9em;
        font-weight: normal;
        border-width: 0.1em;
        margin: 0;
        padding:2px;
}

#mnu li li {
        padding-right: 1em;
        width: 12.9em
}

#mnu li ul a {
        width: 13em;
        w\idth: 12em; /* für Platzierung der Pfeilchen zuständig */
}

#mnu li ul ul {
        margin: -1.59em 0 0 14em;     /* margin: -1.75em 0 0 14em; */
        /* erster Wert ist gleich Höhe von Menüitem also: -1.5em - borderwidth von mnu li ul*/
        /* zweiter Wert ist gleich mnu li ul width */
}

/* hier muss pro Ebene erweitert werden */

#mnu li:hover ul ul,
#mnu li:hover ul ul ul,
#mnu li:hover ul ul ul ul,
#mnu li.sfhover ul ul,
#mnu li.sfhover ul ul ul,
#mnu li.sfhover ul ul ul ul
{
        left: -999em;
}

#mnu li:hover ul,
#mnu li li:hover ul,
#mnu li li li:hover ul,
#mnu li li li li:hover ul,
#mnu li.sfhover ul,
#mnu li li.sfhover ul,
#mnu li li li.sfhover ul,
#mnu li li li li.sfhover ul
{
        left: auto;
}

#mnu li:hover, #mnu li.sfhover {
  background-color:rgb(283,214,0);;
}

/* ######################## */
/* neues MEnü */
/* ######################## */

div#umenu a{
    color: #000000;
    text-decoration: none;
}

ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;
}

ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    background-color: rgb(253,196,0);
    /*border:1px solid #26383D;*/
    height: 20px;
    width:120px;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
    width:180px;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: rgb(283,214,0);
}

/* Zweite Ebene */
        ul.menu ul {
              margin:0;
                 padding: 0;
               position: absolute;
               background-color: rgb(253,196,0);
                border: 1px solid rgb(156,156,156);
                display: none;
                    width: 180px;
     }

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
   }

/* Dritte Ebene */
   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
                  display: none;
                    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -20px; /* Höhe eines Listenelements */
        }

   /* Dritte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;
   }


/* Vierte Ebene */
     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
                  display: none;
    }

   /* Vierte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
               display: block;
   }


table{
    /*border:solid 1px rgb(253,196,0);*/
    width:100%;
}

td.rgelb{
    background-image:url(raute_gelb.jpg);
    background-repeat: no-repeat;
    width:10px;
    height:16px;
}

td.rblau{
    background-image:url(raute_blau.jpg);
    background-repeat: no-repeat;
    width:10px;
    height:16px;
}

td.rgruen{
    background-image:url(raute_gruen.jpg);
    background-repeat: no-repeat;
    width:10px;
    height:16px;
}

td.rrot{
    background-image:url(raute_rot.jpg);
    background-repeat: no-repeat;
    width:10px;
    height:16px;
}
/* ############################ */
/* 	Typo3 spezial */
/* ############################ */


.csc-uploads-fileName
{
    /*display: none; */
    width:100%;
}

.csc-textpic-caption{
    font-size:11px;
}


.contenttable{
}

.show{
    width:412px;
    border:solid 1px rgb(220,20,37);
}

.tr-even{
    background-color: #e0e0e0;
}

.tr-odd{
    background-color: #f0f0f0;
}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */