/*
donkerblauw: #092161
lichtblauw: #0092B0
donkerbruin: #463319
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

legend,
label  {
	display: none;
	visibility: hidden;
}

body {
	background-color: #fff;
	font: 16px arial, sans-serif;
	color: #463319;
}

a {
	color: #0092B0;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background-color: #092161;
}

p {
	font-size: 11px;
	line-height: 1.4em;
	padding-bottom: 10px;
}

.items p {
	font-size: 16px;
}

#home .introblok h1 {
	font-size: 18px;
	line-height: 1.6em;
	padding: 10px 0 5px 0;
	letter-spacing: .01em;
}

h1 {
	font-size: 18px;
	padding: 0 0 10px 0;
	letter-spacing: .01em;
}

h1 a,
h2 a {
	color: #463319;
}

h2 {
	font-size: 14px;
	line-height: 1.8em;
}

h3 {
	font-size: 13px;
	line-height: 1.6em;
	padding-bottom: 10px;
}

h4 {
	font-size: 16px;
	line-height: 1.6em;
}

#kop {
	position: relative;
	height: 150px;
	width: 100%;
	background-color: #092161;
}

#logo {
	float:left;
	width: 250px;
	text-align: center;
}

#kopfoto {
	position: absolute;
	top: 0;
	left: 250px;
	height: 150px;
	width: 700px;
	background: #092161 url(/images/bg_header_new.jpg) no-repeat;
}

#tu_logo_header {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

img#tu_logo_header a:hover {
	background: none;
}

#omdoos {
	clear: both;
	margin: 40px 0 0 0;
	width: 950px;
}

#inhoud {
	float: right;
	width: 700px;
}

/* hoofdmenu */

#hoofdmenu li {
	display: inline;
	line-height: 1.8em;
	letter-spacing: .01em;
}

#hoofdmenu li a {
	padding: 0 9px;
}

#hoofdmenu {
	float: left;
	display: inline; /* zorgt ervoor dat ie5 en 6 zich netjes gedragen */
	width: 180px;
	margin: 0 0 0 50px;
	font-size: 17px;
}

#hoofdmenu a {
	display: block;
	background-color: #0092B0;
	text-decoration: none;
	color: #fff;
}

#hoofdmenu li#active a {
	background-color: #092161;
}

#hoofdmenu a:hover {
	background-color: #092161;
}

#hoofdmenu a:active {
	background-color: #092161;
}

#hoofdmenu li.sub_uitgevers a {
margin: 20px 0 0 0;
}

#navigatie {
	width: 100%;
	height: 32px;
	background-color: #0092B0;
}

#navigatie-inhoud {
	width: 700px;
	margin-left: 250px;
	height: 32px;
	background-color: #0092B0;
}

#navigatie-rechts {
	float: right;
	width: 240px;
}

/* voor 3-koloms pagina's */

#kolom-1 {
	float: left;
	width: 220px;
}

#kolom-2 {
	float: left;
	width: 220px;
	margin: 0 20px;
}

#kolom-3 {
	float: left;
	width: 220px;
}

.tekstblok-blauw {
	padding: 10px 10px;
	margin: 0 0 20px 0;
	color: #fff;
	background-color: #0092B0;
}

.tekstblok-blauw h1 {
	font-size: 21px;
	border-bottom: 3px solid #fff;
}

.tekstblok-blauw h1 a {
	color: #fff;
}

/* kruimelpad */

#kruimelpad {
	padding-left: 0px;
}

#kruimelpad ul {
	padding: 4px 0 0 0;
}

#kruimelpad li {
	display: inline;
	font-size: 13px;
	padding: 0 4px 0 0;
}

#kruimelpad li a {
	color: #fff;
	text-decoration: none;
}

/* kleinere en grotere tekst */

#tekstgrootte {
	padding: 8px 0 0 0;
}

.kleiner {
	font-weight: bold;
	font-size: 14px;
	padding-right: 5px;
}

.groter {
	font-weight: bold;
	font-size: 16px;
}

.kleiner a,
.groter a {
	color: #fff;
}

/* zoeken */

#zoekblok {
	float: right;
	text-align: right;
	width: 187px;
	font-size: 11px;
	padding: 0px;
	margin-top: 5px;
	background:#FFFFFF ;

}

