/* general formatting styles */
html, body{
	height: 100%; 
	width: 100%; 
	margin: 0; 
	padding: 0; 
	border: 0;
	font-family:Lucida Grande, Verdana !important;
}
html {overflow-y: scroll;}
body{
	font:normal 11px/16px Lucida Grande, Verdana;
}
p,td,th{
	font-size:11px;
}
p{
	padding: 0.5em 0 0 0; 
	margin: 0;
}
h1, h2, h3{
	padding: 0.7em 0; 
	margin: 0;
}
h1{font-size: 1.2em;}
h2{font-size: 1.1em;}
h3{font-size: 1em;}

/* layout */

#header{
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100px; 
	background: #C3C8E2 url(../images/mcgooi-logo.gif) no-repeat 96% 16px; 
	color: #fff;
	width: 90%; 
	z-index: 10;
	margin-left:5%;
	border-bottom:solid 2px #fff;
}
#generalnav{
	position: absolute;
	top:102px;
	left:0;
	width: 90%;
	height: 30px; 
	background: #fff; 
	color: white;
	margin-left:5%;
	z-index:1000;
}
#subheader{
	position: absolute; 
	top: 132px; 
	left: 0; 
	height:35px;
	background: #341061;
	color: #fff;
	width: 90%; 
	z-index: 12;
	border: 2px solid #fff;
	border-width:0 0 2px 0;
	margin-left:5%;;
}
.thetable{
	position: relative;
	display: table; 
	width: 90%;
	margin-left: 5%;
	padding: 0;
	border: 0; 
	clear: both;
	border-spacing: 0; /* required by Opera 6 */
}
 /* hide this from opera6 */
head:first-child+body div.thetable {
	height: 99%;
}
.tablerow{
	display: table-row;
}
.tablecell{
	display: table-cell;
	border: 0;
	margin: 0; 
	padding: 160px 0 0 0; 
	vertical-align: top;
	min-height: 100%; /* opera6 needs min-height but moz/IE needs height */
}
 /* hide this from opera6 */
head:first-child+body div.tablecell {
	height: 100%;
}
.thetable p a:link, .thetable p a:visited{
	color: #009;
	background: transparent;
	text-decoration: underline;
}
.thetable p a:hover{
	color: #f00;
	background: transparent;
}
#borstverkleining{ background:transparent url(../images/beeld-borstverkleining.jpg) no-repeat left top;}
#liposuctie{ background:transparent url(../images/beeld-liposculpture.jpg) no-repeat left top;}
#lipolyse{ background:transparent url(../images/beeld-lipolyse.jpg) no-repeat left top;}
#haartransplantatie{ background:transparent url(../images/beeld-haartransplantatie.jpg) no-repeat left top;}
#huidverjonging{ background:transparent url(../images/beeld-huidverjonging.jpg) no-repeat left top;}
#gezichtscorrecties{ background:transparent url(../images/beeld-gezichtscorrecties.jpg) no-repeat left top;}
#transpireren{ background:transparent url(../images/beeld-transpireren.jpg) no-repeat left top;}
#ooglidcorrectie{ background:transparent url(../images/beeld-ooglidcorrectie.jpg) no-repeat left top;}
#overige-ingrepen{ background:transparent url(../images/beeld-overige-ingrepen.jpg) no-repeat left top;}
#publiciteit{ background:transparent url(../images/beeld-publiciteit.jpg) no-repeat left top;}
#vragen{ background:transparent url(../images/beeld-vragen.jpg) no-repeat left top;}
#workshop{ background:transparent url(../images/beeld-workshop.jpg) no-repeat left top;}
#afspraak{ background:transparent url(../images/beeld-afspraak.jpg) no-repeat left top;}
#contact{ background:transparent url(../images/beeld-afspraak.jpg) no-repeat left top;}
#homepage{ background:transparent url(../images/beeld-team.jpg) no-repeat left top;}
.par{
	display:none;
	visibility:hidden;
	padding:10px 20px;
}
.leftside{
	padding:10px 20px 0 20px;
	min-height:281px;
	height:281px;
}
.one{
	width:338px;
	background:#fff url(../images/leftbg.jpg) no-repeat left bottom;
	position: relative;
	border-right: 2px solid #fff; 
	z-index: 5;
}
.two{
	width: auto; 
	background: #E5D9E8; 
	position: relative;
}

