*VisualKidnapping

	 Indeling	 

	 1. Algemeen
	 2. Logo
	 3. Wrapper
	 4. Navigatie
	 5. Subnavigatie
	 6. Content
	 7. Artikel
	 8. Berichten
	 9. Reacties
	 10. Footer
	 11. Kopteksten
	 12. Links
	 13. Algemene opmaak
	 14. Ads blokken
	 15. Code blokken
	 16. Zoeken
	 17. Box zijkant
	 18. Overige stijlen */

/* @group 1. Algemeen */
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0;
	background:#333333 url(http://google.johnjohn.nl/v/images/tail_site.jpg) 0 0;
	background-repeat: repeat-x;
	width: 100%;
	
}

/* @end */

/* @group 2. Logo */
#logo {	
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #000;
	height: 220px;
	margin: 0px;
	padding: 10px 0 0px 0px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#logo h2 {
	padding: 90px 0 0 40px;
}

#logo a {
	color: #333;
	font-weight: bold;
	font-size: 29px;
	letter-spacing: .3em;
}

#logo a:hover {
	text-decoration: none;
}

#logo strong {
	color: #FFB400;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: .2em;
	padding-left: 40px;
}

/* @end */

/* @group 3. Wrapper */
#wrapper {
	width: 950px;
	border-top: 0;
	border-right: 2px solid black;
	border-left: 2px solid black;
	border-bottom: 0;
	background: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* @end */

/* @group 4. Navigatie */
#navigatie ul {
	padding: 10px 0 10px 30px;
	margin-top: -3px;
	margin-left: 0;
	margin-bottom: 0px;
	border: solid #000;
	border-width: 2px 0;
	font: bold 14px 'Trebuchet MS', sans-serif;
	text-align: left;
	background-color: #4c4c4c;
}

#navigatie ul li {
	list-style: none;
	margin: 0;
	display: inline;
}

#navigatie ul li a {
	padding: 3px 0.7em;
	margin: 0px;
	text-decoration: none;
}

#navigatie ul li a:link {
	color: #F0F0F0;
}

#navigatie ul li a:visited {
	color: #F0F0F0
}

#navigatie ul li a:hover, #navigatie ul li a:visited:hover {
	color: #FF9900;
}

#navigatie ul li a#current {
	color: #FF9900;
}

/* @end */

/* @group 5. Subnavigatie */
#submenu {
  display: none;
  position: absolute;
  top: 295px;
}

#submenu ul {
	padding: 2px 0 2px 20px;
	margin-top: 0px;
	margin-left: 0;
	margin-bottom: 0px;
	font: bold 12px 'Trebuchet MS', sans-serif;
	text-align: left;
}

#submenu ul li {
	list-style: none;
	margin: 0;
	display: inline;
}

#submenu ul li a {
	padding: 1px 0.5em;
	margin: 0px;
	text-decoration: none;
}

#submenu ul li a:link {
	color: #333333;
}

#submenu ul li a:visited {
	color: #333333;
}

#submenu ul li a:hover {
	color: #999;
}

/* @end */

/* @group 6. Content */
#content {
	background-color: #FFF;
	min-height: 740px;
	margin: 0;
	padding: 0px 5px 0 0px;
}

#contentforum {
	background-color: #FFF;
	width: 866px;
	min-height: 740px;
	margin: 0;
	padding: 20px 42px 10px 42px;
	float: left;
}

#contentforum1 {
	background-color: #FFF;
	width: 866px;
	min-height: 800px;
	margin: 0;
	padding: 20px 42px 10px 42px;
	float: left;
}

/* @end */

/* @group 7. Artikelen */

.artikelen, .artikel1 {
	width: 550px;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 10px 0px;
	text-align: left;
	float: left;
}

.googlemaps, .artikel1 {
	width: 400px;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 10px 0px;
	text-align: left;
	float: left;
}

.googlemapsdate {
	width: 400px;
	margin: 0px 0px 0px 0;
	padding: 0px 0 0px 0px;
	text-align: left;
	float: right;
	}

.nieuws {
	width: 700px;
	margin: 0px 0px 0px 0;
	padding: 0px 0 0px 0px;
	text-align: left;
	float: right;
}

