/* --------------------MARJOLIJN.NET-------------------------- */


/* --------------------BASIS--------------------------*/

body {
	padding: 0;
	margin: 0;
	background: #343435 url('images/bg.gif') fixed center;
	color: #343435;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Trebuchet MS, Helvetica
}

a {
	text-decoration: none;
}

a img {
	border: none;
}


/* ----------------------------------------------
|	Navigatie                                    |
|____________________________________________ */
#mainnav, #footernav {
	padding: 0.8em 1em;
	background: #fff;
}
#mainnav ul, #footernav ul {
	display: inline;
	margin: 0;
	padding: 0;
}
#mainnav li, #footernav li {
	font-weight: bold;
	display: inline;
	margin: 0;
}
#mainnav #memberlinks {
	display: inline;
	margin-left: 140px;
}
#mainnav a, #footernav a {
	padding: 0.2em 1em;
	color: #333;
}
#mainnav .active a, #footernav .active a {
	color: #000000;
	background: #fff;
}
#mainnav .active a:hover, #footernav .active a:hover {
	color: #fff;
	background: #000000;
}
#mainnav a:hover, #footernav a:hover {
	color: #fff;
	background: #333;
}
#mainnav .active a:before, #footernav .active a:before {
	content: ".";
}
#mainnav .subtielblauw a:hover, #footernav .active a:hover {
	color: #0066FF;
	}

#footernav {
	margin: 0;
	background: #fff;
	text-align: right;
	position: absolute;
	right: 0;
}



/* ---------------------VLAKVERDELING-------------------------*/
#container {
	position: relative;
	background: #ffffff url('/images/bg.jpg') repeat-y 210px;
	width: 780px;
	margin: 1em auto;
	min-height: 100%
}

#logo, #logo_archief {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	width: 780px;
	height: 255px;
	margin: 0;
}
#logo h1, #logo_archief h1 {
	display: none;
}
#main {
	padding: 10px 20px 0;
	background: #FFFFFF;
	margin: 0 0 0;
	line-height: 18px;
	clear: none;
	float: left;
	overflow: visible;
	width: 410px; /* IE-win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 366px;
}
html>body>#container>#main {
	width: 400px;
}

#sidebar1, #sidebar2 {
	padding: 10px 10px 0;
	margin: -2em 0 0 0;
	background-color:#FFFFFF;
}

#sidebar1 {
	width: 130px;
	clear: left;
	float: left;
	background-color:#FFFFFF;
}

#sidebar2 {
	width: 170px;
	float: right;
	background-color:#FFFFFF;
}

#footer {
	background: #fff;
	clear: both;
	border-top: 1px solid #666;
	margin: 1.2em 10px 0 10px;
	padding: 5px 0;
	position: relative;
	height: 40px
}
#footer #tekst {
	display: none;
}
/* -----------------------DETAILS-----------------------*/
#zoekform input {
	border: 1px solid #333;
	padding: 0;
	background: #F7F7F7;
	color: #F09;
	width: 120px;
	height: 17px;
	vertical-align: top;
}
#zoekform .submitbutton {
	color: #666;
	font-weight: bold;
	width: auto;
	margin-left: 14px;
}

#main q {
	font-style: italic;
}
#main q:before, #main q:after {
	
}

#main a, #nopoll a {
	color: #669900;
}
#main a:hover, #nopoll a:hover {
	text-decoration: underline;
}

#main h2 {
	font-size: 11px;
	padding: 0;
	margin: 0;
}
#main p {
	margin: 0;
	padding: 0;
}
#main img {
	float: left;
	border: 0px solid #666;
	margin: 0 0 3px 3px;
}

#main .artikelfooter {
	font-weight: bold;
	margin: 1em 0 2em 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #333;
}
#main .artikelfooter a img {
	float: none;
	border: none;
	margin: 2px 0 0 0;
	padding: 0;
}

#main .reactie {
	border: 1px solid #999;
	display: block;
	margin: 2em 0;
	padding: 5px;
	word-wrap: break-word;
}
#main .reactie .info {
	color: #666;
	font-weight: bold;
	border-top: 1px solid #999;
	margin: 4px 0;
	padding-top: 5px;
	display: block;
	text-align: right;
}
#main .reactie .info strong {
	float: left;
}
#loggedin {
	width: 370px;
}

#sidebar1 a, #sidebar2 a {
	color: #666;
}
#sidebar1 a:hover, #sidebar2 a:hover {
	color: #669900;
}
#sidebar1 a {
	text-decoration: none;
}

#classics {
	margin-left: 2px;
	padding: 0;
	list-style: none;
}
#classics li {
	padding: 2px 0;
}
#classics li a {
	display: block;
}
/* -------------------PEOPZ---------------------------*/
.persoon {
	border-bottom: 0px solid #666;
	width: 100%;
	height: 66px;
	clear: both;
	position: relative;
	font-size: 11px;
	font-style: normal;
	margin: 0;
	padding: 0;
}
.persoon img {
	position: absolute;
	right: 0;
	width: 66px;
	height: 66px;
}
.persoon h4 {
	font-size: 11px;
	position: absolute;
	top: 1.5em;
	right: 71px;
	display: inline;
}	
.persoon dfn {
	position: absolute;
	top: 2.5em;
	right: 71px;
	font-style: normal;
}
.persoon a {
	position: absolute;
	top: 0px;
	right: 0px;
}
.persoon a:hover {
	color: #669900;
}
.last {
	border-bottom: none;
	margin-bottom: -1em;
}


/* -----------------------KOPJES----------------------- */

.kopje {
	border: none;
	margin-top: 1em;
	margin-bottom: 0px;
	padding: 0;
	height: 20px;
	position: relative;
	overflow: hidden;
	font-size: 12px;
	color:#000000;
}
.kopje span {
	display: block;
	position: absolute;
	left: 0; top: 0; z-index: 1;
	margin: 0; padding: 0;
	height: 20px;
}

#sidebar1 .kopje span {
	width: 190px;
}
#main .kopje span {
	width: 370px;
}
#sidebar2 .kopje span {
	width: 130px;
}
#nieuwskoppen, #adverteerders, #vandaag, #k_poll, #archief, #k_login, #k_registreer, #k_voorkeuren, #k_columnisten, #k_zoekresultaten, #k_merchandise, #k_columnisten_breed {
	margin-top: 0;
}

/* -----------------------BLOGGER----------------------- */

bodyblogger {
  margin:0px 0px 0px 0px
  padding:0px 0px;
	font:x-small Trebuchet MS,Verdana,Arial;
	text-align:center;
	color:#333;
	font-size/* */:/**/small;
	font-size:10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  }
a:link {
  color:#58a;
  text-decoration:none;
  }
a:visited {
  color:#969;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#header {
  width:100px;
  margin:0 auto 0px;
  border:1px solid #ccc;
  }
#blog-title {
  margin:0px 0px 0;
  padding:0px 0px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 0px 0px;
  padding:0 0px 0px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:100px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Content
----------------------------------------------- */
#content {
  width:400px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main {
  width:360px;
  float:left;
  }



/* Headings
----------------------------------------------- */
h2 {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #ccc;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:16px;
  font-weight:bold;
  font-family:arial;
  line-height:1.4em;
  color:#000000;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#000000;
  font-weight:normal;
  }
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:0px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }