/* body attributes */
body, html { background: #fff; font: 13px Lucida Grande, Verdana, Sans-Serif; padding: 0; margin: 0; }

/* banner image, you may change this just by inputting a different file name. */
#banner { background: url('./image_source_css/bannerbg.jpg') no-repeat;  padding: 1px 0px 0px 15px; margin: 0; border-bottom: 3px solid #ccc; color: #fff; }

/* top navigation */
#nav { background: url('./image_source_css/bg1.gif') repeat; padding: 13px; margin: 0; text-align: center; border-bottom: 3px solid #ccc; }
#subnav { background: #EEEEEE; padding: 10px; margin: 0; text-align: center; border-bottom: 3px solid #ccc; }

/* where all the text goes */
#container { background: #fff; margin: 0px 220px 0px 220px; padding: 10px;  }
#container2 { background: #fff; margin: 0px 220px 0px 0px; padding: 10px;  }
#subcontainer { background: #fff; margin: 0px 220px 70px 220px; padding: 10px;  }

/* copyright, all that junk. perhaps a second nav */
#bottom { background: url('./image_source_css/bg1.gif') repeat; padding: 5px 0px 5px 100px; border-top: 3px solid #ccc; }

/* the left news box */
#left { width: 200px;  padding: 7px 5px 7px 5px; margin: 10px 0px 5px 10px; float: left; }

/* left information */
#info { width: 200px; border-bottom: 1px solid #ddd; }
/*.box { background: #eee; border: 1px dotted #ddd; padding: 7px 5px 7px 5px; } */
.box { background: #fff; border: 2px dotted #ddd; line-height: 2; padding: 7px 5px 7px 5px; }

/* gallery */
#galleryhold { width: 220px; margin: 10px 0px 5px 10px; float: right; padding: 5px; }
.gallerybox { width: 160px; padding: 0 0 0 5px; }
.gallerybox a { text-decoration: none; color: #000; }

/* right list of links */
#links { float: left; width: 160px; padding: 7px 5px 7px 5px; margin: 10px 0px 5px 10px; }
#links ul { margin: 0; padding: 0; }
#links li { list-style-type: none; background: url(./image_source_css/article.jpg) no-repeat 0px 5px; padding: 0 0 0 25px; line-height: 2em; letter-spacing: 0.1em;  }
#links a { color: #608FFF; text-decoration: none; } #links a:hover { text-decoration: underline; } #links a:visited { color: #608FFF; } #links p { font-size: 20px; color: #608FFF; }

/* edited attributes of things */
.news { color: #608FFF; font-weight: bold; font-size: 16px; }
.news1 { color: #fff; background-color: #608FFF; font-weight: bold; font-size: 16px; padding: 3px 0 3px 5px; width: 140px; }
.meta { border-top: 1px solid #aaa; color: #aaa;  text-align: right;} 
.price { color: #990000; }
.price2 { color: #008000; }
#download { text-align:right; }
#container p { text-align:justify; line-height: 2; text-indent: 0px;  } #container a { color: #608FFF; } #container a:hover { text-decoration: none; }
#container h1 { color: #608FFF; }
#container h2 { color: #608FFF; }
#container h3 { color: #608FFF; }
#container ul { margin: 0 0 0 20px; padding: 0; }
#container li { list-style-type: circle; background: url(article.jpg) no-repeat 0px 5px; padding: 0 0 0 25px; line-height: 2em; letter-spacing: 0.1em; }
/* #container li { list-style-type: none; background: url(article.jpg) no-repeat 0px 5px; padding: 0 0 0 25px; line-height: 2em; letter-spacing: 0.1em; color: #666; font-weight: bold; } */
#container table { font-size: 13px; border-spacing:2px;}
#container th { vertical-align: middle; text-align: left; font-size: 13px; padding: 3px 0 3px 5px; color:#000066; background-color:#c0cce0; }
#container tr { vertical-align: middle; text-align: left;}
#container td { vertical-align: middle; text-align: left;}
#container2 p { text-align:justify; line-height: 2; text-indent: 0px;  } #container a { color: #608FFF; } #container a:hover { text-decoration: none; }
#container2 h1 { color: #608FFF; }
#container2 h2 { color: #608FFF; }
#container2 h3 { color: #608FFF; }
#container2 ul { margin: 0 0 0 20px; padding: 0; }
#container2 li { list-style-type: none; background: url(article.jpg) no-repeat 0px 5px; padding: 0 0 0 25px; line-height: 2em; letter-spacing: 0.1em; color: #666; font-weight: bold; }
#bottom a { color: #608FFF; } #bottom a:hover { text-decoration: none; }
#nav a:link, #nav a:visited, #nav a:active {	 background: url('./image_source_css/bg1.gif') repeat; padding: 13px; text-decoration: none; color: #000000; }
#nav a:hover { padding: 13px; background: url('./image_source_css/bannerbg.jpg'); text-decoration: none; color: #FFFFFF; }
* html #info { padding-bottom: 7px; }
acronym { border-bottom: 1px dotted #608FFF; }
#subnav table { font-size: 13px; }
#subnav tr { vertical-align: middle; text-align: left;}
#subnav td { vertical-align: midlle; text-align: left;}
#subnav form  { font-size: 13px; }
#subnav option { font-size: 13px; }
#subnav select { font-size: 13px; }

#supergalleryhold { width: 250px; margin: 0; float: right; padding: 25px 10px 0px 0px; }
#superheader { color: #fff; }
#superheader a { color: #fff; }

/* shop */
.checkout {font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}
.checkoutinput {font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;}   
.nopcart {background: #EEEEEE;border: 1px;font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; border-spacing:2px;}
nopheader {background: #EEEEEE;font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 2px 5px 2px 5px;}
.nopentry {background: #FFFFFF;font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 2px 5px 2px 5px;}
.noptotal {background: #FFFFFF;font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding: 2px 5px 2px 5px;}
.nopbutton {background: #FFFFFF;font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000;} 

/* table */
<style type="text/css">
<!--
#main-copy table {
  font-size:100%
}
#footer table {
  font-size:100%
}
table.rlvw         { background-color:#EEEEEE; font-size:100% }
tr.rlvw-ttl        { color:#000066; background-color:#c0cce0; font-size:100% }
tr.rlvw-cls        { background-color:#CCCCCC; font-size:100% }
tr.rlvw-qry        { background-color:#CCCCCC; font-size:100% }
tr.rlvw-dta        { color:#000066; background-color:#dee7ef; font-size:100% }
tr.rlvw-dta:hover  { color:#000000 }
tr.rlvw-dta:active { color:red }
tr.rlvw-cmd        { background-color:#CCCCCC; font-size:100% }
input.rlvw-flt     { background-color:#CCCCCC; font-size:100%; border-style:solid }
-->
</style>
<script type="text/javascript">
<!--
function selall() {
    i = 0;
    chkbox = document.getElementsByName("sel")[i];
    while (chkbox) {
        chkbox.checked=true;
	chkbox = document.getElementsByName("sel")[++i];
    }
}
function selinv() {
    i = 0;
    chkbox = document.getElementsByName("sel")[i];
    while (chkbox) {
        chkbox.checked = chkbox.checked ? false : true;
	chkbox = document.getElementsByName("sel")[++i];
    }
}
function selnon() {
    i = 0;
    chkbox = document.getElementsByName("sel")[i];
    while (chkbox) {
        chkbox.checked=false;
	chkbox = document.getElementsByName("sel")[++i];
    }
}
function trclk(me) {
    i = 0;
    row = document.getElementsByName("dta")[i];
    while (row) {
        row.style.fontWeight = "normal";
	row = document.getElementsByName("dta")[++i];
    }
    me.style.fontWeight = "bold";
}
function rlvw_submit(action) {
    form = document.getElementById('rlvw_form');
    form.action = action;
    form.submit();
}
-->
</script>
<script type="text/javascript">
<!--
function popup(url) {
 fenster=window.open(url, "Popupfenster", "width=625,height=545,resizable=yes");
 fenster.focus();
 return false;
}
-->
</script>

/* Search */
form {
	margin:0px;
	padding:0;
}
#form {
	margin:0px;
	padding:0;
}
#txtSearch {
	background-color:#eee;
	border:1px solid #ccc;
	width:10em;
	padding:1px;
}

/* Search */
#txtInput {
	background-color:#eee;
	border:1px solid #ccc;
	width:50em;
	padding:1px;
}