/* 
	--------------------------------------------------------------------------------------
	BASIC PAGE STRUCTURE 
	--------------------------------------------------------------------------------------
	*/
	* {
		padding: 0px;
		margin: 0px;
	}
	
	body{
		background-image: url(bg.jpg);
		background-color: #ffffff;
		background-repeat: repeat-x;
		margin-top: 0px;
		font-family:Arial;
		color: #000000;
		font-size:14px;
	}
	
	td {
		font-family:Arial;
		color: #000000;
		font-size:14px;
	}
	
	ul {
		margin-left: 14px;
	}
	
	img {
		border: 0px;
	}
	
	.alignLeft {
		float:left;
		clear:both;
		margin:10px;
		margin-left:0px;
	}

	.alignRight {
		float:right;
		clear:both;
		margin:10px;
		margin-right:0px;
	}

	#container {
		width:960px;
		margin: 0 auto;
		text-align: left;
		min-height: 100%;
		height: auto !important; /* voor moderne browsers */
		height: 100%; /* voor IE */
	}
	
	#header{
		width:960px;
		height:42px;
		background-image: url(top.jpg);
	}
	
	#headerHome{
		width:960px;
		height:42px;
		background-image: url(top-home.jpg);
	}
	
	#headerDwarsligger{
		width:960px;
		height:42px;
		background-image: url(top-dwarsligger.jpg);
	}
	
	#headerTitels{
		width:960px;
		height:42px;
		background-image: url(top-titels.jpg);
	}
	
	#headerActies{
		width:960px;
		height:42px;
		background-image: url(top-acties.jpg);
	}
	
	
	#headerInHetNieuws{
		width:960px;
		height:42px;
		background-image: url(top-dwarsligger.jpg);
	}
	
	#headerReacties{
		width:960px;
		height:42px;
		background-image: url(top-titels.jpg);
	}
	
	#headerDownloads{
		width:960px;
		height:42px;
		background-image: url(top-acties.jpg);
	}
	
	#headerContact{
		width:960px;
		height:42px;
		background-image: url(top-home.jpg);
	}
	
	
	#columnLeft{
		width:200px;
		margin-top:42px;
		float:left;
	}
	
	#columnMiddle{
		width:708px;
		background-image: url(bg-text.gif);
		background-repeat: no-repeat;
		margin-left:30px;
		margin-right:20px;
		margin-top:42px;
		float:left;
		min-height: 720px;
	}
	
	#columnMiddleSmall{
		width:420px;
		background-image: url(bg-text.gif);
		background-repeat: no-repeat;
		margin-left:30px;
		margin-right:20px;
		margin-top:42px;
		float:left;
		min-height: 580px;
	}
	
	#columnRight{
		width:260px;
		margin-right:10px;
		margin-top:42px;
		float:right;
		overflow: hidden;
		display:block;
	}
	
	#footerBase {
		position: relative;
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
	}
	
	#footer{
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
		background-image: url(footer.jpg);
		
	}
	
	#footerHome{
		width:960px;
		height:66px;
		display: block;
		overflow: hidden;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-home.jpg);
	}

	#footerDwarsligger{
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-dwarsligger.jpg);
	}
	
	#footerTitels{
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-titels.jpg);
	}
	
	#footerActies{
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-acties.jpg);
	}
	

	#footerInHetNieuws{
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-dwarsligger.jpg);
	}

	#footerReacties{
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-titels.jpg);
	}
	
	#footerDownloads{
		width:960px;
		height:66px;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-acties.jpg);
	}
	
	#footerContact{
		width:960px;
		height:66px;
		display: block;
		overflow: hidden;
		margin: 0 auto;
		clear :both;
		background-image: url(footer-home.jpg);
	}

	.clear {
		clear: both;
	}
	
	/* 
	--------------------------------------------------------------------------------------
	ELEMENTS IN STRUCTURE
	--------------------------------------------------------------------------------------
	*/
	
	#submenu{
		width:130px;
		margin-left:830px;
	}
	
	#main-menu{
		width:200px;
	}
	
	#text{
	}
	
	#pictures-left{
		width:200px;
		margin-top:110px;
	}
	
	#title-info{
	}
	
	#footer{
		width:960px;
	}
	
	.emptyLine {
		display: block;
		height: 14px;
	}
	.emptySpace {
		display: block;
		height: 60px;
	}
      .center {
        display: table;      
        margin: 0 auto;
      }
	
	.alertMsg {
		background-color: #e20000;
		color: white;
		margin: 	5px;
		padding: 	5px;
	}
	/* 
	--------------------------------------------------------------------------------------
	TEXT ELEMENTS
	--------------------------------------------------------------------------------------
	*/
	
	
	#text h1{ 
		font-family:Arial;
		font-size:19px;
	}
	
	#text h2{ 
		font-family :Arial;
		font-size:14px;
		font-weight: bold;
	}
	
	#text h3{ /* subkopje */
		font-family :Arial;
		font-size:14px;
		font-weight: bold;
	}
	
	#text p{
		font-size:14px;
		font-family :Arial;
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
	}
	
	.textSmall {
		font-size:12px;
	}

	#title-info h1{ 
		font-family:Arial;
		font-size:12px;
	}
	
	.colorYellow {
			color :#FFCC33;
	}
	.colorRed {
			color :#ee1c25;
	}
	.colorBlue {
			color :#6693bc;
	}
	.colorGroen {
			color :#9ed2a1;
	}
	
	.colorBlack {
			color :#000000;
	}
	
	#title-info p{ 
		font-family:Arial;
		color: #000000;
		font-size:12px;
	}
		
	
	/* 
	--------------------------------------------------------------------------------------
	LINKS
	--------------------------------------------------------------------------------------
	*/
	
	a:link {
		color: #000000;
	}
	a:visited {
		color: #000000;
	}
	a:hover {
		color: #FDB930;
	}
	
	a.noUnderline:link {
		color: #000000;
		text-decoration: none;
	}
	a.noUnderline:visited {
		color: #000000;
		text-decoration: none;
	}
	a.noUnderline:hover {
		color: #FDB930;
		text-decoration: none;
	}
	
	a.aButton:link {
		color: #ffffff;
		background-color: #999999;
		padding:8px;
		padding-top:5px;
		padding-bottom:5px;
		-moz-border-radius: 2px;
	}
	a.aButton:visited {
		color: #ffffff;
	}
	a.aButton:hover {
		color: #ffffff;
		background-color: #666666;
	}
	
	

	/* 
	--------------------------------------------------------------------------------------
	CMS
	--------------------------------------------------------------------------------------
	*/
	
	#cmsLayer {
        	position: fixed;
        	font-family: Arial;
        	font-size: 12px;
            padding: 30px;
			padding-top: 10px;
			height: 46px;
            background-color: #000;
        	bottom: 0px;
			width:900px;
            opacity:.85;	
            z-index: 10;
	}
	

	#cmsLayer h1 {
		color: #ffffff;
		font-size: 14px;
	}

	#cmsLayer a {
		color: #ffffff;
		margin-right: 30px;
	}
	#cmsLayer a:link {
		color: #ffffff;
	}
	#cmsLayer a:visited {
		color: #ffffff;
	}
	#cmsLayer a:hover {
		color: #FDB930;
	}


      /* 
      --------------------------------------------------------------------------------------
       Navigator  
      --------------------------------------------------------------------------------------
      */


      div.navigator {
        display: table;      
       	background-color : #ecf1f8;
       	width: 100%;
      }

      .navigator a, span.inactive {
        font-weight: bold;
        font-size: 8pt;
        text-decoration: none ;
        text-align: center;
        width: 24px;
        height: 20px;
        
        padding-top: 5px;          
        display:block;
        float: left;
        
        color: #ff0000;
      }      

      .navigator a:link, .navigator a:visited  {
        	color: #5b5b5b;
        }

      .navigator a:hover, .navigator a:active  {
        	color: #ffffff;
        	background-color : #FFCC33;
        }
      
      .navigatorActivePage {
            font-size: 8pt;
            font-weight: bold;
            
            text-decoration: none ;
            text-align: center;
            width: 24px;
            height: 20px;
            
            padding-top: 5px;          
            display:block;
            float: left;
            
            color: #ffffff;
            background-color : #FFCC33;
      }
      
      .navigatorTotalPagesDisplay {
        float: right;
        
        margin-right: 6px;
        margin-top: 4px;
        font-size: 8pt;
      	color: #787878;
      }
      
	/* 
	--------------------------------------------------------------------------------------
	BUTTONS/ PAGE ELEMENTS
	--------------------------------------------------------------------------------------
	*/
	
	.dogDwarsliggerLinks {
		display: block;
		width: 200px; height: 262px;	
		position: relative;
		top: -307px;
	}
	
	.socialIcons {
		position:absolute;
		top: 35px;
		left: 5px;
	}
	
	.buttonHome {
		background-image: url(btn-home.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonHome:hover, .buttonHomeOn {
		background-image: url(btn-home-1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	
	.buttonDwarsligger {
		background-image: url(btn-dwarsligger.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonDwarsligger:hover, .buttonDwarsliggerOn {
		background-image: url(btn-dwarsligger-1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	
	.buttonTitels {
		background-image: url(btn-titels.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonTitels:hover, .buttonTitelsOn {
		background-image: url(btn-titels-1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	
	.buttonActies {
		background-image: url(btn-acties.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonActies:hover, .buttonActiesOn {
		background-image: url(btn-acties-1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	
	.buttonDownloads {
		background-image: url(btn-downloads.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonDownloads:hover, .buttonDownloadsOn {
		background-image: url(btn-downloads-1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	
	.buttonInHetNieuws {
		background-image: url(btn-nieuws.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonInHetNieuws:hover, .buttonInHetNieuwsOn {
		background-image: url(btn-nieuws-1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	
	.buttonReacties {
		background-image: url(btn-reacties.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonReacties:hover, .buttonReactiesOn {
		background-image: url(btn-reacties-1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	
	.buttonContact {
		background-image: url(btn-contact.jpg);
		display: block;
		width: 200px; height: 34px;
	}
	.buttonContact:hover, .buttonContactOn {
		background-image: url(btn-contact1.jpg);
		display: block;
		width: 200px; height: 34px;
	}	
	

	.buttonSubTitels {
		background-image: url(btn_algemeen_off.jpg);
		display: block;
		width: 200px; height: 24px;
	}
	
	
	.buttonSubTitels:hover {
		background-image: url(btn_algemeen_on.jpg);
		display: block;
		width: 200px; height: 24px;
	}
		
	.buttonSubTitelsVerwacht {
		background-image: url(btn_algemeen_verwacht_off.jpg);
		display: block;
		width: 200px; height: 24px;
	}
	
	.buttonSubTitelsVerwacht:hover {
		background-image: url(btn_algemeen_verwacht_on.jpg);
		display: block;
		width: 200px; height: 24px;
	}
		
	.buttonSubChristelijk {
		background-image: url(btn_christelijk_off.jpg);
		display: block;
		width: 200px; height: 24px;
	}
	
	.buttonSubChristelijk:hover {
		background-image: url(btn_christelijk_on.jpg);
		display: block;
		width: 200px; height: 24px;
	}
		
	.buttonSubChristelijkVerwacht {
		background-image: url(btn_christelijk_verwacht_off.jpg);
		display: block;
		width: 200px; height: 24px;
	}
	
	.buttonSubChristelijkVerwacht:hover {
		background-image: url(btn_christelijk_verwacht_on.jpg);
		display: block;
		width: 200px; height: 24px;
	}
		
	/* 
	--------------------------------------------------------------------------------------
	Template
	--------------------------------------------------------------------------------------
	*/
	
	table {
		margin:0px;padding:0px;
		border:0px;
	}
	
	td.p, td.tdText p {
		font-size:14px;
		font-family :Arial;
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
	}
	
	td.tdDoubleLeft {
		vertical-align: top;
		margin: 0px;
		padding-right: 10px;
		padding-top: 0px;
		width: 466px;
		diplay:block;
	}
	
	td.columnLeft {
		margin:0px;
		vertical-align: top;
		padding-right:10px;
		padding-bottom: 5px;
		width: 228px;
	}

	td.columnRight {
		vertical-align: top;
		width: 228px;
		padding: 0px;
		padding-bottom: 5px;
	}