/*
 * Comforfam
 * SCREEN
 * datum 20090130
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 * Roze #EC008C;
 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

html, body {
    height: 100%
}

body {
    font-size: 62.5%;
    color: #000;
    background: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

table, td, th {
    vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}
a
{
  outline: none; /*Verwijder rand bij FF */
}
a:hover {
	text-decoration: none;
}
a img {
    border: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
    margin-bottom: 1em;
}

h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 1.25em;
    height: 1.25em;
}

h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h6 {
    font-size: 1em;
    font-weight: bold;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}

p {
    padding: 0 0 1.2em 0;
}
input,select{
	font-size:1em;
}
/*********************/
/* Much used classes */
/*********************/
.test {
    background: #f00;
    border: 1px solid #000;
}
.hidden {
	display:none;
}
.invisible {
	visibility:hidden;
	height: 0px;
	position:absolute; /* IE verbergen */
}
.clearFloat { /* op div of br als laatste element van zwevende elementen */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.placeholder {
	/* Opmaak voor img element in afwachting van afbeelding */
	background: #666;
}


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/
/* Horizontaal menu 1 niveau */
ul#menu  {
	position:relative;
    list-style: none;
} 
#menu  li { /*float the main list items*/
    display: block;
    float: left;
    list-style: none;
}
#menu li a {
    display: block;
	white-space: nowrap; /* Nodig voor IE anders zonder breedte op 2 regels */
	/* width: 93px; uncomment when fixed width needed */
    text-decoration: none;
	background: #ccc;
	color:#000;
}
#menu li.selected a,
#menu li a:hover {
	background: #999;
	color:#f00;	
}

/* Vertikaal menu*/
#menuLeft {
	list-style: none;

}
#menuLeft li {
	list-style: none;
}
#menuLeft li a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background: #ccc;
}
#menuLeft li a:hover,
#menuLeft li.selected a {
	color: #f00;
	background: #666;
}

/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/

body{
	background:#ffffff;
	text-align:center;
	background:url(/site/images/comforfam/bg_container.jpg) repeat-y center top;
}
#container{
 	width:900px;
	padding:0 20px;
	margin:0 auto;
	text-align:left;
	background:url(/site/images/comforfam/bg_containerInner.jpg) no-repeat 19px top;
	min-height:100%;
}
#header{
	overflow:hidden;
}
	#logo {
		text-indent:-500em;
		overflow:hidden;
		margin:0;
	}
		#logo a{
			display:block;
			height: 130px;
		}
	#langmenu{
		display:none;
	}
	#mainmenu #menu{
		padding:0 0 0 470px;
		font-size:1.2em;
		line-height:24px;
		overflow:hidden;
	}
		#mainmenu #menu a{
			background:none;
			color:#ffffff;
			padding:0 10px;
		}
		#mainmenu #menu a:hover,
		#mainmenu #menu a.selected {
			color:#ccc;
		}
#middle{
	padding:20px 0 20px 85px;
	overflow:hidden;
	
}
	#col1{
		float:left;
		width:178px;
		background:url(/site/images/comforfam/bg_menu2.png) repeat-x left top;
		padding:15px 0 0 0;
	}
		#col1 h2{
			color:#EC008C;
			font-size:1.4em;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding:0 0 0 25px;
		}
		#block.menu2{
			padding:0 0 0 20px;
			height:330px;
		}
			#submenu{
				padding:3px 0 0 0;
			}
			#block.menu2 #submenu a{
				background:none;
				color:#838487;
				padding:0 0 10px 0;
			}
			#block.menu2 #submenu a:hover,
			#block.menu2 #submenu a.selected {
				color:#EC008C;
			}
		.address{
			font-family:Arial, Helvetica, sans-serif;
			background:#EC008C;
			padding:15px 0 15px 15px;
			color:#fff;
			font-size:1.2em;
		}
			.address .name{
				font-weight:bold;

			}
			.address p{
				line-height:1.2em;
			}
			.address a:link,
			.address a:visited{
				color:#fff;
			}
	#col2{
		float:left;
		width:554px;
		overflow:hidden;
		margin:0 0 0 20px;
	}
		#col2 .top{
			display:block;
			height:5px;
			background:url(/site/images/comforfam/bg_middleCol2Top.png) no-repeat left top;
		}
		#col2 .middle{
			background:url(/site/images/comforfam/bg_middleCol2Middle.png) repeat-y left top;
			padding:15px 25px 0 20px;
		}
		#col2 .bottom{
			display:block;
			height:37px;
			background:url(/site/images/comforfam/bg_middleCol2Bottom.png) no-repeat left top;
		}
		#col2 h1{
			color:#EC008C;
			font-size:1.4em;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			padding:0 0 15px 0;
			border-bottom:solid 2px #D5D5D5;
			margin:0 0 15px 0;
		}
		#col2 a{
			color:#000;
		}
		#col2 ul{
			padding:0 0 0 1.5em;
		}
		#col2 ol{
			padding:0 0 0 1.8em;
		}

#footer{
	text-align:right;
	padding:0 70px 0 0;
}
.grey{
	color:#838487;
}
/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/