/*	css by artform media
	comments by	k. vd broek @ artform media */

body { background:#ececec url('../images/background.jpg') top left repeat-x; } 

/* div container for graphical user interface */
#container { position:relative; background:#fff url('../images/bg-container.jpg') top left repeat-y; margin:0 auto; width:790px; text-align:left; }
#inline { position:relative; width:790px; float:left; height:100%; background: url('../images/kids.jpg') bottom left no-repeat; }

/* supercool min height hack, thanks to GreyWyvern (http://www.greywyvern.com/)*/
.prop { float:right; width:0; background:#fff; }
.clear { clear:both; height:0; background:#fff; overflow:hidden; }
.min900 { height:900px; }
.min300 { height:300px; }
.min700 { height:700px; }

/* gui left design */
#header { position:relative; width:790px; height:140px; background:#fff url('../images/bg-header.jpg') top right repeat-x; }
#headerLeft { position:relative; width:195px; height:140px; background:#fff; float:left; }
#headerRight { position:relative; width:595px; height:140px; background:none; float:right; }
#naw { position:absolute; right:0; padding:15px 20px 0 0; }
#naw p { line-height:13pt; font-family:arial; color:#ffffff; font-size:9pt; text-align:right; }
#naw a { display:block; font-family:arial; color:#ffffff; font-size:9pt; text-decoration:underline; }
#naw a:hover { text-decoration:none; }

#cMenu { position:relative; padding:0; width:790px; height:45px; background:#fff; z-index:10000;}

#menuLeft { position:relative; padding:0; width:195px; height:45px; float:left; }
/*
#menu { position:relative; padding:0 0 0 10px; width:565px; height:45px; float:left; border:0; }
#menu li { display:inline; }
#menu ul,#menu ul li { list-style: none none; }
#menu a { float:left; font-size:11pt; color:#005aff; font-weight:500; padding:12px 10px 5px 10px; height:23px; text-decoration:none; }
#menu a:hover { float:left; font-size:11pt; color:#fb2929; font-weight:500; padding:12px 10px 5px 10px; height:23px; border-bottom:5px solid #fb2929; text-decoration:none; }
#menu a.current { float:left; font-size:11pt; color:#fb2929; font-weight:500; padding:12px 10px 5px 10px; height:23px; border-bottom:5px solid #fb2929; text-decoration:none; }
*/
#xmenu { z-index:10000; float:left; position:relative;}

#content { position:relative; width:790px; height:auto; padding:0; margin:0; overflow:hidden; float:left; }

#cLeft { position:relative; width:180px; height:auto;  padding:0; margin:0; float:left; border-left:7px solid #fff; border-right:7px solid #fff; }
#cLeft p { font-size:9pt; color:#fff; line-height:15pt; text-align:left; padding:7px 10px 20px 10px; }
#cLeft h1, #cLeft h2, #cLeft h3, #cLeft h4, #cLeft h5 {
	position: relative;
	width:180px;
	height: 25px;
	padding: 2px 0 0.7em 10px;
	background:url('../images/bg-hdBlock.jpg') top left no-repeat;
	font-family: arial;
	color: #fb2929; 
	font-size:10pt; 
	line-height:15pt; 
	text-align:left; 
	font-weight:normal;
}
* html #cLeft h1, * html #cLeft h2, * html #cLeft h3, * html #cLeft h4, * html #cLeft h5 {
	width: 170px;
}
.header { position:relative; width:170px; height:25px; padding:2px 0 0 10px; background:url('../images/bg-hdBlock.jpg') top left no-repeat; }
.header h1 { font-family:Arial; color:#fb2929; font-size:10pt; line-height:15pt; text-align:left; padding:0 0 .7em 0; font-weight:normal; }

#cRight { position:relative; width:509px; height:auto;  padding:40px; margin:0; float:left; overflow:hidden; background:#fff url('../images/bg-content.jpg') top right repeat-x; border-right:7px solid #fff; }
#cRight img.left { border:0; margin:15px 15px 15px 0; float:left; }
#cRight img.right { border:0; margin:15px 0 15px 15px; float:right; }
#cRight ul { margin:0; padding:0 0 15px 25px; }
#cRight ul li { list-style-type:circle; }
#cRight table td { vertical-align:top; } 
#cRight table td.small { font-size:8pt; } 
#cRight hr { background:#3b4247; border:0; color:#3b4247; height:1px; margin:-5px 0 10px; }

#footer { position:relative; background:#ececec url('../images/bg-footer.jpg') top left repeat-x; width:790px; height:60px; padding:5px 0; border-top:7px solid #fff; }
#copyright { position:relative; padding:0; float:left; width:350px; padding-left:15px; float:left; }
#copyright p { font-size:10pt; color:#fff; line-height:16pt; text-align:left; }
#copyright a { font-size:10pt; color:#fff; line-height:16pt; text-align:left; text-decoration:none; }

#quicknav { position:relative; padding:0; float:left; width:180px; padding:0; float:right; border:0; }
#quicknav li { display:inline; }
#quicknav ul { padding:0; margin:0; }
#quicknav a { float:left; font-family:arial; color:#ffffff; font-size:10pt; text-decoration:none; padding-right:20px; }
#quicknav a:hover { text-decoration:underline; }

/** bof:: styles voor contact pagina **/

form#mailform { margin: 0; padding:0; }
form#mailform input { width: 250px; }
form#mailform textarea { width: 320px; }
form#mailform input.contact { width: auto; }
/** eof:: styles voor contact pagina **/