#zoekblok input {
	color: #0092B0;
}

#zoek {
	background-color: #fff;
	padding: 3px;
	height:15px;
	margin: 0;
	width: 158px;
}

.zoekknop {
	background:#FFFFFF url(../images/zoekknop.gif) no-repeat 50% 50%;
	height:21px;
	padding:0px;
	padding-bottom: 4px;
	width:20px;
}

#onderkant {
	clear: both;
	padding: 10px 0 20px 50px;
	border-top: 1px solid #0092B0;
}

#onderkant img {
	float: left;
	padding-right: 20px;
}

#onderkant p {
	padding: 5px 0 0 200px;
}

#home .introblok {
	padding: 15px;
	margin-bottom: 20px;
	background-color: #0092B0;
	color: #fff;
}

.streep-wit {
	width: 320px;
	height: 5px;
	background: transparent url(../images/streep-wit.gif) repeat-x;
}

.streep-bruin {
	clear: both;
	height: 5px;
	background: transparent url(../images/streep-bruin.gif) repeat-x;
	margin: 10px 0 20px 0;
}

.blok-links {
	float: left;
	width: 330px;
}

.blok-rechts {
	float: right;
	width: 330px;
}

/* 12 12 2008 */

.blok-links-breed {
	float: left;
	clear: both;
	width: 475px;
}

.blok-rechts-smal {
	float: right;
	width: 185px;
}

/* 12 12 2008 */

.onderwerp {
	clear: both;
	float: left;
	border-bottom: 3px solid #463319;
	margin-bottom: 10px;
}

.tekstblok {
	clear: both;
	margin-bottom: 10px;
}

.lichtblauw {
	color: #0092B0;
}

#inhoud ul { /****************11-12-2008 ******************/
	margin-left: 17px;
}


#inhoud ol { /****************11-12-2008 ******************/
	margin-left: 17px;
}


#inhoud li { /****************11-12-2008 ******************/
	list-style-position: outside;
	font-size: 11px;
	line-height: 1.4em;
	padding: 0 0 4px 0;
}

#inhoud p {
	font-size: 11px;
}
#inhoud li h1 {
	font-size: 18px;
}
#inhoud li h2 {
	font-size: 17px;
}
#inhoud li h3 {
	font-size: 14px;
}
#inhoud li h4 {
	font-size: 13px;
}

ul.meer_lijstjes,
ol.meer_lijstjes  { /****************11-12-2008 ******************/
	padding-bottom: 10px;
	margin: 0!important;
}

ul.meer_lijstjes li,
ol.meer_lijstjes li
 { /****************11-12-2008 ******************/
	font-size: 11px;
	line-height: 1.4em;
	list-style: none;
	padding: 0!important;
}

/* nieuw voor agenda op voorpag */

table.agenda_item { /****************11-12-2008 ******************/
	font-size: 11px;
	line-height: 1.4em;
}

td.agenda_item_date { /****************11-12-2008 ******************/
	width: 90px;
	padding-bottom: 10px;
	vertical-align: top;

}


td.agenda_item_info { /****************11-12-2008 ******************/
	width: 240px;
	padding-bottom: 10px;
	vertical-align: top;
}



.meer {
	text-align: right;
}

.meer-items-link {
	clear: both;
	float: right;
	font-weight: bold;
	border-top: 3px solid #0092B0;
}

.meer-items-link a:hover {
	border-top: 3px solid #092161;
}

blockquote {
	font-size: 16px;
	line-height: 1.4em;
	padding-left: 50px;
	background: url(../images/blockquote.gif) top left no-repeat;
	font-style: italic;
}

cite {
	font-size: 16px;
}

.print {
	padding-left: 23px;
	background: url(../images/icon-print.gif) top left no-repeat;
}

.stuur-nieuws {
	padding-left: 23px;
	background: url(../images/icon-stuur_nieuws.gif) top left no-repeat;
}

img.middelste-foto {
margin: 0 17px 0 16px;
}

img.groot {
margin: 0 0 0 0;
}

/* TOEVOEGINGEN VOOR VERTALERSBESTAND */

#vertalerzoekblok {
	clear: both;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #0092B0;
	color: #fff;
}

