/* -----------------------------------------------------------------------------------

Style Sheet for NSWO 

Year:			2009
Website ontwerp: 	Daan Dijkmeijer	
XHTML/CSS:		Luc Koymans - www.koymans.be
CMS:			Rian Rietveld - www.rrwd.nl

----------------------------------------------------------------------------------- */




/* -------- GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */
* {
	margin:0;
	padding:0;
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif, courier;
 	font-size: 11px;
}

body {
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif, courier;
	background-color :#bcb7b3;
	color:#524741;
}

/* The class clear is used as floated elements are taken out of the flow of the contents of the wrapper div */
.clear {
	clear:both;
}

.hide{ /* hides text from broswer */
        position:absolute;
        left:-9999px;
        width:0px;
        overflow:hidden;
}

/* In IE6 gaat de floating vaak mis. Een aparte div voor de float is net iets anders dan de float left zelf
aan een element meegeven. Dit gaat meestal wel goed in IE6 */

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

img {
	border:0;
}

h1 {
	color:#524741;
	font-size:14px;
	text-transform:uppercase;
 margin-bottom: 10px;
}

h2 {
	color:#524741;
	font-size:14px;
 margin-bottom: 10px;
}

h3 {
	color:#524741;
	font-size:12px;
 margin-top: 10px;
}

p {
  margin-top: 5px;
  margin-bottom: 5px; 
}

/* Always use the following order to avoid cascade problems */
/*a:link, a:visited {text-decoration:none; font-weight:bold; color:#ffb423;}
a:hover, a:active {text-decoration:underline; color:#8a4c13;}*/


/* -------- END OF GENERAL SETTINGS TO AVOID IMCOMPATIBILITIES BETWEEN DIFFERENT BROWSERS -------- */

#wrapper {
	width:983px;
	margin:0 auto;
	min-height:732px;
	height:auto !important;
	height:732px;
	background:#5a4942 url(../layout/bg-wrapper.jpg) repeat-y;
}

#header {
	width:983px;
	height:191px;
	background: #5a4942;
}

#left_header {
	float:left;
	width:609px;
	height:191px;
}

#left_header img {
	width:569px;
	height:191px;
}

#right_header {
	float:left;
	width:374px;
	height:191px;
	background:#5a4942 url(../layout/bg-rightheader.jpg) repeat-y;
}

#picture {
	width:327px;
	height:81px;
	background:#514942;
}

#right_header p {
	padding-top:85px;
}

#contentwrapper {
	float:left;
	width:983px;
	padding-right:24px;
}

#menuwrapper {
	width:374px;
	float:left;
}

#content {
	position:relative;
	float:left;
	width:609px;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:15px;
}

#innercontent {
  margin-left: 100px;
  width: 500px;
}

#innercontent a {
	color:#524741;
}

#innercontent a:hover {
	text-decoration:none;
}

#slaaporganisaties a {
	position:absolute;
	left:158px;
	top:30px;
	color:#000000;
 font-size: 10px;
}

#slaaporganisaties a:hover {
	color: #fecd1b;
}

#patientenorganisaties a {
	position:absolute;
	left:158px;
	top:165px;
	color:#000000;
 font-size: 10px;
}

#patientenorganisaties a:hover {
	color: #fecd1b;
}

#publicatiesnswo a {
	position:absolute;
	left:158px;
	top:300px;
	color:#000000;
 font-size: 10px;
}

#publicatiesnswo a:hover {
	color: #fecd1b;
}

#watdoetnswomeer a {
	position:absolute;
	left:158px;
	top:415px;
	color:#000000;
 font-size: 10px;
}

#watdoetnswomeer a:hover {
	color: #fecd1b;
}

#searchbox {
	width:327px;
	height:28px;
	background:#fecd1b;
}

#leftcontent {
	float:left;
	width:100px;
}

#leftcontent ul {
	padding-left:5px;
}

#leftcontent ul a {
	color:#524741;
	font-size:10px;
}

#leftcontent ul a:hover {
	color:#524741;
	font-weight:bold;
	font-style:italic;
}

.active-year {
	font-weight:bold;
	font-style:italic;
}

.jaarboek {
	float:left;
	width:75px;
	height:106px;
}


.naarboven {
	float:right;
	margin-right:15px;
	margin-top:5px;
	text-decoration:none;
	color:#5a4942;
 font-weight: bold;
}

.naarboven_leden {
 display: block;
	float:right;
	margin-right:15px;
	margin-top:5px;
	text-decoration:none;
	color:#5a4942;
 font-weight: bold;
}

.naarboven:hover {
	color: #fecd1b;
}

#footer {
	clear:both;
}

/* main menu ------------------------------------------------*/

#menu {
	width:325px;
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:15px;
}

#menu li {
	display:inline;
}

#menu a.main_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color: #fff;
	text-decoration: none;
	text-indent:10px;
	text-transform:uppercase;
	letter-spacing: 1px;
}

#menu a.main_link:hover {
	background-color:#5a4942;
	color: #fecd1b;
}

#menu a.main_link_active {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color: #fecd1b;
	text-decoration: none;
	text-indent:10px;
	background-color:#5a4942;
	text-transform:uppercase;
	letter-spacing: 1px;
}

#menu a.sub_link_active {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color:#fecd1b;
	text-decoration: none;
	text-indent:30px;
	background: #5a4942 url('../layout/bullet.gif') no-repeat 8px center;
}

