/*!

 @project: composer.rowy.net
 @name   : basic.css
 @date   : 21-okt-2008
 @author : Jo-Anne Steenbeeke

 @version: 01.02  21-sep-2009  JSt  added 60 px to displayed SuperDuper and content div, and repositioned cat 60px lower
 @version: 01.01  21-okt-2008  JSt  Initial release
*/
html, body     { font-family: Verdana, Arial, 'Times New Roman'; overflow:auto; }
html           { background: transparent url('/n-images/bg.gif');}
div#SuperDuper { background: #fff url('/n-images/bgcomposer.jpg') repeat-y; border:1px solid #444; height:850px; margin:2px auto; position:relative; width:800px; }
div#SuperDuper div { position:absolute; }

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

#menu     { left:23px; top:95px; width:200px; }
#content  {
 border:1px inset #555;
 border-top-color:#8686c1;
 border-right-color:#8686c1;
 background:#fff;
 color:#000;
 height:706px;
 left:255px;
 overflow:auto;
 padding:0 8px 0 15px;
 width:490px;
 top:95px;
}

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

/* Styling content in text-box */
#content h2,
#content h3    { text-align:center; margin-top:10px; }
#content h2    { font: 16px Verdana, Arial, sans-serif; line-height:18px; height:18px; }
#content h3    { font: 14px Verdana, Arial, sans-serif; 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: 13px; }
#content p.q { background-color:#ffffcd;
/* font-style:italic; */ 
}

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

/* the language links at the top right corner */
#talen    { color:#000; font-size:12px; left:682px; line-height:21px; height:21px; top: 25px; }
#talen a  { color:#000; text-decoration:none; }
#talen a img { border:none; height:18px; margin:0 0 0 10px; width:32px; }

/* 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: 51px; width:270px; }
#subRight a { display:inline; margin-left:5px; }

/* styling the menu 'box' at the left */
#menu a   {
 border:1px outset #222;
 border-bottom-color:#52557b;
 border-right-color:#52557b;
 color:#fff;
 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:#8181a3; }
#menu a.a:hover { background-color:#4a4a66; }

#menu a.b { background-color:#8181a3; }
#menu a.b:hover { background-color:#4a4a66; }

#menu a.c { background-color:#8181a3; }
#menu a.c:hover { background-color:#4a4a66; }

#menu a.d { background-color:#b91d20; }
#menu a.d:hover { background-color:#4a4a66; }

#menu .hot { background-color:#4a4a66 !important; color:#fff;  }
#menu .off { visibility:hidden;  }

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

.red { color:red; }
.fat { font-weight: bold; }

.google { margin: 5px auto; width:488px; }