/* Layout */

* {margin: 0; padding: 0; border: 0;}

body {
	text-align: center; 
/*	background: #aaa url(/eprise/main/Oticon/_system/images/icon/bg.png) repeat-y 50% 0; */
	background: #666 url(/eprise/main/Oticon/_system/images/icon/bg.png) repeat-y 50% 0;
	color: #000;
	min-width: 700px;
}

.siteNavTextAndBackground {
  font-family:verdana;
  font-weight:bold;
  font-size:11px;
  color: #FFFFFF;
  /*background: #679094;*/
  background: #999;
}

#flashid { 
	height:200px; 
	margin-top:9px;
	}


/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
	text-align: left;
	width: 740px;
	margin: 0 auto; 
	background: #fff;
	/* background: url(sidebar.gif) repeat-y 10px 0; */
}

#header, #subnav, #footer {
	color: #000;
	clear: both; 
	width: 100%;
}

#header {
    background: lightgreen; 
    background: #fff; 
    color: #000; 
    height: 35px;
    padding:0;
    }


#subnav, #footer {background: #ccc; padding: 1px 0;}


/* ---------------- Hide the faux columns ------------------- */

#bottom-hider {
    margin:-53px;
    width:100%;
    height:100px;
/*    background-color:#aaa;*/
    background-color:#666;
	color:#444;
    }
#copyright p {
	margin-top:-15px;
	margin-left:45px;
	}




#top-hider {
    position:relative;
    margin:-18px;
    width:100%;
    height:50px;
/*    background-color:#aaa;*/
/*    background-color:#666;*/
    background-color:#CCC;
    }
* html #top-hider {
    margin:-16px;
    }    
#top-paper {
    margin:2px 0 0 0px;
}
* html #top-paper {
    margin:0 0 0 0;
}

#copyright {
	width:700px;
	margin:auto;
	text-align:center;
}

/* ---------------- Hide the faux columns ------------------- */

/* --- Lower right logo --- */
#contentfloatholder {
	background:#fff url("/eprise/main/Oticon/_system/images/logo/oticon_bottom_logo.png") no-repeat 627px 100%;
	margin-bottom:13px;
	}
/* --- Lower right logo --- */



#subnav { background: #fff; } /* Olle */

#contentfloatholder {/* right faux column tab */
float: left;
width: 100%;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
margin: 0 200px 20px 200px;
}

#centerwrap {
  float:left;
  width: 100%; 
	margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 160px;
  margin: 0 0 0 -5%;
  padding-left:20px;
  background:white;
}

#right {
  float:right;
  width: 160px;
  padding-right:20px;
  margin: 0;
  background:white;
  margin-bottom: 50px;
}

/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

   

#footer {
/*    background: #aaa url(/eprise/main/Oticon/_system/images/icon/bottom2.png) no-repeat 50% 0;*/
    background: #666 url(/eprise/main/Oticon/_system/images/icon/bottom2.png) no-repeat 50% 0;
    height:59px;
    color:#444;
}
#footer p {
    
    margin:10px -10px 0 -20px;
    width:100%;    
    padding:0 0 0 20px;
    height:59px;
    color:#444;
}   

/* CENTER min-height fix! */
/* .midbox {background:lightblue;} */
/* for Mozilla/Safari/Opera */
*>#midbox {
 padding-top: 410px;
 min-height: 1px;
}
*>#midbox div#center {
 margin-top: -410px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html #midbox {
 height: 410px;
}
/* end filter */