/*
project: noordtopics, stylesheet, screen media 
author : ois
date   : 02/2005
*/

/* -- primary layout --------------- */

html,body {
	margin: 0;
	padding: 0;
	}

body 	{
	color: #000;
	background: #fff url(/grfx/page_bg.png) top center no-repeat;
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 150%;
	}

div#wrapper {
	position:relative;
	background: #fff url(/grfx/wrapper_bg.png) repeat;
	width: 758px;
	text-align: left;
	margin: 0 auto;
	padding:0;
	}

div#header {
	width:758px;
	height:194px;
	margin-top: 0;
	padding: 0;
	background: #fff url(/grfx/header_bg.png) no-repeat;
	border-top:1px #fff solid;
	}

div#navigation { 
	position:relative;
	left:24px;
	width:702px; 
	padding-bottom:27px; 
	margin:0; 
	border-bottom: 2px #c0c0c0 solid; 
	font-size:9px;
	}

div#navigation ul#topmenu    { padding:0; margin:0; border:0; position:relative; }
div#navigation ul#topmenu li { position:absolute; height:27px; }

#t1 { left: 0px;   width:  45px; }
#t2 { left: 45px;  width: 110px; }
#t3 { left: 155px; width: 112px; }
#t4 { left: 267px; width:  85px; }
#t5 { left: 352px; width:  68px; }

div#navigation li    { text-indent: -9999px; text-decoration:none; list-style: none;   }
div#navigation li#t1 { background: url(/grfx/topmenu_navigation.gif) no-repeat      0 0px; }
div#navigation li#t2 { background: url(/grfx/topmenu_navigation.gif) no-repeat  -45px 0px; }
div#navigation li#t3 { background: url(/grfx/topmenu_navigation.gif) no-repeat -155px 0px; }
div#navigation li#t4 { background: url(/grfx/topmenu_navigation.gif) no-repeat -267px 0px; }
div#navigation li#t5 { background: url(/grfx/topmenu_navigation.gif) no-repeat -352px 0px; }

#navigation img  { display:inline; }
#navigation a    { background-color:transparent; display:block; height:27px; text-decoration:none; }
#t1 a:hover      { background: #84C321 url(/grfx/topmenu_navigation.gif) no-repeat      0 0px; }
#t2 a:hover      { background: #84C321 url(/grfx/topmenu_navigation.gif) no-repeat  -45px 0px; }
#t3 a:hover      { background: #84C321 url(/grfx/topmenu_navigation.gif) no-repeat -155px 0px; }
#t4 a:hover      { background: #84C321 url(/grfx/topmenu_navigation.gif) no-repeat -267px 0px; }
#t5 a:hover      { background: #84C321 url(/grfx/topmenu_navigation.gif) no-repeat -352px 0px; }

#navigation form { position:absolute; left: 425px; top:3px; margin:0;padding-bottom:0;}
.inputtext  { border:1px solid #666; background-color:#fffff0; width:150px; height:15px; font-size:10px; margin-bottom:2px;}

/* google site search settings */

/*
.button    { background-color:#f90; border:1px solid #000; font-size:9px; font-weight:bold; color:#fff; height:18px; }
.googlesearch  { border:1px solid #666; width:75px; height:15px; font-size:10px; background-color:#fffff0;}
#googlelogo { position:relative; left:217px; top:-24px; margin-top:4px; padding-bottom:0;}
*/

/* google noordtopics search settings */

.button    { background-color:#f90; border:1px solid #000; font-size:9px; font-weight:bold; color:#fff; height:18px; }
.googlesearch  { border:1px solid #666; width:145px; height:15px; font-size:10px; background-color:#fffff0;}
#googlelogo { position:relative; left:210px; top:-24px; margin-top:4px; padding-bottom:0;}


#content { 
		 	min-height: 2200px;
		   	height: auto;
		   	_height: 2200px;
		   	/* http://wellstyled.com/css-underscore-hack.html */
	margin-top: 0px;
	margin-right: 190px;
	margin-bottom: 0;
	margin-left: 195px;
	border-left: 1px solid #c0c0c0;
	border-right: 1px dashed #c0c0c0;
	padding-left:5px;
	padding-right:5px;
	}

div#sidebar1 { 
	position:absolute;
	left:24px; 
	top:233px;
	width:165px; 
	font: normal 10px #fff;
}

* html body #sidebar1 { 
	width:160px; /* msie */ }

