@import "clevercms.css";

/* Layout style */
body 									{background: url(../img/bg.jpg) repeat-x top center; margin: 0px; padding: 0px; font-family: Arial;}
img 										{margin:0px; border:0px;}
table									{font-size:12px;}

a										{color:#000000; text-decoration:underline;}

#box 									{background: url(../img/bg_wolken.jpg) top center no-repeat; margin: 0px; padding: 0px; width: 100%; height:775px;}
#container 								{margin-left: -490px; left:50%; padding: 0px; width: 980px; position: relative; overflow: hidden;}

#content-vervolg h1, 
#content-vervolg h2,
#content-vervolg h3						{font-size: 12px; background: #FFFFFF;}
h3 										{font-size: 12px; color: #034d6b;}
h4 										{font-size: 11px; color: #666666; margin: 0px; padding: 0px;}

.sIFR-active h1.blauw					{visibility:hidden; /* belangrijk */ line-height:1em; /* belangrijk */ font-size:18px; margin:0px;}
.sIFR-active h1.BLAUW					{visibility:hidden; /* belangrijk */ line-height:1em; /* belangrijk */ font-size:18px; margin:0px;}
.sIFR-active h1.titel 					{visibility:hidden; /* belangrijk */ line-height:1em; /* belangrijk */ font-size:22px; margin:10px 0px 0px 0px;}

#logo									{float:left; left:0px; top:5px; width:255px; height:165px; z-index:10; position:relative;}
#header									{float:right; height:84px; background:url(../img/header.jpg) no-repeat; width:725px;}

#topitems								{float:right; width:530px; _width:540px; height:35px; margin:0px; padding:0px;}
#topitems ul							{margin:0px; padding:0px;}
#topitems li							{line-height:26px; display:inline; float:left;}
#topitems li a							{font-size:12px; color:#000000; padding:0px 8px; text-decoration:none;}	
#topitems li a:hover					{color:#0046AD; text-decoration:none;}	
#topitems li a.aan						{color:#0046AD; text-decoration:none; font-weight:bold;}	


#vlaggetjes ul							{margin:0px; padding:0px;}
#vlaggetjes li							{display:inline; float:right; margin:0px; padding:0px;}
#vlaggetjes li div					{float:left; display:block; width:16px; overflow:hidden; margin:0px 3px; padding:0px;}
#vlaggetjes li div a					{float:left; display:block; width:16px; overflow:hidden; margin:0px 0px; padding:0px;}
#vlaggetjes li div a:hover 				{text-indent:-16px;}
#vlaggetjes li div a.aan				{text-indent:-16px;}

	
#taalkeuze								{width:65px; float:right;}
#menu									{width:725px; height:37px; margin:0px; padding:0px; float:right;}
#menu div 								{float:left; font-size:14px; height: 30px; display:inline; margin: 0px;}
#menu div a								{text-decoration: none; color: #000000; line-height: 29px; display:block; padding:0px 10px;}
#menu div a:hover,
#menu div a.aan							{text-decoration: none; color: #34B233; line-height: 29px; display:block;}

#menu div a.verhuur:hover,
#menu div a.verhuuraan					{text-decoration: none; color: #ec6500; line-height: 29px; display:block;}
#menu div a.animatie:hover,
#menu div a.animatieaan					{text-decoration: none; color: #d0000a; line-height: 29px; display:block;}
#menu div a.omgeving:hover,
#menu div a.omgevingaan					{text-decoration: none; color: #008c31; line-height: 29px; display:block;}
#menu div a.voorzieningen:hover,
#menu div a.voorzieningenaan			{text-decoration: none; color: #0088ba; line-height: 29px; display:block;}
#menu div a.horeca:hover,
#menu div a.horecaaan					{text-decoration: none; color: #730206; line-height: 29px; display:block;}

#animatie								{float:left; margin:-44px 0px 0px 0px; padding:0px; width:980px; height:351px; z-index:0;}
#afbeelding								{float:left; margin:-44px 0px 0px 0px; padding:0px; width:980px; z-index:0;}

#kleur-groen							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-groen.png) right bottom repeat-y; z-index:5; position:relative; opacity:.95;  -moz-opacity:.95; _filter: none;}
#kleur-blauw							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-blauw.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}

#KLEUR-GROEN							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-groen.png) right bottom repeat-y; z-index:5; position:relative; opacity:.95;  -moz-opacity:.95; _filter: none;}
#KLEUR-GEEL								{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-geel.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}
#KLEUR-BLAUW							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-blauw.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}

#KLEUR-VERHUUR							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-verhuur.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}
#KLEUR-ANIMATIE							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-animatie.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}
#KLEUR-OMGEVING							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-omgeving.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}
#KLEUR-VOORZIENINGEN					{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-voorzieningen.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}
#KLEUR-HORECA							{float:left; width:980px; min-height:350px; _height:350px; margin:-20px 0px 0px 0px; padding:0px; background:url(../img/bg-main-horeca.png) right bottom repeat-y; z-index:5; position:relative; -moz-opacity:.95; opacity:.95; _filter: none;}

#content								{float:left; width:730px; height:230px; margin:0px; padding:0px; line-height:18px;}
#content-vervolg						{float:left; width:730px; margin:20px 0px 0px 0px; padding:0px 0px 20px 0px; line-height:22px;}

.breadcrumb								{font-size:10px; padding:15px 0px 0px 20px;}
.breadcrumb a							{font-size:10px; text-decoration:underline; color:#000000;}

#elements-right							{float:right; width:241px; height:320px; color:#FFFFFF; z-index:10; margin-top:-21px; position:relative; filter: alpha(opacity=95); -moz-opacity:.95; opacity:.95;}

.kolom									{float:left; width:320px; margin-right:20px;}
.kolom-rechts							{float:left; width:320px;}
.leesmeer								{float:right;}
.banner1								{width:243px; height:82px; background:#34B233; float:left; border:1px solid #FFF; border-bottom:none; z-index:10;}
.banner2								{width:243px; height:82px; background:#0046AD; float:left; border:1px solid #FFF; border-bottom:none;}
.banner3								{width:243px; height:82px; background:#FECB00; float:left; border:1px solid #FFF;}

.aanbiedingen							{width:242px; height:230px; background:#0046AD; float:right; border:1px solid #FFF; border-right:none; z-index:10; margin-left:1px;}
.aanbiedingen a 							{color:#0046AD; text-decoration:none;}
.but_wit 								{width:100px; height:20px; background:#FFFFFF; color:#0046AD; text-align:center; line-height:20px; margin-top:15px;}
.but_blauw 								{width:60px; height:20px; background:#BFD1EA; color:#0046AD; text-align:center; line-height:20px; margin-top:15px; margin-bottom:5px; float:right; text-decoration:none;}
.but_blauw:hover 						{width:60px; height:20px; background:#0046AD; color:#FFFFFF; text-align:center; line-height:20px; margin-top:15px; margin-bottom:5px; float:right; text-decoration:none;}

#aanbieding								{float:left; width:320px; background:url(../img/border-aanbieding.gif) repeat-x left bottom; padding-top:5px;}
.aantal_aanbiedingen					{height:19px; top:140px; position:absolute;}
.aantal_aanbiedingen ul					{margin:0px; padding:0px;}
.aantal_aanbiedingen li					{line-height:19px; padding:0px; margin:0px; display:inline;}
.aantal_aanbiedingen li.first div  		{float:left; display:block; height:19px; width:19px; overflow:hidden; margin:0px;}
.aantal_aanbiedingen li.first a:hover 	{text-indent:-19px;}
.aantal_aanbiedingen li.first div.aan 	{text-indent:-19px;}
.aantal_aanbiedingen li div  				{float:left;display:block; height:19px; width:19px; overflow:hidden; margin-left:8px;}
.aantal_aanbiedingen li a:hover			{text-indent:-19px;}
.aantal_aanbiedingen li div.aan			{text-indent:-19px;}

#tonen									{color:#FFFFFF; width:200px; height:200px; margin:0px; padding:0px; position:absolute; top:60px; left:20px;}
#rood									{display:none; background:#0046AD;}
#blauw									{display:none;}
#groen									{display:none;}
#geel									{display:none;}
#paars									{display:none;}
#roze									{display:none;}
#bruin									{display:none;}

#submenu-right							{float:right;  width:242px; border:1px solid #FFF; border-right:none; border-bottom:none; z-index:10; color:#FFFFFF; margin:0px; position:relative;}
#submenu-right ul						{margin:0px; padding:0px;}
#submenu-right li						{height:26px; width:200px; float:left; list-style:none;}

#kleur-groen #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menugroen.jpg) top left no-repeat;}	
#kleur-blauw #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menublauw.jpg) top left no-repeat;}	

#KLEUR-GROEN #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menugroen.jpg) top left no-repeat;}	
#KLEUR-GEEL #submenu-right li a			{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menugeel.jpg) top left no-repeat;}	
#KLEUR-BLAUW #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menublauw.jpg) top left no-repeat;}	
#KLEUR-VERHUUR #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menuverhuur.jpg) top left no-repeat;}	
#KLEUR-ANIMATIE #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menuanimatie.jpg) top left no-repeat;}	
#KLEUR-OMGEVING #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menuomgeving.jpg) top left no-repeat;}	
#KLEUR-VOORZIENINGEN #submenu-right li a{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menuvoorzieningen.jpg) top left no-repeat;}	
#KLEUR-HORECA #submenu-right li a		{display:block; line-height:26px; color:#FFFFFF; text-decoration:none; background:url(../img/border_menuhoreca.jpg) top left no-repeat;}	



#submenu-right li a:hover				{color:#FFFFFF; text-decoration:none; font-weight:bold;}	
#submenu-right li a.aan					{color:#FFFFFF; text-decoration:none; font-weight:bold;}	

#content-right							{float:right; padding:0px; margin:0px; width:242px; border:1px solid #FFF; border-right:none; border-bottom:none; z-index:10; color:#FFFFFF; margin:0px; position:relative;}

#bg-footer								{background: url(../img/bg-footer-home.jpg) top center no-repeat; position: relative; margin:-90px 0px 0px 0px; padding: 0px; width: 100%; height: 90px;}
#bg-footer-vervolg						{background: url(../img/bg-footer.jpg) top center no-repeat; margin: 0px; padding: 0px; width: 100%; height: 90px; margin-top:-60px;}
#footer 								{margin-left: -490px; left:50%; padding: 0px; width: 980px; position: relative; font-size:10px; color:#999999;}
.footer-tekst							{float:right; margin-top:70px;}
.footer-tekst ul						{margin:0px; padding:0px;}
.footer-tekst li						{display:inline; margin-left:8px;}
.footer-tekst li a					{display:inline; margin-left:4px; text-decoration:underline; color:#999999;}

input.formulier_veld, 
select.formulier_veld,
textarea.formulier_veld_multiline		{font-family: Arial; font-size: 12px; display:block; float:left; margin-top:3px; margin-bottom:3px; padding:1px; border:1px solid #666666;}
.formulier_veldtitel					{padding-left:20px;}
.formulier_button 						{width:80px; height:20px; background:#0046AD; color:#FFFFFF; border:none; font-weight:bold; font-size:12px; text-align:center; line-height:18px; margin-top:15px; margin-bottom:5px; float:left; text-decoration:none; cursor:hand;}

.slideshow								{margin:0px; padding:0px;}
.slideshow div							{position:absolute; margin:0px; padding:0px; background:#0046AD; width:200px; height:200px;}

.sIFR-flash 							{visibility: visible !important; margin:0; padding:0;}
.sIFR-unloading .sIFR-flash 			{visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore 			{visibility: visible !important;}
.sIFR-alternate 						{position:absolute; left:0; top:0; width:0; height:0; display:block; color:#000000; overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus		{margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-dummy 							{width:0px; height:0px; margin-left:42px; z-index: 0;}

#block_header_text						{background:url(../img/vb-header.jpg) no-repeat; width:750px; height:99px; font-size:11px; color:#FFF;}