/* ================================ +
   www.fundaverhuisbericht.nl
 + ================================ */


/* 
** Made by:  Parkers (www.studioparkers.nl)
** 17.03.2008 - Edgar Vijgeboom:	Versie 1
** 
*/



/* ================================ +
               STANDAARDS
+  ================================ */

/* start RESET DEFAULT styles */
*{ margin:0; padding:0 }

x div { border: 1px solid}
body { 
	font-family: 		Arial;
	font-size:			75%;
	line-height: 		16px;
	color: 				#552f25;
	background-color: 	#ffffff;
	background: 		url('../images/bg_funda.gif') no-repeat 50% 0px;
	width:				100%
}
.nobg {background: 				none;}

* html li{height:1%;}
	
img { border:0px; }	

ul { list-style:none; overflow:hidden;}

a	{
	text-decoration:	underline; 
	color:				#552f25;
	}

a:hover	{
	text-decoration:	none;  
	}

.clear {
	clear:				both;
	}

.float_left {
	float: 				left;
	}

.float_right {
	float: 				right;
	}

/* end RESET DEFAULT styles */


.link {
	display:			block; 
	margin:				2px 0px 0px 2px; 
	padding:			0; 
	text-indent:		-1000px;
	text-decoration:	none;
	overflow:			hidden;
	height:				11px; 
	width:				14px; 
	background: 		url('../images/link.gif') no-repeat 0px 0px;
}

.link:hover, .link:focus { 
	background: 		url('../images/link.gif') no-repeat -14px 0px;
}




/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#container {
	position:			relative;
	margin:				auto;
	width:				990px;
	text-align:			left;
	}


#header {
	width: 				990px;
	height:				90px;
	background: 		url('../images/title_abonnementen.gif') no-repeat 0px 0px;
	background-position:	bottom left;
	}

#content {
	position:			relative;
	height:				996px;
	}

#bg_fake {
	width:				100%;	
	height:				880px;
	position:			absolute;
	z-index:			2;
	background: 		url('../images/bg_fake.jpg') no-repeat 0px 0px;
}

/* ================================ +
             TYPO
+  ================================ */

.small	{
	font-size:			0.9em;
	margin-bottom:		10px
	}
	
.small-inspring	{
	font-size:			1em;
	margin-left:		7px;
	font-style:			italic;
	}
	
h4 {
	font-size:			1.2em;
	margin:				5px 0 15px 0
	}


/* ================================ +
             ONDERDELEN
+  ================================ */

#verhuisdozen {
	width:				100%;	
	position:			absolute;
	z-index:			1
}

a.verhuisdoos {
	display:			block;
	width:				192px;
	height:				148px;
	float:				left;
	background: 		url('../images/dummy_doos.gif') no-repeat 0px 0px;
	}

.knop {
	display:			block;
	background-image: 	url('../images/knoppen.gif');
	width:				127px;
	height:				35px;
	float:				left;
	margin-left:		5px
	}
	
	
.preview {				background-position:0px 0px	}
.preview:hover	{		background-position:127px 0px	}

.verstuur {				background-position:0px 50px	}
.verstuur:hover	{		background-position:127px 50px	}

.terug {				background-position:0px 100px	}
.terug:hover	{		background-position:127px 100px	}

.verder {				background-position:0px 150px	}
.verder:hover	{		background-position:127px 150px	}



.knop_groot {
	display:			block;
	background-image: 	url('../images/knoppen_groot.gif');
	width:				153px;
	height:				35px;
	margin-bottom:		5px
	}
	
	
.bewaar {				background-position:0px 0px	}
.bewaar:hover	{		background-position:155px 0px	}

.kaart {				background-position:0px 100px	}
.kaart:hover	{		background-position:155px 100px	}

.feliciteer {				background-position:0px 50px	}
.feliciteer:hover	{		background-position:155px 50px	}

/* ================================ +
             Kaart
+  ================================ */

#kaartleft {
	float:				left;
	width:				600px;
	margin:				0 25px 0 0	
	}

#kaart_bg {
	behavior: 			url(iepngfix.htc);
	position:			absolute;
	width:				992px;
	height:				588px;
	margin:				15px 0 0 40px;
	background: 		url('../images/bg_kaart.png') no-repeat 0px 0px;
	z-index:			2
	}
	
#kaart {
	position:			absolute;
	width:				942px;
	height:				538px;
	margin:				15px 0 0 40px;
	padding:			50px 0 0 50px;
	z-index:			3
	}

#kaart #title_1 {
	width:				600px;
	}
	
#kaart #title_4 {
	margin:				5px 0 10px 0
	}
	
#kaart #placeholder{
	width:				600px;
	height:				385px;
	}
	