.nieuws1 {
	width: 150px;
	margin: 0px 0px 0px 0;
	padding: 0px 0 0px 0px;
	text-align: left;
	float: left;
}
.artikels {
	width: 250px;
	margin: 0px 0px 0px 0;
	padding: 0px 0 0px 0px;
	text-align: left;
	float: right;
}

.artikel2 {
	position: absolute;
	right: 5%;
	top: 200px;
	width: 35%;
	margin: 0px 0 0px 0;
	padding: 5px 0 10px 0;
	text-align: left;
}

/* @end */

/* @group 8. Berichten */
div#postmetadata p, .post-metadata p {
  font-size: 9px;
  font-style: italic;
}

.post .post-metadata p {
  
}

.navigation {
float: right;
}

/* @end */

/* @group 9. Reacties */
#comments {
  font-size: 9px;
  width: 420px;
}

#comments p {
	width: 400px;
}

#comments ol li {
  border: 1px solid black;
  padding: 5px;
  margin: 2px 0 12px 0;
}

.commentmetadata {
  font-style: italic;
}

/* @end */

/* @group 10. Footer */
#footer {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0 00px 20px 00px;
	border-top: 1px solid #9C9C9C;
	background-color:#EEE;
}

#footer a,#footer a:link,#footer a:visited {
	color: #636363;
	background-color: inherit;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
    color: #F90;
	background-color: inherit;
}

#footer-tag {
  background-color:#FFF;
  border-top:1px solid #4C4C4C;
  clear:both;
  height:100px;
  margin:0pt auto;
  padding:0pt;
  text-align:center;
  width:100%;
}

#footer2 {
  background-color:#FFF;
  border-top:1px solid #4C4C4C;
  clear:both;
  height:300px;
  margin:0pt auto;
  padding:0pt;
  text-align:center;
  width:100%;
}

ul.foot{
	float: left;
	text-align: left;
	list-style-position: inside;
	list-style-type: none;
	width:10%;
	background-color: #FFF;
	margin: 0;
	padding: 10px 2%;
}

ul.foot li a, ul.foot li a:link, ul.foot li a:visited, ul.foot li a:active {
	text-decoration: none;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
}

ul.foot li a:hover {
	color: #333;
}

.footkopje {
	margin-bottom: 9px;
	padding: 0;
	border-bottom: 1px dashed #666;
}

/* @end */

/* @group 11. Kopteksten */

h2 {
  color: #F90;
  font-size: 16px;
}

h1,h1 a,h1 a:link, h1 a:visited {
	color:#662625;
	font:bold 20px/30px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline ;
}

.h2 {
	color: #39F;
	background-color: inherit;
	font-size: 13px;
	font-weight: normal;
	margin: -5px 0;
	display: block;
}

.N2 {
	color: #39F;
	background-color: inherit;
	font-size: 18px;
	font-weight: normal;
	margin: -5px 0;
	display: block;
}

h3,h3 a,h3 a:link, h3 a:visited {
	color: #333;
	background-color: inherit;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 0;
	text-decoration: none;
	margin: 0;
	padding: 5px 0 5px 0;
}

h3 a:hover {
	color: #F90;
	background-color: #EEE;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.post h1 a,.post h1 a:link, .post h1 a:visited, .post h1 a:hover {
  font-size: 14px;
  display: block;
}

h4 {
  font-size: 12px;
  font-weight: normal;
  color: #666;
  font-style: italic;
}

/* @end */

/* @group 12. Links */
a, a:link, a:visited {
	color: #1141A6;
	background-color: inherit;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
}

p a, p a:link, p a:visited {
	color: #1141A6;
	background-color: inherit;
	text-decoration: none;
	font-weight: 600;
}

p a:hover {
	text-decoration: underline;
}

/* @end */

/* @group 13. Algemene opmaak */

p {
	margin: 4px 0;
	line-height: 18px;
	text-align:  left;
	padding: 0 0 6px 0;
}


small {
	color: #C4AFAC;
	font-size: 9px;
	line-height: 11px;
}

.klein {
	font-size: 9px;
	color: #39F;
}

.center {
	text-align: center;
}

.left {
	float: left;
	padding: 3px 3px 0px 0;
}

