/**
 * CSS definition for the template: frontpage
 * 
 * @author     Sead Memic
 * @copyright  VPRI Internetdiensten (c) December, 2008
 * @version    1.00
 * @platform   Easy CMS 2.7
*/

/* Padding and margin reset */
	html, body, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, td, tr, blockquote, address, form { margin:0; padding:0; font-style:normal; border:none;}


/* General */
body 					{ background:#008466 url(../images/bg.jpg) left top repeat-x; font:12px Arial,Verdana,Tahoma,sans-serif; margin:0 auto; padding:0;}
h1, h2, h3, h4, h5, h6 	{ font-weight:normal;}
h3						{ }
a 						{ text-decoration:none; }
a:hover 				{ text-decoration:none; }
p 						{ margin:0 0 1.4em;}
img						{ border:none;}
fieldset				{ border:1px solid #ccc;}


/* Layout */
#wrapper 		{ color:#333; margin:0 auto; width:966px;}
#header			{ height:275px; margin-top:5px; }
#header-text	{ position:absolute; margin-left:15px; margin-top:5px; }
#header-bg		{ position:absolute; }
#header-logo	{ position:absolute; margin-left:188px; margin-top:138px; }
#post-it		{ position:absolute; margin-left:745px; margin-top:60px; background: url(../images/postit.png) left top no-repeat; width:209px; height:203px; }
#post-it_tekst				{ margin:45px auto 0 auto; width:160px; height:125px; background-color:#FF0000; overflow:hidden; }
#post-it_close a img		{ float:right; margin:20px 25px 0 0; background: url(../images/sluiten.gif) left top no-repeat; width:53px; height:14px;}
#post-it_close a:hover img	{ background: url(../images/sluiten.gif) left -15px no-repeat; }
#content-top	{ background: url(../images/content-top.png) left top no-repeat; height:18px; margin-top:35px; }

#content		{ background: url(../images/content-bg.png) left top repeat-y; min-height:430px; height:auto !important; height:450px; z-index:10;}
#BGree	{  min-height:430px; height:auto !important; height:450px; background: url(../images/BGree.jpg) center bottom no-repeat; padding:5px 0px 5px 25px; overflow:auto; }

	#content-left			{ width:595px; float:left;}
		#content-frontpage	{ width:595px; height:243px; background-color:#C3DFD6; margin-top:1px; overflow:auto;}
		#content-header		{ width:595px; height:150px; border-bottom:1px solid #009776; padding:1px 0px;}
		#content-header h1	{ width:590px; height:45px; background:url(../images/header-bg.png); display:block; color:#fff; font-size:40px; padding-left:5px; margin-top:-48px; letter-spacing:-0.055em; }
		#content-header img	{ }
		#content-s1			{ padding:10px; margin-top:5px;}
		#content-s2			{ height:250px; margin-top:10px; margin-left:8px;}
	#content-right			{ width:300px; border-top:1px solid #009776; float:left; margin-left:22px;}
		#content-news		{ border-bottom:1px solid #009776;}
		#content-search		{ margin-left:12px; margin-top:10px;}
		#content-search form{ width:260px; height:25px; border:1px dashed #008A6B; padding:10px 5px;}
		#content-promo		{ margin-top:25px; text-indent:-9999px;}
		#content-contact	{ width:254px; height:106px; border:1px dashed #008A6B; padding:8px; margin-left:12px; margin-top:15px; background: url(../images/contact-bg.jpg) right top no-repeat;}
		#content-drempel	{ width:260px; margin-top:25px; font-size:12px; letter-spacing:0.2em; margin-left:15px; margin-bottom:15px; text-align:right;}

#content-bottom	{ background: url(../images/content-bottom.png) left top no-repeat; height:20px;}
#footer			{ text-align:center; font-size:11px; color:#E5F4F1;}
#footer-text	{ clear:both; height:40px;}


/* Menu Links */
#menu ul		{ margin:0; padding:0px 4px; z-index:10000;}
#menu li		{ list-style:none; float:left;}
#menu a			{ color:#fff; display:block; font-weight:700; height:25px; padding-top:10px; text-align:center; padding-left:15px; padding-right:15px;}
#menu a:hover	{ text-decoration:underline;}
#menu a.current	{ width:130px; background:url(../images/menu.current.png); color:#009271; text-decoration:underline; padding-left:10px; padding-right:10px;}

#footermenu		{ margin:0; padding:0px 4px; float:right;}
#footermenu li	{ list-style:none; float:left; padding:4px 10px;}
#footermenu a	{ color:#fff; display:block; font-weight:600;}
#footermenu a:hover	{ }


/* Content Links */
#content-s1 a 			{ color:#008466; text-decoration:underline; }
#content-s1 a:hover 	{ color:#008466; text-decoration:underline;  background-color:#F5F5F5}

#content-news a			{ color:#fff; text-decoration:none; }
#content-news a:hover 	{ color:#fff; text-decoration:underline;}

#content-news h2 a		{ color:#009472; text-decoration:none; }
#content-news h2 a:hover{ color:#000; text-decoration:underline;}

#content-promo a		{ background:url(../images/promo.png); width:300px; height:85px; display:block;}
#content-promo a:hover 	{ background-position:0px 85px;}

#footer a 				{ color:#fff; text-decoration:underline;}
#footer a:hover 		{ color:#fff; text-decoration:underline;}

#text-size a 			{ padding:3px; margin-left:4px; color:#333; float:left; text-align:center; padding:3px 5px;}
#text-size a:hover 		{ cursor:pointer;}

#contrast a 			{ color:#333; }
#contrast a:hover 		{ text-decoration:underline;}

/* Content Style and Various */
#content-s1 h1			{ margin:10px 0px; font-size:24px; letter-spacing:-0.05em!important; letter-spacing:-0.1em;}
#content-news h2		{ margin:10px 0px; font-size:24px; letter-spacing:-0.05em!important; letter-spacing:-0.1em; color:#009472; margin-bottom:0px;}
#content-search h2		{ font-size:24px; letter-spacing:-0.05em!important; letter-spacing:-0.1em; color:#009472; margin-bottom:-2px; margin-left:85px;}

#content-search #string	{ width:190px; height:14px; padding:2px; border:1px solid #0F9D7E; font-size:11px; color:#0F9D7E; letter-spacing:0.05em; margin-left:6px;}
#content-search div		{ float:left;}
.search-button			{ width: 40px; height:20px; background-color:#6FBCAB; border:1px solid #0F9D7E; color:#fff; font-size:11px; margin-left:6px;}
.search-button:hover	{ cursor:pointer;}

#text-size				{ position:absolute; font-weight:bold; font-size:11px; padding-top:35px; padding-left:760px; height:15px;}
	#text-size #font1		{ font-size:11px; margin-top:-3px;}
	#text-size #font2		{ font-size:15px; margin-top:-6px;}
	#text-size #font3		{ font-size:21px; margin-top: -11px;}
	
	#text-size #font1:active,	
	#text-size #font1:hover,
	#text-size #font2:active,	
	#text-size #font2:hover,
	#text-size #font3:active,	
	#text-size #font3:hover	{ border-bottom:2px solid #999;}


#contrast				{ position:absolute; font-weight:bold; font-size:11px; padding-top:8px; padding-left:760px; clear:both;}
.browsealoud-logo		{ margin-bottom: 10px; margin-left: 15px; float: right}

p { margin-left:5px;}

.left	{ float:left;}
.right	{ float:right; padding-top:45px;}
.links	{ float:left;}
.rechts { float:right;}
.center	{ width:100%; text-align:center;}

.drempelvrij	{ color:#007057; text-decoration:underline; font-weight:bold;}

.provincies		{ float:left; margin-left:5px; margin-top:28px;}
#content-s1 li	{ margin:3px;}
#content-s1 h2 { margin-bottom:10px; color:#007157; width:100%; border-bottom:1px solid #009574; padding-bottom:5px;}

/* Nieuws */
.news			{ display:block; margin-top:6px; color:#fff;}
.news a  			{ display:block; color:#333; width:258px; height:15px; padding:9px 10px; background:url(../images/news-head.gif);}
.news a:hover	{ text-decoration:underline; background-position:0px 33px;}
	
#content-frontpage-alternative	{ display:none;}

#kaartnederland		{ float: right; }