/* Reset stuff first
-------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}
body {
line-height:1.5;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';content:none;
}

/* remember to define focus styles! */
:focus {
outline:0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table, td, th {
border-collapse:collapse;border-spacing:0;vertical-align:middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* Remove annoying border on linked images. */
a img {border:none;}
img {line-height:0}


/* Layout
-------------------------------------------------------------- */
body {
font-size:80%
}
html,body{
min-width:inherit;height:100%;margin:0;padding:0;
}
html,body,table,td,th,tr {
font-family:Arial, Helvetica, sans-serif;color:#000
}
#body-wrap {	
width:100%;
}
div#header, div#main-navbar, div#sub-navbar, div#content, div#footer, #letterNavbar {
width:790px;margin:0 auto;padding:0;position:relative;
}
#header-wrap{
background: #000 url('../../../media/images/bg.gif');
}
div#header {
height:76px;
}
div#user_navbar_small {
width:310px;margin:0 auto;padding:0;font-size:90%;position:absolute;top:10px;right:0;text-align:right;
}
	div#user_navbar_small a {text-decoration:none}
	div#user_navbar_small a:hover {background:none}
	div#user_navbar_small a {color:#fff;}
	div#user_navbar_small a:hover {color:#ADAD9B;}

div#main-navbar-wrap {
padding:3px 0;background:#333;
}
div#main-navbar {
	height:32px
}
	div#main-navbar a.nav {float:left;font-weight:bold;text-decoration:none;padding:4px 12px 5px 12px;margin-right:4px;outline:none;height:17px;color:<?php echo $r?>}
	div#main-navbar a.nav:hover {color:#fff;background:#3F3B43}
		
	div#main-navbar a.nav-current {float:left;font-weight:bold;text-decoration:none;padding:4px 12px 5px 12px;margin-right:4px;outline:none;height:17px}
	div#main-navbar a.nav-current:hover {color:#fff;background:#3F3B43;}

div#content-wrap {
min-height:100%;height:auto !important;height:100%;margin:0 auto -4em;
}
div#content {
position:relative;overflow:hidden;background:;margin:0 auto;padding:20px 0 0 0;
}
div#footer-wrap {
position:relative;height:60px;margin-top:20px;padding:20px 0 0 0;background:#333;
}
div#footer {
position:relative;margin:10px auto;text-align:right;
}
div.footer, div.push {
height:4em
}
div#footer a {display:block;float:left;text-decoration:none;margin-right:20px;padding:0px;color:#667585;}
div#footer a:hover {color:#CCD2DB;background:#667585}

/* Columns
-------------------------------------------------------------- */
.col-first{position:relative;float:left;text-align:left}
.col{position:relative;float:left;text-align:left;margin-left:10px}

/* Blocks
-------------------------------------------------------------- */
div.block {
position:relative;margin:0 0 20px 0;
}
div.block .block-header {
padding:3px 5px;font-size:1.1em;line-height:1.6em;border-bottom:#E2E2D7 2px solid;color:#333;
}
div.block .block-header .tooltip {
padding:3px 5px;font-size:1.1em;line-height:1.6em;
}
div.block .block-body {
padding:10px 2px;
}
div.block .block-footer {
padding:3px 5px;font-size:0.89em;line-height:1.6em;text-align:right;border-bottom:#eee 1px none;
}

