/* GroteMaten CSS */

/*--------------------------------------------------------------
STANDAARD KLASSEN
--------------------------------------------------------------*/
body
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}
body, select, input, textarea, table
{
    font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 13px;
	font-weight: normal;
	color: #5F5F5F;
}
form
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
h1
{
	font-size: 20px;
	font-weight: bold;
	color: #F04093;
	margin-top: 0px;
}
h2
{
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #F04093;
	text-align: right;
	margin-top: 5px;
}
h3
{
	padding: 0px;
	margin: 0px;
}
h4
{
	clear: both;
	border-bottom: 1px solid #51d1db;
	font-size: 12px;
	color: #51D1DB;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
}
ul
{
	list-style-type: square;
	list-style-image: url("Images/list_pink.gif");
    margin-top: 0px;
    margin-bottom: 0px;
}
img
{
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}
input
{
	font-family: "Trebuchet MS", Arial, Verdana;
	color: #5F5F5F;
}
	textarea
	{
		border: 1px solid #737373;
	}
	input.textfield
	{
		border: 1px solid #737373;
		width: 180px;
		padding-left: 3px;
		padding-right: 3px;
		font-family: "Trebuchet MS", Arial, Verdana;
	}
	input.textfield[readonly], textarea[readonly], textarea[readonly], input.textfield[disabled], textarea[disabled], select[disabled]
	{
		background: #E2E2E2;
	}
	input.textfield:hover
	{
		border: 1px solid #51D1DB;
	}

a
{
	outline: none;
}

/* Donkergrijze links */
#footer a
{
	text-decoration: none;
	color: #737373;
}
	#footer a:hover
	{
		text-decoration: underline;
		color: #737373;
	}
/* Blauwe links */
a,
a.blueLink
{
	text-decoration: none;
	color: #5AD3DC;
}
a:hover,
a.blueLink:hover
{
	text-decoration: underline;
	color: #5AD3DC;
}

/* Roze links */
a.pinkLink
{
	text-decoration: none;
	color: #F04093;
}
	a.pinkLink:hover
	{
		text-decoration: underline;
		color: #F04093;
	}

/*--------------------------------------------------------------
LAYOUT-KLASSEN
--------------------------------------------------------------*/
#siteContainer
{
	width: 995px;
	text-align: left;
    /*background: url("Images/content_back.gif") top right no-repeat;*/
	background-color: #F0FCFF;
	border-left: 1px solid #FAB4D6;
	border-right: 1px solid #FAB4D6;
}
	#header
	{
		position: relative;
		text-align: left;
		width: 100%;
		height: 80px;
	}

	#menu
	{
		position: relative;
		float: left;
		width: 244px;
		_width: 240px;
		padding-left: 10px;
		padding-right: 0px;
		/*border-right: 1px solid #65D6DF;*/
	}
		#menu .menuBlock
		{
			position: relative;
			width: 235px;
		}
			#menu .menuBlock .menuBlockTop
			{
				position: relative;
				background: url("Images/menuTop.gif") top left no-repeat;
				height: 41px;
				text-align: right;
				padding-right: 10px;
			}
				#menu .menuBlock .menuBlockTop h3
				{
					float: right;
					position: relative;
					padding-top: 5px;
					font-size: 13px;
					font-weight: bold;
					color: #ffffff;
				}
				#menu .menuBlock .menuBlockTop img
				{
					position: absolute;
					float: left;
					top: 5px;
					left: 5px;
				}
			#menu .menuBlock .menuBlockInhoud
			{
				position: relative;
				text-align: justify;
				background-color: #ffffff;
				padding: 10px;
				border-left: 1px solid #65D6DF;
				border-right: 1px solid #65D6DF;
			}
				#menu .menuBlock .menuBlockInhoud p
				{
					margin: 0px;
					padding: 0px;
					padding-bottom: 15px;
				}
				#menu .menuBlock .menuBlockInhoud ul.menuList
				{
					list-style-image: url("Images/list_pink.gif");
					margin: 0px;
					padding: 0px;
					padding-left: 20px;
				}
					#menu .menuBlock .menuBlockInhoud ul.menuList li.menuBlue
					{
						list-style-image: url("Images/list_blue.gif");
					}
			
			#menu .menuBlock .menuBlockBottom
			{
				position: relative;
				_margin-left: 2px;
				background: url("Images/menuBottom.gif") top left no-repeat;
				height: 8px;
				margin-bottom: 10px;
			}
        
	#content
	{
		position: relative;
		float: right;
		width: 740px;
    }
		#content #contentInhoud
		{
	        padding: 0px 15px 0px 0px;
	        overflow: hidden;
	        text-align: justify;
	        margin-top: 10px;
		}
		#content #contentInhoud img.contentImage
		{
			margin: 30px auto 30px auto;
		}
	
	#footer
	{
		position: relative;
		clear: both;
		width: 100%;
		height: 25px;
        background: url("Images/footer_back.jpg") top left repeat-x;
		padding-top: 20px;
	}
	    #footer #footerInhoud
	    {
            position: relative;
            text-align: center;
            /*text-align: right;
	        padding: 5px 210px 0px 15px;*/
	        color: #F04093;
	    }

/*--------------------------------------------------------------
LOSSE KLASSEN (herbruikbaar)
--------------------------------------------------------------*/
img.headerImg
{
	position: absolute;
	top: 10px;
	right: 10px;
}
img.contenticon
{
	float: left;
	padding-right: 10px;
}
img.contentImage
{
	/* centreren */
	display: block;
    margin-left: auto;
    margin-right: auto;
}
.centeredDiv
{
	width: 100%;
	text-align: center;
}
.bannerRotator
{
	text-align: center;
}
	.bannerRotator img
	{
		margin-top: 0px;
	}

