/*//////////////////////////////////////////////
// CSS
// Rein Ketelaars.nl 3.0
//
// Deel I
//
// De rest staat in rein_v3_2.css.php aangezien
// die dynamische afmetingen van afbeeldingen
// nodig heeft.
//////////////////////////////////////////////*/
body,p,h1,h2,h3,h4,h5,h6{
padding: 0px; /* padding alleen voor Opera */
font-family: Tahoma, Arial, Georgia, serif;
color: #866;
font-size: 1.0em; /* niet wijzigen tav IE */
margin: 0px;
} /* IE neemt de font-size niet over van de body, Gecko wel */
/* px kan niet resizen in IE, em wel. In Gecko zowel px als em */
h1 { font-size: 1.25em; color: #cbb; margin: 0px; } /* origineel = 32px */
h2 { font-size: 1.25em; text-align: right; color: #cbb; margin: 0px 0px -16px 0px; } /* origineel = 24px */
h3 { font-size: 1.0em; font-style: italic; margin: 6px 0px; padding-left: 10px; } /* origineel = 19px */
h4 { font-size: 0.9em; margin-bottom: 4px; } /* origineel = 16px */
h5 { font-size: 0.6em; font-weight: 400; } /* origineel = 16px */
p { font-size: 0.9em; }
div.platte_tekst p { margin-top: 1em; }
p.ruler { border: 0px solid red; margin: 1.2em 0px; font-size: 0.4em; background: url('opmaak/ruler.jpg') center no-repeat; } /*
*/
/* p.ruler: interessant: In Gecko wordt deze heel hoog onder een div->float:right. De onderrand staat op de juiste plek. Dus: background: bottom; */
p.onderschrift { font-style: italic; font-size: 0.6em; font-weight: 100; padding-left: 25px; margin-top: 2px; }
p.klein { font-size: 0.8em; }
p.kleiner { font-size: 0.6em; }
p.right { text-align: right; padding-right: 2px; padding-bottom: 1px; }
/*//// div /////////////////////////*/
div { }
div.platte_tekst{ margin-right: 90px; } /* net zoveel als links. kijk maar naar de opmaak in index.php */
div.center { text-align: center; }
div.kader1 { border: 1px solid #aaa; padding: 15px; background: #f2f3ff url('opmaak/kader_bg.jpg') bottom repeat-x; position: relative; z-index: 1; }
div.kader_re { float: right; } /* combineren met div.kader1 */
div.pagecenter { text-align: center; padding-right: 90px; } /* padding-right omdat in de overliggende tabel er een padding-left is. Nu weer center dus */
/*//// list //////////////////////////*/
ul { margin: 0px; padding: 0px; } /* padding is voor Gecko, margin voor IE */
li { font-size: 0.9em; list-style: none; line-height: 1.2em; } /* line-height want anders worden de regels in IE veel te hoog... */
li.ruler { border: 0px solid red; margin: 1.2em 0px; font-size: 0.4em; background: url('opmaak/ruler.jpg') center no-repeat; } /* */
/*//// table /////////////////////////*/
table { }
td { vertical-align: top; } /* va:top belangrijk voor algemene layout! */
/*//// span /////////////////////////*/
span.a_marge { padding: 0px 2px; } /* dezelfde marge als het 'a' element. Handig bij foto/gastenboeknavigatie zodat er dezelfde marges blijven, of het nu een link is of niet. */
span.u { text-decoration: underline; }
span.i { font-style: italic; }
span.sup { line-height: 0px; font-size: 0.8em; margin-bottom: 6px; }
span.sub { }
/*//// a /////////////////////////*/
a { padding: 0px 2px; }
a:link { color: #8074a3; text-decoration: none; border-bottom: 1px solid #8074a3; }
a:visited { color: #bba4d3; text-decoration: none; border-bottom: 1px solid #bba4d3; }
a:hover { color: #2a00a2; background: #e7deff; border: 1px solid #2a00a2; margin: -1px; }
a:active { color: #a3f; }
a.ext { background-image: url('opmaak/ext_link.png'); background-position: right; background-repeat: no-repeat; padding-right: 17px; }
a.ext:hover { background-image: url('opmaak/ext_link.png'); background-position: right; background-repeat: no-repeat; padding-right: 17px; }
/*//// img /////////////////////////*/
img { display: block; border: none; } /* vert-align:top/bottom of display:block vanwege een renderprobleem in firefox: witte randjes onder plaatjes. -- Het zou opzettelijk zo zijn omdat een img officieel een inline element is en die op de baseline van de tekst staat. Een paar pixels boven de bottom dus. */
img.fp { border: 1px solid black; }
div.pagecenter img{ display: inline; }
img.ext_link { display: inline; width: 13px; height: 9px; border: 0px;}
/*//// form ///////////////////////*/
form { margin: 0px; }
input, select { border: 1px solid #aaa; height: 1.5em; font-size: 0.8em; padding: 0px 0px 0px 2px; margin: 0px 4px 4px 4px; }
input.button { height: 1.9em; margin: 0px; padding: 0px 2px; }
/*////////////////////////////////////////////////////////////////////////////*/
/* Hierboven graag algemene definities, hieronder de specifieke //////////////*/
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// gastenboek ////////////////////////////////////////////*/
a.gb_button { display: block; width: 40px; border: 1px solid #8074a3; margin:2px; padding: 2px; text-align: center; background: #d6d6dd; text-decoration: none;}
table.gb_form { }
table.gb { font-size: 0.8em; width: 100%;}
td.gb_naam { text-align: left; background: #d6d6dd; border: #bbb solid; border-width: 1px 0px 0px 1px; padding-left: 3px; }
td.gb_datum { text-align: right; background: #d6d6dd; font-size: 0.7em; vertical-align: bottom; border: #bbb solid; border-width: 1px 1px 0px 0px; padding-right: 3px; }
td.gb_content { border: 1px solid #bbb; background: url('opmaak/kader_bg.jpg') bottom repeat-x #f2f3ff; padding: 6px; }
td.gb_footer { font-size: 0.6em; text-align: right; }
table.gb_form p { margin: 0px 0px 4px 8px; }
a.smiley { background: none; text-decoration: none; margin: 0px; border: 0px; }
img.smiley { display: inline; vertical-align: middle; }
/*////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// fotoboek //////////////////////////////////////////////*/
div.fotoboek { }
div#filmstrip_kop { text-align: center; }
div#thumbs { margin-top: 4px; }
div#thumbs a { border: 0px; padding: 0px; margin: 0px; text-decoration: none; background: none; }
div#photo { margin-top: 4px; }
div#photo a { border: 0px; padding: 0px; margin: 0px; text-decoration: none; background: none; }
div#overzicht a { border: 0px; padding: 0px; margin: 0px; text-decoration: none; background: none; }
div.overzicht_foto { float:left; margin: 4px 0px 0px 4px; }
img.overzicht_foto { border: 1px solid black; }
div.thumb { }
div.thumb img { display: inline; vertical-align: bottom; margin-bottom: 2px; }
div.viewphoto { text-align: center; }
div.viewphoto img { display: inline; }
div.mappenlijst { width: 180px; } /* hoort bij fotoboek */
div#mappen > div { width: 175px; } /* non-IE moet iets smaller. (hoort bij fotoboek) */
/*////////////////////////////////////////////////////////////////////////////*/
/*///////////////////// menu /////////////////////////////////////////////////*/
div.menu { border: 0px solid blue; text-align: right; float: right; position: relative; top: 0px; margin-right: 1px; }
div#menukop h1 { font-size: 0.85em; margin-right: 10px; } /* #fffddd; */
div.menu div { border-bottom: 1px dotted yellow; padding: 4px 0px; width: 8em; }
div.menu ul { border-bottom: 1px dotted yellow; padding: 4px 0px; width: 8em;}
div.menu p { font-size: 0.8em; background: none; } /* overbodig met het menu in een ul */
div.menu li { font-size: 0.8em; background: none; padding: 0px; text-decoration: none; }
div#vertaling a { display: inline; }
div#vertaling img { display: inline; }
div.menu a:link { color: #ffff99; display: block; padding-right: 6px; text-decoration: none; border: 0px; }
div.menu a:visited{ color: #cccc33; display: block; padding-right: 6px; text-decoration: none; border: 0px; }
div.menu a:hover { color: #ffff33; display: block; padding-right: 6px; text-decoration: none; background: #310404; border: 1px solid #616464; margin: -1px; }
div.menu a:active { color: #ffff66; display: block; }
/*////////////////////////////////////////////////////////////////////////////*/
/*///////////////////// .... /////////////////////////////////////////////////*/
/* Dit wordt natuurlijk nooit wat. In ieder geval niet in IE6 */
ul.menu_1 { list-style: none; text-decoration: none; }
ul.menu_1 li { display: inline; width: 80px; border: 1px solid black; background: #88bb88; }
li ul { display: none; }
li:hover ul { display: block; }
/* --- */
/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////// Home ////////////////////////////////////////////////////*/
span.hint { border-bottom: 1px dashed #866; }
span.hint span { display: block; background: yellow; border: 1px solid #866; padding: 2px; width: 300px; position: absolute; left: -2000px; }
span.hint:hover span { top: 100px; left: 370px; }
/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////// Contact /////////////////////////////////////////////////*/
table.mail_form p { margin: 0px 0px 4px 8px; }
/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////// Admin ///////////////////////////////////////////////////*/
/*///////////////////// -phpinfo- ///////////////////////////////////////////////*/
div#phpinfo { font-size: 1em; }
div#phpinfo pre {margin: 0px; font-family: monospace;}
div#phpinfo a:link {color: #000099; text-decoration: none; background-color: #ffffff; }
div#phpinfo a:hover {text-decoration: underline;}
div#phpinfo table {border-collapse: collapse; width: 600px; font-size: 0.75em; }
div#phpinfo .center {text-align: center; margin-left: -40px;}
div#phpinfo .center table { margin-left: auto; margin-right: auto; text-align: left;}
div#phpinfo .center th { text-align: center !important; }
div#phpinfo td, th { border: 1px solid #000000; font-size: 75%; vertical-align: baseline; }
div#phpinfo h1 {font-size: 110%; text-align: center; margin: 0px; }
div#phpinfo h2 {font-size: 105%;}
div#phpinfo .p {text-align: left;}
div#phpinfo .e {background-color: #ccccff; font-weight: bold; color: #000000;}
div#phpinfo .h {background-color: #9999cc; font-weight: bold; color: #000000;}
div#phpinfo .v {background-color: #cccccc; color: #000000;}
div#phpinfo i {color: #666666; background-color: #cccccc;}
div#phpinfo img {float: right; border: 0px;}
div#phpinfo hr {width: 600px; background-color: #cccccc; border: 0px; height: 1px; color: #000000;}
/*//////////////// dat was veel hŠ /////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/
/*///////////////////// Links ///////////////////////////////////////////////////*/
ul.link_kaal { }
ul.link_kaal li { padding: 2px; }
ul.link_kaal a { padding: 0px; background: none; text-decoration: none; border: 0px; margin: 0px; }
ul.link_kaal img{ display: inline; vertical-align: middle; }
/*//////////////////////////////////////////////////////////////////////////////////////////////////////*/