
/* Default */

body{
	background:#8F8DBA url('../images/bg_side.png') no-repeat 950px 0px;
	
	margin:0;
}
#container{
	width:950px;
	background:#ffffff;
}
#header{
	position:relative;
	height:225px;
	background:url('../images/header_pic1.jpg');	
}
#guestbook_button{
  position: absolute;
  top: 0px;
  right: 0px;
}
#guestbook_button img{
  border: 0px;
}
#navigation{
	background:#193989;
	padding-top:12px;
	height:40px;
}

#login_form{
	background:url('../images/login_form.gif') no-repeat top left;	
	position:absolute;
	width:242px;
	padding:2px 14px 0 54px;
	height:50px;	
	right:0px;
	top:0px;
}
.home #login_form{
	background:url('../images/home_login.jpg') no-repeat top left;	
	position:absolute;
	width:242px;
	padding:22px 14px 0 10px;
	height:50px;	
	right:0px;
	top:-92px;
}
#login_form input{
	font-size:12px;
	border:1px #000 solid;
}
#content_container{
	background:url('../images/menu_bottom.jpg') no-repeat top left;
	padding:82px 220px 20px 340px;
	position:relative;
	z-index:1;
	height:490px;
}
div#container > div#content_container{
	height:auto;
	min-height:490px;
}
.home #content_container{
	padding-right:70px;
	padding-left:370px;
	height:430px;
}
div#container.home > div#content_container{
	height:auto;
	min-height:430px;
}
#home_link{
	position:absolute;
	top:-41px;
	left:12px;
	z-index:100;	
}
#sidebar_pics{
	position:absolute;
	right:20px;
	width:162px;
}
#sidebar_pics .sidebar_pic{
	margin:0 0 40px 0;
}
#page_illustration{
	bottom:0;
	left:0;
	position:absolute;
	background:url('../images/page_illustration.jpg') no-repeat top left;
	width:252px;
	height:157px;
}
#footer{
	background:#F8981D url('../images/footer_top.jpg') no-repeat top left;
	padding:20px 20px 24px 20px;
	height:0px;
	text-align:right;
	font-size:10px;
	color:#ffffff;
}

/* Default home */
.home #header{
	height:372px;
	background:url('../images/home_pic.jpg');	
}
.home #navigation{
	background:#193989 url('../images/menu_top.jpg') no-repeat top left;
}
.home #page_illustration, .home #sidebar_pics{display:none;}

/* Kroostopvang Partner Organisaties */
#partner_organizations h2{
	font-size: 12px;
}

#partner_organizations .organization{
	float: left;
	text-align: center;
}

#partner_organizations .organization .imglink{
	vertical-align: middle;
	height: 100px;
	line-height: 100px;	
	display: block;
}
#partner_organizations .organization .imglink img{
	vertical-align: middle;
	border: 0;
}

.home #partner_organizations{
	position: absolute;
	left: 20px;
	top: 160px;
	width: 250px;
}

/* Default Formulieren */

.formulieren #page_illustration, .formulieren #sidebar_pics{display:none;}
.formulieren #content_container{padding-right:10px;}

/* Texts */
body{
	font-size:11px;
	font-family:Arial, Sans;
}
#navigation a{
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#content_container{
	font-size:11px;
	color:#193989;
	line-height:140%;
}
h2{
	font-size:17px;
	text-transform:uppercase;	
	color:#193989;
}
h3{
	font-size:12px;
	margin:10px 0 10px 0;
	color:#193989;
}
h3 a{
	text-decoration:none;
}
#content_container a{
	color:#193989;
}

.text-orange{
	color:#F8981D;
}

/* Default links */
#home_options{
	position:absolute;
	left:32px;
	top:161px;
	background:url('../images/page_options.gif');
	width:220px;
	height:232px;
}

#inschrijven, #gastouder, #kwaliteit{
	display:block;
	position:absolute;
}
#inschrijven{
	right:0px;
	top:2px;
	width:110px;
	height:60px;
}
#gastouder{
	left:70px;
	width:110px;
	bottom:10px;
	height:80px;	
}
#kwaliteit{	
	left:0px;
	top:40px;
	width:90px;
	height:70px;
}

/* Home links */
.home #home_options{
	left:32px;
	top:-303px;
	background:url('../images/home_options.jpg');
	width:286px;
	height:224px;
}

.home #inschrijven{
	left:55px;
	top:2px;
	width:120px;
	height:70px;
}
.home #gastouder{
	left:5px;
	top:110px;
	width:120px;
	height:100px;	
}
.home #kwaliteit{	
	left:165px;
	top:80px;
	width:110px;
	height:100px;
}


/* Illustrations */
#sidebar_pics{
	position:absolute;
}
.sidebar_pic{
	
}

/* Administratie */

.form-category{
	color:#193989;
	font-size:13px;
	font-weight:bold;
	height:1.6em;
}

#admin-panel{
	background:#193989;
	overflow:none;
	padding:4px 10px;
	margin:0;
	border:0;
}
#admin-panel a{
	font-size:11px;
	margin:0 10px;
	color:#fff;
}

.content-preview{
	margin:4px;
	border:1px #ccc solid;
	padding:20px;
}
.content-preview a{
	color:#193989;
}

.content-preview h2{
	font-size:17px;
	text-transform:uppercase;	
	color:#193989;
}
.content-preview h3{
	font-size:12px;
	margin:10px 0 10px 0;
	color:#193989;
}

/* Guestbook / Reacties */

.form-row{
  clear: left;
  width: 450px;
  margin-bottom: 10px;
}

.form-row label{
  display: block;
  width: 70px;
  margin-right: 10px;
  float: left;
  font-weight: bold;
	color:#193989;
	line-height: 24px;
}

.form-row .form-input{
  width: 370px;
  float: left;
}

.form-row .comment{
  color: #999;
}

.form-row input.text_field,
.form-row textarea.text_field,
.form-row .simple_captcha_field input{
  padding: 2px;
  font-size: 14px;
  border: 1px solid #ccc;
}
.form-row .submit_button{
  font-size: 14px;
  padding: 4px;
  font-weight: bold;  
  border: 1px solid #999;
}

/*<!-- Copyright (c) 2007 [Sur http://expressica.com] -->*/

  #simple_captcha{border: 1px solid #ccc; padding: 5px !important; width: 170px;}
  #simple_captcha,
  #simple_captcha div{display: table;}
  #simple_captcha .simple_captcha_image img{
    margin: 0px !important;
    padding: 0px !important;
    width: 110px !important;
  }
  #simple_captcha .simple_captcha_label{font-size: 12px;}
  #simple_captcha .simple_captcha_field input{
    width: 150px !important;
    /*font-size: 16px;
        border: none;
        background-color: #efefef;*/
  }

