/* CSS-style to build menus for www.golight.eu by ixsess@web.de */
/*
 *Menu Styles
 
Start -
Blau #1B80B7
Schrift schwarz,
Kasten "Aktuelles" #76B3D4
--------------------------------------
Über uns:
Hauptfarbe blau/hover #1B80B7
Abstufung mittel/2ebene #59A2CA
Abstufung hell/1ebene #96C5DE
--------------------------------
Gesundheitsbildung:
Hauptfarbe orange/hover #DD755B
Abstufung mittel/2ebene #EBA38B
Abstufung hell/1ebene #F2C5B6
--------------------------------
Gesundheitssystemkompetenz
Hauptfarbe gruen/hover #61A840
Abstufung mittel/2ebene #8CC074
Abstufung hell/1ebene #B7D7A7
--------------------------------
Patientenschulung:
Hauptfarbe petrol/hover #069699
Abstufung mittel/2ebene #49B2B5
Abstufung hell/1ebene #8DCFD0
--------------------------------
Forum:
Hauptfarbe altrosa/hover #B66580
Abstufung mittel/2ebene #CA8FA2
Abstufung hell/1ebene #DEB8C5

*/


/*#################Styles für das slideout menu start######################################################*/
.hide {
	visibility: hidden;
}
.fixed {
		position: absolute;
}

#slideoutnavi {
	width: 960px;
	height: 25px;
	position: relative;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 0;
}
.slideout , .slideout-act, .slideout-cur {
	width: 160px;
	height: 25px;
	display: block;
	text-align: center;
	float: left;
	color: #000;
}
.slideout A, .slideout-act A, .slideout-cur A {
	width: 159px;
	height: 25px;
	display: block;
	color: #fff;
	font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #fff;
	text-transform: uppercase;
}
.slideout A:hover, .slideout-act A:hover, .slideout-cur A:hover{
	text-decoration: underline;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #fff;
}
.end A:hover, .end A {
	border-right: 0px solid #fff;
	width: 160px;
}
#blau .slideout A {
	background: #96C5DE;
}
#blau .slideout-cur a, #blau .slideout-cur a:hover, #blau .slideout-act A {
	background: #59A2CA url(/fileadmin/template/img/menu-pfeil-blau.gif) no-repeat 7px 8px;
}
#gruen .slideout A {
	background: #B7D7A7;
}
#gruen .slideout-cur a, #gruen .slideout-cur a:hover, #gruen .slideout-act A {
	background: #8CC074 url(/fileadmin/template/img/menu-pfeil-gruen.gif) no-repeat 7px 8px;
}
#orange .slideout A {
	background: #F2C5B6;
}
#orange .slideout-cur a, #orange .slideout-cur a:hover, #orange .slideout-act A {
	background:  #EBA38B url(/fileadmin/template/img/menu-pfeil-orange.gif) no-repeat 7px 8px;
}
#petrol .slideout A {
	background: #8DCFD0;
}
#petrol .slideout-cur a, #petrol .slideout-cur a:hover, #petrol .slideout-act A {
	background: #49B2B5 url(/fileadmin/template/img/menu-pfeil-petrol.gif) no-repeat 7px 8px;
}
#altrosa .slideout A {
	background: #DEB8C5;
}
#altrosa .slideout-cur a, #altrosa .slideout-cur a:hover, #altrosa .slideout-act A {
	background: #CA8FA2 url(/fileadmin/template/img/menu-pfeil-altrosa.gif) no-repeat 7px 8px;
}
 