.right {
	float: right;
	padding: 3px 0 0px 3px;
}

img {
	border: 0;
}

ol li, ul li {
list-style-position: inside;
}

/* @end */

/* @group 14. Ads blokken */

#byh {
  position: absolute;
  top: 20px;
  right: 10%;
  font-size: 9px;
}

#sidebar-google{
	float: left;
	width: 160px;
	padding: 20px 0px 0 0;
}

#top{
	text-align: center;
}

/* @end */

/* @group 15. Code blokken */

.code { 
	background-image: url(/img/linenumbers.png);
	background-repeat:repeat-y;
	line-height:16px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	padding:11px 0 0 29px;
	text-align: left;
	color: blue;
	width:70%;
}

.forumcode {
	background-image: url(/img/linenumbers.png);
	background-repeat:repeat-y;
	line-height:16px;
	padding:11px 0 0 29px;
}

pre.code2 {
	font-style: normal;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	display: block;
	width: 99%;
	overflow: auto;
	overflow-x: scroll;
	padding-bottom: 16px;
}

html>/**/body pre.code2{
	padding-bottom: 0px;
}

div.code1{ 
	background-image: url(/img/linenumbers.png);
	background-repeat:repeat-y;
	background-color: #fff;
	border: 1px solid #ccc;
	line-height:16px;
	padding:11px 0 0 29px;
	text-align: left;
}


code {
  background-color: #ddd;
}


.codeblok {
	width:600px; 
	overflow:auto;
	display: block;
	padding: 5px; 
	margin: 0;
	
}



.codeblok h5 {
	border: 1px solid #CCC; 
	border-width: 1px 1px 0px; 
	margin:0px; 
	padding: 2px;
}

/* @end */

/* @group 16. Zoekfunctie */

#zoekfunctie {
  position: absolute;
  top: 70px;
  right: 15%;
  color: #333;
  text-align: center;
}

#zoekfunctie a {
color: #333;
}

.zoek {
  border: 2px solid #666;
  color: #000;
  font-style: italic;
  background-color: #CCC;
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 0 70px;
  padding: 3px;
}

/* @end */

/* @group 17. Box zijkant */

#sidebar {
  float: left;
  width: 680px;
  padding: 15px 0 0 20px;
  margin: -15px 0 0 0;
}

#sidebar ul {
  list-style-type: none;
  font-style: italic;
}

#sidebar ul li {
  border-bottom: 1px dashed black;
}

#box-rss {
	height: 80px;
	width: 340px;
	margin: 0px 0 20px 170px;
	padding: 15px 0 15px 60px;
	background: url(images/bg-rss.gif) no-repeat right top;
	text-align: left;
	vertical-align: middle;
}

#box-rss2 {
	width: 340px;
	float: left;
	margin: 0px 20px 0 0px;
	padding: 15px 0 0 0px;
	background: url(images/bg-rss.gif) no-repeat left top;
	text-align: left;
	vertical-align: middle;
}

.box { 
  width: 866px; 
  margin-left:42px;
  margin-top:10px;
  padding: 15 20 25 30px;
  font:11px/11px Verdana, Tahoma, sans-serif;
  background: url(images/bg-box-right.gif) repeat-y left top; 

}

.box h3 {
	padding: 20px 20px 0 20px;
}

.box h3.top {
	background: url(images/bg-box-right-top.gif) no-repeat left top;
	color:  #662625;
}

.boxbottom { 
	height: 20px;
	background: url(images/bg-box-right-bottom.gif) no-repeat left top;
}

.box h3 a, .box h3 a:link, .box h3 a:visited, .box h3 a:active, .box a{
	font-size: 11px;
	font-weight: normal;
	color: #333;
	background: inherit;
}

.box h3 a:hover {
	text-decoration: underline;
}

.box h3 small {
	color: #960000;
	font-weight: normal;
}

.box p {
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 0 20px 0 20px;
}

/* @end */

/* @group 18. Overigen */

p.vulling {
	height: 200px;
}

p.google2 {
	text-align: center;
}

p.google2 a, p.google2 a:link, p.google2 a:visited {
  color: #666;
  padding: 0 7px;
  text-decoration: none;
  font-weight: normal;
}

