/*  colors:
			active                  inactive
	ck:    #78B0A3                  #C2D3CD
	admin: #007A81					#A5BABD
	mms:   #142A4F					#9DA3AF
	mue:   #EDAD25					#E3D0A8
	wuib:  #E57A2C					#E0C2AA
	pe:    #9D1519					#C8A1A2
	bemaw logo links:  #67B4CE
	bemaw logo rechts: #0082AC
*/

/* --------------------------------  global  -------------------------------- */

body {
	height: 100%;
	margin: 0;
	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: small;
	background: #fff;
	background-image: url(../images/main-background.jpg);
	background-repeat: repeat-y;
	font-size: small;     /* for all browsers */
}

#MainNaviBar a { line-height: inherit; } /* IE6 */
#MainNaviBar[id] a { line-height: 23px; } /* IE7 */
#MainNaviBar li>/**/a { line-height: 17px; } /* Firefox */

* html body {             /* box model hack */
	font-size: x-small;   /* for IE5/Win */
}

* html body {             /* box model hack */
	font-size: x-small;   /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;     /* for compliant browsers */
}

html>body {              /* be nice to Opera */
	font-size: small;
}


/* height: use full height for left menu */

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 105%; }
h6 { font-size: 100%;
     margin-bottom:10px; }

a {
	color:#666666;
	text-decoration:underline;
}

/* ------------------------------  image menu  ------------------------------ */

#imageMenuDiv {
	background-color: #F4F4F4;
	float:left;
	width:100%;							/* needed for Opera to float !!! */
}

#image_menu {
	margin:0px;
	padding-left: 30px;
	list-style: none;					/* remove bullets */
}

#image_menu li {
	display: inline;					/* remove line breaks */
}

#image_menu a {
	display: block;
	float: left;
	padding: 10px;
	margin-left: 1px;
	width: 80px;
	height: 80px;
	font-size: 85%;
	font-stretch: condensed;
	color: white;
	text-decoration:none;
}

#image_menu a.icon_bemaw { }
#image_menu a.icon_ck    { height: 72px; border-bottom: 8px solid #78B0A3; }
#image_menu a.icon_admin { height: 72px; border-bottom: 8px solid #007A81; }
#image_menu a.icon_mms   { height: 72px; border-bottom: 8px solid #142A4F; }
#image_menu a.icon_mue   { height: 72px; border-bottom: 8px solid #EFAD23; }
#image_menu a.icon_wuib  { height: 72px; border-bottom: 8px solid #E57A2C; }
#image_menu a.icon_pe    { height: 72px; border-bottom: 8px solid #9D1519; }
#image_menu a.muw_logo   {
	float: right;
	background-image: url(../images/muw_logo.jpg);
	background-repeat: no-repeat;
	width:223px;
	height:100px;
	padding:0px;
	padding-right:25px;
}

.icon_bemaw {
	background-color: #67B4CE;
	background-image: url(../images/bemaw_logo.jpg);
}
.icon_ck { background-color: #C2D3CD; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_admin { background-color: #A5BABD; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_mms { background-color: #9DA3AF; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_mue { background-color: #E3D0A8; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_wuib { background-color: #E0C2AA; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_pe { background-color: #C8A1A2; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}

.icon_bemaw_active {
	background-color: #0082AC;
	background-image: url(../images/bemaw_logo.jpg);
}
.icon_ck_active { background-color: #78B0A3; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_admin_active { background-color: #007A81; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_mms_active { background-color: #142A4F; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_mue_active { background-color: #EDAD25; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_wuib_active { background-color: #E57A2C; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}
.icon_pe_active { background-color: #9D1519; background-image: url(../images/triangle_white.gif); background-repeat:no-repeat;}


div#top_menu_icons {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.menu_icon {
	margin: 0px;
	padding: 0px;
}
.menu-gif {
	border: 0px;
}

#muw_logo {
	width:223px;
	float:right;
}

#top_BEMAW_text {
	padding-top:8px;
	padding-left:30px;
	padding-bottom: 10px;
	font: 12px Verdana, Arial, Helvetica;
	font-stretch: condensed;
	color:#3C3431;
	text-decoration:none;
	background-color: #F4F4F4;
}

.BEMAW {
	font: 23px Verdana, Arial, Helvetica;
	font-weight: bolder;
}

/* ------------------------------  breadcrumbs  ----------------------------- */

#breadcrumbsDiv {
	clear: both;
 	height:35px;
 	width:100%;
	background-color: #F4F4F4;
	border-bottom: 1px solid #999999;
}

#breadcrumbs {
	clear: both;
	padding-left:25px;
	padding-top:10px;
	font-size: 80%;
	font-weight: bold;
}

#breadcrumbsDiv ul {
 	list-style-image: url(../images/menu_bullet.gif);
}

#breadcrumbs li {
	display: inline;	/* remove line breaks */
	margin-left: 0.3em;
}

#breadcrumbs a {
	color:#666666;
	text-decoration: none;
}


/* -------------------------------  left menu  ------------------------------ */
/* ignored by IE6 and earlier */
div#left_menu {
	float: left;
	width: 220px;
	padding-top: 20px;
	padding-bottom: 50px;

	background-color: #F5F5F5;
	font-size: 95%;
	font-stretch: condensed;
	color: #656565;
	text-decoration: none;
	list-style-image: url(../images/menu_bullet.gif);
	line-height: 130%;
	text-decoration: none;
}