/*styles für den slideout #########################################################*/
ul.mmContent {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.mmContent li {
	background: #fafafa;
	margin:0;
	padding:0;
}
.mmContent li A {
	font-size: 11px; font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	text-align: left;
	width: 145px;
	height: 13px;
	line-height: 13px;
	text-decoration: none;
	padding: 7px;
	display: block;
	color: #000;
	background: #fafafa;
	margin: 0;
	border-bottom: 1px #ccc dotted;
	border-right: 1px solid #fff;
}
.mmContent li A:hover {
	background: #d6dadb;
	font-weight: normal;
	color: #000;
	border-right: 1px solid #fff;
	text-decoration: none;
}
.mmLevel1 li A.submenu {
	background: url(/fileadmin/template/img/slideout-pfeil.gif) no-repeat right 8px;
	color: #000;
}
.mmLevel1 li A.submenu:hover {
	background: #d6dadb url(/fileadmin/template/img/slideout-pfeil-over.gif) no-repeat right 8px;
	font-weight: normal;
	color: #000;
}


/*#################Styles für das slideout menu ende######################################################*/

/*#################Styles für das copyright & menu start######################################################*/
#header-menu {
	font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	line-height: 30px;
	font-size: 11px;
	color: #fff;
}
#header-menu, #header-menu a {
	line-height: 30px;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	font-weight: bold;	
	text-transform: uppercase;
}

#header-menu a:hover {
	text-decoration: underline;
	color: #fff;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	font-weight: bold;
}



.impressum-text {
	font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	line-height: 16px;
	font-size: 11px;
	color: #fff;
}
.impressum-menu, .impressum-menu a {
	/*height: 20px;*/
	line-height: 35px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	font-weight: bold;	
}

.impressum-menu a:hover {
	text-decoration: underline;
	color: #fff;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	font-weight: bold;
}

/*#################Styles für das copyright & menu ende######################################################*/


/*#################Styles für das rechte menu #########################################################*/
.left {
	font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular;
	text-align: left;
	width: 200px;
}
.left a {
	display: block;
	line-height: 30px;
	height: 30px;
}
.left a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #fff;
}

.left ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.left li {
	display: block;
	line-height: 30px;
	padding: 0;
}
.left ul li, .left ul li a {
	font-size: 13px;
	line-height: 30px;
	color: #fff;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.left ul li {
	border-top: #fff 1px solid;
}
.left li.l1 a, .left li.l1cur a, .left li.l1act a {
	padding-left: 15px;
}
.left li.l1cur a, .left li.l1act a {
	color: #fff;
}
.left li.l2 a, .left li.l2act a, .left li.l2cur a {
	color: #fff;
	font-size: 12px;
	padding-left: 25px;
	font-weight: bold;
	line-height: 25px;
}
.left li.l2cur a, .left li.l2act a {
	border-bottom: #fff 0px solid;
}
.left li.l3 a:hover, .left li.l3cur a:hover, .left li.l3act a:hover {
	font-weight: normal;
	text-decoration: underline;
}
.left li.l3 a, .left li.l3cur a, .left li.l3act a {
	color: #fff;
	font-size: 12px;
	padding-left: 35px;
	font-weight: normal;
	border-top: #fff 0px solid;
	border-bottom: #fff 0px solid;
	line-height: 24px;
}
.left li.l3 , .left li.l3cur, .left li.l3act {
	border-top: #fff 0px solid;
	border-bottom: #fff 0px solid;
}
.left .ull3 {
	padding-bottom: 3px;
}
#blau .left li.l3cur a, #blau .left li.l3cur a:hover, #orange .left li.l3cur a, #orange .left li.l3cur a:hover, #petrol .left li.l3cur a, #petrol .left li.l3cur a:hover, #gruen .left li.l3cur a, #gruen .left li.l3cur a:hover, #altrosa .left li.l3cur a, #altrosa .left li.l3cur a:hover{
	background: #fff;
}
/*###hover-blau-act-cur-start###
Über uns:
Hauptfarbe blau/hover #1B80B7
Abstufung mittel/2ebene #59A2CA
Abstufung hell/1ebene #96C5DE
*/
/* ############################## ebene-1 ########################################## */
#blau .left li.l1 a,#blau .left li.l1 a:hover {
	background: #96C5DE;/*hell*/
}
#blau .left li.l1cur a, #blau .left li.l1cur a:hover, #blau .left li.l1act a, #blau .left li.l1act a:hover {
	background: #1B80B7;
}
/* ############################## ebene-2 ########################################## */
#blau .left li.l2 a, #blau .left li.l2act a, #blau .left li.l2 a:hover, #blau .left li.l2act a:hover {
	background: #59A2CA;/*2ebene*/
}
#blau .left li.l2act a, #blau .left li.l2act a:hover {
	background: #59A2CA url(/fileadmin/template/img/menu-pfeil-blau.gif) no-repeat 11px 9px;
}
#blau .left li.l2cur a, #blau .left li.l2cur a:hover {
	background: #59A2CA url(/fileadmin/template/img/menu-pfeil-blau.gif) no-repeat 180px 9px;
}
/* ############################## ebene-3 ########################################## */
#blau .left ul.ull3 {
	border-top: 1px #fff dotted;
	background: #59A2CA;
}
#blau .left li.l3 a, #blau .left li.l3act a, #blau .left li.l3 a:hover, #blau .left li.l3act a:hover {
	background: #59A2CA;
}
/*###hover-blau-act-cur-ende###*/

