@charset "UTF-8";
/* CSS Document */

/*****************
 CSS Document 
 Copyright 2009 
 27NewMedia
 Schoolstraat 11
 7071 ZX Ulft
 W: www.27newmedia.nl
 E: info@27newmedia.nl
 T: 06 53 60 44 71
 alle rechten voorbehouden
 Opdracht: Wanwisa Homestay 
 *********************/

/* algemene css opbouw */
*
{
	padding				: 	0px;
	margin				: 	0px;
}

html, body {
	font-family			:	Georgia, "Times New Roman", Times, serif;
	height				: 	100%; /* héél belangrijk */
	background-color	:	#58292c;
	font-size			: 	16px;
	font-style			: 	normal;
	font-weight			: 	normal;
	color				: 	#58282c;
}

#container {
	position			: 	relative;
	min-height			: 	100%;
	height				:	auto !important; /* voor moderne browsers */
	height				:	100%; /* voor IE */
	background-color	: 	#f4efd8;
	width				:	700px;
	margin				: 	0 auto;
}

#footer {
	width				:	700px;
	height				:	705px;
	position			: 	absolute;
	bottom				: 	0; /* heel belangrijk */
	background-image	: 	url(../images/bg_footer.gif);
	background-repeat	: 	repeat-x;
	color				: 	#f7daae;
	background-color	:	#4a2f09;
}

#inhoud {
	height				: 	2850px;
	width				: 	660px;
	margin				:	50px 0 0 25px;
}

#inhoudkort {
	height				: 	1875px;
	width				: 	660px;
	margin				:	50px 0 0 25px;
}

.vlag1{
	margin 				: 	0 20px 10px 95px;
}

.vlag2{
	margin				:	0 0 10px 0;}

.headerfoto {
	border				: 	7px solid #FFFFFF;
}

.headteaser {
	width				: 	165px;
	margin				: 	15px 0 15px 38px;
	font-weight			: 	normal;
	line-height			: 	21px;
}

#paars {
	position			: 	absolute;
	z-index				: 	1000;
	top					: 	0px;
	right				: 	-100px;
}

#wit {
	position			: 	absolute;
	z-index				: 	1000;
	top					: 	280px;
	left				: 	-60px;
}

#gast {
	position			: 	absolute;
	z-index				: 	1000;
	top					: 	240px;
	right				: 	-44px;
}

#roze {
	position			: 	absolute;
	z-index				: 	1000;
	top					: 	1920px;
	right				: 	-80px;
}

.footerblok {
	font-size			:	13px;
	height				: 	675px;
	width				: 	203px;
	background-color	: 	#3d2402;
	float				:	left;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 15px;
}

.linkslinks {
	font-size			:	13px;
	height				: 	675px;
	width				: 	203px;
	background-color	: 	#3d2402;
	float				:	left;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
}

.linksrechts {
	font-size			:	13px;
	height				: 	675px;
	width				: 	203px;
	background-color	: 	#3d2402;
	float				:	right;
	margin				: 	20px 0 0 0; 
}

ul {
	margin				: 	10px 0 0 27px;
}

li {
	margin				: 	5px 0 5px 0;
}


h6{
	margin				:	0;
}

p.contact{
	line-height: 16px;
	margin				: 	7px 5px 0 10px;
}

/* einde algemene css opbouw */

/* begin inhoud */
h2{
	color				: 	#fcb966;
	font-size			: 	18px;
	margin-bottom		: 	5px;
}

h3{
	color				: 	#58292C;
	font-size			: 	17px;
	margin-bottom		: 	5px;
}

h4{
	color				: 	#FF9006;
	font-size			: 	17px;
	margin-bottom		: 	5px;
	text-decoration		: 	underline;
}

h5{
	color				: 	#FF9006;
	font-size			: 	14px;
	margin-bottom		: 	5px;
}

h6{
	color				: 	#FF9006;
	font-size			: 	14px;
	margin				: 	15px 0 5px 0;
}

.small{
	color				: 	#000;
	font-size			: 	12px;
	margin-bottom		:	5px;
}

p{
	line-height			: 	20px;
	margin-bottom		: 	8px;
}

.inhoudwitbreed{
	background-color	: 	#FFF;
	width				: 	420px;
	float				: 	left;
	height				: 	auto;
	padding				: 	10px;
}

.inhoudwitbreedtoprechts{
	background-color	: 	#FFFFFF;
	width				: 	420px;
	float				: 	right;
	height				: 	auto;
	padding				: 	10px;
	margin-top			: 	20px;
}

.inhoudwitbreedtop{
	background-color	: 	#FFFFFF;
	width				: 	420px;
	float				: 	left;
	height				: 	auto;
	padding				: 	10px;
	margin-top			: 	20px;
}

.inhoudwitgroot{
	background-color	: 	#FFF;
	width				: 	640px;
	float				:	left;
	height				: 	auto;
	padding				: 	10px;
	margin-top			: 	20px;
}


.inhoudwitsmal {
	width				: 	200px;
	float				: 	right;
	background-color	: 	#FFF;
	height				: 	auto;
}

.inhoudbruinsmal {
	width				: 	180px;
	float				: 	right;
	background-color	: 	#edcd9c;
	height				: 	auto;
	margin-top			: 	20px;
	padding				: 	10px;	
}

.inhoudbruinsmalztop {
	width				: 	180px;
	float				: 	right;
	background-color	: 	#edcd9c;
	height				: 	auto;
	padding				: 	10px;	
}

.inhoudbruinsmalleft {
	width				: 	180px;
	float				: 	left;
	background-color	: 	#edcd9c;
	height				: 	auto;
	margin-top			: 	20px;
	padding				: 	10px;	
}

#foto{
	text-align			: 	left;
	margin				: 	10px 0 0 50px;
}

a.linkbruin{
	color				: 	#ff8d00;
	text-decoration		: 	none;
}

a:hover.linkbruin{
	color				: 	#58292C;
	text-decoration		: 	underline;
}

input, textarea{
	background-color	:	 #FF8900;
	color				: 	#58292C;
}
.verzend, .verzend2{
	height				: 	30px;
	width				: 	100px;
	font-size			: 	13px;
}

.imgblok{
	float				:	left;
	margin-right		: 	7px;
	margin-bottom		: 	7px;
	margin-top			: 	3px;
	margin-left			:	0px;
	border				: 2px solid #58292C;
}

.imgblokbanner{
	margin-right		: 	7px;
	margin-bottom		: 	7px;
	margin-top			: 	3px;
	margin-left			:	0px;
	border				: 2px solid #58292C;
}



/* einde inhoud */
.footerblok li a, .linkslinks li a, .linksrechts li a {
	color				: 	#f7daae;
	text-decoration		: 	none;
}
#mike {
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#mike a{
	color: #F4EFD8;
	text-decoration: none;
}

#mike a:hover{
	color: #FE8F03;
	text-decoration: none;
}


.footerblok li a:hover, .linkslinks li a:hover, .linksrechts li a:hover {
	color				:	#FF9006;
	text-decoration		: 	none;
}