/*************************************************************
  
  Author:       Michael Vermesen 
  Company:      GGZ
  Version:      1.0
  Created on:   16.03.2010
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  PARENT
  SIDEBAR LEFT
  CONTENT
  SIDEBAR RIGHT
  FOOTER
  -
  CLEARFIX
  
*************************************************************/



/*************************************************************
  P A G E
*************************************************************/
* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

body { background: #333 url(patroon.png) repeat left top; color: #666; font: 12px/1.09em Arial, Helvetica, sans-serif; line-height:16px;  }

#mainwrapper { margin: 0 auto;  background: url(patroon_top.png) repeat-x top left; width: 100%; }
#wrapper { margin: 0 auto; width: 1150px; }

.NoScreenDisplay { display:none; }

hr { background-color:#333 }

/*************************************************************
  H E A D E R
*************************************************************/
#header_1 { height: 206px; width:1150px; margin:0px auto; background: url(header_1.jpg) bottom no-repeat;}
#header_2 { height: 206px; width:1150px; margin:0px auto; background: url(header_2.jpg) bottom no-repeat;}
#header_3 { height: 206px; width:1150px; margin:0px auto; background: url(header_3.jpg) bottom no-repeat;}
#header_4 { height: 206px; width:1150px; margin:0px auto; background: url(header_4.jpg) bottom no-repeat;}
#header_5 { height: 206px; width:1150px; margin:0px auto; background: url(header_5.jpg) bottom no-repeat;}
#header_6 { height: 206px; width:1150px; margin:0px auto; background: url(header_6.jpg) bottom no-repeat;}

#logo { padding-top: 20px; padding-left: 85px; float: left; }

#menu { float: right; text-align:right; padding-right:71px; padding-top:10px; text-transform:capitalize }

#menu a.hmenuHL  { color:#FFF; font:17px Georgia, "Times New Roman", Times, serif; text-decoration:none; background-color:#272727; padding:0px 65px 0px 5px; margin:2px 0px; height:24px; display:block; float:right }
#menu a.hmenu {color:#333; font:17px Georgia, "Times New Roman", Times, serif; height:24px; background-color:#CCCC33; text-decoration:none; padding:0px 65px 0px 5px; margin:2px 0px; display:block; float:right }

/*************************************************************
  P A R E N T
*************************************************************/
#parent {  background: url(patroon_content.png) repeat-y scroll; float:left; width:1150px; }

/*************************************************************
  S I D E B A R  - L E F T
*************************************************************/
#sidebar-left { width:290px; height:auto; padding:0px; float:left; display:block; padding-left:70px }

#submenu { margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; float:left }
#submenu a.subMenu2{  color:#FFF; text-decoration:none; line-height:20px; width:250px; display:block; font-size:14px; padding:5px 20px; background:url(submenu_bg.jpg) no-repeat;  }
#submenu a.subMenu2HL {  color:#fff; text-decoration:none; line-height:20px; width:250px; display:block; font-size:14px; padding:5px 20px;  background:url(submenu_bg_active.jpg) repeat-y;   }
#submenu a.subMenu2:hover { color:#fff; text-decoration:none; line-height:20px; width:250px; display:block; font-size:14px; padding:5px 20px ;  background:url(submenu_bg_active.jpg) repeat-y;  }


#submenu a.subMenu3{ padding-left:21px; color:#FFF; text-decoration:none; line-height:18px; width:269px; display:block; font-size:13px;   }
#submenu a.subMenu3HL { padding-left:21px; color:#CCCC33; text-decoration:none; line-height:18px; width:269px; display:block; font-size:13px   }
#submenu a.subMenu3:hover { padding-left:21px; color:#CCCC33; text-decoration:none; line-height:18px; width:269px; display:block; font-size:13px; }

/*************************************************************
  C O N T E N T
*************************************************************/
#content { padding: 0px; height:auto; width:579px; float:left; padding:10px 35px 20px 40px; }

#content h1 { font: 18px  Georgia, "Times New Roman", Times, serif ; color:#333; border-bottom:1px solid #CCCC33; padding-bottom:2px; margin-bottom:21px; margin-top:15px}
#content h2 { font: 14px Arial, Helvetica, sans-serif; color:#858521; font-weight:bold; margin:10px 0px   }
#content h3 { font: 12px  Arial, Helvetica, sans-serif, Times, serif ; color:#333; margin:15px 0px 10px 0px; font-weight:bold  }

#content p { margin:5px 0px }

#content ol, #content ul {  }
#content ol { margin-left: 20px;  }
#content ul { }
#content ul li {  list-style: disc; line-height:20px; margin-left:30px }
#content ol li {  list-style: decimal; line-height:20px; margin-left:30px }

#content select { width:auto; padding: 3px }
#content input.checkbox { width:auto; margin-right: 10px }
#content input.radio { width:auto; margin-right: 10px;  }

/* PDF */
#content #pdf { height: 40px; padding: 5px 0 0 }
#content #pdf a { color: #DD7026; line-height:30px;}

#content #pdf .IkoonLinks { float: left; margin: 0 10px 0 0 }
#content #pdf .box { clear: right; display: block; height: 32px }

/*************************************************************
  S I D E B A R  - R I G H T
*************************************************************/
#sidebar-right { float:left; width:65px; }

/*************************************************************
  F O O T E R
*************************************************************/

#copyright { background: url(patroon_bottom.png) repeat-y scroll; float:left; width:1090px; padding:0px 0px 10px 170px; color:#CCC}
#copyright a { text-decoration:none; color:#CCC }
#footer { background: transparent url(footer.png) no-repeat top center; height: 128px; clear:both}


/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */


/* ----------------------------------------------------------------------------------------- */
/* opmaak modules */

.BeeldRechts {

	float: right;
	clear: none;
	margin: 0 0px 10px 30px;
}
.BeeldGrootRechts {	
	float: right;
	clear: none;
	margin: 0 0px 10px 60px;	
}
.BeeldLinks {
	
	float: left;
	clear: none;
	margin: 0 30px 10px 0px;
}
.BeeldGrootLinks {
	
	float: left;
	clear: none;
	margin: 0 60px 10px 0px;
}
.BeeldGroot {
	
	margin-bottom: 15px
}

.box {
	padding: 0;
	margin: 0 0 5px 0;
	display: block
}

.category {
	float:right
}
.IkoonLinks{
	float: left;
	margin:-3px 10px 0px 0;
	padding: 0px;
}
.pdfopmerking {
	padding: 2px;
	margin: -5px 0 0 3px;
	float: right;
	color:#fff;
	background: #2B2415;
	}

/*----------------------- content links ----------------------------*/
a.url:link, a.url:active, a.url:visited, #content a:link, #content a:active, #content a:visited{ text-decoration: none; color: #858521;}	
a.url:hover, #content a:hover{ color: #858521; text-decoration: underline; }

/* vormgeving standaard + uitgebreid formulier ---------- */
input, textarea, select {
	text-align: left;
	padding: 0;
	margin: 0 3px 2px 0;
	color: #666666;
	vertical-align: middle;
	border: 1px solid #999;
	background-color:#FFF !important; 
	width:250px;
}
form{
	padding: 0;
	margin: 0;
	line-height:160%;
}
.content{
	margin: 0 0 0 105px;
	line-height:20px
}
.content2{
	margin:0;
	float:left;
}
.label{
	margin: 0 5px 0 0;
	padding: 0;
	width: 100px;
	text-align:right;
	display: block;
	float:left;
	clear:left;
	line-height: 190%;
	background-color:#FFF
/*	text-transform: capitalize;*/
}
input.knop, input.knop2, input.knop3 {
	color: #FFF;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	border-width: 0;
	cursor: pointer;
	padding: 3px 5px;
	text-transform: capitalize;
	background-color: #333!important;
	width:auto;
}
input.knop, input.knop3 {	
	margin: 5px 0 0 105px;
}
input.knop2 {	
	margin: 5px 0 0 0;
}
input.knop3 {
	padding: 2px;
	text-align: right;
	margin: 0px;
}
/* 2 kolommen tekst + beeld ------------ */
table.portal {
	margin:5px 0 5px 0;
	width:100%;
	}
table.portal .kolom1 {
	vertical-align:top;
	width:50%;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 0;
	}
table.portal .kolom2 {
	padding: 0 0 0 25px;
	vertical-align:top;
	width:50%;
	}
.fototekst {
	margin-bottom:5px;
}