#menu a.sub_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color:#fecd1b;
	text-decoration: none;
	font-size: 10px;
	text-indent:30px;
}

#menu a.sub_link:hover {
	background: #5a4942 url('../layout/bullet.gif') no-repeat 8px center;
}

#menu a.sub_sub_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color: #33cc33;
	text-decoration: none;
	font-size: 10px;
	text-indent:40px;
}

#menu a.sub_sub_link:hover {
	color: #3333cc;
}

a[href$='.pdf']            { padding-right: 20px; background: url(/layout/icon_pdf.gif)    no-repeat center right; }
a[href$='.PDF']            { padding-right: 20px; background: url(/layout/icon_pdf.gif)    no-repeat center right; }
a[href^='http:']           { padding-right: 15px; background: url(/layout/icon_link.gif)   no-repeat center right; }



/* main leden_menu ------------------------------------------------*/

#leden_title {
 width: 220px;
	height:18px;
	line-height:18px;
	text-decoration: none;
	text-indent:10px;
	background-color:#bcb7b3;
	color:#5a4942;
	font-weight:bold;
 text-transform:uppercase;
 margin-top: 15px;
}

#leden_menu {
	width:325px;
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#5a4942;
}

#leden_menu li {
	display:inline;
}

#leden_menu a.main_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color: #fff;
	text-decoration: none;
	text-indent:10px;
	background-color:#5a4942;
	text-transform:uppercase;
	letter-spacing: 1px;
}

#leden_menu a.main_link:hover {
	background-color:#5a4942;
	color: #fecd1b;
}

#leden_menu a.main_link_active {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color: #fecd1b;
	text-decoration: none;
	text-indent:10px;
	background-color:#5a4942;
	text-transform:uppercase;
	letter-spacing: 1px;
}

#leden_menu a.sub_link_active {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color:#fecd1b;
	text-decoration: none;
	font-size: 10px;
	text-indent:30px;
	background: #5a4942 url('../layout/bullet.gif') no-repeat 8px center;
}

#leden_menu a.sub_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color:#fecd1b;
	text-decoration: none;
	font-size: 10px;
	text-indent:30px;
}

#leden_menu a.sub_link:hover {
	background: #5a4942 url('../layout/bullet.gif') no-repeat 8px center;
}

#leden_menu a.sub_sub_link {
	display:block;
	width:220px;
	height:18px;
	line-height:18px;
	color: #33cc33;
	text-decoration: none;
	font-size: 10px;
	text-indent:40px;
}

#leden_menu a.sub_sub_link:hover {
	color: #3333cc;
}


.publist {
	margin-left:10px;
	list-style-type:circle;
}

.publist a {
	text-decoration:underline;
	color:#524741;
}

.publist a:hover {
	text-decoration:none;
}

#alfabet {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}

#alfabet li {
  margin-left: 0;
  padding-left: 0;
  float: left;
  list-style: none;
  padding-left: 10px;
}

#alfabet li a{
  text-decoration: none;
}
#alfabet li a:hover{
  text-decoration: underline;
}


/* form presentation --------------------------------------------------------------- */

#searchForm {
	background:#fecd1b;
	border:1px solid #fecd1b;
}

#searchForm p {
}

input.searchtext {
	float:left;
	width: 200px;
	margin-left:10px;
	border: solid #003 1px;
/*	margin-top:6px;
	height:16px;
       	*/
	color: #003;
}

input.search {
	float:left;
	margin-left:10px;
	color:#5a4942;
	font-weight:bold;
	width:50px;
/*	margin-top:0px;
       	*/
}

/* formulier lid-worden */

form#searchForm {
	padding-left:0px;
}


fieldset {
	border:0;
}

label.lidlabel {
	display: block;
	width: 450px;
	float: left;
	color:#5a4942;
	font-weight:bold;
	font-size: 10px;
	margin-top:6px;
}

input.type-text {
	width:350px;
	height: 18px;
	font-size: 11px;
	background-color: #faf9f8;
	border-top:1px solid #5a4942;
	border-right:1px solid #5a4942;
	border-left:2px solid #5a4942;
	border-bottom:2px solid #5a4942;
}

label.toestemming {
	color:#5a4942;
	font-weight:normal;
	font-size: 10px;
}

input.submit {
	width:100px;
	font-size:11px;
	height:26px;
}

input.submit_loop {
	width:22px;
	height:20px;
}

textarea.invulgroot{
	width: 350px;
	height: 90px;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 5px;
	background-color: #faf9f8;
	border-top:1px solid #5a4942;
	border-right:1px solid #5a4942;
	border-left:2px solid #5a4942;
	border-bottom:2px solid #5a4942;
}

fieldset br {
	clear: left;
}

.error {
  color: #c00;
}

/* news ticker ----------------------------------------------*/

#ticker-container {
	position:relative;
	overflow:hidden;
	width: 222px;
	height: 75px;
	background-color: #bcb7b3;
	background-repeat: repeat;
	padding: 10px;
}
	
#ticker {
	position:relative;
	width:210px;
}
	
#ticker h2 p {
	padding:0px;
	margin:0px;
}

#ticker p {
        font-family: arial;
        font-size: 10px;
        font-weight: normal;
	       color:#524741;
}
	
#ticker h2 a {
        font-family: arial;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
	  color:#ffffff;
}
        
#ticker h2 a:hover {
	font-family: arial;
	font-size: 10px;
	text-decoration: none;
}