/**
 * Schrijfmaargewoon.nl stylesheet
 *
 *
 *Belangrijke aanpassingen aan de html: 
 *  - doctype declaratie
 *  - ul gebruiken voor de menu's (geen delimiters in de html)
 *  - span tags om de menu-links
 *  ! werkt ws niet goed in ie6
 *
 * TODO:
 *  - px vertalen naar ems
 **/

/**** layout ****/

*
{
  /*  margin-top: 0px;*/

}
 
body {
    padding: 0;
    margin: 0;
}

#wrapper{
    position: relative;
    
    margin: 0 auto 0 auto;
    width: 783px;
    min-height: 100%;
}

html, body
{
    height: 100%;
}

#main
{
    margin: 0 0 0 0; /* bottom margin of 32 px for the footer, 15 px actuall margin*/
    padding: 0 0 42px 0;
}

#header {
    height: 84px;
    margin: 0 0 0px 0;
    padding: 6px 20px 0 20px;
}

#menu
{
    width: 100%;
    padding: 3px 0px 5px 0px;
    margin: 0 0 15px 0px;
}

#content
{
    margin: 0 20px 15px 20px;
}

.editbox {    
    margin: 0px 0px 0 0px;
    padding: 0; /* 10px 10px 0 10px; */

    overflow: auto;
    
    /*width: 723px;*/
    width: 100%;
    height: 350px;
}

#editarea
{
	margin-top: 20px;
}

#editlinks ul li
{
	display: inline;
}

a.suggestie {
        color: black;
        font-weight: normal;
        text-decoration: none;
        
        border-bottom: dotted #7c7c7c 1px;
        /* border-right: solid #fffaed 2px; Uncomment to have a thin line separate sentences*/
 }
 
a.suggestie:hover
{
    color: inherit;
 
}
 
.msg {
	color: white;
	background-color: green;
	padding: 2px;
	border: 1px solid #444444;
}

h2 {
	color: #369; 
	text-decoration: none 
}

#links {
	
}

.probleem_link {
	color: #c0340d;
	border-bottom:1px dotted;
	text-decoration:none;
	font-size: 11px;
	width: 300px;
}


.probleem_link:hover,
.probleem_link:focus,
.probleem_link:active  {
	text-decoration:underline;
	color: #d03900;
	width: 300px;
}


#algemene_problemen {
	margin: 0 0px 0 0px;
}

#content #comment_block {
	font-style: italic;
	font-size: small;
	color: gray;
}

/* footer */

#footer
{
    /*position: absolute;*/
    bottom: 0px;
    
    /*height: 30px;*/
    width: 783px;
    
    margin:0;
    padding:0;
    clear: both;
    font-size: 0.8em;
#    background:  #7c7c7c;
    background: white;
    color: white;
    border-top: 2px solid black;
}

#footer p {
    padding: 5px 0 5px 0;
    text-align: center;
    margin:0;
}


/**** Cosmetic ****/

body
{
    font-family: "Verdana", sans-serif;

    /*background: #f6f6f6;*/
    /*background:#ffe6ab;*/
    background: #fffaed;
    color: #1f1f1f;
}

#wrapper
{
    background: white;  
}

#header
{
    background: #7c7c7c;
}

#header #title
{  
    color: white;
    font: normal 42px "Georgia", serif;
}

#header #subtitle 
{
    margin: 0;
    font: italic 18px "Georgia", serif;
    color:#ffe6ab;
    /*color:#571919;*/
}

/*
#menu ul
{
    list-style: none outside;
    margin: 0 0px 0 0px;
    padding: 0;
}

*/
#menu
{
    background: #e2e2e2;
    font: 13px/16px "Verdana", sans-serif;
    text-align: center;
}

#menu ul {
    list-style: none;
    margin: 0 auto 0 auto;
    padding: 0;
}

#menu ul li
{
    /* margin: 0 0 6px 0;*/

    padding: 0;
    margin: 0 35px 0 0;
    display: inline;
}

#menu a
{
    text-decoration: none;
    font-weight: bold;
    color: #7c7c7c;
}

#menu a:hover
{
    /* color: #7c0000; */
    color: #8e6400;
}

a
{
    text-decoration: none;
    font-weight: bold;	
}

.algemeen_probleem {
    background:#f8f8f3 url(/images/body-bg-2.png) repeat-x;
}

.algemeen_probleem h2 {	
    color: #c0340d;
    font-size: 12px;
}

#specifieke_problemen {
    background: #fafafa;
    font: 13px/16px "Verdana", sans-serif;
}

#footer a { 
	color: #fff; 
}

.editbox
{
    /*background: #ffffff url('../images/background.png') no-repeat;*/
    color: #000000;
    font: 16px/23px "Trebuchet MS", sans-serif;
    
    /*border-left: solid #e0e0e0 1px;
    border-right: solid #e0e0e0 1px;
	border-top: solid #7c7c7c 1px;
	border-bottom: solid #7c7c7c 1px;*/
	
    border: inset #e0e0e0 1px;
    margin:0;
}

/* editable area */
textarea.editbox
{
    background: white;
}

/* non-editable area */
div.editbox
{
    background: #fffaed;
}

#editlinks ul li
{
	display: inline;
	margin: 0 10px 0 0;
	
	font: bold 15px "Verdana", sans-serif;
	/* background: #e0e0e0;*/
	padding: 0;
}

#editlinks ul
{	
	list-style: none outside;
	padding: 0;
}

#editlinks a
{
	color: #7c7c7c;	
}

#editlinks a:hover
{
	color: #8e6400;
}

a
{
	color: #7c7c7c;	
}

a:hover
{
	color: #8e6400;	
}


#links,
#back,
#content p
{
    margin-top: 10px;

}


/*** common html elements ***/

#content,
#content p
{
	font: 15px/20px "Verdana", sans-serif;
}

h1, h2, h3, h4
{
	margin: 0;
	padding: 0;	
}

input
{
    border-width: 1px;
    margin-left: 15px;
}

table
{
    margin: 10px 0px 10px 0px;
}

label
{
    font-weight: bold;
}