/* 

	Tolknet layout style

	--------------------------------------------------

*/



/* ------------- Overall styles */



html{

	background: #efefef;

}



body{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	background: transparent;

	text-align: center;

	line-height: 1.0em;

}



.hide, .skiplinks a{

	position: absolute;

	top: -99999px;

}



a:focus{

	outline: 1px dotted #666666;

}



a:active{

	outline: none;

}



.skiplinks a{

	width: 1px;

	height: 1px;

	overflow: hidden;

}



.skiplinks a:focus{

	top: 6px;

	width: auto;

	height: auto;

	color: #ffffff;

	padding: 3px;

	margin: auto;

}



/* ------------- Grid */



#container{

	width: 959px;

	margin: 0 auto;

	background-color: #ffffff;

	text-align: left;

}



#wrapper{

	position: relative;

	overflow: hidden;

	clear: left;

	background: transparent url(http://www.tolknet.org/css/../images/back_rightcol_border.png) repeat-y scroll 697px top; /* nieuw: nu extra doorlopend */

	margin-bottom: 3px;

	padding-bottom: 1em;

}



#header{

	min-height: 8.62em; 

	min-height: 6.82em; /* override vanwege logo aanpassing */

	background-color: #f7403a;

	margin-bottom: 3px;

}



#logo{ 

	width: 216px;

	float: left;

}



#funcnav{

	float: right;

	text-align: right;

	margin-right: 25px;

}



#funcbar{

	position: relative;

	overflow: hidden;

	min-height: 2.91em;

	clear: left;

	background-color: #d7d7d7;

	margin-bottom: 3px;

}



#breadcrumbs{

	width: 514px;

	margin-left: 171px;

	float: left;

	margin-top: 0.6em;

	padding-bottom: 0.6em;

}



#searchform{

	float: right;

	margin-right: 12px;

	margin-top: 0.3em;

}



#content{

	width: 508px;

	float: right;

	margin-left: 12px;

	padding-top: 21px;

	min-height: 31.82em;

}



#contentwrap{

	float: left;

}



.home #content{

	width: 775px;

	padding-right: 12px;

}



.home #wrapper{

	background: none;

}



#rightcol{

/*	position: absolute;

	top: 21px;

	right: 6px;

*/

	margin-left: 697px;

	width: 221px;

/*	background: url(../images/back_rightcol_border.png) top left repeat-y; afbreken lijn uitschakelen. liever doorlopend */

	padding: 21px 12px 21px 24px;

	margin-bottom: 3px;

}



#leftcol{

	width: 159px;

	float: left;

	padding-bottom: 100px;

}



#banner{

	position: absolute;

	bottom: 21px;

	left: 6px;

}



#footer{

	background-color: #d7d7d7;

	min-height: 3.73px;

	position: relative;

	overflow: hidden;

	clear:both;

}



#footlinks{

	float: right;

	width: 285px;

	margin-top: 1em;

	text-align: center;

	margin-top: 1em;

}



#footlinks li{

	display: inline;

	margin: 0px 14px;

	padding-top: 1em;

	text-align: center;

}



#copy{

	margin: 0em 1.27em;

	padding: 1em 0em;

	width: 171px;

}





/* ------------- Text */



#container{

	font-size: 0.69em;

	color: #2b2e2f;

}



#wrapper{

	line-height: 1.55em;

}



#wrapper p{

	margin-bottom: 1em;

}



#header{

	color: #ffffff;

}



#funcbar, #footer{

	color: #636667;

}



#nav, #quicklinks{

	font-size: 1.09em;

}



#content .contentpage .intro{

	font-weight: bold;

}



#content abbr, #content acronym{

	border-bottom: 1px dotted #f7403a;

	cursor: help;

}



/* ------------- Links */



#header a{

	color: #ffffff;

	text-decoration: none;

}



#funcbar a, #footer a{

	color: #636667;

}



#funcbar #textsizer a{

	text-decoration: none;

}



#content a{

	color: #f7403a;

}



#content .deeplinks a{

	color: #2b2e2f;

}



#content .deeplinks a:hover{

	color: #f7403a;

}



#content #newslist .newsarticle h3 a, #rightcol #newslist .newsarticle h4 a, #content #faqlist .faqarticle h3 a{

	color: #2b2e2f;

	text-decoration: none;

}



#content #newslist .newsarticle h3 a:hover, #rightcol #newslist .newsarticle h4 a:hover, #content #faqlist .faqarticle h3 a:hover{

	color: #f7403a;

}