p.google2 a:hover {
  color: #999;
  padding: 0 7px;
}

p a.none {
	text-decoration: none;
	border: 0;
}

.forum {
	width: 50%;
	float: left;
}

a.meer, a:link.meer, a:visited.meer {
	color: red;
	font-size: 14px;
	float: right;
	background-color: inherit;
	text-decoration: none;
	font-weight: normal;
}

a:hover.meer {
  	color: red;
	background-color: inherit;
}

table {
  border-collapse: collapse;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.uitspraak2 {
  float: right;
  margin: 2px 2px 1px 2px;
  padding: 3px 3px 5px 3px ;
  background-color: #eee;
  font-size: 14px;
  font-style: normal;
  width: 40%;
  border-width: 2px 0 1px 0;
  border-style: solid;
  border-color: #999;
}

.uitspraak {
  float: left;
  margin: 2px 2px 1px 2px;
  padding: 3px 3px 5px 3px ;
  background-color: #eee;
  font-size: 14px;
  font-style: normal;
  width: 40%;
  border-width: 2px 0 1px 0;
  border-style: solid;
  border-color: #999;
}

.htmlabc {
	display: block;
	margin: 20px 0;
	padding: 1px 0 1px 2px;
	border: 1px solid #666;
	background: #EEE;
	font-size: 11px;
	color: #666;
}

.htmlabc a, .htmlabc a:link, .htmlabc a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	font-style: normal;
}

.htmlabc a:hover {
	text-decoration: underline;
}

#def {
  width: 60%;
  background-color: #DDD;
  border: 1px solid black;
  padding: 3px;
	margin: 0 5px;
}

.csstable td{
  border: 0;
  padding: 3px;
}

.csstable tr.twee{
  background-color: #DDD;
}

.csstable td a{
  color: #0033CC;
}

.csstable td a:hover{
  color: #F90;
}

.resultaat {
	background-color: #fff;
	color: black;
	border: 1px solid Black;
	font-style: normal;
	font-family: "Courier New", Courier, monospace;
	padding-left: 3px;
	text-align: left;
	font-size: 12px;
	width: 70%;
}

.navigation {
  clear: both;
}

table {
border-collapse: seperate;
}


/* Gooogle maps */
div.blok, pre {
	background: #FFF2E6;
	border-color: #E6AA73;
	border-style: solid none;
	border-width: 2px;
	color: #004;
	font-size: .9em;
	margin: 1em 0;
	padding: .5em;
}
img {
	margin-top: 2px;
	margin-bottom: 2px;
	padding : 1px;
}

.heading1 {
	background: #E57F1A;
	color: #FFFFFF;
}

/* FFDEBF, E6AA73 */
/* basis kleur voor Myvespucci : #E57F1D */

.row {
	background: #FFF2E6;
}

.red {
	background: #FF0000;
}

label {
	display: block;
	font-weight: bold;
}

li {
	margin: .2em 0;
}

ol#toc {
	height: 2.3em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
	background: #FFDFBF url('tab.png');
	color: #000000;
	display: block;
	float: left;
	height: 2.3em;
	padding-left: 10px;
	text-decoration: none
}

ol#toc a:hover {
	background-color: #3af;
	background-position: 0 -120px;
}

ol#toc a:hover span {
	background-position: 100% -120px;
}

ol#toc li {
	float: left;
	margin: 0 1px 0 0;
}

ol#toc li.current a {
	background-color: #E6AB73;
	background-position: 0 -60px;
	color: #fff;
	font-weight: bold;
}

ol#toc li.current span {
	background-position: 100% -60px;
}

ol#toc span {
	background: url('tab.png') 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 2.3em;
	padding-right: 10px
}
/* @end */

#tabel1
{
    font-family: verdana, sans-serif;
    font-size: 11px;
    vertical-align: top;
}

#tabnav
{
    height: 20px;
    margin: 0;
    padding-left: 15px;
    background: url(/images/tab_bottom.gif) repeat-x bottom;
}

#tabnav li
{
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
}

#tabnav a:link, #tabnav a:visited
{
    float: left;
    background: #f3f3f3;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}

#tabnav a:hover
{
    background: #fff;
}

#tabnav a:active
{
    background: #fff;
    color: #000;
}