/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol {
        list-style:none;
    }
	
	ul{
		list-style:inside;
		
	}
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
	
	h1{
		font-size:14px; 
		text-transform:uppercase;
		color:#FFF;
		font-weight:normal;
	}
	
	#columnLeft h1{
		padding-left:10px;
		padding-top:2px;
	}
    
    h2 {
        font-size:112%;
        font-weight:bold;
        margin-left:8px;
		margin-bottom:8px;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {
    	padding:0px;
    	margin:0px;
    }
 
    body, input, select, textarea, td {
    	font-family:verdana, arial;
    	color:#000000;
    	font-size:12px;
    	line-height:20px;
    }
    
    body {
    	text-align:center;
    	background:url("../images/bg.jpg") top left repeat-x;
    }
    
    a:link, a:visited {
    	color:#C10B60;
    	text-decoration:none;
    }
    
    a:hover,  a:active {
    	color:#C10B60;
    	text-decoration:none;
    }
	
	table a:hover{
		text-decoration:underline;
	}
    
    h1 {
    	border-bottom:1px solid #bb2e70;
    }
   
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }
    
    ul {
    }
    
    li {
		padding-left:22px;
    }
    
    span.pink {
    	color:#bb2e70;
    }
    
    span.textGrey {
    	color:#494949;
    }

    span.textLightGrey {
    	color:#999999;
    }
    
    hr {
    	border-top:1px solid #dbdad9;
    	border-bottom:none;
    	border-left:none;
    	border-right:none;
    	margin-top:15px;
    	margin-bottom:15px;
    }
    

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/
	
 div#container {
 	width:1100px;
    background:url("../images/default/bg.jpg") top left repeat-y;
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
  div#underHeader {
 	width:1100px;
    background:url("../images/default/underHeader.jpg") top left no-repeat;
 	height:39px;
 }

 div#menu {
 	height:44px;
 	width:1100px;
 }
 
 div#header {
 	height:171px;
 	width:1100px;
 }
 
  div#footer {
 	height:26px;
    background:url("../images/default/footer.jpg") top left no-repeat;
 	width:1100px;
 	color:#dcdcdc;
 	font-size:9px;
 }
 
 div#overflow {
    background:url("../images/default/bgOverflow.jpg") top left no-repeat;
 	width:1100px;
 	overflow:hidden;
 }
 
 div#columnLeft {
 	float:left;
 	display:inline;
 	width:740px;
	_width:780px;
 	overflow:hidden;
 	padding-top:16px;
 	padding-left:18px;
 	padding-right:18px;
 }
 
 div#columnRight {
 	float:left;
 	display:inline;
 	width:309px;
    color:white;
    margin-left:14px;
    _margin-left:11px;
    margin-top:-5px;
}

 div#columnRight div#uitgelicht {
    background:#393939;
 }
   
 div#columnRight div.content {
		padding:20px;
		padding-top:10px;
		padding-bottom:5px;
	}

div#columnRight div#uitgelicht div.footer {
	    background:url("../images/default/footerColumnRight.jpg") top left no-repeat;
 		width:309px;
 		height:15px;
	}
	
div#columnRight h1 {
	margin-left:20px;
}

div#columnRight div#nieuws {
	margin-top:20px;
	padding-bottom:12px;
	
}

div#columnRight div h1 {
	padding-bottom:12px;
}

div#columnRight div#nieuws h1 {
	padding-bottom:5px;
	border-bottom:0px;
	margin-left:0px;
	padding-left:20px;
	border-bottom:1px solid #BB2E70;
}

div#columnLeft h1 {
	width:776px;
	background:url("../images/default/h1BgColumnLeft.gif") top left no-repeat;
	height:24px;
	margin-left:-18px;
	border:none;
	font-weight:normal;
}

div#columnLeft h1 img {
	margin-left:12px;
	float:left;
}
div.zoekBlak {
	color:white;
	float:left;
	display:inline;
	margin-top:11px;
	margin-left:20px;
}

input.txt {
	color:white;
	padding:2px;
	background:#2b2b2b;
	border:1px solid #757575;
}

input.btn {
	width:15px;
	background:url("../images/default/submitBtn.jpg") top left no-repeat;
	height:17px;
	border:none;
}

div.solidImageContainer {
	width:230px;
	height:153px;
	_width:229px;
	_height:151px;
	text-align:center;
}