div#sidebar1 p { font-size:10px; }

div#sidebarlinks ul {
     	padding: 0;
	margin: 0;
	border: 0;
	}

div#sidebarlinks li {
	list-style: none;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding: 2px;
	border-top: 1px solid #fff;
	border-left: 4px solid #fc6;	
}


div#sidebar2 { 
	position:absolute;
	right:32px; 
	top:233px;
	width:155px; 
}



div#sidebar2 b { color:#000080; }
div#sidebar2 p { font-size:10px; line-height:1.2em; }
div#sidebar2 i { color:#f90; font-weight:bold; }

div#sidebar2 a 	{text-decoration:none;}
div#sidebar2 a:hover {text-decoration:underline;}
div#sidebar2 .sponsorurl {color:#008000;}


/* categories */


#menunav {
	padding: 0;
	margin: 0;
	font: bold 11px Verdana,Arial,sans-serif;
	background: #fff;
	width: 165px;
	}

#menunav li {
	list-style: none;
	margin: 0;
	border-top: 1px solid #fff;
	text-align: left;
	}

#menunav li a         { background: transparent; text-decoration: none; display: block; border-left: 4px solid #84C321; width: 157px; padding: 2px;}
#menunav li a:link    { color: #000; }
#menunav li a:visited { color: #000; }
#menunav li a:hover   { border-color: #f90; background: #fc6; }


#sidebar1 h4 { text-indent:-9999px; margin:0;}
#sidebar2 h4 { text-indent:-9999px; margin:0;}

#sidebar1 h4#nieuws    { background:#f90 url(/grfx/c_nieuws.gif)    no-repeat; width:165px; height:20px;}
#sidebar1 h4#service   { background:#f90 url(/grfx/c_service.gif)   no-repeat; width:165px; height:20px; margin-top:25px;}
#sidebar1 h4#links     { background:#f90 url(/grfx/c_links.gif)     no-repeat; width:165px; height:20px; margin-top:25px;}
#sidebar1 h4#aanmelden { background:#f90 url(/grfx/c_aanmelden.gif) no-repeat; width:165px; height:20px; margin-top:25px;}

#sidebar2 h4#workshops     { background:#f90 url(/grfx/c_agenda.gif)     no-repeat; width:155px; height:20px;}                  
#sidebar2 h4#nieuwsblok    { background:#f90 url(/grfx/c_nieuwsblok.gif)    no-repeat; width:155px; height:20px; margin-top:15px;} 
#sidebar2 h4#noordtopics   { background:#f90 url(/grfx/c_noordtopics.gif)   no-repeat; width:155px; height:20px; margin-top:15px;} 
#sidebar2 h4#persberichten { background:#f90 url(/grfx/c_persberichten.gif) no-repeat; width:155px; height:20px; margin-top:15px;} 
#sidebar2 h4#adverteren    { background:#f90 url(/grfx/c_adverteren.gif)    no-repeat; width:155px; height:20px; margin-top:15px;} 

#content  h4#weeknieuws { text-indent:-9999px; background:#eee url(/grfx/weeknieuws.gif) no-repeat; width:100%; height:20px;}
#content  h4#dagnieuws  { text-indent:-9999px; background:#eee url(/grfx/dagnieuws.gif) no-repeat; width:100%; height:20px;}

div#content ul { }
div#content li { list-style:square; color:#666;}

#sidebarlinks a       { text-decoration:none; color: #666; display:block;}
#sidebarlinks a:hover { text-decoration:underline; color: #008; }

