/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../img/bg2011.png);
	background-position: 0 -160px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 13px;
}


/* ******************************************* rechter kolom ************************************************ */

#logo a{
	position: absolute;
	top: 120px;
	left: 740px;
	display:block;
	width:474px;
	height:81px;
	background:url(../img/logo-sedna-2011.png);
}

a#link2homepage{
	display:block;
	width:65px;
	height:65px;
	background:url(../img/linknaarhome.png);
	text-indent:-99999px;
	margin-left:25px;
}


#btn_home { 
	position: absolute;
	top: 7px;
	left: 636px;
}

/* search field */

#searchform {
	position: absolute;
	top: 278px;
	left: 720px;
}

#searchform .searchfield {
	width: 150px;
	height: 20px;
	border: 1px solid #CCC;
}

#searchform .submitbtn {
	width: 50px;
	height: 20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* nieuws */

#rightcol { 
	position: absolute;
	top: 317px;
	left: 720px;
}

#rightcol h1 {
	font-size: 16px;
	font-weight:bold;
	color: #C2103A;
	margin-bottom: 0.5em;
}

#rightcol #newsnavlist {
	list-style-type: none;
	width: 210px;
}

#rightcol #newsnavlist li {
	padding-left: 20px;
	margin-bottom: 10px;
	display: block;
	background-image: url(../img/arrow_gray.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	color: #666;
	font-weight: bold;
}

#rightcol #newsnavlist li a {
	color: #C2103A;
	text-decoration: none;
	margin-bottom: 0.5em;
}

#rightcol #newsnavlist li a:hover {
	text-decoration: underline;
}

#rightcol #btn_meer_nieuws {
	margin-bottom: 20px;
}

#rightcol #btn_vrijwilligersteunpunt, 
#rightcol #btn_jeugd_gezin, 
#rightcol #btn_wmo_loket, 
#btn_meldpunthuiselijkgeweld, 
#btn_mantelzorg,
#rightcol #btn_tinten,
#rightcol #btn_MasEmmen,
#rightcol #btn_peuterspeelzalenR{
	margin-bottom: 5px;
}

#btn_meldpunthuiselijkgeweld,
#rightcol #btn_peuterspeelzalenR{
	margin-top:5px;
}

#btn_peuterspeelzalenR{
	border:1px solid;
}

#naw {
	color: #666;
	font-weight: bold;
	margin: 20px 0 20px 0;
}

#naw a {
	color: #666;
	text-decoration: none;
}

#naw a:hover {
	color: #C2103A;
	text-decoration: underline;
}

#naw .red {
	color: #C2103A; 
}


/* ******************************************* navigatie ************************************************ */

#navlist {
	width: 181px;
}

#navlist li {
	margin-bottom: 7px;
	font-weight: 900;
}

#navlist li a {
	width: 181px;
	height: 21px;
	display: block;
	line-height: 21px;
	background-image: url(../img/subnav_btn_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 22px;
	text-decoration: none;
	color: #666;

}

#navlist li a:hover, #navlist li a#current {
	background-position: bottom left;
	color: #FFF;
}

/* *************** subnavigatie ****************** */

#subnav { 
	position: absolute;
	top: 26px;
	left: 21px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	width: 181px;
}

#subnav ul, #subnav ul ul {
	list-style: none;
}


/* ******************************************* sub sub navigatie ************************************************ */

#subsubnav {
	width: 420px;
	max-height: 300px;
	display: block;*/
	margin-bottom: 30px;
}

#subsubnav ul {
	list-style-type: none;
	margin-bottom: 5px;
	margin-top: 5px;	
}

#subsubnav ul li {
	margin-bottom: 10px;
	font-weight: bold;
	float: left;
	width: 190px;

}

#subsubnav ul li a {
	background-color: none;
	background-image: url(../img/top_sub.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #FFF;
	text-decoration: none;
	margin-bottom: 5px;
	height: 15px;
	line-height: 15px;
	padding-left: 15px;
	float: left;
}

#subsubnav li a:hover, #subsubnav a#current{
	/*background-image: url(../img/top_sub_over.gif);*/
	color: #400312;
}

/* ******************************************* inhoud ************************************************ */

#content {
	position: absolute;
	top: 25px;
	left: 233px;
	width: 380px;
	line-height: 1.7em;
	font-size: 13px;
}

#content h1 {
	clear: left;
	font-size: 19px;
	font-weight:300;
	/*color: #4C0516;*/
	color:#FFFFFF;
	margin-bottom: 0.5em;
	width: 380px;
}

#content p {
	margin-bottom: 1.5em;
	text-align: left;
}

#content a {
	color: #FFF;
	text-decoration: underline;
}

#content a:hover {
	color: #4C0516;
}

#content #breadcrumbs {
	width: 380px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}

#content #breadcrumbs a {
	color: #FFF;
	text-decoration: none;
}

#content #breadcrumbs a:hover {
	color: #400312;
	text-decoration: none;
}





