@charset "utf-8";
/*

- Plas Bewindvoering- 

INHOUD:
 1. BASIC
 2. ACHTERGROND EN NAVIGATIE
 3. KLANTEN
 4. FORMULIER
 5. FOOTER
 
- COPYRIGHT 2013 PLASBEWINDVOERING -

*/

/*  1. BASIC   */

Body {
	background: #fffef9;
	height: 100%;
	width: 1024px;
	padding: 0px;
	margin: 0 px;
}

p {
	color: #FFFFFF;
	font-size:13px;
	font-family: Arial;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight:bold;
}

a {
	color:#aeaeae;
	text-decoration:none;
}

a:hover, a:active {
	color:#8d8d8d;
}
	
/*  2. ACHTERGROND EN NAVIGATIE   */

#wrapper {
	background: url(images/low_plasbudgetlifeplanner.jpg) no-repeat;
	height: 590px;
	width: 1024px;
	position:relative;
	float:left;
	margin-left: -8px;
	margin-top: -8px;
	}

div#wrapper { 
background: url(images/low_plasbudgetlifeplanner.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


#dot {
	background: url(images/dot3.png);
	height: 590px;
	width: 100%;
	position:relative;
	float:left;
	}
	
#Content {
	position:relative;
 	height: 100%;
 	width: 750px;
 	float:left;
 	padding: 0;
	left: 50%;
	margin: -8px 0 200px -375px;
 }
 
#head {
	position:relative;
 	height: 150px;
 	width: 750px;
 	float:left;
	}

#navigatie {
	position: relative;
	float: right;
	width: 500px;
	height: 100px;
}

#nav_link {
	position:relative;
	float:left;
	width: 100px;
	height:100px;
	text-align:center;
	font-family: Arial, Tahoma;
	color:#FFFFFF;
	padding-top: 20px;
	}

#nav_link a{
	position:relative;
	float:left;
	width: 100px;
	height:50px;
	text-align:center;
	font-family: Arial, Tahoma;
	color:#FFFFFF;
	font-size: 15px;
	padding-top: 20px;
	margin-top: -15px;
	}

#nav_link a:hover {
	background:url(images/menubalk2.png) no-repeat;
	margin-top: -15px;
	color:#5cccff;
	}	
	
#center {
	position:relative;
 	height: 400px;
 	width: 750px;
 	float:left;
	margin-top: -15px;
	margin-bottom: 35px;
	}
	
#center_wit {
	position:relative;
 	height: 440px;
 	width: 750px;
 	float:left;
	margin-top: -15px;
	margin-bottom: 35px;
	background: url(images/wit.png);
	}

#text_bar {
	position: relative;
	float:left;
	height: 30px;
	width:350px;
	background: url(images/text_bar.png);
	font-family: Arial, Tahoma;
	color:#FFFFFF;
	font-size: 25px;
	padding: 5px;
}

#container_box {
	position: relative;
	float:left;
	height: 400px;
	width: 750px;
	margin-left: 0px;
}

#box {
	position: relative;
	float:left;
	height: 325px;
	width: 245px;
	border: #FFFFFF;
	border-style:solid;
	border-width: 2px;
}

#box_title a {
	position: relative;
	float:left;
	height: 30px;
	width: 200px;
	font-family: Arial, Tahoma;
	color:#FFFFFF;
	font-size: 20px;
	text-align: left;
	margin-left: 0px;
	margin-top: 20px;
}

#box_text {
	position: relative;
	float:left;
	height: 300px;
	width: 220px;
	margin: 10px;
	padding: 5px;
	background: url(images/text_bar.png);
}

#logo a {
	position: relative;
	float:left;
	height: 86px;
	width: 200px;
	margin-left: 10px;
	background: url(images/plasbudgetbeheer.png) no-repeat;
}
	
#title_wit {
	position: relative;
	float:left;
	height: 330px;
	width: 250px;
	margin: 58px;
	margin-top: 30px;
	font-family: Arial, Tahoma;
	text-align:right;
	font-size: 15px;
	color:#6b6969;
	line-height: 30px;
}