/*###hover-orange-act-cur-start###
Hauptfarbe orange/hover #DD755B
Abstufung mittel/2ebene #EBA38B
Abstufung hell/1ebene #F2C5B6
*/
/* ############################## ebene-1 ########################################## */
#orange .left li.l1 a,#orange .left li.l1 a:hover {
	background: #F2C5B6;/*hell*/
}
#orange .left li.l1cur a, #orange .left li.l1cur a:hover, #orange .left li.l1act a, #orange .left li.l1act a:hover {
	background: #DD755B;
}
/* ############################## ebene-2 ########################################## */
#orange .left li.l2 a, #orange .left li.l2act a, #orange .left li.l2 a:hover, #orange .left li.l2act a:hover {
	background: #EBA38B;/*2ebene*/
}
#orange .left li.l2act a, #orange .left li.l2act a:hover {
	background: #EBA38B url(/fileadmin/template/img/menu-pfeil-orange.gif) no-repeat 11px 9px;
}
#orange .left li.l2cur a, #orange .left li.l2cur a:hover{
	background: #EBA38B url(/fileadmin/template/img/menu-pfeil-orange.gif) no-repeat 180px 9px;
}
/* ############################## ebene-3 ########################################## */
#orange .left ul.ull3 {
	border-top: 1px #fff dotted;
	background: #EBA38B;
}
#orange .left li.l3 a, #orange .left li.l3act a, #orange .left li.l3 a:hover, #orange .left li.l3act a:hover {
	background: #EBA38B;
}
/*###hover-orange-act-cur-ende###*/

/*###hover-gruen-act-cur-start###
Hauptfarbe gruen/hover #61A840
Abstufung mittel/2ebene #8CC074
Abstufung hell/1ebene #B7D7A7
*/
/* ############################## ebene-1 ########################################## */
#gruen .left li.l1 a,#gruen .left li.l1 a:hover {
	background: #B7D7A7;/*hell*/
}
#gruen .left li.l1cur a, #gruen .left li.l1cur a:hover, #gruen .left li.l1act a, #gruen .left li.l1act a:hover {
	background: #61A840;
}
/* ############################## ebene-2 ########################################## */
#gruen .left li.l2 a, #gruen .left li.l2act a, #gruen .left li.l2 a:hover, #gruen .left li.l2act a:hover {
	background: #8CC074;/*2ebene*/
}
#gruen .left li.l2act a, #gruen .left li.l2act a:hover {
	background: #8CC074 url(/fileadmin/template/img/menu-pfeil-gruen.gif) no-repeat 11px 9px;
}
#gruen .left li.l2cur a, #gruen .left li.l2cur a:hover {
	background: #8CC074 url(/fileadmin/template/img/menu-pfeil-gruen.gif) no-repeat 180px 9px;
}
/* ############################## ebene-3 ########################################## */
#gruen .left ul.ull3 {
	border-top: 1px #fff dotted;
	background: #8CC074;
}
#gruen .left li.l3 a, #gruen .left li.l3act a, #gruen .left li.l3 a:hover, #gruen .left li.l3act a:hover {
	background: #8CC074;
}
/*###hover-gruen-act-cur-ende###*/

