﻿

/***********************************************
 * DAELZICHTPLEIN.NL
 ***********************************************/

* { margin : 0; padding : 0; }


/*****************************
 * Main Settings
 *****************************/

body {
  background-color: #ffffcc;
	  scrollbar-face-color: white;
		scrollbar-highlight-color: white;
		scrollbar-shadow-color: white;
		scrollbar-3dlight-color: #999999;
		scrollbar-arrow-color: #999999;
		scrollbar-track-color: #999999;
		scrollbar-darkshadow-color: #999999;
		scrollbar-base-color: white;
}

#container {
  width: 970px;
  text-align: left;
  height: 600px;
}

/*****************************
 * Positioning
 *****************************/


#daelzichtpleinTop {
  width: 970;
  height: 150px;
  background: url('../images/roodachtermenu.png') repeat left top;
}

/*#daelzichtpleinMain {
  width: 970;
  border: 4px solid blue;
  clear: both;
}*/

/*****************************
 * TOP:	Banner, Logo, Images
 *****************************/

#daelzichtpleinLogo {
  float:left;
  padding-left: 26px;
  padding-top: 26px;
  width: 300px;
}

#topimage1 {
  float: right;
  width: 155px;
  height: 105px;
  background: url('../images/1.jpg');
}
#topimage2 {
  float: right;
  width: 155px;
  height: 105px;
  background: url('../images/2.jpg');
}
#topimage3 {
  float: right;
  width: 155px;
  height: 105px;
  background: url('../images/3.jpg');
}
#topimage4 {
  float: right;
  width: 155px;
  height: 105px;
  background: url('../images/4.jpg');
}

/* *** MENU RECHTSBOVEN *** */

#daelzichtpleinTopmenu {
text-align: left;
	margin-left: 23px;
	_margin-left: 50px;
  float: left;
  width: 400px;
  height: 22px;
  padding-top: 25px;
}

#daelzichtpleinTopmenubuttons {
  text-align: right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
  float: right;
  padding-top: 25px;
  padding-right: 20px;
  color: white;
  /*z-index: 999; position: absolute; top: 106px; left: 620px;*/
  /*position: absolute;*/ z-index: 999;/* top: 106px; left: 970px;*/
}

#daelzichtpleinTopmenubuttons A 				{color: white;font-weight: bold;}
#daelzichtpleinTopmenubuttons A:hover 	{color: yellow;font-weight: bold;}
#daelzichtpleinTopmenubuttons .daelzichtlink A 				{color:#ffcc00; font-size: 13px; font-weight: bold;}
#daelzichtpleinTopmenubuttons .daelzichtlink A:hover 	{color:#fff; font-size: 13px;font-weight: bold;text-decoration: none;}


/*******************************
 * MAIN:	Leftmenu, Maincontent
 *******************************/

#maincontent {
  padding-top: 50px;
  float: right;
	background: #ffffcc url('../images/bg.gif') no-repeat;
	width: 738px;
	height: 600px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

#maincontent P { border: 0px solid red; width: 450px; padding: 0px 0px 20px 0px;}

#maincontentjubileum {
  padding-top: 50px;
  float: right;
	background: #ffffcc url('../images/bgjubileum.gif') no-repeat;
	width: 738px;
	height: 600px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

#maincontentjubileum P { border: 0px solid red; width: 450px; padding: 0px 0px 20px 0px;}


.csc-textpic {
 border: 0px solid red;
 width: 450px;
}

#leftmenu {
  float: left;
  width: 185px;
  /* height: 95%;*/
  min-height: 100%;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  padding-top: 45px;
}
#leftmenuX {
  padding-top: 45px;
}

#center { /* for Firefox, or else the background left will not be displayed */
	width: 1px;
	min-height: 100%;
	float: none;
	clear: both;
}

#clearing {
	clear: both;
}

#spacer {
	float: left;
	background-color: blue;
}

#pages {
	width: 100%;
	bg-color:red;

	background: url('../images/roodachtermenu.png') repeat-y left top;
}

#pagesjubileum {
	width: 100%;
	bg-color:red;

	background: url('../images/roodachtermenu.png') repeat-y left top;
}

.footer {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	padding: 3px 3px;
	background: #000000;
	width: 970px;
	text-align: center;
	position: relative;
}

.menuopmaak {
  width: 185px;
  padding: 0px 0px 19px 28px;
}