/* Alle boxen (Blue en Pink) */
.boxBlue, .boxBlue_full, .boxPink, .boxPink_full
{
	position: relative;
	float: left;
	width: 30%;
	border-left: 10px solid #5ad3dc;
	border-bottom: 1px solid #ffffff;
	padding-left: 6px;
	margin-bottom: 10px;
	_margin-bottom: -5px;
}
	/* Blue boxen */
	.boxBlue, .boxBlue_full
	{
		_margin-bottom: 10px;
	}
	/* Pink boxen */
	.boxPink, .boxPink_full
	{
		border-left: 10px solid #f04093;
		border-bottom: 1px solid #ffffff;
	}
	/* Full boxen */
	.boxBlue_full, .boxPink_full
	{
		width: 98%;
	}

.clearDiv
{
	clear: both;
	height: 0px;
	visibility: hidden;
}
.warning
{
	color: #ff0000;
}
.emptyData
{
	width: 100%;
	margin-top: 20px;
	text-align: center;
	color: #D21E1E;
}
.pinkText
{
	color: #f04093;
}
.boxImage
{
	position: relative;
	padding-left: 0px;
	width: 33%;
	float: left;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
LOSSE KLASSEN (een keer voorkomend)
--------------------------------------------------------------*/
.legeUL
{
	list-style-type: none;
	list-style-image: url("");
}

.toonNiet
{
	display: none;
}

ul.gastenboekBericht
{
	margin: 0px;
	padding: 5px 20px 5px 20px;
}

.formViewBeheer,
.formViewBeheerBanners
{
	background-color: #FFFFFF; 
	border: 1px solid #737373;
	padding: 25px 8px 0px 6px;
}

.formViewBeheer
{
	width: 500px;
}

.formViewBeheerBanners
{
	width: 98%;
}

	.formViewBeheerBanners input.textfield
	{
		width: 200px;
	}

.RubriekHeaderLinks
{
	float: left;
	height: 100%;
	width: 45%;
	vertical-align: top;
}

.HtmlContent
{
	float: left;
	height: 100%;
	width: 100%;
}

/* Login tabel */
.loginBody
{
	color: #5ad3dc;
}

/* Maten tabel */
table.matenTabel
{
	width: 100%;
	font-size: 11px;
}
	table.matenTabel tr td
	{
		border-right: 1px solid #5ad3dc;
		padding: 2px;
	}

/* Winkels tonen */
.winkelPijl
{
	padding-left: 2px;
	padding-right: 2px;
}

.boxPink_full .containerLinks
{
	float: left;
	width: 20%;	
}
.boxPink_full .containerMidden
{
	float: left;
	width: 25%;
	padding-left: 10px;
	padding-right: 10px;
}

.boxPink_full .containerMidden .plaatje
{
	text-align: center;
}

.boxPink_full .containerRechts
{
	float: left;
	position: relative;
	width: 45%;
}

.errorTekst
{
	color: Red;
}
.rubriekDiv
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ffffe1;
	border: 1px solid #5ad3dc;
	z-index: 99999;
}

.rubriekDivOverige
{
	position: absolute;
	display: none;
	text-align: left;
	background-color: #ffffe1;
	border: 1px solid #5ad3dc;
	z-index: 99999;
}

/* Zoeken op startpagina */
.zoekenLeft
{
	float: left;
	width: 40%;
	padding-top: 30px;
}
.zoekenRight
{
	float: left;
	width: 60%;
}

/*--------------------------------------------------------------
GRIDVIEW
--------------------------------------------------------------*/
.coloredRow
{
    background-color: #ffffff;
}
.editRow
{
    background-color: #e4ffe0;
}
	tr.editRow td
	{
		border-top: 1px solid #f0ba5f;
		border-bottom: 1px solid #f0ba5f;
	}
.selectedRow
{
    background-color: #fdffd8;
}
	tr.selectedRow td
	{
		border-top: 1px solid #f0ba5f;
		border-bottom: 1px solid #f0ba5f;
	}
.mouseoverRow
{
	background-color: #ffffc1;
}
.borderCol
{
    border-left: 1px solid #1856a1;
    padding-left: 5px;
}
	.noBorderCol
	{
		padding-left: 5px;
	}
.borderColBottom
{
    border-bottom: 1px solid #1856a1;
}
.borderColTop
{
    border-top: 1px solid #1856a1;
}
.borderColRight
{
    border-right: 1px solid #1856a1;
}

/*--------------------------------------------------------------
OVERIGE
--------------------------------------------------------------*/
.radEditorButton
{
	border: 0px;
	margin: 3px; 
	margin-left:6px;
	width: 78px; 
	font: normal 11px Arial; 
	height: 20px; 
	background: url("Images/editor_button.gif") no-repeat;
	text-align: center;
	color: #000000;
}

.progressBar
{
	position: absolute;
	top: 10px;
	left: 10px;
}

.homepageContainer
{
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

#divRoute,
#divRoute div,
#divRoute div div,
#divRoute div div div
{
	clear: both;
}

/*--------------------------------------------------------------
BANNER
--------------------------------------------------------------*/
.bannerLinksBoven
{
	margin-top: 10px; 
	margin-left: 10px
}

.bannerLinksMidden
{
	text-align: center;
}

.bannerOnder
{
	text-align: center; 
	clear: both;
}