body			{margin:5px 5px; font-size:12pt; font-family:Times New Roman; color: #ffffff; text-align:center; background: #336699 url('../images/rest/background.jpg') repeat}
#pos			{margin-left:185px; z-index:1}
.toptext		{font-size:11pt; margin:0px; color:#ffcc00;}
.quinta			{font-size:36pt; margin:0px; color:#ffcc33;font-weight:bold}
.main			{width:660px; margin:auto; text-align:justify;margin-top:0px}
.box			{width:250px;border:3px solid #4d78a8; padding:6px; background: #345477;margin: 0px 0px 15px 20px;float:right;}
.box b, .box3 b	{color:#f8883d}
.box2a			{float:left;width:406px;margin:0px 20px 15px 0px}
.box2b			{width:388px;height:80px;border:3px solid #4d78a8;border-top:0px;border-bottom:0px; padding:6px; background: #345477;margin: 0px 20px 0px 0px;font-style:italic;; text-align:center}
.box2c			{width:388px;height:20px;border:3px solid #4d78a8;border-top:0px; padding:6px; background: #345477;margin: 0px 20px 5px 0px;}
.box3			{width:654px;border:3px solid #4d78a8; padding:6px; background: #345477;margin: 0px 0px 15px 0px;}
.boxleft		{width:250px;border:3px solid #4d78a8; padding:6px; background: #345477;margin: 0px 15px 15px 0px;float:left;}
.clear			{clear:both}

p				{text-align:center; margin:0px;}
img				{border:3px solid #4b709a; margin-top:0px; margin-bottom:0px }
.subtext		{font-size:20pt; text-align:center; margin-top:0px;margin-bottom:50px; color:#ffcc33}
h1, .h1			{font-size:24pt; text-align:center; margin:0px;  color:#ffcc33; font-weight: bold}
.tweede		{font-size:20pt;margin-bottom:50px; font-weight:normal}
h2, h3			{font-size:16pt; color:#f8883d	;margin:0px; font-weight: bold}
hr				{height:1px; color:#3366CC}
a:link, a:visited, a:active	{color: #FFCC00; text-decoration: none; font-weight: bold;}
a:hover 		{color: yellow; text-decoration: underline;}
ul				{margin-top:0px; margin-bottom:0px}
address			{text-align:center; margin:0px;}

.start1			{position:absolute;left:210px;top:210px; z-index:5;}
.start2			{position:absolute;left:50%;top:210px;z-index:5;width:300px}
.start2 a		{width: 22px; height:17px; float:left; display:block; text-align:center; color:#FFCC66; border:1px solid #FFFF99; font-size:10pt; padding: 1px 0px 0px 0px}
.start2 a:hover	{background-color:#3366CC}
.start2-bg		{background-color:#3366CC; }
.start3			{position:absolute;left:50%;margin-left:200px;;top:195px; height:50px;width:300px;text-align:left }

.end1			{width:80px; float:left} 
.end1 a    		{width:80px; display:block; background:url('../images/rest/flag.gif') -7px -82px no-repeat ; padding:0px 0px 0px 14px}
.end2			{width:500px; float:left; text-align:center; ; color:#f8883d;font-weight: bold } 
.end3       	{width:80px; float:right; text-align:right}
.end3 a      	{width:80px; display:block; background:url('../images/rest/flag.gif') 74px -102px no-repeat; padding:0px 14px 0px 0px; float:right}
.end4       	{width:660px}

/*- VERTICAL FREESTYLE MENU LAYOUT -*/
#include		{position:absolute; left:0px; top:0px; visibility:visible; z-index: 100;font:15px/18px; text-align:left; letter-spacing:normal; line-height:19px; }
#slide       	{position:absolute; width:158px; height:129px; z-index:1000; left:24px; top:14px; visibility:visible}

#img			{height:115px; width:153px;background:url('../images/rest/riodao.jpg');border:2px solid #4b709a;margin-right:10px;margin-left:16px}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {margin:0px 0px 0px 10px; padding:0px; width:185px; text-align:right; background-image:url('../images/rest/background.jpg'); list-style-type:none}
.menulist hr 			{width:170px; height:1px; border:none; color:#4d78a8; background-color:#4d78a8; margin-right:20px;}
/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul 			{visibility:hidden; position:absolute; top:-1px; left:188px; text-align:left; border:3px solid #4d78a8;  width:300px;  padding:0px 0px 0px 4px; line-height:19px; background: #345477}
/*All menu items (<li> tags) are relatively positioned to correctly offset their submenus. They have borders that are slightly overlaid on one another to avoid doubling up.*/
.menulist li {position:relative; border:0px none; margin-bottom:0px}
.menulist a {background:url('../images/rest/flag.gif') -40px 0px no-repeat;}
.menulist ul li a:hover {background:url('../images/rest/flag.gif') -30px 0px no-repeat; }
.menulist ul>li:last-child {margin-bottom: 1px;}
/* Links inside the menu */
.menulist a				{display:block; padding: 1px 15px 0px 0px; color:#FFCC00;}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
.menulist a:hover, .menulist a.highlighted:hover 	{
	color:#ffff00;
	background:url('../images/rest/flag.gif') 163px -100px no-repeat;
}
.menulist a.highlighted {color:#FFF; background-color:none;}
/* If you want per-item background images in your menu items, here's how to do it. 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#"> 2) Copy and paste these next lines for each link you want to have an image: .menulist a#xyz {background-image: url(out.gif);} .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {background-image: url(over.gif);}*/
/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind		{display:none;}
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li		{float:left; height: 1%;}
* html .menulist a		{height:1%;}
/* End Hack */