.menuopmaakDropdown {
visibility: show;
  background-color: #bb0000;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  width: 255px;
}
.menuopmaakDropdown_rollover {
  background: #cccc55;
  background-repeat: no-repeat;
  background-position: top right;
}


.menuopmaak_normaal {
}
.menuopmaak_normaal A,
.menuopmaak_normaal A:link,
.menuopmaak_normaal A:visited,
.menuopmaak_normaal A:active {color: #ffffcc; text-decoration: none; font-weight: bold;}
.menuopmaak_normaal A:hover 		{color: #ffffcc; text-decoration: underline; font-weight: bold;}


.menuopmaak_aktief {
  background:  url('../images/bg_menu_geselecteerd.gif');
  background-repeat: no-repeat;
  background-position: top right;
  width: 157px;
}
.menuopmaak_aktief A,
.menuopmaak_aktief A:link,
.menuopmaak_aktief A:visited,
.menuopmaak_aktief A:active {color: #ffffcc; text-decoration: none; font-weight: bold;}
.menuopmaak_aktief A:hover 		{color: #ffffcc; text-decoration: underline; font-weight: bold;}

.dividerVert {
	float: left;
	width: 1px;
	background: #888888;
	height: 100%;
}

.divider {
	width: 970px;
	height: 1px;
	background: #888888;
}

.csc-firstHeader,csc-header csc-header-n1,h1,h3 {
  margin: 0px 0px;
  padding: 0px 0px 10px 0px;
	font-size: 13px;
	font-weight: bold;
  /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
  color: #333333;
}
A:link 			{color: #333333; text-decoration: none; font-weight: bold;}
A:visited 	{color: #333333; text-decoration: none; font-weight: bold;}
A:active 		{color: #333333; text-decoration: none; font-weight: bold;}
A:hover 		{color: #333333; text-decoration: underline; font-weight: bold;}

/*gastenboek*/

.gastenboek { }
.gastenboek_bericht {margin-bottom : 20px;}
.bericht_header { border: 1px solid #333333; height: 20px; background-color: #cc0000;}
.schrijver { float:left; width: 300px; font-size:13px; color: #ffcc00; padding: 3px; }
.datum { float:right; width: 297px; text-align: right; color: white; padding: 3px; }
.bericht { border: 1px dotted #333333; text-align: left; padding: 5px; margin-top: 3px; }
.schrijftext { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}


/*
ul {width: 450px;padding-left: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; }
ol {width: 450px;padding-left: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; }
li {margin-left: 10px; list-style-position: top; }
hr {width: 450px;}*/
#maincontent ul { padding-left: 0px; margin-left: 15px; margin-bottom: 10px;}
#maincontent ul li { margin-left: 0px; padding-left: 0px; list-style-type: disc;}

.tx-inconews-pi1 ul { padding-left: 0px; margin-left: 15px; margin-bottom: 10px;}
.tx-inconews-pi1 ul li { margin-left: 0px; padding-left: 0px; list-style-type: disc;}

hr { border-bottom: 1px solid;}
/* het fotoalbum */
.fotoAlbum {
	clear: both;
  border: 0px solid red;
  width: 550px;
  padding: 0px 0px;
}

.fotoAlbumFoto {
  width: 190px;
  border: 0px solid red;
  text-align: center;
  padding-bottom: 50px;
  float: left;
}

.fotoAlbumText {
  width: 340px;
  text-align: left;
  text-valign: top;
}



/* INCONEL NIEUWS */
.newsitemContainer {
  width: 450px;
}

/* SUCKERFISH - MENU */
.container_defaultMenuClassName_vertical {
	margin: 0px; padding: 0px; margin-left: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
}
.container_defaultMenuClassName_vertical img{   width: 15px; height: 15px; overflow: hidden;}
.container_defaultMenuClassName_vertical ul { margin: 0px; padding: 0px; }
.container_defaultMenuClassName_vertical ul li { margin: 0px; padding: 0px; margin-left: 0px; }

ul.defaultMenuClassName_vertical {
	/*padding-top: 45px;*/
}
.important { /*rood*/ font-weight: bold; color: #ff9934; /*color: cc0000;*/ }
.name-of-person { /*blauw*/ font-weight: bold; color: #66ccfd; }
.detail { /*detail*/ font-weight: bold;  color: #36cc35;}


.csc-textpic { width: 650px; }

