
/* 1st CSS revision by Carst van der Molen April 2006 */

body					{	margin: 0; padding: 0 0 30px 0; background: #885d64; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 17px; } /* 966 */

*						{	margin: 0; padding: 0; border: 0; }

.fir span				{	display: none; }

#container				{ 	margin: 0 0 0 0; text-align: left; }

#counter				{	display: none; }


/* GENERAL LAYOUT */

/* header */

#header					{	width: 100%; height: 359px; background: #5f7193 url(../images/header_bg.gif) -50px 10px no-repeat; padding-top: 30px; } /* 669 */
#beeld					{	margin: -20px 0 0 227px; width: 530px; height: 380px; }
#beeld					{	background: url(../images/beeld/beeld_home.gif); }

#beeld_1				{	float: left; width: 380px; height: 380px; }
#beeld_2				{	float: left; margin: 35px 0 0 -50px; width: 185px; height: 185px; }
#beeld_3				{	float: left; margin: -25px 0 0 -75px; width: 185px; height: 185px; }

#kantoor #beeld_1		{	background: url(../content/kantoor/_beeld1.jpg); }
#kantoor #beeld_2		{	background: url(../content/kantoor/_beeld2.jpg); }
#kantoor #beeld_3		{	background: url(../content/kantoor/_beeld3.jpg); }
#geschiedenis #beeld_1	{	background: url(../content/geschiedenis/_beeld1.jpg); }
#geschiedenis #beeld_2	{	background: url(../content/geschiedenis/_beeld2.jpg); }
#geschiedenis #beeld_3	{	background: url(../content/geschiedenis/_beeld3.jpg); }
#inbeeld #beeld_1		{	background: url(../content/inbeeld/_beeld1.jpg); }
#inbeeld #beeld_2		{	background: url(../content/inbeeld/_beeld2.jpg); }
#inbeeld #beeld_3		{	background: url(../content/inbeeld/_beeld3.jpg); }
#hollandia #beeld_1		{	background: url(../content/hollandia/_beeld1.jpg); }
#hollandia #beeld_2		{	background: url(../content/hollandia/_beeld2.jpg); }
#hollandia #beeld_3		{	background: url(../content/hollandia/_beeld3.jpg); }

#home #beeld img		{	display: none; }

#beeld img				{	width: 100%; height: 100%; }


/* content */

#content				{	margin-top: -2px; width: 950px; height: auto; border: 1px solid transparent; }
/* Hide from IE Mac \*/
#content				{	margin-top: 0 !important; 
							border: 1px  solid transparent !important;
							border: 0; }
/* End Hide */

#etage					{	float: left; margin: 25px 25px 0 35px !important; margin-left: 20px; width: 165px; height: 165px; }
#etage					{	margin-left: 20px; } /* IE win */

#home #etage			{	background: url(../images/etage_01.gif); }
#kantoor #etage			{	background: url(../images/etage_02.gif); }
#geschiedenis #etage	{	background: url(../images/etage_03.gif); }
#inbeeld #etage			{	background: url(../images/etage_04.gif); }
#hollandia #etage		{	background: url(../images/etage_05.gif); }

#main					{	z-index: 1; float: left; padding-bottom: 0px; width: 512px; height: auto; background: #ceaa67; } /* c96 */

#kop					{	position: relative; margin: 0 0 0 -30px; padding: 13px 0 13px 0; width: 500px; height: 24px; background-color: #ceaa67; background-position: left 13px; background-repeat: no-repeat; }

#home #kop				{	background-image: url(../images/kop_01.gif); }
#kantoor #kop			{	background-image: url(../images/kop_02.gif); }
#geschiedenis #kop		{	background-image: url(../images/kop_03.gif); }
#inbeeld #kop			{	background-image: url(../images/kop_04.gif); }
#hollandia #kop			{	background-image: url(../images/kop_05.gif); }


#sidebar				{	float: left; }

#intro					{	clear: both; width: 200px; height: auto; background: #633; padding: 10px 10px 25px 10px; color: #fff; } /* font-style: italic; 633 6A353D */

