@charset "utf-8";
/* CSS Document */


/*------------------------------- CSS reset ---------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-style: italic;
} 
q:before,q:after {
	content:'';
}
abbr,acronym,iframe {
	border: 0;
}
a, object {
	outline: none;
}
.clear {
	clear: both;
}


/*------------------------------- Body ---------------------------------*/

body {
	font-family: Verdana, Arial, Tahoma, Helvetica, Geneva;
	background: url(../images/bg.gif) repeat-x #FFF;
}
	body.bg2 { background: url(../images/bg2.gif) repeat-x #FFF;}

html, body, #container { height: 100%;}

body > #container { height: auto; min-height: 100%;}


/*------------------------------- Headings ---------------------------------*/

h1 { color: #FFFFFF; font-size: 16px;}
h2 { color: #FFFFFF; font-size: 16px;}
h3 { color: #FFFFFF; font-size: 16px;}
h4 { color: #72C4EE; font-size: 13px;}
h5 { color: #72C4EE; font-size: 12px;}
h6 { color: #72C4EE; font-size: 9px;}


/*------------------------------- Container ---------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 980px;
}


/*------------------------------- Header ---------------------------------*/

#header {
	width: 980px;
	height: 127px;
}

#logo {
	float: left;
	width: 390px;
	height: 127px;
	margin: 0 19px 0 0;
	background: url(../images/logo.jpg);
	text-indent: -9999px;
}
	#logo a { display: block; height: 100%;}

/* right */
#right { float: left; width: 571px;}

/* adres */
#adres {
	height: 81px;
	padding: 10px 0 0 0;
	color: #187c81;
	font-size: 12px;
	text-align: right;
	line-height: 18px;
}
	#adres a { color: #187c81; text-decoration: none;}
	#adres a:hover { color: #000;}
#adres div { margin: 5px 0 0 0;}

/* tabs */
#tabs {
	float: right;
	width: 371px;
	height: 36px;
}
#tabs li {
	float: left;
	height: 36px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
}
	#tabs li a { display: block; height: 36px; color: #fff; text-decoration: none;}
	#tabs li a:hover { color: #fff;}

#tabs .schoonheid { width: 201px; background: url(../images/tabPaars.gif);}
#tabs .schoonheid.active, #tabs .schoonheid.active a:hover { background: url(../images/tabPaarsActive.gif);}
#tabs .schoonheid a:hover { background: url(../images/tabPaarsActive.gif);}

#tabs .afslanken { width: 170px; background: url(../images/tabBlauw.gif);}
#tabs .afslanken.active, #tabs .afslanken.active a:hover { background: url(../images/tabBlauwActive.gif);}
#tabs .afslanken a:hover { background: url(../images/tabBlauwActive.gif);}


/*------------------------------- Menu ---------------------------------*/

#menu {
	width: 980px;
	height: 40px;
	overflow: hidden;
}
#menu li {
	float: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 40px;
}
#menu li a {
	padding: 0 18px 0 0;
	color: #fff;
	text-decoration: none;
}
#menu li a:hover, #menu li.active a { color: #e6e6e6;}
body.bg2 #menu li a:hover, body.bg2 #menu li.active a { color: #e6e6e6;}


/*------------------------------- Wrapper ---------------------------------*/

#main {
	width: 980px;
	margin: 150px 0 0 0;
	padding: 0 0 30px 0;
}


/*------------------------------- Content ---------------------------------*/

#content {	
	float: left;
	width: 355px;
	min-height: 370px;
	margin: 0 25px 0 0;
	padding: 0 20px 0 0;
	color: #464646;
	font-size: 12px;
	line-height: 18px;
}
	#content a { color: #656462; text-decoration: none;}
	#content a:hover { color: #72C4EE;}

#content h1 { position: relative; display: inline-block; height: 34px; padding: 0 0 0 11px; line-height: 34px; background: url(../images/titlePaars.png) no-repeat left; zoom: 1; *display: inline;}
#content h1 span { position: absolute; z-index: 1; right: 0; width: 11px; height: 34px; margin: 0 -11px 0 0; line-height: 34px; background: url(../images/titlePaarsEnd.png) right; *margin: -8px -11px 0 0;}

#content img { border: 1px solid #656462; margin: 5px;}
#content li { list-style: disc; margin: 0 0 0 15px;}
#content hr { height: 1px; border: 0; border-top: 1px solid #656462; margin: 5px 0 10px 0;}
#content iframe { border: 1px solid #656462;}


/*------------------------------- Center ---------------------------------*/

#center {
	float: left;
	width: 355px;
	min-height: 370px;
	margin: 0 25px 0 0;
	padding: 0 20px 0 0;
	background: url(../images/verticalLine.png) no-repeat top right;
	color: #464646;
	font-size: 12px;
	line-height: 18px;
}
	#center a { color: #656462; text-decoration: none;}
	#center a:hover { color: #72C4EE;}

#center h2 { width: 166px; height: 34px; padding: 0 0 0 11px; line-height: 34px; background: url(../images/titleBlauw.png);}


/*------------------------------- Sidebar ---------------------------------*/

#sidebar {
	float: left;
	width: 180px;
	color: #464646;
	font-size: 12px;
	line-height: 16px;
}
	#sidebar a { color: #6e6e6e; text-decoration: none;}
	#sidebar a:hover { color: #187c81;}

#sidebar h3 { width: 166px; height: 34px; padding: 0 0 0 11px; line-height: 34px; background: url(../images/titleBlauw.png);}


/*------------------------------- 3wmedia:logo ---------------------------------*/

#logo_3wmedia {
	position: fixed;
	bottom: 5px;
	right: 5px;
}


/*------------------------------- Footer ---------------------------------*/

#footer {
	position: relative;
	clear: both;
	width: 100%;
	height: 30px;
	margin: -30px auto 0 auto;
	background: #656462;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 30px;
}

#footer-wrapper {
	width: 970px;
	margin: 0 auto;
}	
	#footer-wrapper a { color: #fff; text-decoration: none;}
	#footer-wrapper a:hover { color: #000;}

#footer-wrapper .adres { float: left;}
#footer-wrapper .sitelinks { float: right;}


/*------------------------------- Clearfix ---------------------------------*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */