/* Created by Kevin Steba ;-) */
/* Last Modifed on 09-05-2007 */

/* start: freestyle classes */
.hnav li{float: left;padding-left:5px;}
.clear{clear:both;height:1px;overflow: hidden;font-size: 1px;}
/* end: freestyle classes */

/* start: site master-template */
html,body{height: 100%;}
body{font: 11px Verdana, Arial, Helvetica, sans-serif;
background: url(../images/bg2.gif) repeat-x left 59px;}
table#top_bottom{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
	table#top_bottom td#bottom{vertical-align: bottom;}
	
	/* start: container */
	div#container{
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 57px;
		background: #FFF;
		padding: 2px;
		position: relative;		
	}	
		/* start: header */
		div#container div#header{
			border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;
	border-bottom: 0px;
	height: 109px;
			background: url('toppic.jpg') no-repeat 536px 6px;
				position: relative;
 		}	
			/* start: logo */
			div#container div#header img#logo{position: absolute;left: 50px;top: -29px;}
			/* end: logo */
			
			/* start: topnav */
			div#container div#header ul#topnav{
				position: absolute;
				width: 390px;
				right: 0px;
				top: -60px;
				border-top: 9px solid #D02420;
				padding-top: 16px;
				padding-left: 360px;
				font-size: 10px;
			}
				div#container div#header ul#topnav li{
					float: right;
					padding-right: 5px;
					color: #D1241E;
					background: url('dots_x.gif') repeat-x left bottom;
					height: 25px;
				}
					div#container div#header ul#topnav li a{
						text-decoration: none;
						color: #000;
					}
					div#container div#header ul#topnav li a:hover{
						text-decoration: underline;
					}
					/* start: zoeken */
					div#container div#header ul#topnav li#zoekForm{
						width: 230px;
						position: relative;
					}
						div#container div#header ul#topnav li#zoekForm label{
							color: #000;
							display: block;
							background: url('dots_y.gif') repeat-y left top;
							padding-left: 5px;
							height: 18px;
							margin-left: 5px;
						}
						div#container div#header ul#topnav li#zoekForm input{
							position: absolute;
							top: -4px;
							font-size: 11px;
						}
						div#container div#header ul#topnav li#zoekForm input#zoeken_value{right: 45px;}
						div#container div#header ul#topnav li#zoekForm input#zoeken_submit{right: 3px;width: 35px;}
					/* end: zoeken */
			/* end: topnav */
			
			/* start: schaduw */
			div#container div#header span.sh{
				position: absolute;
				left: -1px;
				bottom: -2px;
				background: url('schaduw_header.gif') no-repeat left bottom;
				height: 4px;
				width: 750px;
			}
			/* end: schaduw */
		/* end: header */
		
		/* start: navigatie */
		div#container div#nav{
			position: absolute;
			left: 4px;
			top: 69px;
			width: 746px;
			background: #D02420;
			height: 22px;
			padding-top: 6px;
		}
		div#container div#nav div#lang{
			position: absolute;
			right: 10px;
			top: 0px;
			
		}
			}
		div#container div#nav div#lang img{
			margin: 3px 3px;
			
		}
			div#container div#nav table.CMSMenu{
				padding-left: 15px;
				color: #FFF;
				background: #D02420;
				border: 0px;
				height: 20px;
			}
			.CMSMenuHighlightedMenuItem,
			.CMSMenuHighlightedMenuItemMouseOver,
			.CMSMenuHighlightedMenuItemMouseDown
			{
				font-weight: bold;
			}
			.CMSMenuItemMouseOver,.CMSMenuHighlightedMenuItemMouseOver{
				text-decoration: underline;
			}
				div#container div#nav table.CMSMenu td{padding-left: 15px;}
					div#container div#nav table.CMSMenu td{padding: 3px 15px;}
				.SubmenuCMSMenuItem,
				.SubmenuCMSMenuItemMouseDown,
				.SubmenuCMSMenuItemMouseOver{border-bottom: 1px solid #FFF;height: 18px;}
				.SubmenuCMSMenuItemMouseOver{text-decoration: underline;}
		/* end: navigatie */
		
		/* start: content */
		div#container div#content{}
		
			/* start: sub navigatie */
			div#container div#subnav{
				width: 150px !important;
				height: 250px;
				margin-right: 9px !important;
			}


			html>body div#container div#subnav{
				min-height: 250px;
				height: auto;
			}
			table.CMSTreeMenuTable{
				margin-left: 2px;
				
			}
				td.CMSTreeMenuItem,
				td.CMSTreeMenuSelectedItem{
					padding-top: 5px;
					border-bottom: 1px solid #F0F0F0;
					width: 136px;
					padding: 6px 0px 6px 19px;
				}
					table.CMSTreeMenuTable a{					
						color: #D02420 !important;
						text-decoration: none;
					}
					table.CMSTreeMenuTable a:hover{					
						text-decoration: underline;
						background: none !important;
					}
					a.CMSTreeMenuSelectedLink{font-weight: bold;}
					div#container div#subnav ul li ul{
						padding-top: 5px;
					}
					
						
					div#container div#content div#subnav div.sh span{
						bottom: -39px;
					}
					
			/* end: sub navigatie */
			
			/* start: breadcrumble */
			div#container div#content div#breadcrumble{
				text-align: right;
				height: 25px;
				padding-top: 8px;
				color: #696969;
			}
				div#container div#content div#breadcrumble span{font-weight: bold;}
				div#container div#content div#breadcrumble a{color: #696969;}
			/* end: breadcrumble */
			
			/* start: block */
			div#container div#content div.block{
	float: left;
	margin: 0px;
	border: 1px solid #CDCDCD;
	width: 741px;
	margin-bottom: 14px;
	z-index: 0;
}

				div#container div#content div.block.type1{width: 420px;margin-right: 9px;}
				div#container div#content div.block.type2{width: 317px;}
				div#container div#content div.block.type3{width: 587px;}
				/* app list */
				div#container div#content div#app{
					border: 0px;
					width: 431px;
					float: left;
				}
					div#container div#content div#app ul{
						border: 1px solid #CDCDCD;
						float: left;
						width: 130px;
					}
						div#container div#content div#app ul a{
							display: block;
							width: 115px;
							height: 67px;
							border-bottom: 1px solid #CDCDCD;
							margin-left: 7px;
						}
							div#container div#content div#app ul a.single{background: url('logo_single.gif') no-repeat center;
}
							div#container div#content div#app ul a.multi{background: url('logo_multi.gif') no-repeat center;
}
							div#container div#content div#app ul a.mobile{background: url('logo_mobile.gif') no-repeat center;
}
							div#container div#content div#app ul a.servers{border-style: none;
	border-color: inherit;
	border-width: 0px;
	background: url('logo_servers.gif') no-repeat center;
}
							div#container div#content div#app ul a span{display: none;}
				div#container div#content div#app div.type1{
					width: 289px;
					margin-left: -1px;
					margin-right: 0px;
				}
				/* end: app list */
				div#container div#content div.block h1{
					font-size: 18px;
					padding: 15px 0px 15px 0px;
					font-weight: normal;
					border-bottom: 1px solid #F0F0F0;
					color: #D02420;
					margin-bottom: 5px;
				}
				div#container div#content div.block a{
					color: #D02420;
				}
				div#container div#content div.block a:hover{
					color: #FFF;
					background: #D02420;
				}
				/* start: sitemap */
				ul.CMSSiteMapList{padding-top: 8px;}
					li.CMSSiteMapListItem{
						padding: 4px 0px 4px 35px;
					}
					li.CMSSiteMapListItem li{
						background: url(../images/sitemap_li.gif) no-repeat 0px 3px;
					}
						a.CMSSiteMapLink{color: #D02420 !important;}
						a.CMSSiteMapLink:hover{color: #FFF !important;}
				/* end: sitemap */
				div#container div#content div.block h3{padding: 8px 0px;font-weight: bold;}
				div#container div#content div.block p{padding: 8px 0px;}
				div#container div#content div.block hr{border: 0px;border-bottom: 1px solid #F0F0F0;height: 1px;clear:both;}
				
				div#container div#content div.block div.sh{
					position: relative;
					height: 1px;
					clear: both;					
				}
				div#container div#content div.block div.sh span{
					position: absolute;
					right: 0px;
					bottom: -16px;
					background: url('schaduw_bottom.gif') no-repeat left bottom;
					height: 14px;
					width: 152px;
				}
								
				div#container div#content div.content{padding-left: 15px;line-height: 130%;}
					div#container div#content div.content a.red_arrows{
						padding-left: 25px;
						background: url('icon_red_arrows.gif') no-repeat 0px 1px;
						color: #D02420;
					}
			/* end: block */
		/* end: content */
	/* end: container */	
	
	/* start: footer */
	div#footer {
		border-top: 4px solid #D12420;
		background: #F0F0F0;
		text-align: center;
	}
		div#footer *{display: inline;color: #757575;}		
		/* start: vcard */
		div#footer div.vcard{
			width: 745px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 5px;
			text-align: left;
			
		}
			div#footer div.vcard span,
			div#footer div.vcard div {padding: 0px 5px;}
			div#footer div.vcard .org{font-weight: bold;}
			div#footer div.vcard .postal-code{padding-right: 0px;}
			div#footer div.vcard .locality{padding-left: 0px;}
			div#footer div.vcard .region{display: none;}
			div#footer div.vcard a{
				color: #D02420 !important;
			}
		/* end: vcard */		
		div#footer ul{
			width: 745px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 10px;
			padding-bottom: 6px;
			display: block;
			text-align: left;
			padding-top: 5px;
			border-top: 1px solid #DFDFDF;
		}			
	/* end: footer */
/* end: site master-template */