#kaart #loader_layer {
	position:			absolute;
	width:				600px;
	height:				75px;
	top:				200px;
	padding-top:		60px;
	background: 		url('../images/indicator_big_wit.gif') no-repeat 270px 0px;
	text-align:			center;
	z-index:			1
	}

#kaart #player {
	position:			absolute;
	width:				600px;
	height:				385px;
	margin:				8px 20px 0 0 !important;
	margin:				8px 0 0 0;
	text-align:			center;
	z-index:			10
	}
	

#kaart #message {
	width:				250px;
	height:				370px;
	float:				left;
	}

#kaart #thumbs {
	height:				60px;
	margin:				0 20px 0 0px;
	padding-left:		35px;
	z-index:			10
	}

#kaart .thumb {
	float:				left;
	margin: 			0 10px 0 10px;
	}
	
#kaart .thumb a {	
	text-decoration:	none;
	}
	
.border {
	border:	2px solid white
	}
	
.borange {
	border:	2px solid  #fe7c00	
	}

	
#kaart .info {
	width:				240px;
	margin:				20px 0 20px;
	color:				#fe7c00
	}

#kaart .bevestiging {
	position:			relative;
	margin-left:		20px;
	padding-top:		20px
	}


/* Formulier */
#message .verhuislabel {
	width:				113px;
	padding-top:		15px;
	float:				left;
	font-weight:		bold
	}
	
#message input, #uploadform input {
	margin:				8px 0 0 0;
	float:				left;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#843c31;
	padding:			2px;
	}
	
#message #Naam {
	width:				240px;
	}

#message #Straatnaam {
	width:				150px;
	margin-right:		5px
	}
	
#message #Nr {
	width:				35px;
	margin-right:		5px
	}
	
#message #Toevoeging {
	width:				29px;
	}
	
#message #Postcode {
	width:				70px;
	margin-right:		5px
	}
	
#message #Plaats {
	width:				157px;
	}

#message #dd, #message #mm {
	width:				25px;
	margin-right:		5px
	}	
	
#message #jjjj {
	width:				50px
	}	
	

/* def. verhuiskaart */
#message .persoonlijkbericht {
	height:				150px;
	font-size:			1.2em;
	font-weight:		bold;
	line-height:		1.2em;
	margin:				20px 0 0 0;
	overflow:			auto
	}
	
#sluitknop, #sluitknop2   {
	position:			absolute;
	right:				45px;
	top:				40px;				
	display:			block;
	width:				16px;
	height:				15px;
	background: 		url('../images/knop_sluiten.gif') no-repeat 0px 0px;
	z-index:			20
	}

	
.link_oranje, .link_oranje a {
	color:				#fe7c00;
	margin-bottom:		10px
	}

#message #afzender_email {
	width:				240px;
	}

textarea {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1em;
	padding:			2px;
	color:				#843c31;
	}

#message .ontvangers , #message .tekstbericht {
	height: 			90px; 	
	width:				240px;	
	overflow: 			auto; 
	}

#message .hyves_check { 
	height:				25px;
	padding-top: 		5px !important;
	padding-top: 		7px;
	}
#message .checkbox {
	margin: 			5px -2px 0 0
	}

#info {
	color:				#fe7c00
	}

#uploader {
	height:				155px;
	float:				left;
	margin-top:			15px
	}
	
#actions {
	position:			absolute;
	width: 				270px;
	top:				465px;
	left:				660px
	}

#uploadframe {
	border-width: 		0px;
	height: 			100px;
	width: 				255px;
	margin-top:			15px
	}
	

.uploadbutton {
	font-family:		Arial, Helvetica, sans-serif;
	color:				#843c31;
	font-size:			1.1em;
	}


.fotolabel {
	
	}

#indicator	{	
	position:			absolute;
	top:				200px;
	left:				145px;
	width:				300px;
	height:				100px;
	background-color:	#ffffff;
	z-index:			10;
	text-align:			center
	}

#previewfield {
	height: 			70px;
	width: 				245px;
	}
	
.fotopreview {
	width:				100px;
	margin-right:		10px;
	float:				left
	}

	
/* Hyves pagina's */

.hyves_body {
	margin: 175px 0 0 50px
	}

#hyves_contacts {
	width:				780px;
	height:				300px;
	overflow-x:			hidden;
	overflow-y:			auto;
	margin-bottom:		15px
	}

#hyves_contacts .friend {
	float:				left;
	width:				235px;
	height:				55px;
	margin:				0 5px 5px 0
	}
	
#hyves_contacts .thumb {
	float:				left;
	width:				50px;
	height:				50px;
	margin:				0 5px 5px 0
	}