/*!
@project    deverhalen.nl
@file       basic.css
@short      basic style for website www.deverhalen.nl
@date       18-nov-2008
@author     Jo-Anne Steenbeeke © de Booswigte

@version  01.01  18-nov-2008  JSt  Initial release
*/
html, body     { font-family: Verdana, 'Times New Roman'; overflow:auto; }
html           { background: transparent url('/templates/images/bg.gif');}
div#SuperDuper { background: #fff url('/templates/images/bgcomposer.jpg') repeat-y; border:1px solid #444; height:700px; margin:2px auto; position:relative; width:800px; }
div#SuperDuper div { position:absolute; }

#bigHdr   { color:#f7f7e3; font-size: 32px; left: 23px; line-height:36px; height:36px; top:12px; }
#bigHdr h1 { font-size:32px; font-weight:normal; line-height:38px; margin:0; padding:0; }
#subHdr   { color:#000; font-size: 16px; left: 23px; line-height:18px; height:18px; top: 48px; }

#menu       { left:23px; top:95px; width:200px; }
#content  {
 background: #f5f5db;
 border:1px inset #555;
 border-top-color:#8686c1;
 border-right-color:#8686c1;
 color:#000;
 font-family: Verdana, Arial, serif;
 height:556px;
 left:255px;
 overflow:auto;
 padding:0 8px 0 15px;
 width:490px;
 top:95px;
}

#content div { position: relative !important; }

#cat      { border:none; height:83px; left:55px; position:absolute; top:573px; width:82px; }

/* Styling content in text-box */
#content h2,
#content h3    { text-align:center; margin-top:10px; }
#content h2    { font: 16px Verdana, sans-serif; line-height:18px; height:18px; }
#content h3    { font-size: 15px; line-height:16px; height:16px; }

#content img   { border:none; }
#content img.l { float:left; margin-right:5px;}
#content img.r { float:right; margin-left:5px; }

#content p   { font-size: 12px; }
#content p.q { background-color:#ffffcd;
/* font-style:italic; */ 
}

#content p a { text-decoration:none; }
#content p a:hover {text-decoration:underline;}

/* the bookmark links at the top right corner */
#subRight   { color:#000; font-size:12px; left:500px; line-height:21px; height:21px; text-align:right; top: 25px; width:270px; }
#subRight a { display:inline; margin-left:5px; }

/* styling the menu 'box' at the left */
#menu a   {
 border:1px solid #000;
/*
 border-bottom-color:#52557b;
 border-right-color:#52557b;
*/
 color:#000;
 clear:both;
 display:block;
 font-size:14px;
 height:20px;
 line-height:19px;
 margin:5px auto;
 text-decoration:none;
 text-indent:3px;
 width:200px;
}
#menu a.a { background-color:#f5f5db; }
#menu a.a:hover { background-color:#c2706c; }

#menu a.b { background-color:#f5f5db; }
#menu a.b:hover { background-color:#c2706c; }

#menu a.c { background-color:#f5f5db; }
#menu a.c:hover { background-color:#c2706c; }

#menu a.d { background-color:#f5f5db; }
#menu a.d:hover { background-color:#c2706c; }

#menu .sub { display:none; }
#menu .hot { background-color:#c2706c !important; color:#000;  }
#menu .off { visibility:hidden;  }

#menu span.spc { background:transparent url('/templates/images/bgcomposer.jpg') repeat-y; display:block; height:8px; margin:0; width:100%; }

.info { background:ghostwhite; color:#444; font-size:75%; left:550px; padding:3px; position:absolute; top:200px; width:300px; z-index:1000; }
.info legend { text-indent: 5px; }