.captions				{	z-index: -1; width: 200px; height: auto; background: #e6d5b3; padding: 10px; }
.captions.first			{	margin-top: -25px; }

.beeld					{	z-index: 3; position: relative; margin: 0 0 0 -15px; width: 228px; background: #F0E5D1; padding: 22px 0 0 22px; } /* f2f2f2 */
.beeld img				{	margin: 0 22px 22px 0; width: 92px; height: 92px; }
/* .beeld a				{	display: block; } */

#inbeeld .beeld			{	width: 460px; height: auto; }

#beeldzoom				{	z-index: 5; position: absolute; padding: 15px; background-color: #F0E5D1; background-repeat: no-repeat; background-position: 15px 15px; visibility: hidden; }
#beeldzoom				{	width: 250px; height: auto; }

#beeldzoom	img 		{	width: 100%; height: 100%; }

#beeldzoom #caption		{	display: block; width: 250px; height: auto; }
#beeldzoom #caption		{	margin: 250px 0 0 0 !important;
							margin: 270px 0 0 0; }


#flow					{	float: left; margin: -5px 5px 15px 15px; width: 230px; height: auto; padding-bottom: 20px; }

#submenu				{	margin-bottom: 17px; }
#submenu ul				{ 	}
#submenu li				{ 	list-style: circle inside; }

#flow input,
#flow textarea			{	width: 200px; }


/* menu */

#menu					{	float: left; margin: 25px 0 0 -25px; }
#menu ul				{ 	padding: 10px 0 10px 0; background: #000; width: 150px; height: 130px; list-style: none; }
#menu li				{ 	float: left; padding: 0; }

#menu a,
#menu .selected			{	display: block; margin: 0 10px 0 10px; font-weight: normal; line-height: 20px; color: #ceaa67; }

#menu a:link, #menu a:visited	{	color: #fff; }
#menu a:hover, #menu a:active	{	color: #ceaa67; }

#menubeeld				{	clear: both; position: relative; margin: -25px 0 0 25px; width: 140px; height: 140px; background: #5f7193; }
#menubeeld img			{	display: none; width: 100%; height: 100%; }

#home #menubeeld		{	background: url(../content/home/_menubeeld.jpg); }
#kantoor #menubeeld		{	background: url(../content/kantoor/_menubeeld.jpg); }
#geschiedenis #menubeeld{	background: url(../content/geschiedenis/_menubeeld.jpg); }
#inbeeld #menubeeld		{	background: url(../content/inbeeld/_menubeeld.jpg); }
#hollandia #menubeeld	{	background: url(../content/hollandia/_menubeeld.jpg); }

#aankondiging {display:none;}
#home #aankondiging {
    position:relative;
    width:139px;
    height:128px;
    background:#000000;
    margin:-10px 0 0 10px;
    padding:11px 0 11px 11px;
    color:#FFFFFF;
    display:block;
}
#aankondiging a{
   margin:0;
   padding:5px 0 0 0;
}
.aankondiging-titel-1 {
    font-size:12px;
    line-height:14px;
}
.aankondiging-titel-2 {
    font-size:15px;
    line-height:30px;
    color:#ceaa67;
    font-weight:bold;
}

/* footer */

#footer					{	clear: both; margin: 0 0 0 250px; width: 520px; height: 50px; background: #000;border: 0 solid #0f0; }
#footertop				{	z-index: -1; position: relative; top: -50px; width: 520px; height: 50px; background: #000; border: 0 solid #f00; }

#footer ul				{ 	float: left; margin: -25px 0 0 10px !important; padding: 0; list-style: none; }
#footer ul				{ 	margin: -25px 0 0 5px; padding: 0; list-style: none; }

#footer li				{ 	float: left; }

#footer a, #footer .selected		{	margin: 0 30px 0 0; font-size: 10px; font-weight: normal; }
#footer a:link, #footer a:visited	{	color: #fff; }
#footer a:hover, #footer a:active	{	color: #ceaa67; } /* ccc */


#copyright				{	float: left; margin-top: 0; color: #000; font-size: 9px; text-align: left;  }




/* tabular views */

table					{	margin: 0; padding: 0; border: 0; border-collapse: collapse; }

table.main				{	width: 485px; }
td						{	vertical-align: top; padding: 0; width: auto; }


/* text */

a						{	font-weight: normal; text-decoration: none; }
a:link, a:visited		{	color: #fff; }
a:hover, a:active		{	color: #000; }