#text_wit {
	position: relative;
	float:left;
	height: 330px;
	width: 350px;
	margin-left: 16px;
	margin-top: 30px;
	font-family: Arial, Tahoma;
	font-size: 10px;
	color:#bebdbd;
	line-height: 25px;
}

#text_wit2 {
	position: relative;
	float:left;
	height: 330px;
	width: 300px;
	margin-left: 16px;
	margin-top: 30px;
	font-family: Arial, Tahoma;
	font-size: 10px;
	color:#bebdbd;
	line-height: 25px;
	z-index: 999;
}

#text_wit_klachten {
	position: relative;
	float:left;
	height: 330px;
	width: 300px;
	padding-left: 70px;
	margin-top: 30px;
	font-family: Arial, Tahoma;
	font-size: 10px;
	color:#bebdbd;
	line-height: 25px;
	z-index: 999;
}
/*  3. KLANTEN  */

#klant_box1 a {
	position:relative;
	float:left;
	height:110px;
	width: 110px;
	background:url(images/klanten/klantenknop1_1.png) no-repeat;
	margin: 10px;
}

#klant_box1 a:hover {
	background:url(images/klanten/klantenknop1_2.png) no-repeat;
}

#klant_box2 a {
	position:relative;
	float:left;
	height:110px;
	width: 110px;
	background:url(images/klanten/klantenknop6_1.png) no-repeat;
	margin: 10px;
}

#klant_box2 a:hover {
	background:url(images/klanten/klantenknop6_2.png) no-repeat;
}

#klant_box3 a {
	position:relative;
	float:left;
	height:110px;
	width: 110px;
	background:url(images/klanten/klantenknop3_1.png) no-repeat;
	margin: 10px;
}

#klant_box3 a:hover {
	background:url(images/klanten/klantenknop3_2.png) no-repeat;
}

#klant_box4 a {
	position:relative;
	float:left;
	height:110px;
	width: 110px;
	background:url(images/klanten/klantenknop4_1.png) no-repeat;
	margin: 10px;
}

#klant_box4 a:hover {
	background:url(images/klanten/klantenknop4_2.png) no-repeat;
}

#klant_box5 a {
	position:relative;
	float:left;
	height:110px;
	width: 110px;
	background:url(images/klanten/klantenknop5_1.png) no-repeat;
	margin: 10px;
}

#klant_box5 a:hover {
	background:url(images/klanten/klantenknop5_2.png) no-repeat;
}

#klant_box6 a {
	position:relative;
	float:left;
	height:110px;
	width: 110px;
	background:url(images/klanten/klantenknop2_1.png) no-repeat;
	margin: 10px;
}

#klant_box6 a:hover {
	background:url(images/klanten/klantenknop2_2.png) no-repeat;
}

/*  4. FORMULIER  */

#submit {
    background-image: url('_images/verstuur1.png');
    width: 100px;
    height: 30px;
    border-style: none;
    background-color: transparent;
    text-indent: 480px;    /* hack to hide the text */
  }

  #submit:hover {
    background-image: url('_images/verstuur2.png')
  }
  
#formbox {
	position:relative;
	float:left;
	height: 25px;
	width:300px;
}

#formbox_IE input {
	width: 330px;
	height:20px;
	}

#formbox_IE textarea {
	z-index: 999;
	display:block;
	width:340px;
	height:150px;
	padding:0;
	overflow:auto;
	}
	
#formbox_IEBTN2 img {
	margin-right: -40px;
	margin-top: -35px;
	}

#formbox_uploadBTN img {
	margin-left: 70px;
	margin-top: -35px;
	}

#formbox_contact input {
	width:350px;
	height: 20px;
	}
	
#formbox_klachten img {
	margin-right: 50px;
	margin-top: 0px;
	}

#formbox_small {
	position:relative;
	float:left;
	height: 30px;
	width:150px;
}

/*  5. FOOTER   */

#footer {
	position:relative;
 	height: 400px;
 	width: 750px;
 	float:left;
	background:#FFFFFF;
	margin-top: -20px;
	}