/* Avatars / thubnails
-------------------------------------------------------------- */
.avatar-xlarge	{width:100px;padding:6px}
.avatar-large 	{width:75px;border:#ccc 1px solid;background:#fff;padding:6px;}
.avatar-medium 	{border:#ccc 1px solid;background:#fff;padding:2px;}
.avatar-small 	{width:24px;}
.avatar-tiny 	{width:16px}
.thumbnail 		{padding:5px;border:#ccc 1px solid}

/* Search
-------------------------------------------------------------- */
#search {
position:absolute;top:2px;right:0px;border:1px solid #10476B;height:22px;width:180px;background:url(../images/bg_search.gif) repeat-x}
#searchfield {
border:0;padding:3px;background:#fff url(../images/bg_search.gif) repeat-x;position:absolute;width:160px}
#searchbutton {
position: absolute;right:0px}

/* Tags
-------------------------------------------------------------- */
#tagcloud{

}
.tag{

}
.tag-list{

}

/* Globals
-------------------------------------------------------------- */
h1{font-size:180%;margin:0 0 15px 0}h2{font-size:160%;margin:0 0 12px 0}h3{font-size:150%;margin:0 0 10px 0}h4{font-size:140%;margin:0 0 8px 0}h5{font-size:130%;margin:0 0 6px 0}h6{font-size:120%;margin:0 0 5px 0}
.xx-large{font-size:400%}.x-large{font-size:300%}.large{font-size:215%}.medium{font-size:145%}.regular{font-size:115%}.small{font-size:95%}.x-small{font-size:85%}.xx-small{font-size:80%}
a:link,a:active,a:visited{color: #f00;text-decoration:none}a:hover{text-decoration:underline}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display: block}* html .clearfix{height: 1%}
.floatleft{float:left}.floatright{float:right}.absolute{position:absolute}.relative{position:relative}.clearleft{clear:left}.clearright{clear:right}.clearboth{clear:both}.clearall{clear:all}.clearer{clear:left;line-height:0;height:0}.block{display:block}.inline{display:inline}.valign{vertical-align:middle}.txright{text-align:right}
.x-light{color:#eee}.light{color:#999}.info{color:#FF9}.alert{color:#f00}.success{color:#6C0}
hr{border:0;margin:5px 0 8px 0;padding:0}
hr.fat{color:#ccc;background:#ccc;height:5px;}

.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}
.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}
.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}
.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}
.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}
.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}
.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}
.w700{width:700px}.w710{width:710px}.w720{width:720px}.w730{width:730px}.w740{width:740px}.w750{width:750px}.w760{width:760px}.w770{width:770px}.w780{width:780px}.w790{width:790px}
.w800{width:800px}.w810{width:810px}.w820{width:820px}.w830{width:830px}.w840{width:840px}.w850{width:850px}.w860{width:860px}.w870{width:870px}.w880{width:880px}.w890{width:890px}
.w900{width:900px}.w910{width:910px}.w920{width:920px}.w930{width:930px}.w940{width:940px}.w950{width:950px}.w960{width:960px}.w970{width:970px}.w980{width:980px}.w990{width:990px}