#rightcol .infobox a{

	color: #2b2e2f;

}



#rightcol .infobox a:hover{

	color: #f7403a;

}



#content .meer a, #content .terug a{

	color: #2b2e2f;

}



#content .meer a:hover, #content .terug a:hover{

	color: #f7403a;

}



#rightcol #newslist.agenda .newsdate a{

	text-decoration: none;

}



#content #formsinner a{

	color: #2b2e2f;

}



#content #formsinner a:hover{

	color: #f7403a;

}



/* ------------- Headings */



h1{

	font-size: 1.45em;

	font-weight: bold;

	color: #f7403a;

	margin-bottom: 0.69em;

}



h2{

	font-size: 1.18em;

}



#content .contentpage .samenvat h2{

	font-size: 1em;

	font-weight: bold;

	margin-bottom: 0.5em;

}



#rightcol .infobox h3{

	font-size: 1.45em;

	font-weight: bold;

	margin: 0em -14px 0.5em -14px;

	padding: 7px 14px;

	background-color: #e5e5e5;

	color: #747f81;

}



#rightcol .infobox h4{

	color: #f7403a;

	font-weight: bold;

}



#rightcol .hoezitdat h3{

	color: #ffffff;

	background-color: #62aec1;

}



#homerest_rightboxes {

	float:right;

	width: 228px;

}



.home #content .homebox h2, .home #content .homebox h1{

	font-size: 1.45em;

	font-weight: bold;

	margin: 0em -14px 0.5em -14px;

	padding: 7px 14px;

	background-color: #e5e5e5;

	color: #f7403a;

}



.home #content .homebox h1{

	background-color: #f7403a;

	color: #ffffff;

}



.home #content .topright h2{

	background-color: #62aec1;

	color: #ffffff;

}



.home #content .rightbox h2{

	color: #62aec1;

	color: #025d73;

}



#rightcol .agenda h4{

	font-weight: normal;

}



#content #social_icons {

	position:relative;

	float:left;

	margin:0;

	padding:0;

}



#content #social_icons li{

	display:inline;

	list-style:none;

	margin:0;

}



#content #social_icons li a {

	float:left;

	border:2px solid white;

	width:33px;

	height:34px;

	margin:12px 1px 24px 1px;

}



#content #social_icons li a span{

	display:none;

}



.no-right-padding {

	padding-right: 0;

	width: 209px;

}



#social_icons .flickr,

#social_icons .flickr:hover,

#social_icons .facebook,

#social_icons .faceboo:hover,

#social_icons .twitter,

#social_icons .twitter:hover,

#social_icons .hyves,

#social_icons .hyves:hover,

#social_icons .youtube, 

#social_icons .youtube:hover {

	background-image:url(../images/social_icons.png);

	background-repeat:no-repeat;

}



#social_icons .flickr {

	background-position:-2px -2px;

}

#social_icons .facebook {

	background-position:-38px -2px;

}

#social_icons .twitter {

	background-position:-74px -2px;

}

#social_icons .hyves {

	background-position:-110px -2px;

}

#social_icons .youtube {

	background-position:-146px -2px;

}

#social_icons .flickr:hover {

	background-position:-2px -38px;

}

#social_icons .facebook:hover {

	background-position:-38px -38px;

}

#social_icons .twitter:hover {

	background-position:-74px -38px;

}

#social_icons .hyves:hover {

	background-position:-110px -38px;

}

#social_icons .youtube:hover {

	background-position:-146px -38px;

}



#social_icons_footer {

	position:absolute;

	left:171px;

	top:8px;

}



#social_icons_footer ul {

	margin:0;

	padding:0;

}



#social_icons_footer ul li{

	display:inline;

	list-style:none;

}



#social_icons_footer ul li a {

	float:left;

	border:1px solid white;

	margin-right:2px;

	width:19px;

	height:19px;

}



#social_icons_footer ul li a span{

	display:none;

}

#social_icons_footer .flickr,

#social_icons_footer .flickr:hover,

#social_icons_footer .facebook,

#social_icons_footer .faceboo:hover,

#social_icons_footer .twitter,

#social_icons_footer .twitter:hover,

#social_icons_footer .hyves,

#social_icons_footer .hyves:hover,

#social_icons_footer .youtube, 

#social_icons_footer .youtube:hover {

	background-image:url(../images/social_icons_small.png);

	background-repeat:no-repeat;

}



#social_icons_footer .flickr {

	background-position:-1px -1px;

}

