﻿<!-- 
			* {
				margin: 0;
				padding: 0;
			}
			html, body {
				background: #dfdfdf;
				color: #000;
				font-family: 'Trebuchet MS', Verdana, sans-serif;
				font-size: 12px;
				width: auto;
				height: 100%;
			}

			a {
				color: #000;
				border: 0px;
			}
			
			a:hover {
				color: #727272;
				border: 0px;
			}
			
			img {
			 border: 0px;
			}
			
			
			#container {
                min-height: 100%;
                _height: 100%;
                margin: 0 auto;
                background: #fff url("http://www.pijnappel.nl/images/bgsite.jpg") repeat top;
            }
			
			/* CONTAINER CLASSES THAT DETERMINE WIDTH, ADD TO FOOTER AS WELL!!! */

			.for1024 {
				width: 1005px;
				
			}
			
			/* CONTAINER CLASSES THAT DETERMINE WIDTH, ADD TO FOOTER AS WELL!!! */
			
			#header {
				width: 959px;
				height: 337px;
				margin-left: 23px;
				/*background: url("http://www.pijnappel.nl/TEST/images/visuals/visuals.php");*/
				background: url("http://www.pijnappel.nl/images/visuals/header1.jpg");
				position: relative;
			}
			
			p {
				padding: 10px;
				font-size: 12px;
				line-height: 20px;
				color: #003145;
			}
			
			h2 {
				font-size: 18px;
				font-family: 'Trebuchet MS', Verdana, sans-serif;
				color: #003145;
			}
			
			
			
			/* TEXT WIDTHS, ADD THIS TO A DIV AROUND A PARAGRAPH */
			.menublok {
				width: 175px;
				height: auto;
				margin-left: 23px;
				float: left;
				text-align: left;
			}

			.content {
				/*width: 537px;*/
				width: 760px;
				height: auto;
				margin-left: 17px;
				float: left;
				text-align: left;
			}
			
			.content li {
				color: #003145;
				font-family: 'Trebuchet MS', Verdana, sans-serif;
				margin-left: 25px;
			}
			
			.content img {
				margin: 5px;
			}
			
			

/* sidebar */
			.rechts {
				width: 206px;
				height: auto;
				margin-top: 21px;
				margin-left: 2px;				
				float: left;
				text-align: left;
				display: none;
				/*background-color: ffffff;*/
				/*border: 1px #013145 solid;*/
			}
			
			.rechts_thumb{
				margin-top: 4px;				
			}

			
			.rechts p {
				font-size: 13px;
				color: #003145;
				width: 160px;
			}
			
			.sidebartitel {
				margin-bottom: 3px;
			}
			
			#info {
			margin-top: 18px;
			height: 165px;
	
				}
			.ballon {
				margin-top: 5px;
			}
			
			
			/* slider homepagina */
			
			ul#homeslider {
				margin: 0px;
				padding: 0px;
				list-style: none;
				overflow: hidden;
				margin-bottom: 25px;
				margin-top: 5px;
			}
			
			ul#homeslider li {
				margin: 0px;
				padding: 0px;
				margin-left: 7px;
			}

			ul#homeslider li img{
				margin: 0px;
				width: 525px;
				/* height: 290px; */
				}
			
		.homeblok img {
				margin: 0px;
				margin-left: 5px;
			}	
			
			#popup { 
			margin-top:30px;
			left: 50%;
			margin-left: -320px;
			text-align: center;
			position:absolute;
			border: 1px solid red;
			padding: 2px;
			z-index: 9999;
			display: none;
			} 
			
			/* FOOTER */
			
			#footer {
				width: 959px;
				height: 21px;
				margin-left: 23px;
				padding-bottom: 10px;
				vertical-align: middle;
				text-align: center;
				margin: 0 auto;
				margin-top: -31px;
				clear: both;
				background: url("http://www.pijnappel.nl/images/footerbg.jpg") 0% 100% no-repeat;
			}
			
			#footer p {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px;
				padding: 0;
			}
			
			.footertekst {
				display: block;
				height: 19px;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 10px;
				padding: 0;			
				text-align: center;
				margin-right: 40px;

			}
			
			
			
			
			
					