div#sidebar2 ul { list-style-type: none; padding: 0; margin: 0; }
div#sidebar2 li { background: transparent url(/grfx/sidebar2bullet.gif) no-repeat; padding-left:10px; font-size:10px;	line-height:1.3em; }


a         {color:#3366CC; text-decoration:none;}
a:hover   {color:#990000; text-decoration:underline;}
a:visited {color:#CC9900; text-decoration:none;}


#clr { 
	}

#footer { 
	clear:both;
	background:transparent url(/grfx/footer_bg.gif) no-repeat;
	width:758px;
	height:159px;
	}

div#footer p {
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
	font: normal 10px "Trebuchet MS","Times New Roman",serif;
	color:#fff;
	}

div#photobar { 
	position:absolute;
        top:61px;
        right:31px;
        }

/* vacature  */
#vacature {
	position:absolute;
        top:85px;
        right:45px;
	width: 240px;
	padding: 4px;
	background-color: #ffffe0;
	border-top: 1px solid    #000;	
	border-left: 1px solid   #000;	
	border-right: 1px solid  #eee;	
	border-bottom: 1px solid #eee;	
	font-size:11px;
	z-index:25;
	}

#vacature a {
	color: #000;
	}

#vacature2 {
	position:absolute;
        top:95px;
        right:45px;
	width: 240px;
	padding: 4px;
	background-color: #ffffe0;
	border-top: 1px solid    #000;	
	border-left: 1px solid   #000;	
	border-right: 1px solid  #eee;	
	border-bottom: 1px solid #eee;	
	font-size:11px;
	z-index:25;
	}

#vacature2 a {
	color: #000;
	}


h3 { font-size:16px; margin-top:7px; color: #84C321; }

h1 { 	
	text-indent: -9999px; 
	}

/*
h1 { 	margin:0;
	padding:0;
	text-indent: -9999px; 
	background: #fff url(grfx/header_bg.png) 0px 0px no-repeat;
	}

h1 a:link, h1 a:visited	{
	width:758px;
	height:194px;
	display:block;
	text-decoration:none;
	}
*/

#catdate {
	display:block;
	font-size:10px;
	color:#336699;
	letter-spacing:1px;
	
	}

.maand	{
	width:100%;
	font: bold 11px;
        background-color:#eee;
        }
        
ul.zebralist  { margin:0px; padding:0px; font-size:11px;}
 
.zebralist li.one   { background-color:#ECF8FF; border-bottom: 1px #B4D0DC dashed;  margin:0px; padding:0px; list-style:none;}
.zebralist li.two   { background-color:#ffffff; border-bottom: 1px #B4D0DC dashed;  margin:0px; padding:0px; list-style:none;}
.zebralist li.first { border-top: 1px #B4D0DC dashed; }


.access { text-indent: -9999px; 
	margin-top:-200px;
	} 
	
.highlight {background-color:#ECF8FF;border:#B4D0DC dashed 1px;padding:5px;font-size:10px;color:#c00;text-indent:0px;line-height:1em; }	

/* bol blocks */

#bol1 { margin-left: -2px;}

#bol1, #bol2, #bol3 { 
	width: 120px; 
	float: left; 
	margin-right: 1px;
	}

/* added 4 December 2009 */

	
p#subscribe-rss {
	margin:0;
	padding:0;
	position:absolute;
	text-indent: -9999px;
	top:-60px;
	left:578px;
	width: 20px;
	}

p#subscribe-rss a {
	background: transparent url(/grfx/feed-icon.gif) 3px 3px no-repeat;
	height: 20px;
	display: block;
	}	

p#subscribe-twitter {
	margin:0;
	padding:0;
	position:absolute;
	text-indent: -9999px;
	top:-60px;
	left:605px;
	width: 20px;
	}

p#subscribe-twitter a {
	background: transparent url(/grfx/twitter_icon14x14.gif) 3px 3px no-repeat;
	height: 20px;
	display: block;
	}