/* --------------------------------> Menustyle */

#subnav li{
list-style-type:none;
margin-bottom:7px;

}

#subnav li a{
	height:25px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}


#subnav li.item10 a{

	width: 181px;
	height: 21px;
	display: block;
	line-height: 21px;
	background-image: url(../images/subnav_btn_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	text-decoration: none;
	color: #666;
}


#subnav li.item10 a:hover{
	background-position: bottom left;
	color: #FFF;

}


#subnav li.item10 a.submenu{
	color:#FF3366;	
	background-image: url(../images/btn_nav_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height:30px;
	padding-left: 23px;
	
}

#subnav li.item10 a:hover.submenu{
	background-image: url(../images/btn_nav_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#subnav li.item10 a:hover.submenuOff{
	background-image: url(../images/subnav_btn_bg.gif);
}


#subnav li.item15 a.submenu{	
	color:#666;
	width:181px;
}



#subnav li.item15 a.submenuOff{
	height:25px;	
	color:#FFFFFF;
	width:158px;	
	padding-left:23px;
	background-image: url(../images/btn_nav_bottom.gif);
	background-position:bottom left;
	
	margin-top:-14px;
}

#subnav li.item15 a:hover.submenuOff{	
	color:#999;
	background-image: url(../images/btn_subnav_hover_active.gif);
	background-position:bottom left;
}


#subnav li.item15 a.submenu{
	height:25px;	
	color:#999;
	width:161px;	
	padding-left:25px;
	background-image: url(../images/btn_subnav_hover_active.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin-top:-14px;
}



#subnav li.item10 a.submenuoff{
	margin-bottom:5px;
	margin-top:5px;	
}

#mid_menu{
	display:none;
}



/*--------------------------------- Content nieuwslijst*/

#content #nieuwslijst li{
	list-style-type:none;
	margin-bottom:15px;
	background-image:url(../img/li_news.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:15px;
}



/*--------------------------------- Contactformulier*/

#contactform td{
	font-weight:200;
}

#contactform input{
	font-size:12px;
}

#contactform input.btn{
	font-size:13px;
}

#contactform .foutmelding{
	color:#000000;
	font-weight:600;
}


/*--------------------------------- Vacaturemodule*/

td.Titel{
	background-color:#000;
	color:#FFF;
	font-weight:bold;
	padding:3px;
	font-size:10px;
}

td.Data0{
background-color:#EFEFEF;
	color:#000;
	padding:3px;
	font-size:11px;	
}

td.Data1{
	background-color:#666;
	color:#FFF;
	padding:3px;
	font-size:11px;		
}

#content td.Data0 a{
	color:#000;
	font-size:11px;
}

#content td.Data1 a{
	color:#FFF;
	font-size:11px;

}


#content td.Data0 a:hover, #content td.Data1 a:hover{
	color:#000;
}


table.overzicht td.top{
background-image:url(../modules/sedna_vacaturemodule/img/vacbgtoptable.gif);
height:10px;
}

table.overzicht td.bottom{
background-image:url(../modules/sedna_vacaturemodule/img/vacbgtoptable.gif);
height:20px;
background-position:0 -22px;
}



#content a.reageren{
	color:#000000;
	font-weight:bold;
}

#content a.reageren:hover{
	color:#950A2A;
	text-decoration:none;
}

table.vacature_overzicht{
	font-size:11px;
}

ul {
	margin-left: 18px;
	margin-bottom: 1.6em;
}

.reageren{
	text-decoration:underline;  
	cursor:pointer;
	font-size:13px;
}

.form_field {
	height: 30px;
}

#vacOmschrijving{
display:block;
}

#reageren{
	background-color:#FFFFFF;
	border:2px solid #666666;
	width:365px;
	height:350px;
	color:#666666;
	padding:15px;
	position:absolute;
	z-index:1000;
	top:50px; 
	display:none;
}

#verzonden{
	background-color:#FFFFFF;
	border:2px solid #666666;
	width:365px;
	height:350px; 
	color:#666666;
	padding:15px;
	position:absolute;
	z-index:1000;
	top:50px;
	display:block;
}

li.up,li.down{
	float:left;
	list-style-type:none;
	margin-left:10px;
	padding-bottom:5px;
}


li.down a, li.up a{
	display:block;
	height:15px;
	width:15px;
	background-color:#333;
	background-position:center;
	background-repeat:no-repeat; 
}

li.down a:hover, li.up a:hover{
	background-color:#FFFFFF;
}

li.down a{
	background-image:url(../images/down.gif); 
}

li.up a{
	background-image:url(../images/up.gif); 
}

#content table.overzicht td.Titel a.sortA{
	text-decoration:none;
}

#content table.overzicht td.Titel a:hover.sortA{
	text-decoration:underline;
	color:#FFFFFF;
}


#link_naar_archief{
	margin-top:-20px;
	border:1px solid;
}