#vertalerzoekblok h1 {
	font-size: 18px;
	line-height: 1.6em;
	padding: 10px 0 5px 0;
	letter-spacing: .01em;
}

#profielfoto img {
	border: 1px solid #463319;
}

.mail a {
	padding-left: 12px;
	font-size: 11px;
	background: url(../images/icon-mail.gif) left 4px no-repeat;
}

.mail a:hover {
	background-color: #092161;
}

#mailform,
#vertalerzoekblok,
#vertalerzoekblok-mini {
	color: #fff;
	background-color: #0092B0;
	padding: 10px;
}

#mailform input,
#mailform textarea,
#vertalerzoekblok-mini input {
	background-color: #fff;
	width: 155px;
	padding: 4px 5px;
	margin-bottom: 10px;
}

#vertalerzoekblok-mini select {
	background-color: #fff;
	width: 165px;
	padding: 4px 5px;
	margin-bottom: 10px;
}

#vertalerzoekblok input,
#vertalerzoekblok textarea {
	background-color: #fff;
	width: 170px;
	padding: 5px;
	margin: 0 20px 10px 0;
}
#vertalerzoekblok select {
	background-color: #fff;
	width: 180px;
	padding: 5px;
	margin: 0 20px 10px 0;
}

#mailform label {
	visibility: visible;
	display: inline;
	font-size: 11px;
}

input#contact-verzendknop,
input#talen-verzendknop,
input#trefwoord-verzendknop {
	width: 100px;
	background-color: #B3DFE7;
	border: 1px solid #fff;
	padding: 3px 0;
}

input#contact-verzendknop hover,
input#talen-verzendknop hover,
input#trefwoord-verzendknop hover {
	color: #fff;
	background-color: #092161;
	border: 1px solid #B3DFE7;
	cursor: pointer;
}

#zoek-trefwoord {}

#zoek-talen {}

.toggle {
	clear: both;
}

.toggle a {
	color: #fff;
	text-decoration: underline;
}

ul#zoekresultaten {
	clear: both;
}

ul#zoekresultaten li {
	list-style: none;
	padding-bottom: 10px;
	font-size: 16px;
	color: #0092B0;
	font-weight: bold;
}
ul#zoekresultaten li .zoekresultaten-label {
	color: #0092B0;
}

ul#zoekresultaten li .zoekresultaten-desc {
	color: #330000;
	font-weight: normal;
	font-size: 11px;
	line-height: 130%;
	display: block;
}

ul#zoekresultaten li .zoekresultaten-desc ul.items {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 1.4;
}
ul#zoekresultaten li .zoekresultaten-desc ul.items li {
	list-style-type: disc;
	list-style-position: outside;
	font-weight: normal;
	color: #000;
	padding: 3px 0;
	font-size: 11px;
}

ul#zoekresultaten li a {
	color: #330000;
}

ul#zoekresultaten li a:hover {
	color: #fff;
}

#privacy ol,
#privacy li,
#privacy p {
	font-size: 11px;
}


#privacy h3,
#privacy h4 {
	font-size: 12px;
	font-weight: bold;
}

/*  */
#pager {
	clear: both;
  margin: 0;
  padding: 10px 0;
}
#pager .streep-bruin {
  clear: both;
  height: 5px;
  margin: 10px 0 10px;
}
#pager p {
  line-height: 1;
}

#pager ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

#pager ul li {
	list-style: none;
	margin: 0;
	padding: 0 3px 0 0;
  display: inline;
}

#pager ul li a {
  background: #092161;
  padding: 2px 5px;
  margin: 0;
  color: #fff;
}

#pager ul li a:focus,
#pager ul li a:hover,
#pager ul li a:active,
#pager ul li a.active {
  background: #0092B0;
}

/* standaard css overrides */

#tekstgrootte {
	text-align: right;
}

.streep-wit {
	width: 100%;
}



p.navlinks {
	width: 200px;
  float: left;
  clear: none;
}
/* login link */
p.login,
p.profileview {
  width: 260px;
  float: right;
  clear: none;
  text-align: right;
}
.login a {
	padding-left: 12px;
	font-size: 11px;
	background: url(../images/icon-key.gif) left 4px no-repeat;
}

.login a:hover {
	background-color: #092161;
}

.profileview a {
	padding-left: 12px;
	font-size: 11px;
	background: url(../images/icon-key.gif) left 4px no-repeat;
}