/* Box-Model-Hack for IE6, ignored by IE7 and other browsers */
* html div#left_menu {
	width: 181px; /* 220px - 35px - 2px - 2px */
}

.left_menu_bemaw {border-top: 8px solid #0082AC;}
.left_menu_ck    {border-top: 8px solid #78B0A3;}
.left_menu_admin {border-top: 8px solid #007A81;}
.left_menu_mms   {border-top: 8px solid #142A4F;}
.left_menu_mue 	 {border-top: 8px solid #EFAD23;}
.left_menu_wuib  {border-top: 8px solid #E57A2C;}
.left_menu_pe    {border-top: 8px solid #9D1519;}

#left_menu a {
	text-decoration: none;
	padding:2px;
}

/* ignored by IE6 and earlier */
div#left_menu ul {
	background-color: #F5F5F5;   /* a bg-color MUST be included for IE to work properly! */
	cursor: default;             /* gives an arrow cursor */
	margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  padding-left: 35px;          /* necessary for IE7 to display menu bullets */
	font-size: 95%;
	font-stretch: condensed;
	list-style-image: url(../images/menu_bullet.gif);
	min-width: 180px;            /* for more levels in the menu */
}

/* Box-Model-Hack for IE6, ignored by IE7 and other browsers */
* html div#left_menu ul {
  padding-left:0px; 
}

#left_menu ul li {
	margin: 0px;                 /* Opera 7 puts large spacings between li elements */
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                    the lack of offset makes these appear normal, but it will make a difference
                                    to the absolutely positioned child blocks */
	
  color: #666;                 /* sets the default font colour */
	padding:2px;
}



ul.makeMenu, ul.makeMenu ul {
	background-color: #F5F5F5;   /* a bg-color MUST be included for IE to work properly! */
	cursor: default;             /* gives an arrow cursor */
	margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */

	font-size: 95%;
	font-stretch: condensed;
	list-style-image: url(../images/menu_bullet.gif);
}

ul.makeMenu li {
	margin: 0px;                 /* Opera 7 puts large spacings between li elements */
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                    the lack of offset makes these appear normal, but it will make a difference
                                    to the absolutely positioned child blocks */
	color: #666;                 /* sets the default font colour */
	padding:2px;
}

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top: 2px;                    /* position slightly lower than the parent menu item */
	left: 180px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
	padding-left:25px;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #a5a5a5;
	border-top: 1px solid #a5a5a5;
	white-space:nowrap;
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
	color: #666;                 /* makes the active menu item text black */
}

/* gives the active menu items a background color */
.left_menu_bemaw  ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {background-color: #67B4CE;}
.left_menu_ck     ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {background-color: #C2D3CD;}
.left_menu_admin  ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {background-color: #A5BABD;}
.left_menu_mms    ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {background-color: #9DA3AF;}
.left_menu_mue 	  ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {background-color: #E3D0A8;}
.left_menu_wuib   ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {background-color: #E0C2AA;}
.left_menu_pe     ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {background-color: #C8A1A2;}

ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

/* and some link styles */
ul.makeMenu li a { color: #666; display: block; width: 100%; text-decoration: none; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #666; }
ul.makeMenu li:hover > a { color: #666; } /* supports links in branch headings - must not be display: block; */


/* ---------------------------------  footer  ------------------------------- */
#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	width: 94%;
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 3%;
	padding-right: 3%;
	border-top: 1px solid #999;
	font-size: 8pt;
	text-align: center;
	white-space: nowrap;
	background-color: white;
}

html, body, #main-content {
   min-height: 100%;
   width: 100%;
}

html, body {
   height: 100%;
}

* html body #main-content {
   height: 100%;
}

/* --------------------------------  content  ------------------------------- */

#main-content {
   position: absolute;
   top: 0;
   left: 0;
}

#content {
	padding: 20px;
	padding-top: 20px;
	padding-bottom: 70px;
	margin-left:240px;
	margin-bottom: 45px;
	/* if only "width" is used IE doen't float text */
	max-width: 700px;
	min-height: 500px; /* practical for long menus */
}

.clear {
  clear: both;
}

/* ---------------------------------  team  --------------------------------- */

#team {
	float: left;
	margin-bottom:60px;
}

#team li {
  list-style-image: url(../images/menu_bullet.gif);
}

#team dt {
	float: left;
	list-style: none;					/* remove bullets */
	margin:0px;
	padding-left: 30px;
	font-weight: bold;
}

#team dt > a {
  text-decoration:none;
}

#team dd {
	float: right;
	width: 370px;
	padding: 0px;
}

#team dl {
	clear: both;
	padding-top: 10px;
}

#team dd p {
	margin: 0px;
}

#team div {
	padding-top: 25px;
	clear: both;
}

#team li a {
	color:#666666;
	text-decoration:none;
}

/* ---------------------------------  floorplan ------------------------------ */

#floorplan li {
	list-style-image: url(../images/menu_bullet.gif);
}

#floorplan li a {
	text-decoration: none;
}