/* 
	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.parent ul li.active a span
{
	font-weight: bold;
}



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

#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;
}

#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 */