/* --- General settings --- */

body, h1, h2, h3, form, ul, p, hr {
	margin: 0;
	padding: 0;
}

body, th, td, input, select, button, textarea {
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

html, body {
	height: 100%;
}

body {
	background: #cccccc url(../img/bg_overall.gif) repeat-y center top;	
	width:100%;
}

/* --- Containers --- */

.outside {
      margin-left: auto;
      margin-right: auto;     
      width: 950px;
	  padding:0;
}

#container {
	background-color: #fff;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#header {
      height: 44px;
      padding-left: 30px;     
}

#menu_container {
	height:25px;
	position:relative;
	font-family:verdana;
	border-bottom: 1px solid #FF0000;
}

#main {
	background-color: #fff;
	padding: 0px;
	width: 950px;
	float:left;
	display:block;
}
* html #outside {
      width: 951px;
      padding-left: 2px;
      xborder: 1px solid red;
}

#title {
	float:left;
	height:39px;
	width:900px;
	padding: 6px 0 13px 22px;
	z-index:1;
	display:block;
}

#content {
	float: left;
	background: #ffffff url(../img/content_header.png) repeat-x left top;
	background-color: #fff;
	padding-left:30px;
	width: 920px;
	z-index:-1;
	display:block;
}
#top_colom{
	padding:10px 30px 70px 0px;
	_padding-bottom:20px;
	height: 60px;
}
#answer_colom{
	margin-left:-10px;
	_margin-left:-5px;
	float:left;
}
#left_colom {
	background-color: #fff;
	padding-top: 0px;
	width: 375px;
	float:left;
	display:block;
	_overflow:hidden;
}
#center_colom {
	background-color: #fff;
	padding-top: 0px;
	width: 920px;
	float:left;
	display:block;
}
#right_colom, #right_colom_list {
	background-color: #fff;
	padding-top: 10px;
	width: 495px;
	_width: 475px;
	float:left;
	display:block;	
	height:auto;
	margin-right: 50px;
	_margin-right: 0px;
	line-height:18px;
}
#right_colom_list {
	width:530px;
	margin-right:0px;
}
#media_colom_l, #media_colom_c, #media_colom_r{
	background-color: #fff;
	padding-top: 0px;
	padding-right:10px;
	margin-right:15px;
	_margin-right: 0px;
	width: 275px;
	float:left;
}

#texttest {
	padding: 60px 20px 0 0; 
	font-size:14px;
}

span.question {
	color:#FF0000;
}

#teller {
	width:100px;
	height:100px;
	/*background: #ffffff url(../img/teller_circel.gif) no-repeat left top;*/
	font-family:Helvetica;
	font-size:24px;
	color:#CCCCCC;
	float:left;
	padding:3px 0 10px 13px;
	margin-bottom: 20px;
	font-weight:bold;
	border:1px solid #FFFFFF;
}
#teller h1{
	font-family:Helvetica;
	font-size:36px;
	color:#000000;
	display:inline;
}
#picture_frame {
	padding:20px;
	width:343px;
	height:275px;
	background: #ffffff url(../img/fotolijstje.gif) no-repeat left top;
	margin-left:-13px;
	_margin-left:-5px;
	float:left;
}
.picture_frame_test {
	padding:25px 10px 25px 25px;
	width:270px;
	height:375px;
	background: #ffffff url(../img/fotolijstje_test.gif) no-repeat left top;
	float:left;
	cursor:pointer;
}
.active_answer{
	background: #ffffff url(../img/fotolijstje_test_active.gif) no-repeat left top;
}

/* HIER MOET JEROEN EENS NAAR KIJKEN */
/* KAN DIT NIET HANDIGER WORDEN OPGELOST? */
#picture_frame_y523 {
	padding:20px;
	width:343px;
	height:523px;
	background: #ffffff url(../img/fotolijstje_y523.jpg) no-repeat left top;
	margin-left:-13px;
	_margin-left:-5px;
	float:left;
}

#picture_frame_y390 {
	padding:20px;
	width:343px;
	height:390px;
	background: #ffffff url(../img/fotolijstje_y390.jpg) no-repeat left top;
	margin-left:-13px;
	_margin-left:-5px;
	float:left;
}

#picture_frame_y334 {
	padding:20px;
	width:343px;
	height:334px;
	background: #ffffff url(../img/fotolijstje_y334.jpg) no-repeat left top;
	margin-left:-13px;
	_margin-left:-5px;
	float:left;
}


#picture_frame_eindscore {
	padding:20px;
	width:343px;
	height:314px;
	background: #ffffff url(../img/fotolijstje_eindscore_y314.jpg) no-repeat left top;
	margin-left:-13px;
	_margin-left:-5px;
	float:left;
}

#picture_frame_y268 {
	padding:18px;
	width:343px;
	height:268px;
	background: #ffffff url(../img/fotolijstje_y268.jpg) no-repeat left top;
	margin-left:-13px;
	_margin-left:-5px;
	float:left;
}

#picture_frame_media {
	padding:20px;
	width:270px;
	height:200px;
	background: #ffffff url(../img/fotolijstje_media.gif) no-repeat left top;
	float:left;
	margin-left:-10px;
	_margin-left:-5px;
}
#picture_frame_media_small {
	padding:20px;
	width:270px;
	height:105px;
	background: #ffffff url(../img/fotolijstje_media_small.gif) no-repeat left top;
	float:left;
	margin-left:-10px;
	_margin-left:-5px;
}

#picture_frame_pers {
	width:290px;
	height:130px;
	float:left;
	margin-left:-10px;
	_margin-left:-5px;
}
#vacature_bg{
	width:350px;
	height:460px;
	margin-left:-10px;	
	background:url(../img/vacatures/algemeen.gif) no-repeat;
}
#vacature_image{
	position:relative;
	top:0px;
	left:0px;
}
.radiocommercials {
	margin-left:-10px;
	_margin-left:-5px;
	margin-bottom:20px
}

#onderschrift{
	padding: 20px 20px 0 0;
	font-size:11px;
	float:left;
	
}
#taf{
	text-align:right;
	padding-right:30px;
}
#footer {
	height:134px;
	background: #ffffff url(../img/footer.gif) no-repeat left top;
	padding-left:30px;
	float:left;
	display:block;
	width:920px;
	margin-top:20px;
}
#footer2 {
	height:60px;
	background: #ffffff url(../img/footer2.gif) no-repeat left top;
	padding-left:30px;
	padding-right:30px;
	padding-top:80px;
	float:left;
	width:890px;
	margin-top:20px;
	
}
.footer2Link, .footer2Link2{
	width:200px;
	float:left;
	font-family:"Times New Roman", Times, serif;	
	font-size:16px;
	color:#666666;
	font-style:italic;
}
.footer2Link2{
	float:right;
	text-align:right;
}
.footer2Link2 a{	
	text-decoration:none;	
	color:#666666;
}	
/* --- Utils --- */

.hidden {
	display: none;
}

/* --- Clearfix --- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* --- No outlines on focus --- */

:focus {
	outline: 0;
}