.profileview a:hover {
	background-color: #092161;
}

/* externe links */
.externallinkicon {
	padding: 0 1px;
	/* background: url(../images/icon-popout.gif) no-repeat top right; */
}


/* form overrides */
.profile fieldset {
  clear: both;
  width: 463px;
  margin: 7px 0;
  padding: 5px;
  /*border: 1px solid #463319;*/
  border: 1px solid #968369;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	border-radius: 5px;
}
.profile fieldset legend {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 0 4px;
  color: #463319;
  visibility: visible;
  display: inline;
}
.profile fieldset p.addbutton {
  margin: 0;
  padding: 0;
}
.formrow {
  float: left;
  clear: both;
  margin: 0 0 5px 0;
  padding: 0;
  color: #463319;
	font-size: 11px;
	line-height: 1.6em;
  width: 453px;
}
.formrow input,
.formrow select,
.formrow textarea {
  border: 1px solid #0092B0;
	font: 100% arial, sans-serif;
	color: #463319;
	padding: 3px;
}
.formrow input[type=text] {
	padding: 5px;
}
.formrow select,
.formrow input,
.formrow textarea {
  float: left;
  clear: none;
}
.formrow .wideinput {
  width: 310px;
	padding: 5px;
}
.formrow textarea {
  width: 320px;
	padding: 0px;
}
.formrow input[readonly] {
  background: #ddd;
  color: #999;
}
.formrow input[type=file] {
  border: none;
  background: #ddd;
  padding: 5px;
}
.formrow .imagepreview {
  float: left;
  clear: none;
}
.tekstblok label {
  display: inline;
  visibility: visible;
}
.formrow label.formlabel {
  display: block;
  visibility: visible;
  float: left;
  clear: left;
  width: 10em;
  padding: 0 2px;
}
.formrow label.inlinelabel {
  display: block;
  visibility: visible;
  float: left;
  clear: none;
  padding: 0 2px;
}
.formrow label.gridlabel {
  display: block;
  visibility: visible;
  float: left;
  clear: none;
  width: auto;
  padding: 0 2px;
  margin: 0 5px 0 0;
}
.formrow .ui-datepicker-trigger {
  margin: 5px;
}
.formrow select.gridselect {
  display: block;
  visibility: visible;
  float: left;
  clear: none;
  width: 8em;
  margin: 0 5px 0 0;
  padding: 5px;
}
.formrow input[type=submit],
.formrow input[type=cancel] {
  margin: 0 5px 0 0;
  background: #eee;
  color: #463319;
  font-weight: bold;
  border: 1px outset #463319;
}
.formrow input#id-bewaren,
.formrow input#relatie-bewaren {
	float: right;
}
.formrow .error {
	font-weight: bold;
	color: red;
	padding: 2px;
	clear: both;
	float: left;
}
fieldset form {
  float: left;
  clear: both;
  background: #fff;
  border-bottom: 2px dotted #eee;
  padding-bottom: 2px;
  margin-bottom: 7px;
}
.profile p.addbutton {
  clear: both;
  float: left;
  width: 450px;
  padding: 5px;
  margin: 0;
  line-height: 15px;
}

fieldset.disabled,
fieldset.disabled legend,
fieldset.disabled div,
fieldset.disabled input,
fieldset.disabled input[type=submit] {
  background: #eee;
  border-color: #ccc;
  color: #ccc;
}

div.info {
  clear: both;
  background: #eee;
  padding: 3px 5px;
  margin-top: 7px;
  margin-bottom: 7px;
  font-size: 14px;
}


p.info {
  border: 2px solid #0092B0;
  background: #eee;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 7px;
}


p.warning {
  border: 2px solid darkorange;
  background: #eee;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 7px;
}

p.error {
  border: 2px solid red;
  background: #eee;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 7px;
}

pre {
  border: 1px solid red;
  background: #eee;
  padding: 6px;
  font-weight: bold;
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 14px;
  max-height: 250px;
  overflow: auto;
}