/************************** MENU **************************/

	.vacaturelink {
				margin-top: 110px;
				margin-left: 22px;
				margin-bottom: 10px;
			}
	
	.pijnappelballon {
				/*margin-top: 210px;*/
				margin-left: 12px;
			}



#menu{
	background: 		#003145;
	width:				175px;
	margin:				0px;
	color:				#000000;
	padding:			0px;
	text-align:			left;
	float:				left;
	position:			relative;
	z-index:			2;
	}

ul#menu {
	padding: 			0px;
	margin-bottom: 		0px;
	margin-left:		0px;
	list-style:			none;
	}
	
ul#menu li {
	height:				20px;
	width:				175px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	background: 		#003145;
	line-height:		20px;
	}
	
ul#menu li a:link {
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	color:				#FFFFFF;
	padding-left:		8px;
	text-decoration:	none;
	}

ul#menu li a:visited {
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	color:				#FFFFFF;
	padding-left:		8px;
	text-decoration:	none;
	text-decoration:	none;
	}

ul#menu li a:hover {
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	background:			#000000;
	text-decoration:	none;
	}

ul#menu li a:active { 
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	text-decoration:	none;
	}


/************************** MENU_EDIT **************************/

#menu_edit{
	background: 		#003145;
	width:				175px;
	margin:				0px;
	color:				#000000;
	padding:			0px;
	text-align:			left;
	float:				left;
	position:			absolute;
	background: 	#FFFFFF;
	z-index:		10;
	opacity:		.80;
	filter:			alpha(opacity=80);
	}

ul#menu_edit {
	padding: 			0px;
	margin-bottom: 		0px;
	margin-left:		0px;
	list-style:			none;
	}
	
ul#menu_edit li {
	height:				20px;
	width:				175px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	background: 		#003145;
	line-height:		20px;
	}
	
ul#menu_edit li a:link {
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	color:				#FFFFFF;
	padding-left:		8px;
	text-decoration:	none;
	}

ul#menu_edit li a:visited {
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	color:				#FFFFFF;
	padding-left:		8px;
	text-decoration:	none;
	text-decoration:	none;
	}

ul#menu_edit li a:hover {
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	background:			#000000;
	text-decoration:	none;
	}

ul#menu_edit li a:active { 
	height:				20px;
	width:				167px;
	display:			block;
	border-bottom:		dotted 1px #FFFFFF;
	font-family:		arial;
	font-size:			1.2em;
	text-decoration:	none;
	}

/************************** SUBMENU **************************/
#menu ul {padding:0; margin:0;list-style-type: none; }
#menu ul li {float:left; margin-right:1px; position:relative;}
#menu ul li ul {display: none;}

/* specific to non IE browsers */

#menu ul li:hover ul {display:block; position:absolute; top:0; left:172px; width:180px; border-bottom:dotted 1px #FFFFFF; font-size:11px;margin-left:3px;}
#menu ul li:hover ul li a.hide {background:#CCCCCC; color:#000; border-bottom:dotted 1px #FFFFFF; width:180px;}
#menu ul li:hover ul li:hover a.hide {width:167px; border-bottom:dotted 1px #FFFFFF;}
#menu ul li:hover ul li ul {display: none; border-bottom:dotted 1px #FFFFFF;}
#menu ul li:hover ul li a {display:block; background:#CCCCCC; color:#000; width:164px; border-bottom:dotted 1px #FFFFFF;}
#menu ul li:hover ul li a:hover {background:#999999; color:#000; border-bottom:dotted 1px #FFFFFF;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:172px; top:0; color:#000; border-bottom:dotted 1px #FFFFFF;}
#menu ul li:hover ul li:hover ul li a {display:block; width:164px; background:#E3E3E3; color:#000; border-bottom:dotted 1px #FFFFFF;}
#menu ul li:hover ul li:hover ul li a:hover {background:#FF0000; color:#fff; border-bottom:dotted 1px #FFFFFF;}			
#menu ul li:hover ul { display: none; }