#social_icons_footer .facebook {

	background-position:-21px -1px;

}

#social_icons_footer .twitter {

	background-position:-41px -1px;

}

#social_icons_footer .hyves {

	background-position:-61px -1px;

}

#social_icons_footer .youtube {

	background-position:-81px -1px;

}

#social_icons_footer .flickr:hover {

	background-position:-1px -21px;

}

#social_icons_footer .facebook:hover {

	background-position:-21px -21px;

}

#social_icons_footer .twitter:hover {

	background-position:-41px -21px;

}

#social_icons_footer .hyves:hover {

	background-position:-61px -21px;

}

#social_icons_footer .youtube:hover {

	background-position:-81px -21px;

}





/* ------------- Content markup */



#content .contentpage .samenvat{

	width: 223px;

	background-color: #d7d7d7;

	float: right;

	margin: 0em 0em 1em 1em;

	padding: 12px 14px;

}



#content ul, #content ol{

	margin-left: 0.5em;

	margin-bottom: 0.25em;

	margin-top: -0.75em;

}



#content ul.afterhead{

	margin-top: 0em;

	margin-bottom: 0.5em;

}



#content h2.afterul{

	margin-top: 1em;

}



#content ul{

	list-style-image: url(../images/bullet_ul.gif);

	list-style-type: disc;

}



#content ul li ul{

	list-style-type: circle;

	list-style-image: url(../images/bullet_ul_dash.gif);

	margin-bottom: 0em;

	margin-top: 0em;

}



#content ol{

	list-style-type: decimal;

}



#content ol li ol{

	list-style-type: lower-alpha;

	margin-bottom: 0em;

	margin-top: 0em;

}



#content ul li, #content ol li{

	margin-left: 1.5em;

}



#content .contentpage .samenvat ul{

	margin-bottom: 0em;

	margin-left: 0em;

	margin-top: 0em;

}



#content #formsinner ul, #content ul.sm0, #content ul.sm1, #content ul.sm2, #content ul.sm3{

	margin-bottom: 1em;

	margin-top: 0em;

}



#content .contentpage .alignright{

	float: right;

	margin: 0em 0em 1em 1em;

}



#content .contentpage .alignleft{

	float: left;

	margin: 0em 1em 1em 0em;

}



#rightcol .infobox ul{

	margin-bottom: 1em;

}



#content .meer a, #rightcol .meer a{

	text-transform: lowercase;

	background: url(../images/bullet_more.png) left 90% no-repeat;

	padding-left: 15px;

}



#content .terug a{

	text-transform: lowercase;

	background: url(../images/bullet_back.png) left 90% no-repeat;

	padding-left: 15px;

	position: relative;

	top: 1em;

}



#rightcol .hoezitdat ul{

	margin-left: 14px;

	margin-bottom: 1em;

	list-style-image: url(../images/bullet_ul.gif);

	list-style-type: disc;

}







/* ------------- Nav */



#nav{

}



#nav ul{

}



#nav ul li a{

	margin-bottom: 1px;

	background: #8e9798 url(../images/back_nav_main.png) 0% 100% repeat-x;

	display: block;

	color: #ffffff;

	text-decoration: none;

}



#nav ul li a span{

	display: block;

	padding: 7px 12px 7px 10px;

}



#nav ul li.active a span{

	background: url(../images/back_nav_active.png) 98% 55% no-repeat;

	font-weight: bold;

	padding-right: 14px;

}



#nav ul li.parent a span{

	background: url(../images/back_nav_parent.png) 98% 55% no-repeat;

	font-weight: bold;

	padding-right: 14px;

}



#nav ul li a:hover{

	text-decoration: underline;

}



#nav ul li ul li a, #nav ul li.parent ul li a{

	color: #2b2e2f;

	background-image: none;

	background-color: #babebf;

}



#nav ul li ul li a span, #nav ul li.parent ul li a span{

	color: #2b2e2f;

	font-weight: normal;

	background-image: none;

	background-color: #babebf;

	padding: 5px 12px 5px 12px;

}



#nav ul li.parent ul li.active a span

{

	font-weight: bold;

}



#nav ul li ul li ul li a span, #nav ul li.parent ul li ul li a span, #nav ul li.parent ul li.active ul li a span{

	background-image: none;

	background-color: #d6d8d8;

	font-size: 0.92em;

	font-weight: normal;

	padding-left: 27px;

}

#nav ul li.parent ul li.active ul li.active a span, #nav ul li.parent ul li.active ul li.active ul li.active a span