.input_text{padding:5px;margin:0;border-style:solid;border-width:1px;border-color:#ccc;background:#fff}
.input_text_small{padding:2px;margin:0;border-style:solid;border-width:1px;border-color:#ccc;background:#fff}
.input_submit{padding:3px 8px 3px 8px;margin:0}
.bg-main {background:#e2e2d7}

/* Pagination
-------------------------------------------------------------- */
div.pagination {margin:0px auto;position:relative;padding:5px;clear:both}
div.pagination a {margin:2px;padding:3px 7px;text-decoration:none;border:1px solid;color:#999;outline:none;}
div.pagination a:hover, div.pagination a:active {color:#000;background:#e2e2d7}
div.pagination span.current {font-weight:bold;margin-left:2px;padding:3px 7px;color:#333;xbackground:#e2e2d7}
div.pagination span.disabled {margin:2px;padding:3px 7px;border:1px solid #eee;color:#ddd;}

/* Messages
-------------------------------------------------------------- */
.msg-info-big, .msg-success-big, .msg-warning-big, .msg-error-big, .msg-validation-big {  
padding:12px 10px 12px 75px;background-repeat:no-repeat;background-position:10px center;position:relative} 
.msg-icon-big {
width:48px;height:48px;margin-right:10px;position:absolute;left:10px}

.msg-info-big {
color:#fff;background-color:#1C8ACA}  
.msg-success-big {
color:#fff;background-color:#76C80A}  
.msg-warning-big {
color:#7C5610;background-color:#FFDE4B}  
.msg-error-big {
color:#fff;background-color:#EB0000;}

.msg-info-big .msg-icon-big {
background:url('../images/info_48.png') no-repeat 0 0}
.msg-success-big .msg-icon-big {
background:url('../images/accepted_48.png') no-repeat 0 0}
.msg-warning-big .msg-icon-big {
background:url('../images/warning_48.png') no-repeat 0 0}
.msg-error-big .msg-icon-big {
background:url('../images/cancel_48.png') no-repeat 0 0}

.msg-info-small, .msg-success-small, .msg-warning-small, .msg-error-small, .msg-validation-small {  
padding:12px 10px 12px 75px;background-repeat:no-repeat;background-position:10px center;position:relative} 
.msg-icon-small {
width: 48px;height:48px;margin-right:10px;position:absolute;left:10px}

.msg-info-small {
color:#fff;background-color:#1C8ACA}  
.msg-success-small {
color:#fff;background-color:#76C80A}  
.msg-warning-small {
color:#7C5610;background-color:#FFDE4B}  
.msg-error-small {
color:#fff;background-color:#EB0000;}

.msg-info-small .msg-icon-small {
background:url('../images/info_48.png') no-repeat 0 0}
.msg-success-small .msg-icon-small {
background:url('../images/accepted_48.png') no-repeat 0 0}
.msg-warning-small .msg-icon-small {
background:url('../images/warning_48.png') no-repeat 0 0}
.msg-error-small .msg-icon-small {
background:url('../images/cancel_48.png') no-repeat 0 0}

/* TABLE DISPLAY DL */
dl.table-display {
	margin: 2em 0;
	padding: 0;
	font-size:0.9em
}
dl.table-display dt {
	width: 20em;
	float: left;
	margin: 0 0 0 0;
	padding: 5px 20px 5px 5px;
}
dl.table-display .border-top {
	border-top: 1px solid #ddd;
}
dl.table-display dd {
	float: left;
	width: 34em;
	margin: 0 0 0 0;
	padding: .5em;
}
dl.table-display dt.label {
	font-weight:bold;
}
dl.table-display dt span.sublabel {
	font-weight:normal;
	font-size:0.9em;
	display:block;
}
dl.table-display dt.head {
	font-weight:bold;
	color:#0066CC;
	font-size:1.4em;
	width:50em
}

/* commented backslash hack for mac-ie5 \*/
dl.table-display dt { clear: both; }
/* end hack */

#error_content  {
	border:#999 1px solid;
	background-color:#fff;
	padding:20px 20px 12px 20px;
}

.fsWrapper {
	background-color:#fafafa;
	border-color: #fafafa;
	border-style:none solid solid;
	border-width:13px;
}
fieldset {
	xbackground-color:#F5F0F6;
	border:1px solid #CCCCCC;
	padding:10px;
	xtext-align:right;
}
legend {
	color:#FF2146;
	font-size:14px;
	margin-right:4px;
	padding:3px;
}

/* WOORDENBOEK */
.theWord {
	background:#000;
	xfont-size: 36px;
	color:#FFFFFF;
	display:block;
	padding:6px 10px;
	}
div.word-col {
	width: 230px; 
	float: left;
	margin-right: 10px;
}	
.wordIndex {
	background:#000;
	color:#FFFFFF;
	display:inline-block;
	padding:6px 10px;
	margin-bottom:5px;
	font-weight:bold
	}

a.word:link, 
a.word:active, 
a.word:visited {
	background:#eee;
	color:#000;
	display:inline-block;
	padding:6px 10px;
	margin-bottom:5px;
	font-weight:bold}
a.word:hover {background: #f00; color:#fff; text-decoration:none}

	
.wordIndex-header {
	background:#000;
	color:#FFFFFF;
	padding:6px 10px;
	margin-bottom:5px;
	font-weight:bold
	}
		
div#tagcloud a.tag:link,
div#tagcloud a.tag:active,
div#tagcloud a.tag:visited {text-decoration:none;padding: 4px 8px;line-height:1.8em;background:#666;color:#fff;margin:0 5px 8px 0;display:inline-block;font-weight:bold}
div#tagcloud a.tag:hover {color: #fff;background:#f00}	

.frontWrap {
	background:#eee;
	padding:20px;
	position:relative;
	overflow:auto
}

div#letterNavbar {
	margin: 0 auto;
	padding: 6px 6px 6px 0px;
	font-size: 90%;
	}
		div#letterNavbar a.nav:link, 
		div#letterNavbar a.nav:active, 
		div#letterNavbar a.nav:visited {color: #ccc; text-decoration: none; padding: 4px 8px; background: #000; margin-right: 3px;font-weight: bold; }
		div#letterNavbar a.nav:hover {background: #f00;color: #fff;}
	
		div#letterNavbar a.nav-current:link, 
		div#letterNavbar a.nav-current:active, 
		div#letterNavbar a.nav-current:visited {color: #fff; text-decoration: none; padding: 4px 8px; background: #f00; font-weight: bold; margin-right: 3px}
		div#letterNavbar a.nav-current:hover {color: #fff;}
		
.addWord {
	background:#eee;
	display:inline-block;
	padding:10px;
	font-size:16px
}