/*###hover-petrol-act-cur-start###
Hauptfarbe petrol/hover #069699
Abstufung mittel/2ebene #49B2B5
Abstufung hell/1ebene #8DCFD0
*/
/* ############################## ebene-1 ########################################## */
#petrol .left li.l1 a, #petrol .left li.l1cur ,#petrol .left li.l1 a:hover {
	background: #8DCFD0;/*hell*/
}
#petrol .left li.l1cur a, #petrol .left li.l1cur a:hover, #petrol .left li.l1act a, #petrol .left li.l1act a:hover {
	background: #069699;
}
/* ############################## ebene-2 ########################################## */
#petrol .left li.l2 a, #petrol .left li.l2act a, #petrol .left li.l2 a:hover, #petrol .left li.l2act a:hover {
	background: #49B2B5;/*2ebene*/
}
#petrol .left li.l2act a, #petrol .left li.l2act a:hover {
	background: #49B2B5 url(/fileadmin/template/img/menu-pfeil-petrol.gif) no-repeat 11px 9px;
}
#petrol .left li.l2cur a, #petrol .left li.l2cur a:hover {
	background: #49B2B5 url(/fileadmin/template/img/menu-pfeil-petrol.gif) no-repeat 180px 9px;
}
/* ############################## ebene-3 ########################################## */
#petrol .left ul.ull3 {
	border-top: 1px #fff dotted;
	background: #49B2B5;
}
#petrol .left li.l3 a, #petrol .left li.l3act a, #petrol .left li.l3 a:hover, #petrol .left li.l3act a:hover {
	background: #49B2B5;
}
/*###hover-petrol-act-cur-ende###*/

/*###hover-altrosa-act-cur-start###
Hauptfarbe altrosa/hover #B66580
Abstufung mittel/2ebene #CA8FA2
Abstufung hell/1ebene #DEB8C5
*/
/* ############################## ebene-1 ########################################## */
#altrosa .left li.l1 a, #altrosa .left li.l1 a:hover {
	background: #DEB8C5;/*hell*/
}
#altrosa .left li.l1cur a, #altrosa .left li.l1cur a:hover, #altrosa .left li.l1act a, #altrosa .left li.l1act a:hover {
	background: #B66580;
}
/* ############################## ebene-2 ########################################## */
#altrosa .left li.l2 a, #altrosa .left li.l2act a, #altrosa .left li.l2 a:hover, #altrosa .left li.l2act a:hover {
	background: #CA8FA2;/*2ebene*/
}
#altrosa .left li.l2act a, #altrosa .left li.l2act a:hover {
	background: #CA8FA2 url(/fileadmin/template/img/menu-pfeil-altrosa.gif) no-repeat 11px 9px;
}
#altrosa .left li.l2cur a, #altrosa .left li.l2cur a:hover {
	background: #CA8FA2 url(/fileadmin/template/img/menu-pfeil-altrosa.gif) no-repeat 180px 9px;
}
/* ############################## ebene-3 ########################################## */
#altrosa .left ul.ull3 {
	border-top: 1px #fff dotted;
	background: #CA8FA2;
}
#altrosa .left li.l3 a, #altrosa .left li.l3act a, #altrosa .left li.l3 a:hover, #altrosa .left li.l3act a:hover {
	background: #CA8FA2;
}
/*###hover-altrosa-act-cur-ende###*/
/*#################Styles für das rechte menu ende ####################################################*/