/* CSS Document by nielsbom.com */

/**** main settings ***************************************************************/
html,body{
  margin: 0;
  padding: 0;
  background: #000;
  background-image: url(images/rode_rij.gif);
  background-repeat: repeat-x;
  background-position: 0px 8px; /*top left*/
}

div{
  border:solid 1px white;
  margin-top:2px;
}

/**** positioning the blocks for the divs ***************************************************/
body{
	text-align:center;/* IE hack for centering container */
}

#container{
  width:700px;
  border:solid 0px green;
  text-align:left; /* undoing the above IE hack for all content inside the container */
  margin:0 auto;
}

#header{
  min-height:75px;
  border:solid 0px yellow;
  position:relative;
  top:10px;
}

#agenda,#blog{
  float:right;
  width:175px;
  margin:10px 0 0 10px;
}

#main{
  position:relative;
  top:10px;
  border:0;
}

#blog{
  clear:right;
}

#footer{
  clear:both;
  position:relative;
  top:3em;
  margin-bottom:70px;
}

/**** text attributes*************************************************************/
html, body{
  color: #fff;
  font-family:Verdana;
  font-size:10.5px;
}

#site_title{
  font-family:Verdana;
  font-size: 3.7em;
  position:relative;
  top:0px;
  border:0px;
}

#site_title a{
  color:white;
  text-decoration:none;
}

/**** text attributes for the menu ********************************************************/
ul#menu{
  border:0px white;
  margin:5 0 0 0; /* trbl */
  padding:0;
  font-size:1.3em;
}

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

#menu li{
  padding-right: 2em;
  display:inline;
}

#menu li a{
  color:white;
  text-decoration:none;
}

#menu li a:hover{
  color:black;
}

/**** text and content attributes for the blog, agenda and content *************************************/

#content,#agenda,#blog{
  padding:10px;
  position:relative;
  top:10px;
  font-size:1.1em;
}

#content{
  float:left;
  width:450px;
  margin:0;
}

#content .foto{
  float:right;
  margin:0 0 1em 1em;
}

#content .boek{
  border:1px solid #444;
}

#content span.title{
  font-weight:bold;
}

#content div.post:hover{
  background: #111;
}

#content p{
  margin:1em;
}

#content p.blog_post img{
  float:right;
  margin:0 0.5em 1em 1em;
}

span.divheader{
  font-size: 1.8em;
}

span.divheader img{
  vertical-align: middle;
}

.post, .event{
  border-top:     solid 0px white;
  border-left:    0px;
  border-right:   0px;
  border-bottom:  0px;
  padding-left:   1em;
  padding-bottom:   1em;
}

#content h3,
#content h4{
  padding-left: 1em;
}

#footer span{
  margin:0 0 0 1.5em;
  line-height:2em;
}

#footer #footer_designer{
  margin:0 0 0 20em;
}


/**** link layout for the blog, agenda and content *************************************/

#content a,#agenda a, #blog a{
  text-decoration:underline;
  color:white;
}

img{
    border: 0;
}

#content a:hover, #agenda a:hover, #blog a:hover{
  color:#CB2728;
}

#content a.buy{
    background: white;
    color: blue;
    font-size:14px;
    padding: 8px;
}

/**the css for the forms********************************************************************/
form label {
  display: block;
  float: left;
  clear: left;
  width: 9em;
  padding-right: 1em;
  text-align: right;
  line-height:1.8em;
}

form fieldset{
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
}

form input{
  display: block;
  /*float: left;*/
}

form br {
  clear: both;
}

legend{
  font-size:1.3em;
}

/*** for the backendmenu ********************************************************************/

ul#backendmenu{
  border:0px white;
  margin:0 0 0 0; /* trbl */
  padding:0;
  font-size:1.5em;
}

#backendmenu{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#backendmenu li{
  padding-right: 2em;
  display:inline;
}

#backendmenu a{
  color:white;
  text-decoration:none;
}

#backendmenu a:hover{
  color:black;
}

#backendmenu span a{
  color:green;
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none;
}

#backendmenu span a:hover{
  color:yellow;
}

.category, .location{
  padding:4px;
  border:1px solid white;
}