/* navigation links */

#homelink, #homelink a{
	display:block;
	width:280px;
	height:98px;
	float:right;
	text-decoration:none;
}

.homepage{
	width: auto; 
	background:#fff url(../images/leftbg.jpg) repeat-x left bottom; 
	position: relative;
}

#header ul{
	float:left;
	margin:14px 0 0 18px;
	padding:0;  
}
#header li{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}
#nc1{ width: 110px;}
#nc2{ width: 144px;}
#nc3{ width: 138px;}
#nc4{ width: 140px;}
#header li a{
	display:block;
	padding:1px 2px;
	font:bold 11px/16px Lucida Grande, Verdana;
	color:#341061;
	text-decoration:none;
	background:#C3C8E2;
}
#header li a:hover,#header li a.active{
	background:#fff;
}
#generalnav a{
	display:block;
	background:#C3C8E2;
	text-decoration:none;
	font:bold 11px/20px Lucida Grande, Verdana;
	color:#341061;
	padding:4px 5px;
	text-align:center;
}
#generalnav a:hover,#generalnav a.active{
	background:#7489C0;
	color:#fff;
}
#generalnav td.wit{
	width:4px;
	background:#fff;
}
#subheader h1{
	margin-left:358px;
}

/* content part style */

ul.bulletlist{
	width:80%;
	padding-left:20px;
}
.bulletlist li{
	width:100%;
}
#bottombuts{
	padding:20px 0 0 20px;
}
#bottombuts ul,.bottombuts ul{
	margin:0;
	padding:0;
}
#bottombuts li,.bottombuts li{
	float:left;
	margin-right:10px;
	list-style:none;
}
.bottombuts{
	padding:20px 0 0 0;
}
.button{
	display:block;
	width:270px;
	height:33px;
	background:url(../images/button_02.gif) repeat-x left top;
	font:normal 11px/26px Verdana;
	color:#fff;
	text-align:center;
	text-decoration:none;
	color:#341061;
}
.button-left{
	display:block;
	width:10px;
	height:33px;
	float:left;
	background:url(../images/button_01.gif) no-repeat left top;
}
.button-right{
	display:block;
	width:10px;
	height:33px;
	float:right;
	background:url(../images/button_03.gif) no-repeat left top;
}
.button:hover{ background:url(../images/button_02.gif) repeat-x left -33px;}
.button:hover .button-left{background:url(../images/button_01.gif) repeat-x left -33px;}
.button:hover .button-right{background:url(../images/button_03.gif) repeat-x left -33px;}

.bigbutton{
	display:block;
	width:260px;
	height:64px;
	font:normal 14px/52px Verdana;
	color:#fff;
	text-align:center;
	text-decoration:none;
	color:#341061;
	background:url(../images/bigbut.png) no-repeat left top;
	margin:300px auto 0 auto;
}
.bigbutton:hover{ background:url(../images/bigbut.png) no-repeat left -64px;}


#lichtkrant { width: 900px; height: 30px;}
#lichtkrant div { width: 100%; height: 30px; padding: 0px 0 0px 20px; color: #fff; text-align: left; font: bold 14px/30px; overflow: hidden}
#lichtkrant a { color: #fff;text-decoration:none;font:bold 12px/30px Verdana !important;border-bottom:solid 1px #341061 }
#lichtkrant a:hover { border-bottom:solid 1px #E5D9E8;}

#homenieuws{
	border:solid 1px #78599F;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#DFE5FF;
	padding:20px 20px;
	margin:20px 0;
}