@charset "utf-8";
/* CSS Document 										*/
/* stylesheet voor stichting De Ommekeer				*/
/* 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:#b1dffa}
.pos	{margin:0 auto; position:relative; z-index:0; top:10px; left:0px; width:760px; min-height: 100%; height:auto !important; height:100%; background-color:#b1dffa }

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

/* DEFAULT SETTINGS	 */

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


/* POSITION	 */
.header					{width:760px; height:142px; background-color:#b1dffa}
.logo					{height:70px; margin-left:0px; background:url(../images/logo.gif); background-repeat:no-repeat}
.title					{background:url(../images/title.gif); background-repeat:no-repeat}
.content				{width:760px; background:url(../images/bodybg.gif); background-repeat:repeat-y;}
.menu					{width:193px; text-align:left; display:block; background:url(../images/navbg.gif); background-repeat:repeat-y}
.content_main			{width:472px; text-align:left; padding:0px 55px 20px 40px; display:block;}
.footer					{width:760px; background:url(../images/footer.gif); background-repeat:no-repeat; }

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

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

/*  CONTENT_MAIN */

.content_main 					{font:normal 0.8em/1.2 Arial, Helvetica, sans-serif; color:#4e4e4e; display:inline;}
.content_main img				{margin-left:0px; margin-right:0px; margin-bottom:0px;	padding-top:0px; float:left; }
.content_main img.left			{margin-top:5px;margin-right:15px;float:left; border:0px;}
.content_main img.right			{margin-top:5px;margin-left:15px;float:right; border:0px;}
.content_main 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;}
h1								{font:bold 1.2em/1.4 Arial, Helvetica, sans-serif; padding-bottom:5px; display:block; color:#00a9f0;}


/* 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 #812990; height: 1%; background-color:#edf8fb; padding-left: 200px;}
.cssform p.static					{clear: left; margin: 0; padding: 5px 0 8px 0; border-top: 1px dashed #812990; height: 1%; background-color:#edf8fb;}
.cssform p.normal label				{font-weight: normal; float: left; margin-left: -200px; width: 150px; }
.cssform input						{height:24px;}
.cssform textarea					{height:150px;}
.cssform input.submit				{height:40px; padding:0px; font-weight:bold; width:100px; background-color:#d3d9e9; 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;}

/*.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;
}