/*@import url('../../modern/css/screen.css');*/

html, body {
	margin:0px;
	padding:0px
}

span.anchor {
	display: none;
}

html {
	background-color:#5a1800;
	color:#cc8900;
	font-family:verdana, sans-serif;
	font-size:11px;
}

a {color: #ffd200;}
a:visited {color: #ffd200;}
a.nonexistent, a.badinterwiki {color: #cc8900;}

img {
	border:0px;
}

body {
	background-image: url('../img/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

#header {
	/* Fit exactly into the header in the background, and push the menu bar in place */
	padding-top: 70px;
	height: 40px;
	/* Center the header */
	width:1024px;
	margin:auto;
}

#menubar ul {
	/* Fit exactly into the bar in the background */
	padding-top: 5px;
	height:15px;
	padding-bottom: 5px;
	/* Disable all default list-style stuff */
	padding-left:0px;
	margin:0;
	list-style-type:none;
	list-style-position:outside;
	/* Set the font size to fit exactly */
	font-size: 12px;
	font-weight: bold;
}

/* Display next to each other instead of below */
#menubar li, #menubar li p {
	display:inline;
}

#menubar li p {
	padding:0px 0px 0px 10px;
	color:#5F3E06;
	font-weight:bold;
}

/* Disable underlining and the default blue colour for links in the menubar */
#menubar li a {
	color:#5F3E06;
	text-decoration:none;
}

/* Give the menu bar links a hover color */
#menubar li a:hover {
	color:#FFD200;
}

#page, #footer{
	/* Center the page and footer, just like the header */
	width:1024px;
	margin-right: auto;
	margin-left: auto;
}


#pagetop {
	width: 694px;
	height:39px;
	background-image:url('../img/perkamentTop.gif');
}

#pagemiddle {
	background-image:url('../img/perkamentCenter.gif');
	background-repeat:repeat-y;
	/* Force a new block-formatting context, to prevent any margins from
	 * content to stick out of this div, causing a gap between #pagetop
	 * and #pagemiddle */
	overflow: hidden;
	/* Indent the text a bit, so it skips the jagged edges of the
	 * background */
	padding:0px 45px 0px 45px;
	/* 694px image width minus two times 45px padding*/
	width: 604px;
	/* Set a font colour that's readable on the background image. We
	 * should really also set a background colour here (for when images
	 * are disabled), but it seems it's impossible to do that without the
	 * colour showing always */
	color:#731E01;
	font-weight:bold;
}

#pagemiddle h1,
#pagemiddle h2,
#pagemiddle h3 {
	color:#3F3426;
}

#pagemiddle h1 {
	font-size:17px;
}
#pagemiddle h2 {
	font-size:15px;
}

#pagemiddle a, #pagemiddle a:visited {color: #9F2900;}
#pagemiddle a:hover, #pagemiddle a:visited:hover {color: #ffd200;}

table {
	border:0px;
}
/*Vaardigheden table*/
table.border td {
	border:0px;
	border-bottom:1px solid #5A1800;
}
/* Header row of vaardigheden table*/
tr.kop1 {
	background-color:#BEAA76;
}

tr.kop2 {
	background-color:#F1E5CB;
}
#pagebottom {
	width: 694px;
	height:37px;
	background-image:url('../img/perkamentBottom.gif');
}

#footer {
	/* Put a dotted line at the top of the footer */
	border-top: 1px dotted #9C9C9C;
	/* Include some spacing around the line */
	padding-top: 5px;
	margin-top: 5px;
}


#footerbar {
}

#editor {
    margin: 0;
    padding: 2px 20px 20px 20px;
}

#editor-textarea, #editor-help {
    font-family: monospace;
    border: 1px solid #8cacbb;  
    color: black;
    background-color: white;
    padding: 3px;
    width: 100%;
    margin-top: 0.5em;
}

/* Format the pageinfo bar. */
#pageinfo {
    float: right;
    margin: 0px 12px;
}
/* Format the username bar, copied from the modern theme */

#username {
    float: left;
    display: inline;
    margin: 0px 12px;
    padding: 0;
    text-align: right;
    font-size: 0.82em;
    white-space: nowrap;
}

#username li {
    display: inline;
    padding: 0 0.5em 0 0;
}

#searchform {
    /* Put the searchform below the pageinfo / username bar */
    clear: both;
    float: right;
    /* Put a bit of offset between the pageinfo and searchform. Don't use
     * margin here, that collapses with the floating pageinfo. */
    padding-top: 10px;
}

.editbar {
    /* Put a bit of offset between the pageinfo and searchform. Don't use
     * margin here, that collapses with the floating pageinfo. */
    /*padding-top: 10px;
    margin: 5px 0;*/
    /* Unset the default ul margins */
    margin-top: 0px;
    margin-bottom: 0px;
    /* Put the editbar at the right side (but not over the image there */
    float: right;
    margin-right: 220px;
    /* Prevent weird linebreaks */
    white-space: nowrap;
}

.editbar form, .editbar form div {
    display: inline;
    margin: 0;
}

.editbar li {
 /*   display: inline;*/
    padding: 0;
    margin: 4px 6px;
}

img.Decorative {
	border:3px double #cc8900;
}

/* Diff view, copied from modern/screen.css */
.diff-header {
    font-weight: bold;
}

.diff-title {
    background-color: #C0C0C0;
}

.diff-added {
    background-color: #E0FFE0;
    vertical-align: sub;
}

.diff-removed {
    background-color: #FFFFE0;
    vertical-align: sub;
}

.diff-added span {
    background-color: #80FF80;
}

.diff-removed span {
    background-color: #FFFF80;
}
/* vim: set sw=4 sts=4 expandtab */