/********************************************
 $Id: layout.css,v 1.11 2006/08/08 19:37:16 scout Exp $

*/

/* Für alles */
* {
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

html {
    margin: 0px;
    padding: 0px;
}
body {
    background-color: #ffffff;
    color: #000000;
    margin: 0px;
    padding: 0px;
    text-align: center;
  }

h1,h2,h3,h4,h5 {
    margin:0;
}

img { border: none;}

td {margin:0;padding:0;}
/********************************************
 Seitencontainer
 legt die Gesamtbreite fest
*/

#page {
    background-color: #ffffff;
    color: #000000;
    width: 964px;
    margin: 0 auto;
    text-align: left;
}

/********************************************
Kopfzeile
*/

#headRow {
border: 0px solid #333333;
padding:0px;
margin:0px;
background-color:#333333;
  }


/********************************************
Fusszeile
*/
#spacer {height: 40px;}

#footRow {
    background-image: url('../images/bgFootRow.gif');
    background-repeat: repeat-x;
    padding: 20px 10px 10px 10px;
    color: #a8c211;
    font-size: 12px;
    text-align: center;
  }
.footer {
  line-height: 24px;
  color: #b0b1b3;
}
#footRow a {
    color: #a8c211;
    font-weight: bold;
}
/********************************************
linke Spalte, enthält die Hauptnavigation
*/
#leftSidebar {
    background-color: #f0f3e9;
    color: #000000;
  }

/********************************************
* mittlere Spalte, Inhaltsbereich
* umschliesst #breadcrumbs, .contentSubPart
*/
#mainContent {
    background-color: #FFFFFF;
    color: #000000;
    padding: 40px;
  }

/********************************************
rechte Spalte, enthält Aktuelles o. Bildergalerie
*/
#rightSidebar {
/*     overflow: hidden; */
  }


/********************************************
Hautnavigation
*/

#menu{
    background-image: url('../images/bgMenu.gif');
    background-repeat: repeat-x;
}

#submenu{
    background-color: #f0f3e9;
    border-right: 1px dotted #a8c211;
    margin: 0px;
    padding: 33px 0px 0px 0px;
}

ul.menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

li.menuLevel0 {
    float: left;
}
/* Menu 1.Ebene */
li.menuLevel0 a:link,  li.menuLevel0 a:visited, li.menuLevel0 a:active{
    display: block;
    font-family: Arial, sans-serif;
    color: #a8c211;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    width: 241px;
  }

li.menuLevel0 a:hover {
    color: #FFFFFF;
}

li.menuLevel0 a:link.highlighted,li.menuLevel0 a:visited.highlighted,li.menuLevel0 a:active.highlighted, li.menuLevel0 a:hover.highlighted {
    background-color:#a8c211;
    color: #FFFFFF;
    font-style: normal;
}

li.menulevel1 {
float: right;
}
div.borderbottom{
    border-bottom: 1px solid #999999;
}
/* Menu 2.Ebene */
li.menuLevel1 a:link,  li.menuLevel1 a:visited, li.menuLevel1 a:active{
    display: block;
    color: #a8c211;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    line-height: 32px;
    margin: 0px 0px 0px 60px;
    width: 181px;
    border-bottom: 1px solid #999999;
  }
li.menuLevel1 a:hover {
    color: #000000;
}

li.menuLevel1 a:link.highlighted, li.menuLevel1 a:visited.highlighted, li.menuLevel1 a:active.highlighted, li.menuLevel1 a:hover.highlighted {
    color: #a8c211;
font-weight:bold;
}
/* Menu 2.Ebene */
.menulevel1 {
float: right;
}

a:link.menuLevel1 , a:visited.menuLevel1, a:active.menuLevel1{
    display: block;
    color: #a8c211;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
/*     line-height: 32px; */
    padding: 8px 0px 8px 60px;
    width: 181px;
/*     border-bottom: 1px solid #999999; */
  }
a:hover.menuLevel1 {
    color: #000000;
}

.highlighted {
    color: #a8c211;
    font-weight:bold;
    font-style: italic;
}
li.menulevel0 a.highlighted {
    font-style: normal;
}
/* Menu 3.Ebene */
li.menuLevel2
{
    float: right;
}
li.menuLevel2 a:link,  li.menuLevel2 a:visited, li.menuLevel2 a:active{
    display: block;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    width: 171px;
    margin: 0px 0px 0px 70px;
  }
li.menuLevel2 a:hover {
    color: #000000;
}

li.menuLevel2 a:link.highlighted, li.menuLevel2 a:visited.highlighted, li.menuLevel2 a:active.highlighted, li.menuLevel2 a:hover.highlighted {
color: #000000;
font-weight:bold;
}

.menuLevel2
{
    float: right;
}
a:link.menuLevel2, a:visited.menuLevel2, a:active.menuLevel2{
    display: block;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
/*     line-height: 20px; */
    width: 171px;
    padding: 4px 0px 4px 70px;
  }
a:hover.menuLevel2 {
    color: #000000;
}

a:link.highlighted, a:visited.highlighted, a:active.highlighted, a:hover.highlighted {
 font-weight: bold;
}

div.text-decoration {
display: block;
float: right;
border-top: 1px solid #b0b1b3;
height: 2px;
width:181px;
}

/********************************************
Utility (Links für Sitemap, Impressum, AGB etc.)
*/

#utility {
    list-style: none;
    background-color:#caeafb;
    display: block;
    height: 45px;
    overflow: hidden;
    padding-left: 78px;
}
#utility li {
    float: left;
}
#utility a:link, #utility a:visited, #utility a:hover, #utility a:active {
   display: block;
    color: #0079c1;
    font-size: 7px;
    font-weight: normal;
    text-decoration: none;
    margin: 28px 2px 5px 0px;
}

/********************************************
 Klickpfad
*/
#breadcrumbs{
    display: none;
    visibility: hidden;
    font-size: 11px;
    line-height: 20px;
    color: #666666;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
    text-decoration: none;
    color: #666666;
}

#breadcrumbs a:hover{
    color: #000000;
}


/********************************************
Formulare
*/

form {
}



/********************************************
Hilfsklassen
*/

.floatRight {float: right;}

.floatLeft {float: left;}

.bgBlue{
    background-color: #0079c1;
    color: #ffffff;
}
.blue{
    color: #0079c1;
}
.red{
    color: #ca473f;
}
.green{
    color:#219141;
}

.orange{
    color: #FF8000;
}


/********************************************
Prop-Clear: CSS min-height hack
min-height im IE erzwingen
Fuer Hinweise siehe auch:
http://www.greywyvern.com/code/min-height-hack
*/
.prop {
    float:right;
    width:1px;
  }

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }


div#rightSidebar div.csc-header-n1{
/*     border-bottom: 1px solid #999999; */
}
embed { border:none; padding:: 0px; margin:0px;}