{

	font-weight: bold;

}


#nav ul li.parent ul li.active ul li.active ul li a span, #nav ul li.parent ul li.active ul li.active ul li.active ul li a span{
	font-weight: normal;
}

#nav ul li.parent ul li.active ul li.active ul li a span {
	padding-left: 35px;
}


#nav ul li.parent ul li.active ul li.active a{
	margin-botom: 0px;
}






/* ------------- Quick nav */



#quicklinks{

	margin-top: 2.64em;

}



#quicklinks ul li{

	background: #efefef url(../images/back_quicknav.png) 0% 100% repeat-x;

	margin-bottom: 0.55em;

}



#quicklinks ul li a{

	display: block;

	color: #2b2e2f;

	text-decoration: none;

	padding: 3px 12px 3px 25px;

	background: url(../images/back_quicknav_tolkmatch.png) 11px 51% no-repeat;

}



#quicklinks ul li a:hover{

	text-decoration: underline;

}



#quicklinks ul li.chat{

	background: none;

}



#quicklinks ul li.chat a{

	padding: 0px;

	background: none;

}





/* ------------- Funcav */



#funcnav ul{

	margin-top: 4px;

}



#funcnav ul li{

	padding: 0.22em 0em;

}



/* ter backup. textsize is verplaatst naar breadcrum bar

#funcnav ul li.textsize, #funcnav ul li.textsize ul li{

	display: inline;

	margin: 0px;

	padding: 0px;

	height: auto;

}



#funcnav ul li.textsize ul{

	margin: 0px;

}



#funcnav ul li.textsize ul li.normaltext{

	font-size: 1.27em;

}



#funcnav ul li.textsize ul li.largetext{

	font-size: 1.82em;

}

*/



#funcnav ul .bereik{

	padding: 0px;

	margin: 0px;

}



#funcnav ul .bereik a{

	display: block;

	position: relative;

	left: 7px;

	background: #fa8c89 url(../images/back_funcnav_24.png) 0% 50% no-repeat;

	padding: 0.36em 7px 0.36em 22px;

}



#funcnav ul li a:hover{

	text-decoration: underline;

}





/* ------------- Textsize */



#textsizer{

	position: absolute;

	margin-top: 0.5em;

	margin-left: 7px;

}



#textsizer ul li{

	display: inline;

	margin: 0px;

	padding: 0px;

	height: auto;

}



#textsizer ul li.normaltext{

	font-size: 1.27em;

}



#textsizer ul li.largetext{

	font-size: 1.82em;

}



/* ------------- Searchbox */



#searchform input{

	border: 1px solid #747f81;

}



#searchsite{

	padding: 3px;

	background: #eeeeee url(../images/back_input.png) 0% 0% no-repeat;

	width: 147px;

	margin-right: 5px;

}



#searchsubmit{

	color: #ffffff;

	padding: 2px 18px 2px 3px;

	background: #787d7f url(../images/back_submit_search.png) 92% 50% no-repeat;

}



#searchform label{

	position: absolute;

	top: -99999px;

}



#searchform legend{

	display: none;

}



/* ------------- Right column */



#rightcol .infobox{

	background: #efefef url(../images/back_postit_foot_rightcol.png) bottom left no-repeat;

	width: 199px;

	padding: 0px 14px 11px 14px;

	margin-bottom: 1em;

}



#rightcol .extlink, #content .extlink{

	background: url(../images/icon_extlink.gif) 100% 50% no-repeat;

	padding-right: 12px;	

}



#rightcol .docdoc, #content .docdoc{

	background: url(../images/icon_word.gif) 100% 90% no-repeat;

	padding-right: 34px;	

}



#rightcol .docpdf, #content .docpdf{

	background: url(../images/icon_pdf.gif) 100% 90% no-repeat;

	padding-right: 26px;	

}



#rightcol .docxls, #content .docxls{

	background: url(../images/icon_xls.gif) 100% 90% no-repeat;

	padding-right: 38px;	

}



/* ------------- Homepage */



.home #content .homebox{

	background-color: #efefef;

	padding: 0px 14px 11px 14px;

	margin-bottom: 1em;

}



.home #content .topleft{

	width: 350px;

	background: #efefef url(../images/back_postit_home_topleft.png) bottom left no-repeat;

	float: left;

}



.home #content .topright{

	width: 359px;

	background: #efefef url(../images/back_postit_home_topright.png) bottom left no-repeat;

	float: right;

}



