/* DEFAULT */
body {
  font-family: verdana;
  font-size: 12px;
  background-color:#eee;
}


/* WRAPPER */
#wrapper {
  left: 50%;
  position: absolute;
  width: 960px;
  margin-left: -500px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px 5px;
  border: 1px solid #000;
  background-color:#FFFFFF; 
}


/* HEADER */
div#header {
  padding:5px;
  margin:5px 0 5px 0;
  text-align: center;
  height:140px;
  width:950px;
  background-image:url(http://www.turkijeduiken.nl/media/banners/default_header____.jpg);
background-repreat:no repeat;
}
div#header span {
  font-size: 48px;
  font-weight: bold;
  line-height:280%;
  color:#333333;
}


/* MENU */
#sidebar {
  float: left;
  width: 160px;
}

#sidebar ul {
  list-style-type: none;
  margin-top: 20px;
}

#sidebar ul li a{
  text-align: left;
  background-color:#E8F2FF;
  border:1px solid #333333;
  padding: 4px 0px 4px 10px;
  margin: 5px 0px 2px -41px;
  display: block;
  text-decoration:none;
  color:#333333;
  width:170px;
}

#sidebar ul li a:hover{

background-color:#333333;
  border:1px solid #E8F2FF;
  color:#FFFFFF;
  }



#sidebar ul li.selected a {
  font-weight: bold;
  text-decoration: none;
}


/* CONTENT */
#content {
  width: 750px;
  min-height: 800px;
  float: right;
  border-left: 1px solid #000;
  margin: 5px 5px 5px 10px;
  padding: 0px 0px 0px 10px;
  line-height:180%;
}
#content p {
  margin-bottom: 10px;
  padding:5px 15px 5px 5px;
}

#content img {
  float: right;
  clear: right;
  margin: 5px 0px 5px 10px;
  width: 200px;
  height: 150px;
}



#content h1 {
  font-size: 1.30em;
}
#content h2 {
  font-size: 1.20em;
}
#content h3 {
  font-size: 1.10em;
}

#content ul, #content ol {
  margin: 10px 25px;
}
#content li {
  margin-left: 20px;
}

#content blockquote {
  margin: 10px 20px 10px 40px;
  padding: 5px 0;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
}

/* Hack for IE */
* html #content {
  width: 750px;
  height: 800px;
} 


/* FOOTER */
#footer {
  clear: both;
  width: 100%;
  text-align: center;
  padding: 3px 0px;
  border-top: 1px solid #999;
}

/* CONTACT FORM */
#contact_form fieldset{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#contact_form label {
  display: block;
  margin-top: 5px;
  font-weight: bold;
}

#contact_form input, #contact_form textarea {
  border-top: 1px solid #666;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #666;
  padding: 1px;
  width: 325px;
}

#contact_form input#submit_button {
  margin-top: 5px;
  width: 125px;
}


/* DEBUG */
/*
h1, h2, h3 { border: 1px solid red; }
div, span { border: 1px solid blue; }
p { border: 1px solid purple; }
ul { border: 1px solid green; }
li { border: 1px solid yellow; }
table, tr, th, td { border: 1px solid gray; }
*/

