/* my_styles.css (C) copyright F. Hemmering */

/* default settings */
html {overflow: -moz-scrollbars-vertical;overflow-y: scroll;}
body {margin:0 auto; padding:0; background:#fff url(images/bg.jpg) top left no-repeat;
      font-family: Verdana, sans-serif; line-height:140%; }

h1 {margin:0; padding:17px 0 14px 0;         color:#321; font-size:29px; text-align:left;}
h2 {margin:0 0 17px 0; padding:1px 0 2px 0;  color:#321; font-size:22px; text-align:left;}
h3 {margin:0; padding:15px 0 10px 0;         color:#321; font-size:19px; text-align:left;}
h4 {margin:0; padding:11px 0 8px 0;          color:#321; font-size:18px; text-align:left;}
p  {margin:0; padding:0px 0 1px 0;           color:#321; font-size:16px; text-align:left;}

a {text-decoration: none; font-weight:normal;}
a:link, a:active, a:visited {color:#B53;}
a:hover {color:#35B;}
/*  a {color:#b75858; font-weight:300;}  */

.img {margin:0; border:0; padding:0}

@font-face {font-family: HandwDun; src:url(ttf/NothingYouCouldDo.ttf);}
@font-face {font-family: HandwDik; src:url(ttf/NothingYouCouldDoBold.ttf);}

/* div area specs */
#wrapje {margin:0px auto; width:860px; border:0px solid #44a; padding:0px;}

@media print {
div#wrapje {margin:80px 80px 80px 80px; width:980px; padding:0px;}
}

#header {margin:0px 180px  0px 0px; height: 90px; border:0px solid #f55; padding:0px;}
#socode {margin:0px 180px  0px 0px; height: 26px; border:0px solid #aa1; padding:0px;}
#lezing {margin:0px 180px 20px 0px; height:205px; border:0px solid #789; padding:0px;}
#inhoud {margin:0px 180px 10px 0px; border:0px solid #7a9; padding:0 12px 0 0;}
#boeken {margin:0px 180px 10px -60px; border:0px solid red; padding:0;}
#footer {margin:0px 180px 0px 0px; border-top:5px solid #789; padding:0;}
#lezimg {margin:0px 0px 0px 0px; height:205px; width:304px; border:0px solid #fff; padding:0px; float:left;}
#leztxt {margin:0px 0px 0px 0px; height:129px; width:320px; border:0px solid #fff; padding:15px; float:right;}
#lezbij {margin:0px 0px 0px 0px;  height:14px; width:320px; border:0px solid #fff; padding:15px; float:right;}

#rkolom {margin:-368px 0px 0px 0px; width:180px; border:0px solid #3e3; padding:0; float:right; clear:none;}
#skolom {margin:30px 0px 0px 0px; width:180px; border:0px solid #3e3; padding:0; float:right; clear:none;}

#pic_tekst_boven_p { color:#789; font-size:85%; line-height:120%;}
#pic_tekst_onder_p { color:#789; font-size:80%; line-height:100%;}

#header h1{color:#789; font-size:210%;}
#header p{color:#789; font-size:135%;}
#socode p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#rkolom {font-family: 'HandwDik', "Georgia", "sans-serif";}
#rkolom h2 {font-size:22px; margin:18px 0 14px 0; color:#321; text-align: center;}
#rkolom p   {font-size:16px; line-height:75%; text-align: center;}
#skolom {font-family: 'HandwDik', "Georgia", "sans-serif";}
#skolom h2 {font-size:22px; margin:18px 0 14px 0; color:#321; text-align: center;}
#skolom p   {font-size:16px; line-height:75%; text-align: center;}


#genComment{font-family: 'HandwDik', "Georgia", "sans-serif";}

/* speciaal voor de boekenpags/pseudorandomstapeling */
#boeken img {margin:0; padding:0; clear:none; border:1; display:inline;}
#boeken p   {margin:0; padding:0; font-family: Verdana; font-size:8px; line-height:70%;}

.Class_HandwDun {text-align:center; font-family: HandwDun;}
.Class_HandwDik {text-align:center; font-family: HandwDik;}



#boeken .TXT {text-align:left; color:#789; line-height:70%; font-size:9px;}
#boeken .TXT:hover {margin-left:20px; margin-right:-5px; color:#321; line-height:80%; font-size:12px;}
/* speciaal voor de boekenpags/pseudorandomstapeling */
/* ritme is A-32 B-30 C-36 D-31 E-29 F-34 */
#boeken .C_A {margin-left:-0px;margin-right:-32px;}
#boeken .C_B {margin-left:-0px;margin-right:-30px;}
#boeken .C_C {margin-left:-0px;margin-right:-36px;}
#boeken .C_D {margin-left:-0px;margin-right:-31px;}
#boeken .C_E {margin-left:-0px;margin-right:-29px;}
#boeken .C_F {margin-left:-0px;margin-right:-34px;}

#boeken .C_A:hover {margin-left:32px;margin-right:-54px;}
#boeken .C_B:hover {margin-left:32px;margin-right:-54px;}
#boeken .C_C:hover {margin-left:32px;margin-right:-54px;}
#boeken .C_D:hover {margin-left:32px;margin-right:-54px;}
#boeken .C_E:hover {margin-left:32px;margin-right:-54px;}
#boeken .C_F:hover {margin-left:32px;margin-right:-54px;}

/* footer */
#footer p {margin:10px auto; padding:4px; color:#789; font-size:16px; text-align: center;}

/* HTML tags */
a.handbutton {font-size:17px; font-family: 'HandwDik', "Georgia", "sans-serif";}
a.handbutton:hover {font-size:17px; font-family: 'HandwDik', "Georgia", "sans-serif";}
a img {border:3;}
p {margin:0 0 18px 0;}
/* pre { font:normal 15px "Courier New"; } */
pre { font:normal 15px "Courier New";}
super { color:#789; font-size: 8pt; margin: 0 0 0 10px; }

img {max-width:610px;}
img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
img.alignright {display:inline; float:right; margin:5px 0 5px 15px;}
img.aligncenter {display:block; margin:10px auto;}
img.alignwider {display:inline; margin:15px 30px;}
img.border {background:#f4f4f4; border:1px solid #ddd; padding:5px;}
img.banner { border:1 none white; margin:0; padding:0}

/* image specifications */
#image_links   { border: 2px solid #bbb ; float: left  ; margin-right: 12px ; }
#image_rechts { border: 2px solid #bbb ; float: right ; margin-left: 12px  ; }
#image_banner { border: 0 none white; }
#image_blokje { border: 0 none blue; display: block; padding: 0px; margin: 0px;}