.home #content .actueelbox{

	width: 497px;

	background: #efefef url(../images/back_postit_home_actueel.png) bottom left no-repeat;

	float: left;

}



.home #content .rightbox{

	width: 199px;

	background: #efefef url(../images/back_postit_foot_rightcol.png) bottom left no-repeat;

	float: right;

}



#homehead, #homerest{

	position: relative;

	overflow: hidden;

	width: auto;

}



.home #content .topright h2 .titlecat{

	float: right;

	color: #025d73;

	font-size: 0.88em;

}



.home #content .topright img{

	float: right;

	margin: 0em 0em 1em 1em;

}





/* ------------- Newslist */



#content #newslist .newsarticle{

	border-bottom: 1px solid #d7d7d7;

	padding-bottom: 0.5em;

	margin-bottom: 0.5em;

	position: relative;

	overflow: hidden;

}



#rightcol #newslist .newsarticle{

	padding-bottom: 0.5em;

	margin-bottom: 0.5em;

}



#content #newslist .newsarticle .newsintro img{

	float: right;

	margin: 0em 0em 0.25em 1em;

}



#content #newslist .newsdate{

	display: block;

	width: 6.36em;

	float: left;

	color: #89989b;

}



#rightcol #newslist .newsdate, #content .actueelpage .newsdate{

	color: #89989b;

}
#wrapper .contentpage p.newsdate{
	color: #89989b;
    font-size:90%;
    margin-bottom:0em;
}


#rightcol #newslist.agenda .newsdate{

	font-weight: bold;

	color: #2b2e2f;

}



#content #newslist .newsarticle h3{

	margin-left: 6.66em;

}



#content #newslist .sticky .newsdate{ /* no more: , #content #newslist.agenda .newsdate */

	float: none;

	width: auto;

}



#content #newslist .sticky h3{ /* no more: , #content #newslist.agenda h3 */

	margin-left: 0em;

	clear: left;

}



.actueel #content #newslist{

	margin-bottom: 2em;

}





/* ------------- Faqlist */



#content #faqlist{

	padding-top: 1em;

}



#content #faqlist .faqarticle{

	border-bottom: 1px solid #d7d7d7;

	padding-bottom: 0.5em;

	margin-bottom: 0.5em;

}





/* ------------- Formcontrols content */





#content input, #rightcol input, #content select, #rightcol select{

	border: 1px solid #747f81;

	padding: 3px;

}



#content input.submit, #rightcol input.submit{

	color: #ffffff;

	padding: 2px 4px;

	background-image: none;

	background-color: #747f81;

	border: outset #747f81;

}



#content label, #rightcol label{

	font-weight: bold;

	display: block;

	margin-bottom: 0.33em;

}



/* ------------- Medewerkers */



.medewerker{

	width: 145px;

	float: left;

	margin: 0px;

	padding-bottom: 10px;

	min-height: 135px;

}



.medewerker.medrow{

	clear: left;

}



.medewerker .img{

}



.medewerker.inactive .img, .medewerker.inactive .medfunc{

	filter:alpha(opacity=50);

	opacity: 0.5;

}



.medewerker .medfunc{

	font-weight: bold;

}



#content .medewerker p{

	margin-bottom: 0em;

}



/* ------------- Geregeld */



#geregeldhome{

	position: relative;

	width: 197px;

	height: 158px;

}

#geregeldhome #banner{
	
	position: relative;
	
	top: -10px;
	
	bottom: auto;
	
	left: 8px;

}


#geregeldwrapper .geregeld{

	width: 155px;

	float: left;

	margin: 0px;

	padding-bottom: 2em;

	min-height: 135px;

}



#geregeldwrapper .geregeld.gerrow{

	clear: left;

}



#geregeldwrapper .geregeld .img{

}



#geregeldwrapper .geregeld .gertitle{

	font-weight: bold;

}



#geregeldwrapper .geregeld p{

	margin-bottom: 0em;

}





#smk_2964 .nivo /* sitemap */

{

	color:#CCCCCC;

	text-decoration:none;

}



#smk_2964 .nivo:hover

{

	color:#CCCCCC;

	text-decoration:underline;

}



/* zoek resultaten */

#searchresult dd

{

	margin-bottom:10px;

	padding-left:10px;

	color: #999999;

}



#searchresult dd a{

	color: #999999;

}



#searchresult dt

{

	font-weight:bold;

}

/* /zoek resultaten */

#addthis {
   padding:5px 5px 0px 5px;
   margin-top:25px;
   width: 508px;
   background-color: #D7D7D7;
}