#footer_wit {
	position:relative;
 	height: 400px;
 	width: 750px;
 	float:left;
	background: #FFFFFF;
	margin-top: -60px;
	z-index: 998;
	}

textarea {
	z-index: 999;
    display:block;     
    width:250px;
    height:30px;
    padding:0;
    overflow:auto;
 }

#shadow_left{
	position:relative;
 	height: 100px;
 	width: 100px;
 	float:left;
	background: url(images/shadow_left.png) no-repeat;
	margin-left: -100px;
	margin-top: 50px;
	}
	
#shadow_right{
	position:relative;
 	height: 100px;
 	width: 75px;
 	float: right;
	background: url(images/shadow_right.png) no-repeat;
	margin-right: -75px;
	}
	
#footer_title {
	float:left;
	position:relative;
	width: 350px;
	height: 30px;
	font-family: Arial, Tahoma;
	color:#8d8d8d;
	font-size: 18px;
	text-align: left;
	margin-left: 10px;
	margin-top: 15px;
	padding-left:10px;
	border-bottom: #aeaeae;
	border-bottom-style:solid;
	border-bottom-width: 2px;
}

#footer_link {
	position:relative;
	float:left;
	height: 145px;
	width:60px;
	margin-left: 10px;
	margin-top: 10px;
}

#footlink {
	position:relative;
	float:left;
	height: 20px;
	width:60px;
	font-family: Arial, Tahoma;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 0px;
}

#intern_link {
	position:relative;
	float:left;
	height: 150px;
	width:120px;
	margin-left: 10px;
	margin-top: 10px;
}

#internlink {
	position:relative;
	float:left;
	height: 20px;
	width:110px;
	font-family: Arial, Tahoma;
	font-size: 12px;
	margin-left: 5px;
	margin-top: 5px;
}

#logo_partner1 a {
	position:relative;
	float: left;
	height:64px;
	width:160px;
	background:url(images/small_riannetime_grijs.png) no-repeat;
	background-position: center;
	}

#logo_partner1 a:hover {
	background:url(images/small_riannetime_grijs2.png) no-repeat;
	background-position: center;
}
#logo_partner2 a {
	position:relative;
	float: left;
	height:64px;
	width:160px;
	background:url(images/small_creativemint_grijs.png) no-repeat;
	background-position: center;
	}

#logo_partner2 a:hover {
	background:url(images/small_creativemint_grijs2.png) no-repeat;
	background-position: center;
}

#logo_partner3 a {
	position:relative;
	float: left;
	height:64px;
	width:160px;
	background:url(images/small_legerheils_grijs3.png) no-repeat;
	background-position: center;
	}

#logo_partner3 a:hover {
	background:url(images/small_legerheils_grijs2.png) no-repeat;
	background-position: center;
}

#logo_partner4 a {
	position:relative;
	float: left;
	height:64px;
	width:160px;
	background: url(images/small_Stimulansz_grijs.png) no-repeat;
	background-position: center;
	}

#logo_partner4 a:hover {
	background:url(images/small_Stimulansz_grijs2.png) no-repeat;
	background-position: center;
}

#logo_partner5 a {
	position:relative;
	float: left;
	height:64px;
	width:160px;
	background: url(images/small_humanitas_grijs.png) no-repeat;
	background-position: center;
	}

#logo_partner5 a:hover {
	background:url(images/small_humanitas_grijs2.png) no-repeat;
	background-position: center;
}

#logo_partner6 a {
	position:relative;
	float: left;
	height:64px;
	width:160px;
	background: url(images/small_budgetcoach_grijs.png) no-repeat;
	background-position: center;
	}

#logo_partner6 a:hover {
	background: url(images/small_budgetcoach_grijs2.png) no-repeat;
	background-position: center;
}

#partner_box {
	position:relative;
	float:left;
	height: 500px;
	width: 340px;
	margin-left: 40px;
	padding-left: 10px;
	margin-top: 10px;
	}
	
#copyright {
	position:relative;
	float:left;
	width: 340px;
	height:30px;
	text-align: right;
	margin-top:20px;
	font-family: Arial, Tahoma;
	font-size: 10px;
	color:#bebdbd;
	}