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


/* PAGE SETTINGS	 */

* 		{margin: 0px; padding: 0px; }
body	{text-align:center; height:100%; background-color:#b7d2e4; background:url(../images/bodybg.gif) repeat-y center center;}
.pos	{margin:0 auto; position:relative; z-index:0; left:0px; width:970px; min-height: 100%; height:auto !important; height:100%;}

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

/* DEFAULT SETTINGS	 */

.menu, .content_main, .header  {float:left;}
.title		{float:right;}


/* POSITION	 */
.menu					{width:260px; text-align:left; display:block; background-color:#e5eff5; height:100%;}
.header					{width:710px; display:block; height:61px; background:url(../images/klaproos.gif) right no-repeat #e5eff5;}
.content_main			{width:630px; text-align:left; padding:40px; padding-top:20px; display:block; background-color:#FFFFFF;}
.btn					{font-family:Arial; border:1px solid #b7d2e4; padding:3px; margin-right:6px; height:20px;}
.logo					{display:block; margin-left:30px; vertical-align:bottom;}

.print					{text-align:right; display:block; margin-right:30px;}
.print a				{text-decoration: none; color: #005E9E; font-family: Verdana; font-size: 10px; line-height: 26px; }

/* BUTTONS (links) */
.button					{padding: 3px 0 3px 22px; margin-left: 10px; height: 20px; line-height: 20px; background-repeat: no-repeat; }
.btn_print				{background-image: url(../images/icon_print.gif);}
.btn_login				{background-image: url(../images/icon_lock.gif);}
.btn_logout				{background-image: url(../images/icon_unlock.gif);}
.no_icon				{background-image: none;}
.button:hover			{text-decoration: underline;}
.txt					{width: 144px;}

/*  ZOEKVELD */
.zoek ul	{ list-style-type:none; float:right; margin-right: 220px;}
.zoekveld	{ background:url(../images/zoekveld.gif) no-repeat; width:186px; height:24px; display:block; border:0px; padding:3px;}
.zoekknop	{ background:url(../images/zoekknop.gif); width:52px; height:24px; display:block; border:0px; margin-top:1px; cursor:pointer;}
.zoek ul li { float:left; margin-top:16px;}

/* LOGINFORMULIER */
#login {
	padding: 40px;
	display: none;
	position: absolute;
	background-color: #E5EFF5;
	left: 260px;
	top: 61px;
	width: 630px;
	height: 100px;
	border-bottom: 1px solid #B7D2E4;
}

#login h3 {
	margin: -26px 0 0 0;
	padding: 0;
	text-align: left;
	font: bold 1.0em/1.4 Arial,Helvetica,sans-serif;
}

#loginform { 
	width: 270px;
}

#loginform input {
	float: left;
	clear: right;
	margin: 2px 0;
}

#loginform label {
	float: left;
	display: block;
	width: 120px;
	line-height: 20px;
	text-align: left;
	font-family: Verdana;
	font-size: 12px;
	color: #005E9E;
	margin: 2px 0;
}

/*  MENU */
.menu ul						{list-style:none; margin:10px 0px 20px 20px}
.menu ul li						{margin:2px 0px 2px 10px; padding:6px; background-color:#b7d2e4}
.menu ul li a					{font:normal 12px/1.2 Arial, Helvetica, sans-serif; color:#005e9e;}
.menu a:link, .menu a:visited	{color:#005e9e; text-decoration:none} 
.menu a:hover, .menu a:active	{color:#005e9e; font-weight:bold; text-decoration:none}

.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; line-height:1.5em;}
.content_main img				{margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px;	padding-top:0px; border:0px;}
.content_main img.left			{margin-right:15px;float:left; }
.content_main img.right			{margin-left:15px;float:right; }
.content_main img.left_clear 	{margin-right:400; float:left;}
.content_main img.right_clear 	{margin-left:400; float:right;}


.content_main p 				{line-height:1.5em;	margin-bottom:18px; padding-bottom:18px;}
.content_main ul li				{list-style-type:none; margin-left:60px; line-height:20px; }
.content_main ul li a			{text-decoration:none; color:#005e9e; font-weight:normal; vertical-align:middle}

.content_main a					{color:#005e9e}

ul.alfalist						{display:block; clear:both; min-height:20px;}
ul.alfalist	img					{display:block; padding:4px; }
ul.alfalist li					{display:block; padding:6px; }
ul.alfalist	li a				{display:block}

ul.jaarganglist					{display:block; clear:both; min-height:20px;}
ul.jaarganglist li				{display:block; padding:6px; margin-left:0;}
ul.jaarganglist	li a			{display:block}
ul.jaarganglist	li span.auteur	{float:right}

ul.voorbeeldlist				{display:block; clear:both; min-height:20px;}
ul.voorbeeldlist li				{display:block; padding:6px; margin-left:0;}
ul.voorbeeldlist li a			{display:block}
ul.voorbeeldlist li span.auteur	{float:right}

ul.list							{margin-left:0px; display:block;}
ul.list li						{display:block; margin-left:0px; padding:6px;}
ul.list li a

.content_main ul li a:link, .content_main ul li a:visited	{color:#005e9e; text-decoration:none} 
.content_main ul li a:hover, .content_main ul li a:active	{color:#005e9e; font-weight:bold; text-decoration:none}

.content_main table				{margin-bottom:20px; margin-top:20px; border:1px solid #005e9e}
.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:#005e9e;}
h3, ul h2						{font:bold 1.2em/1.4 Arial, Helvetica, sans-serif; padding-bottom:20px; display:block; color:#005e9e;}


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