div.solidImageContainer img{
	padding:1px;
	border:1px solid black;
	background:white;
}

h1.artikelDetailKop {
}

div.divContentAfbeelding {
	padding:0px;
	margin:0px;
	border:none;
	float:left;
}

div.artikelDetailContent {
	padding:8px;
	padding-top:0px;
	padding-bottom:0px;
}

div.artikelDetailContent img.imgContentAfbeelding {
	margin-top:0px;
	padding:1px;
	padding-top:0;
	margin-right:8px;
	border:1px solid black;
	background:white;
}

div.artikelDetailContent p {
	padding:0px;
	margin-bottom:10px;
}

div.artikelDetailMedia {
	/*padding-left:8px;
	padding-right:8px;*/
}

img.imgFloating {
	padding:1px;
	border:1px solid black;
	background:white;
}

a.imageLink {
	margin-bottom:25px;
	display:block;
}

object {
	margin-bottom:25px;
}

ul#buttonsRight{
	list-style:none;
}



/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/
 	
        /*****************************************************
         * PAGINA DASHBOARD
         *****************************************************/
		
a.alfabet{
	display:block;
	float:left;
	margin-right:5px;
	height:20px;
	width:20px;
	background-color:#dcdcdc;	
	text-align:center;
	border:1px solid #666666;
}

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
span.verplicht
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#A23438;
}


.req
{
	color:#C12129;
	padding-left:10px;
	padding-right:10px;
}

.text
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							20px;
	
	background:						#E0E0E0;
	border:							1px solid #000000;
	
	margin-bottom:					3px;
}

.select {
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	background:						#E0E0E0;
	
	width:							200px;
	height:							20px;
	
	border:							1px solid #000000;
	
	margin-bottom:					3px;
}

.textarea
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	background:						#E0E0E0;
	
	width:							200px;
	height:							80px;
	
	border:							1px solid #000000;
	
	margin-bottom:					3px;
}

.button
{
	font-family:					Verdana, Arial, Georgia, Sans-serif;
	font-size:						11px;
	font-weight:					bold;
	color:							#FFFFFF;
	
	width:							200px;
	height:							20px;
	
	background:						#454545;
	border:							1px solid #454545;
	
	margin-bottom:					3px;
}

	
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/

div.reactie p.reactieHead{
	text-decoration:underline;
}

div.reactie p.reactieText{
	padding-left:10px;
}

a.back{
	background:url('../images/back.png') top left no-repeat;
	display:block;
	height:24px;
	width:24px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

div.clsInfBlock{
	width:100%;
	border:2px solid #454545;
	background-color:#BBBBBB;
	margin-bottom:10px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	overflow:hidden;
}

div.clsBlock{
	width:100%;
	border:2px solid #454545;
	background-color:#BBBBBB;
	margin-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

div.menuContent{
	background-color:#787878; 
	min-height:50px;
	
	padding:20px;
	padding-top:10px;
	padding-bottom:5px;
}

div.menuContent a{
	color:#C10B60;
}

/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
  div.floatRight {
  	float:right;
  	display:inline;
  	margin-top:4px;
  	margin-right:15px;
  }
  
  div.floatRight a {
  	color:white;
  }
  
  div.floatLeft {
  	float:left;
  	display:inline;
  	margin-top:4px;
  	margin-left:15px;
  }
  
  div.clear{
  	clear:both;
  }
  
  p.fromLeft {
	padding-top:5px;
	padding-left:10px;
  }
  
  p.stretch {
  	text-align:left;
  	margin-bottom:0px;
  }

  span.newsDescription {
	text-align:justify;
  }
  span.userNameRight {
  	float:right;
  	padding-right:32px;
  }
  span.userNameLeft {
  	float:left;
  }
    table.profielAfbeelding tr td {
  	padding-left:7px;
  	padding-right:7px;
  }
  table.profielAfbeelding tr td.firstColumn {
    padding-left:0px;	
    padding-right:7px;
  }
  
  div.imageContainer {
	text-align:center;
  }

  div.imageContainer img{
	padding:1px;
	border:1px solid black;
	background:white;
  }

  div.userMenu{
  	padding-left:5px;
  }
  
  h4{
  font-size:0px;
  line-height:0px;
  color:#D0D0D0;
  }
  
  h3.bottom-small-margins{
  	font-size:13px;
	font-weight:bold;
	
  }