@import "clevercms.css";

/* SYNTUS CSS Document */
body,td,th 							{ font-family:Arial; color:#000000; line-height:18px;}


body 								{ margin:0px; background:url(../img/bg_drempelvrij.jpg) repeat-x; }
img									{ border:0px; }
a { color: #000000; }
a span {}


p                                   {padding:0px; margin:0px;}
#container							{ position:absolute; margin-left:-490px; left:50%; width:980px; background:url(../img/bottom.jpg) bottom no-repeat #FFF; }
#top								{ width:980px;height:106px;background:url(../img/logo_syntus.gif) top left no-repeat; }

/* NIEUWE DREMPELSVRIJ CODE */
.header								{ clear: both; width: 980px; font-size:0.75em; }
.header	.logo						{ float: left; width: 670px; height: 80px; }
.header	.logo h1					{ float: left; margin: 0; padding: 0; }
.header	.logo .logo2	{ float: left; width: 175px; height: 80px; background: url(../img/logo_syntus.gif) top left no-repeat; display: block; text-indent: -9999px; overflow: hidden; }
.header	.drempelvrijtools			{ float: left; padding-right: 10px; padding-top: 15px; width: 300px;}
.header	.drempelvrijtools .contrast { float: left;  width:65px;}
.header	.drempelvrijtools .contrasticons { float: left; padding: 0px 10px 0 5px;}
.header	.drempelvrijtools .contrasticons .meercontrast { float: left; background: url(../img/contrast_meer.png) top left no-repeat; width: 18px; min-height: 18px; display: block; text-indent: -9999px; overflow: hidden; border: 0px; padding:0; margin:0 5px 0 5px; cursor: pointer; font-size: 0px; line-height: 0px;}
.header	.drempelvrijtools .contrasticons .normaalcontrast { float: left; background: url(../img/contrast_normaal.png) top left no-repeat; width: 18px; min-height: 18px; display: block; text-indent: -9999px; overflow: hidden; border: 0px; padding:0; margin:0 5px 0 0; cursor: pointer; font-size: 0px; line-height: 0px  }
.header	.drempelvrijtools .contrasticons .mindercontrast {float: left; background: url(../img/contrast_minder.png) top left no-repeat; width: 18px; min-height: 18px; display: block;  text-indent: -9999px; overflow: hidden; border: 0px; padding:0; margin:0; cursor: pointer; font-size: 0px; line-height: 0px}
.header	.drempelvrijtools .lettergrootte  { float: left; width:80px; }
.header	.drempelvrijtools .lettergrootteicons .normaal  { float: left; background: url(../img/a1.png) top left no-repeat; width: 18px; min-height: 18px; display: block; text-indent: -9999px; overflow: hidden; border: 0px; padding:0; margin:0; cursor: pointer;  font-size: 0px; line-height: 0px}
.header	.drempelvrijtools .lettergrootteicons .middel  { float: left; background: url(../img/a2.png) top left no-repeat; width: 18px; min-height: 18px; display: block; text-indent: -9999px; overflow: hidden; border: 0px; padding:0; margin:0; cursor: pointer; font-size: 0px; line-height: 0px }
.header	.drempelvrijtools .lettergrootteicons .groot  { float: left; background: url(../img/a3.png) top left no-repeat; width: 18px; min-height: 18px; display: block; text-indent: -9999px; overflow: hidden; border: 0px; padding:0; margin:0; cursor: pointer;  font-size: 0px; line-height: 0px}
.header	.drempelvrijtools .lettergrootteicons  { float: left; padding: 0px 10px 0 5px; }
.header	.drempelvrijtools .spraak   { float: right; }
.header	.drempelvrijtools .spraakicons   { float: right; padding: 0px 10px 0 5px; }
.menu								{ float: left; width: 970px; padding:0 0 1px 10px; border-bottom: 1px solid #cdcdcd; font-size:0.75em; }
.invisible { display: none; }
h1, .header1 { font-size:1.5em; }
h2, .header2 { font-size:1.25em; }
h3, .header3 { font-size:1em; }

.content							{ float: left; width: 980px; padding-top: 25px; font-size:0.75em; line-height: 1.5em; min-height: 200px;}
.content .links						{ float: left; width: 200px; padding: 0 10px; }
.content .links h2					{ min-height:30px; _height: 30px; line-height:30px;font-weight:bold;background:url(../img/1_nav.gif) repeat-x;padding-bottom:10px;color:#000000;padding-left:2px;}
.gegevens { background:url(../img/bullet_list.gif) left top no-repeat; padding:0 0 20px 20px; }

.content .midden					{ float: left; width: 520px; padding: 0 10px; }
.content .midden h2					{ min-height:30px; _height: 30px; line-height:30px;font-weight:bold;background:url(../img/1_nav.gif) repeat-x;padding-bottom:10px;color:#000000;padding-left:2px; }
.content .rechts					{ float: left; width: 200px; padding: 0 10px; }
.content .rechts h2					{ min-height:30px; _height: 30px; line-height:30px;font-weight:bold;background:url(../img/1_nav.gif) repeat-x;padding-bottom:10px;color:#000000;padding-left:2px;}
.content .middenvervolg				{ float: left; width: 740px; padding: 0 10px; }
.content .middenvervolg	h2			{ min-height:30px; _height: 30px; line-height:30px;font-weight:bold;background:url(../img/1_nav.gif) repeat-x;padding-bottom:10px;color:#000000;padding-left:2px;}
.footer								{ float: left; width: 980px;}

#header								{ width:980px;height:205px; }
#headervervolg						{ width:980px;height:155px; }
#content							{ width:980px;padding-bottom:25px; }
#footer								{ margin:0px;width:965px;height:30px;line-height:30px;padding-right:15px;text-align:right;font-size:0.6875em;color:#999999; }
#footer a							{ color:#999999; }
#footer a:hover						{ color:#666666; }
#navcontainer	 					{ float:left; height:33px; }
#navcontainer ul 					{ padding:0; margin:0;}
#navcontainer ul li	 				{ display:inline; height:33px; margin:0px; padding:0px; }
#navcontainer ul li a	 			{ float:left; padding-left:10px; padding-right:10px; color:#000000; font-weight:bold; border-right:1px solid #fff; text-decoration:none; height:33px; line-height:33px; }
#navcontainer ul li.tussen 			{ background:url(../img/tussenstukje.gif) no-repeat;height:33px;width:1px; float:left; }
#navcontainer ul li.but1 a:hover 	{ background:url(../img/1_nav.gif) repeat-x;height:33px; }
#navcontainer ul li.but1 a.aan 		{ background:url(../img/1_nav.gif) repeat-x; }
#navcontainer ul li.but2 a:hover 	{ background:url(../img/1_nav.gif) repeat-x;height:33px; }
#navcontainer ul li.but2 a.aan 		{ background:url(../img/1_nav.gif) repeat-x; }
#navcontainer ul li.but3 a:hover 	{ background:url(../img/1_nav.gif) repeat-x;height:33px; }
#navcontainer ul li.but3 a.aan 		{ background:url(../img/1_nav.gif) repeat-x; }
#navcontainer ul li.but4 a:hover 	{ background:url(../img/1_nav.gif) repeat-x;height:32px; }
#navcontainer ul li.but4 a.aan 		{ background:url(../img/1_nav.gif) repeat-x; }
#navcontainer ul li.but5 a:hover 	{ background:url(../img/1_nav.gif) repeat-x;height:33px; }
#navcontainer ul li.but5 a.aan 		{ background:url(../img/1_nav.gif) repeat-x; }
#navcontainer ul li.but6 a:hover 	{ background:url(../img/1_nav.gif) repeat-x;height:33px; }
#navcontainer ul li.but6 a.aan 		{ background:url(../img/1_nav.gif) repeat-x; }
#navcontainer ul li.but7 a:hover 	{ background:url(../img/1_nav.gif) repeat-x;height:33px; }
#navcontainer ul li.but7 a.aan 		{ background:url(../img/1_nav.gif) repeat-x; }


form								{ padding:0;margin:0; }
#home_handigelinks					{ float:left;width:200px; }
#home_reisinformatie				{ float:left;width:321px;padding:30px 12px 10px 12px; /*background:url(../img/bg_reisinformatie.jpg) bottom no-repeat;*/ }
#home_nieuws						{ float:left;width:190px;padding-left:10px;padding-right:10px; }
#home_banners						{ float:left;width:195px;padding-left:10px;padding-right:10px;padding-top:10px;text-align:right; }
.opsomming ul 						{ padding:0;margin:0;width:100%; }
.opsomming ul .dieper li a			{ background:none; text-decoration:none;padding-left:20px;color:#000;padding-bottom:7px;line-height:15px; }
.opsomming ul .dieper li a:hover,
.opsomming ul .dieper li a.aan		{ background:none; text-decoration:none; color:#666666;}
.opsomming ul li 					{ list-style:none; }
.opsomming ul li a 					{ display:list-item;text-decoration:none;background:url(../img/bullet_list.gif) left top no-repeat;padding-left:20px;color:#000;padding-bottom:7px;line-height:15px; }
.opsomming ul li a:hover,
.opsomming ul li a.aan		{ background:url(../img/bullet_list_green.gif) left top no-repeat; }

.leesmeer							{ display:block;width:85px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
.leesmeer:hover						{ display:block;width:85px;background:url(../img/bullet_list_darkgreen.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
.leesmeer1							{ float:right; width:85px; background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;}
.leesmeer1:hover					{ float:right; width:85px; background:url(../img/bullet_list_darkgreen.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;}

.leesmeer-actie						{ display:block;width:85px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
.leesmeer-actie:hover				{ display:block;width:85px;background:url(../img/bullet_list_purple.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
.leesmeer1-actie					{ float:right;width:85px; background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;}
.leesmeer1-actie:hover				{ float:right;width:85px; background:url(../img/bullet_list_purple.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;}

.terug								{ display:block;width:150px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
.terug:hover						{ display:block;width:150px;background:url(../img/bullet_list_darkgreen.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
.terug-actie						{ display:block;width:150px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
.terug-actie:hover					{ display:block;width:150px;background:url(../img/bullet_list_purple.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }

a.gaterug							{ display:block;width:150px;background:url(../img/bullet_list.gif) right bottom no-repeat;font-weight:normal;text-decoration:none;padding-top:10px; }
a.gaterug:hover						{ background:url(../img/bullet_list_darkblue.gif) right bottom no-repeat; }