.profile fieldset p.addbutton a {
	display: block;
	text-indent: 20px;
	line-height: 20px;
	padding: 3px;
	font-weight: bold;
  color: #463319;
	background: #ccc url(../images/add.png) no-repeat 3px 5px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	border-radius: 3px;
}
.profile fieldset p.addbutton a:hover {
	background-color: #E6EFC2;
  border: 1px solid #55FF00;
  color: #463319;
}
.dimmed #inhoud p.addbutton a {
	background-color: #aaa;
	color: #666;
	border-color: #aaa;
}

.formrow input.bewaren,
.formrow input.bestandbewaren {
	display: block;
	text-indent: 20px;
	background: #ccc url(../images/page_save.png) no-repeat 3px 3px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	border-radius: 3px;
}
.formrow input.bewaren:hover,
.formrow input.bestandbewaren:hover {
	background-color: #E6EFC2;
  border: 1px solid #55FF00;
}
.dimmed #inhoud input.bestandbewaren {
	background-color: #aaa;
	color: #666;
	border-color: #aaa;
}
/*
form .formrow input.bewaren:hover {
  border-color: #55FF00 black black #55FF00;
  background: #E6EFC2;
}
*/

.formrow input.verwijderen {
	display: block;
	text-indent: 20px;
	background: #ccc url(../images/delete.png) no-repeat 3px 3px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	border-radius: 3px;
}
.formrow input.verwijderen:hover {
	background-color: #FBE3E4;
  border: 1px solid #ff0000;
}
.dimmed #inhoud input.verwijderen {
	background-color: #aaa;
	color: #666;
	border-color: #aaa;
}
/*
form .formrow input.verwijderen:hover {
  border-color: red black black red;
  background: #FBE3E4;
}
*/

.formrow input.annuleren {
	cursor: default;
	display: block;
	text-indent: 20px;
	/*
	line-height: 20px;
	*/
	padding: 4px 3px;
	background: #ccc url(../images/close.png) no-repeat 3px 3px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	border-radius: 3px;
}
.formrow input.annuleren:hover {
	background-color: #FFFF99;
  border: 1px solid #FFCC00;
}
.dimmed #inhoud input.annuleren {
	background-color: #aaa;
	color: #666;
	border-color: #aaa;
}

input#extra_text {
	display: none;
}
.sortable form.editform {
  position: relative;
}
.sortable form.editform span.handler {
	cursor: move;
  float: left;
  clear: none;
  position: absolute;
  right: 0px;
	width: 15px;
	height: 15px;
	margin: 2px 0;
  background: #fff url(../images/move_item_gray.png) no-repeat bottom left;
}
.sortable .empty-drop {
  float: right;
  clear: both;
  width: 460px;
  height: 40px;
  border: 2px dotted #eee;
  padding: 0;
  margin: 7px 0 14px;
  background: #ffe url(../images/move_item_colour.png) no-repeat top right;
}


.formrow span.rtelink {
	float: right;
	clear: both;
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 2px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	border-radius: 3px;
}
.formrow span.rtelink a {
	text-indent: -100em;
	float: left;
	clear: both;
	overflow: hidden;
	width: 15px;
	height: 15px;
	background: url('../images/font.png') no-repeat top left;
}
.formrow span.rtelink a.warning {
	background: url('../images/html.png') no-repeat top left;
}

.formrow .rteable {
  float: left;
  clear: none;
}
.formrow .rteable .nicEdit-main {
	background: #fff;
}
.nicEdit-main ol,
.nicEdit-main ul,
.nicEdit-main li {
	font-size: 11px;
}

.dimmed #inhoud {
	color: #666;
	border-color: #aaa;
}
.dimmed #inhoud * form,
.dimmed #inhoud * fieldset,
.dimmed #inhoud * div,
.dimmed #inhoud * label,
.dimmed #inhoud * select,
.dimmed #inhoud * option,
.dimmed #inhoud * textarea,
.dimmed #inhoud * input,
.dimmed #inhoud * span {
	background-color: #aaa;
	color: #666;
	border-color: #aaa;
}
.dimmed #inhoud * .highlight,
.dimmed #inhoud * .highlight div,
.dimmed #inhoud * .highlight label,
.dimmed #inhoud * .highlight input,
.dimmed #inhoud * .highlight span {
	background-color: #fff;
	color: #463319;
	border-color: #463319;
}

/*
donkerblauw: #092161
lichtblauw: #0092B0
donkerbruin: #463319
*/

