/* Style sheet for trektech.de */

/* default text and background */
html, body { margin:0; padding:0; height:100%; background-color:#000000; font-family:Impact,Helvetica,Arial; font-weight:normal; font-size:16px; color:#ff9700; overflow-y: auto;}
ul { margin:0.5em 0; padding-left:30px; list-style-type:square; }     /* list-style-type:disc ergibt runde Bullets */
li { margin: 3px 5px; }
h1 { color:#cf97ff; margin: 10px auto; text-align:center; font-weight:normal; }
h2, h3, h4, h5, h6 { color:#cf97ff; margin: 10px auto; text-align:left; font-size:20px; font-weight:normal; }
p { margin: 1em 0; }
p.indent  { margin-left:30px; }
b { color:#CF97FF; font-weight:normal }
a:link    { color:#ced6ff; text-decoration:underline; }
a:visited { color:#cfffff; text-decoration:underline; }
a:active  { color:#00ff00; text-decoration:none; }
a:hover   { color:#ced6ff; text-decoration:none; }

/* table for pictures */
table.pictable     { border-style: none; border-collapse: collapse;	background-color: black; }
table.pictable td  { border-width: 1px; padding: 5px; border-style: solid; border-color: #cf97ff; background-color: black; text-align:center; vertical-align:top; font-size:14px; }

/* table for menus */
table.menutable    { border-style: none; border-collapse: collapse; background-color: black; }
table.menutable td { border-width: 1px; padding: 5px; border-style: none; background-color: black; text-align: left; vertical-align:center; font-size:14px; }

/* table for pinouts and other */
table.pintable     { border-style: none; border-collapse: collapse;	background-color: black; }
table.pintable td  { border-width: 1px; padding: 5px; border-style: solid; border-color: #cf97ff; background-color: black; color:#cf97ff; text-align:left; vertical-align:top; font-size:14px; }
table.pintable th  { border-width: 1px; padding: 5px; border-style: solid; border-color: #cf97ff; background-color: #9097ff; color:black; text-align:left; vertical-align:top; font-weight:normal; font-size:14px; }

/* table for top bar of picture viewer */
table.bar { width:100%; background-color:black }
table.bar td  { text-align:center; padding:10px 0 10px 0 }
th.bar { color:black; background-color:#ff9700; text-align:right; font-weight:normal; padding:0 8px 0 0; height:25px }
th.barledge { color:black; background-color:#ff9700; padding:0; width:17px; height:25px; background-image:url(stylepics/leftbar.png) }
th.barredge { color:black; background-color:#ff9700; padding:0; width:17px; height:25px; background-image:url(stylepics/rightbar.png) }

/* unspecified picture for buttons or style pictures */
img { border:0; font-size: 16px !important; font-family:Times,serif !important; }
/* landscape preview picture */
img.pic { width:256px; height:192px; border:0; text-align: center; margin 0px auto; }
/* portrait preview picture */
img.picv { width:192px; height:256px; text-align: center; margin 0px auto; }
/* zoomable picture */
img.lavima { border:0; }


/* some menu stuff */
#right { color:#ff9700; position:absolute; left:160px; right:0; height:100%; }
/* the left part, the menu part of the screen */
#left { color:#000000; position: fixed !important; position: absolute; margin:0 0 0 2px; padding:0; height:100%; width: 110px; font-family:Helvetica,Arial,Verdana,sans-serif; font-weight: bold}

/* left part of the middle bar */
img.rmidedge { position:absolute; right:0; }
/* middle part of the middle bar */
img.rmidbar { width:83px; height:31px; margin-right:42px; }
/* the menu header */
p.menuheader { background-color:#cf6760; text-align:right; margin:0; padding-top:16px; padding-right:2px; border-bottom: 2px solid black; }

/* the menu buttons */
a.item,a.subitem { display:block; width:100%; margin-left:-3px; color:#000000;padding-right:3px; padding-top:15px; text-decoration:none; border-bottom: 2px solid black; }
a.item:hover    { background-color:#cf6760 }
a.subitem       { background-color:#cf97ff }
a.subitem:hover { background-color:#9097ff }
a.item.shown    { background-color:#cf6760 }
a.subitem.shown { background-color:#9097ff }

/* the screen areas */
/* the area above the middle bar */
div.titlebar { height:86px; }
/* the area above and including the middle bar */
div.header { position:fixed; right:0; left:110px; top:0; height:128px; }
/* the area with the running numbers */
div.headerimage { text-align:left; padding-top:13px; width:50%; }
/* the area with the page title */
div.pagetitle { position:absolute; right:10px; top:36px; width:50%; text-align:right; color:#ff8000; font-family:Impact,sans-serif; font-size: 26px; }
/* the menu area */
div.menu { margin:0; padding:0; font-size: 11px; text-align:right; }
/* the content area */
div.content { position: fixed !important; position: absolute; top: 128px; left:110px; bottom:0; right:0; padding:10px 5px 10px 0; font-family:Impact,Helvetica,Arial; font-weight:normal; font-size:16px; color:#ff9700; overflow-y: auto;}
/* the top parts above the midbar */
div.ltopone { height:30px; margin-top:2px; background-color:#cf97cf; margin-right:15px; }
div.ltoptwo { height:30px; margin-top:2px; background-color:#cf97ff; margin-right:15px; }
/* the middle bar */
div.lmidbar { height:96px; margin-top:0px; background-image:url("stylepics/mainbarl.png"); background-repeat:no-repeat; }
div.rmidbar { height:42px; margin-top:10px; background-image:url("stylepics/midbar.png"); background-repeat:repeat-x; text-align:center; }
/* the menu bar */
div.lbotbar { width: 95px; min-height:100%; height:auto !important; height:100%; overflow: hidden !important; background-color:#ff672f; }

/* the largeview's top bar */
/*
div.topbar { height:30px; width:500px; background-color:green }
span.bar { height:25; width:70%; background-color:red; text-align:right }
*/