/*Import
-----------------------------------------------------*/
@import url('../../includes/styles/admin.css');
@import url('../../includes/styles/overig.css');

/*CSS
-----------------------------------------------------*/
IMG, SPAN, DIV { _behavior: url('http://www.happytent.nl/includes/styles/iepngfix.htc') }

* 
{
	padding: 0;
	margin: 0;
}

HTML, BODY { overflow-x: hidden; }

BODY 
{
	background: url('../../images/layout/backdrop.jpg') repeat-x #3779C7;
	color: #000000;
	font-family: verdana !important;
	font-size: 11px !important;
}

IMG { border: 0; }
IMG.center { display: block; margin: 0 auto; }
IMG#sgr
{
	bottom: 0;
	right: 45px;
	position: absolute;
}

UL { list-style-position: inside; }

HR.lijn
{
	background: #D1D1D1;
	border: 0;
	height: 1px;
	margin: 10px 0;
}

/*Classes
-----------------------------------------------------*/
.bold { font-weight: bold; }
.center { text-align: center; }
.clear { clear: both; }
.error { color: #DD0000; }
.groen { color: #47A73D; }
.left { float: left; }
.right { float: right; }

/*Headings
-----------------------------------------------------*/
H1
{
	background: url('../../images/layout/backdrop_titel.jpg') no-repeat 0 8px;
	color: #D12816;
	font-family: Arial;
	font-size: 28px;
	margin: 0 0 20px 0;
	padding: 0 0 0 40px;
}

H2
{
	color: #00518E;
	font-size: 17px;
}

H3 { font-size: 13px; margin: 0 0 15px 0; }

/*Links
-----------------------------------------------------*/
A:link, A:active, A:visited 
{
	color: #47A73D;
	outline: none;
	text-decoration: none;
}

A:hover 
{	
	color: #888888;
	text-decoration: underline;
}

/*Div elementen
-----------------------------------------------------*/
DIV#header_thema
{
	border-bottom: solid 12px #3E67BD;
	_border: 0;
	/*color: #2C66DA;*/
	color: #FFFFFF;
	margin: 10px auto 0px auto;
	padding-bottom: 10px;
	text-align: center;
	width: 1024px; 
}
	
	DIV#header_thema A { /*color: #2C66DA;*/ color: #FFFFFF; }

DIV#wrapper
{
	background: url('../../images/layout/backdrop_wrapper.png');
	margin: 0 auto;
	padding: 0 12px 10px 12px;
	width: 1000px;
}

	DIV#header { height: 190px; overflow-y: hidden; padding: 10px 0 0 0; width: 1000px; }
	
		DIV#happytent
		{
			height: 121px;
			margin: -60px 0 0 0;
			overflow-y: hidden;
			padding: 0 0 20px 15px;
			width: 351px;
		}
	
		DIV#navigation
		{
			background: url('../../images/layout/backdrop_navigatie.png') no-repeat !important;
			#background: 0;
			height: 50px;
			margin: 124px 0 0 0 !important;
			#margin: 24px 0 0 0;
			position: absolute;
			top: 70px !important;
			#top: 150px;
			width: 1000px;
			z-index: 1000000;
		}
		
	DIV#content
	{
		background: url('../../images/layout/backdrop_content.png') no-repeat;
		height: auto !important;
		min-height: 600px;
		#height: 600px;
		position: relative;
		width: 1000px;
		z-index: 1;
	}
	
		DIV#cont_left
		{
			float: left;
			line-height: 18px;
			margin: 0 0 0 21px;
			padding: 22px;
			width: 630px;
			_width: 600px;
		}
		
			DIV#cont_left P { line-height: 18px; }
			DIV#cont_left UL { list-style-position: outside; line-height: 18px; margin: 18px 0 0 17px; }
			DIV#cont_left OL { list-style-position: outside; line-height: 18px; margin: 18px 0 0 17px; }
		
		DIV#cont_right
		{
			float: left;
			margin: 48px 0 0 17px;
			padding: 22px 21px 0 0;
			width: 185px;
		}
	
			DIV.sub { margin: 0 0 40px 0; width: 254px; }
			
				DIV.sub_titel { height: 40px; width: 254px; cursor: pointer; }
				DIV#lastminute { background: url('../../images/layout/lastminute_s.jpg') no-repeat; }
				DIV#aanbiedingen { background: url('../../images/layout/aanbiedingen_s.jpg') no-repeat; }
					
					DIV.lastminute_box { margin: 0 0 20px 0; }
						DIV.lastminute_box INPUT.btn { position: absolute; margin: 0 0 0 100px; }
						DIV.lastminute_box INPUT.btn_groen { position: absolute; margin: 0 0 0 0; }
				
				DIV#poll { background: url('../../images/layout/poll_s.jpg') no-repeat; }
				DIV#nieuwsbrief { background: url('../../images/layout/nieuwsbrief_s.jpg') no-repeat; }
				DIV#socialmedia { background: url('../../images/layout/socialmedia_s.jpg') no-repeat; }
				
				DIV.sub_content
				{
					background: #D9E0EF;
					border: solid 1px #C7CFD5;
					padding: 20px 10px 10px 10px;
					width: 232px;
				}
				
				DIV#poll_backdrop { background: url('../../images/layout/backdrop_poll.jpg') no-repeat bottom right #D9E0EF; }
	
	DIV#footer
	{
		background: url('../../images/layout/backdrop_footer.jpg');
		height: 437px;
		margin: -370px 0 10px 0;
		position: relative;
		width: 1000px;
		z-index: 0;
	}

DIV#wrapper P#deindruk A { color: #FFFFFF; font-weight: normal; }

/*aicn*/
div#aicn
{
	margin-bottom: 15px;
	overflow-x: hidden;
	width: 654px;
}

	div#aicn iframe
	{
		background: #FFFFFF;
		height: 500px;
		overflow-x: hidden;
		width: 654px;
	}


/*Navigaties
-----------------------------------------------------*/
UL#topnav
{
	border: 0 !important; 
	#border-bottom: solid 3px #45A03C;
	list-style-type: none;
	margin: 0 0 0 21px;
	padding: 4px 0 0 0 !important;
	#padding: 4px 0 3px 0;
	position: absolute;
	z-index: 100000001;
}

	UL#topnav LI { display: block; float: left; }
	
		UL#topnav LI A
		{
			display: block;
			float: left;
			height: 41px;
			text-indent: -99999px;
		}
		
		UL#topnav LI A#btn_welkom { background: url('../../images/btn/welkom.png') no-repeat top left; width: 108px; }
		UL#topnav LI A#btn_wiezijnwij { background: url('../../images/btn/wiezijnwij.jpg') no-repeat top left; width: 145px; }
		UL#topnav LI A#btn_campings { background: url('../../images/btn/campings.jpg') no-repeat top left; width: 130px; }
		UL#topnav LI A#btn_accomodaties { background: url('../../images/btn/accomodaties.jpg') no-repeat top left; width: 161px; }
		UL#topnav LI A#btn_vacatures { background: url('../../images/btn/vacatures.jpg') no-repeat top left; width: 126px; }
		UL#topnav LI A#btn_verzekeringen { background: url('../../images/btn/verzekeringen.jpg') no-repeat top left; width: 169px; }
		UL#topnav LI A#btn_contact { background: url('../../images/btn/contact.png') no-repeat top left; width: 119px; }
		
		UL#topnav LI A#btn_welkom:hover { background-position: bottom left; }
		UL#topnav LI A#btn_wiezijnwij:hover { background-position: bottom left; }
		UL#topnav LI A#btn_campings:hover { background-position: bottom left; }
		UL#topnav LI A#btn_accomodaties:hover { background-position: bottom left; }
		UL#topnav LI A#btn_vacatures:hover { background-position: bottom left; }
		UL#topnav LI A#btn_verzekeringen:hover { background-position: bottom left; }
		UL#topnav LI A#btn_contact:hover { background-position: bottom left; }
		
/*Formulieren
-----------------------------------------------------*/
FORM LABEL
{
	display: block;
	float: left;
	margin: 3px 0 0 0;
	width: 130px;
}

FORM INPUT.field
{
	border: solid 1px #AAAAAA;
	float: left;
	margin: 0 0 5px 0;
	padding: 2px 3px 3px 3px;
	width: 200px;
}

INPUT.btn, INPUT.btn_groen
{
	background: url('../../images/btn/btn.png') no-repeat;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	height: 22px;
	text-align: center;
	width: 96px;
}

INPUT.btn_groen { background: url('../../images/btn/btn_groen.png') no-repeat; }

A.btnimg, A.btnimggroen
{
	background: url('../../images/btn/btn.png') no-repeat;
	display: block;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	height: 18px;
	padding: 4px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 96px;
}

A.btnimggroen { background: url('../../images/btn/btn_groen.png') no-repeat; }

INPUT.bottom
{
	position: relative;
	margin: -40px 0 0 0;
}

INPUT.bottom2
{
}

/* */
#blader_online
{
	background: #DA2315;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	display: block;
	height: 17px;
	margin: -34px 0 0 104px;
	#margin: 66px 0 0 -154px;
	padding: 3px 0 0 0;
	position: absolute;
	text-align: center;
	width: 140px;
}

/* thema btn */
A.thema
{
	background: url('../../images/btn/btn_large.jpg') no-repeat;
	color: #FFFFFF;
	display: block;
	height: 15px;
	padding: 3px 0 0 7px;
	width: 322px;
}


/* Social Media */

.socialmedia
{
	background-image: url('../../images/icons/twitter_facebook.png');
	display: inline-block;
	height: 38px;
	opacity: 0.6;
	vertical-align: middle;
	width: 38px;
}

.socialmedia:hover
{
	opacity: 1.0;
}

.socialmedia a
{
	display: block;
	height: 38px;
	width: 38px;
}

#twitter
{
	background-position: 0px 0px;
}

#facebook
{
	background-position: 38px 0px;
}

.campingblok{

}

#like_btn
{
	float: right;
	margin: -30px 0 0 0;
}