/* MENUE -------------------------------------------------------------------------------*/

span.sub, span.sub a, span.sub a:visited {
    display: block;
    width: 170px;
    height: 17px;
    text-indent: 20px;
    padding-left: 0px;
    font-weight: normal;
    color: black;
}

span.sub1, span.sub1 a, span.sub1 a:visited, span.sub1 a:hover {
	text-indent: 30px;
}

span.subactive a:visited, span.subactive a:hover, span.subactive a, span.subactive {
	color: 88B8E3;
}

span.sub a:hover {
	background-color: #88B8E3;
	color: black;
 }

ul.menu, ul.menu ul {
    list-style-type: none;
    background-color: #BDD9EF;
}

ul.menu a, ul.menu a:visited {
    display: block;
    padding: 3px 10px 3px 10px;
    padding-left: 25px;
    font-weight: normal;
    color: black;
}


ul.menu a:hover {
	background-color: #88B8E3;
	background-image: url('arrowRedWhite.gif');
	background-repeat: no-repeat;
	color: black;
 }

ul.menuRechts a:hover {
	background-color: #88B8E3;
	background-image: url('arrowRedBlue.gif');
	background-repeat: no-repeat;
	color: black;
 }

ul.menu ul a:hover {
	background-image: none;
 }

 ul.menuRechts ul a:hover {
	background-image: none;
 }


ul.menu li {
    padding: 0;
    margin: 0;
    width: 170px;
    background-color: transparent;
    border: 0px;
    height: 25px;
    line-height: 18px;
    border-bottom: 1px #88B8E3 solid;
}

ul.menu li.hover, ul.menu li:hover{
	background-image: url('arrowRedWhite.gif');
	background-repeat: no-repeat;
    background-color: #88B8E3;
    border: 0px;
	}

ul.menuRechts li {
	width: 150px;
}

ul.menuRechts li.hover, ul.menuRechts li:hover{
	background-image: url('arrowRedBlue.gif');
	background-repeat: no-repeat;
    background-color: #88B8E3;
    border: 0px;
	}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
    border-bottom: 0px;
    width: 155px;
    line-height: 1;
}

ul.menu ul li.hover, ul.menu ul li:hover{
	background-image: none;
	}

ul.menuRechts ul li.hover, ul.menuRechts ul li:hover{
	background-image: none;
	}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #88B8E3;
}

/* Zweite Ebene */
		ul.menu ul a, ul.menu ul a:visited{
		      padding-left: 10px;}

        ul.menu ul {
              margin-top: -25px;
              margin-left: 170px;
              padding: 0;
              position: absolute;
              background-color: #BDD9EF;
              border: 0px;
              display: none;
              width: 155px;
     }

		ul.menu ul li, ul.menu ul ul li, ul.menu ul ul ul li {
			height: 19px; }

   /* 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: 155px; /* Breite eines Listenelements - Überlagerung */
           margin-top: -17px; /* 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;
   }



/* END MENUE -------------------------------------------------------------------------------*/

/* TEMPL -------------------------------------------------------------------------------*/
span.HeaderWelcome {
	font-size: 2.75em; font-family: Verdana, Arial; color: B2B8BF; }

span.TitelHeader {
	color: white; font-family: Verdana, Arial; font-size: 1.3em; letter-spacing: 2px; }
span.TitelHeaderBold { font-weight: bold; }
div.home a:hover, div.home a:visited {background-color: transparent;}

span.Swap a{
	letter-spacing: 2px; font-family: Verdana, Arial; font-size: 1.2em; line-height: 20px; font-weight: bold; }

div.CNTLeft {
	margin: 60px 0px 5px 0px;
	padding-left: 25px;
}

div.CNTRight {
}

div.CNTRight h1.csc-firstHeader, div.CNTRight h1{
	color: white;
	background-color: #88B8E3;
	background-image: url('arrowRedRight.gif');
	background-repeat: no-repeat;
	text-indent: 32px;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 0px;
}

h1.search{
	color: white;
	background-image: none;
	text-indent: 32px;
	padding: 0px;
}

input.search {
	text-align: left;
	width: 105px;
	height: 22px;
	background-color: white;
	border-top: 5px solid #88B8E3;
	padding-top: 0px;
	float: left;
	clear: none;
}

input.search-submit{
	width: 60px;
	height: 26px;
	background-color: #88B8E3;
	background-image: url('arrowSubmit.gif');
	border: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: none;
	cursor: pointer;
}

div.CNTSearch form{
	width: 286px;
	background-color: #88B8E3;
	height: 26px;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

label.search {
    float: left;
	color: white;
	background-color: #88B8E3;
	line-height: 25px;
	background-image: none;
	width: 80px;
}

div.CNTRight p.bodytext{
	margin-left: 32px;
	margin-right: 10px;
	margin-top: 10px;
}
/* END TEMPL -------------------------------------------------------------------------------*/