@charset "utf-8";
/* CSS Document 										*/
/* stylesheet voor dehoop.org							*/
/* ontwerp: (2008) De Hoop ICT <info@dehoop.org>   		*/


/* PAGE SETTINGS	 */

* 		{margin: 0px; padding: 0px; }
body	{text-align:center; background: center center; height:100%; background-color:#edf6fc}
.pos	{margin:0 auto; position:relative; z-index:0; top:20px; left:0px; width:760px; min-height: 100%; height:auto !important; height:100%; background-color:#edf6fc }

.print_header {display:none}  /*wordt aangezet in de printpage*/

/* DEFAULT SETTINGS	 */

.top, .logo, .banner, .btn_kringloopwinkel, .topnav, .content, .menu, .content_main, .footer  {float:left;}
.zoekvenster, .title		{float:right;}


/* POSITION	 */
.top					{width:760px; height:70px; background-color:#FFFFFF}
.logo					{height:70px; background:url(../images/logo.gif); background-repeat:no-repeat}
.title					{background:url(../images/title.gif); background-repeat:no-repeat}
.banner					{width:760px; height:200px; background:url(../images/banner_bg.jpg);}
.content				{width:760px; background:url(../images/content_bg.gif); background-repeat:repeat-y;}
.menu					{width:208px; text-align:left; display:block;}
.content_main			{width:512px; text-align:left; padding:0px 20px 20px 20px; display:block;}
.footer					{width:760px; height:62px; background:url(../images/footer.gif);}
.btn_kringloopwinkel	{width:135px; height:135px; margin-left:23px; margin-top:54px; display:block;}
.topnav					{width:577px; height:27px; margin-top:130px; margin-left:0px;}

/*  MENU */
.menu ul						{list-style:none; margin-left:10px; margin-bottom:20px}
.menu ul li						{margin-bottom:6px;}
.menu ul li a					{font:bold 12px/1.2 Arial, Helvetica, sans-serif; color:#0097c8;}
.menu a:link, .menu a:visited	{color:#0097c8; text-decoration:none} 
.menu a:hover, .menu a:active	{color:#f58200; text-decoration:underline}

a.vacature						{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal}

.menu p							{margin:4px 10px 12px 10px; font:normal 0.7em/1.2 Verdana, Helvetica, sans-serif; color:#0097c8;}

/*  CONTENT_MAIN */

.content_main img								{margin-top:5px;border:0px;}
.content_main img.left							{margin-right:15px;float:left;}
.content_main img.right							{margin-left:15px;float:right;}

.content_main {
	font:normal 0.8em/1.2 Arial, Helvetica, sans-serif; color:#000000;}

h1{
	font:bold 1.2em/1.4 Arial, Helvetica, sans-serif; color:#f58200;
	padding-bottom:5px;
	display:block;
	color:#F68506;
}
	


.content_main p, .adres p{
	line-height:1.5em;
	padding-bottom:18px;
	
}

.content_main ul{
	padding-left:16px;
	margin-bottom:18px;
}

.content_main ul li ul{
	padding-left:30px;
	margin-bottom:0px;
	list-style-type:square;
}

.content_main a{
	text-decoration:none;
	color:#0072bb;
	font-weight:bold;
}

.content_main table{
	margin-bottom:20px;
}

.content_main table td{
	background-color:#e6f1f8;
	padding:4px;
}


/* EIND CONTENT */


/*CSS FORMULIER IPV TABEL*/
/*.cssform input, .cssform textarea	{font:normal 1.0em/1.3 Arial, Helvetica, sans-serif; padding-top:4px; padding-left:4px; width: 220px; pixelwidth: 220px; height:20px; border:1px solid #00A9F0;}*/
.cssform p.normal					{clear: left; margin: 0; padding: 5px 0 8px 0; border-top: 1px dashed gray; height: 1%; background-color:#EDF6FC; padding-left: 180px;}
.cssform p.static					{clear: left; margin: 0; padding: 5px 0 8px 0; border-top: 1px dashed gray; height: 1%; background-color:#EDF6FC;}
.cssform p.normal label				{font-weight: normal; float: left; margin-left: -180px; width: 150px; }
.cssform input						{height:20px;width:300px;}
.cssform textarea					{height:150px;width:300px;}
.cssform input.submit				{height:40px; padding:0px; font-weight:bold; width:100px; background-color:#0097C8; border:1px solid #d3d9e9; background-image: url(../images/kader_bg_db.gif); background-repeat:repeat-x;}
.cssform input.chk					{border:0px solid #FFFFFF; width:14px; float:left; margin-right:10px; background-color:#edf8fb; }
.cssform span.checkbox				{display:block; width:100%;clear:left; }

.btn	{margin-top:10px; margin-right:100px; margin-bottom:88px;background-color:#0097C8;}


/*.threepxfix class:
Heeft te maken met IE6. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}