/*
colors:
    orange: #ef8400
    gray:   #ccc
*/


/* basic */
*      { margin: 0px; padding: 0px; }

body   { text-align: center; font: 12px/18px Verdana; color: #333; }

h1       { font: 14px Verdana; margin: 20px 10px; }
/* h1.topic { font: 20px Verdana; margin: 20px 10px; } */
h2       { font: 12px Verdana; margin: 20px 10px; }
h3       { font: 12px Verdana; color: #ef8400; margin: 10px; } /* navi */

a:link, a:hover, a:visited { color: #06f; }
a:hover{ text-decoration: none; }

img    { border: 0px; }

table  { border-collapse: collapse; margin: 10px 10px; }
th, td { text-align: left; padding: 5px 5px; }
th     { background-color: #eee; border-bottom: 1px solid #ccc; font-weight: normal; }

p       { margin: 10px; }
p.short { max-width: 550px; }

em     { font-style: normal; background-color: #FF6; }
strong { font-size: 16px; font-weight: lighter; }
option { padding-right: 10px; }
hr     { border-width: 0px; height: 2px; background-color: #eee; margin: 10px 0px; }

.big   { font-size: 20px; }
.clear { clear: both; }

textarea,
select       { vertical-align: top; }


/* default styles */
.text-red         { color: #c00; }
.text-green       { color: #9c3;    }
.text-olive       { color: #060;    }
.text-orange      { color: #ef8401; }
.text-blue        { color: blue;    }
.text-gray        { color: #666;    }

.text-left        { text-align: left;   }
.text-right       { text-align: right;  }
.text-center      { text-align: center; }

.box              { -moz-border-radius: 5px; margin: 10px 0px; display: block; border: 1px solid #ccc; }
.box-gray         { background-color: #eee;    border: 1px solid #ccc; }
.box-blue         { background-color: #e6eef3; border: 1px solid #ccc; }
.box-green        { background-color: #cf6;    border: 1px solid #9c0; }
.box-olive        { background-color: #9c3;    border: 1px solid #690; }
.box-yellow       { background-color: #ff9;    border: 1px solid #fc0; }
.box-orange       { background-color: #fc3;    border: 1px solid #f93; }

.box h1           { margin: 10px; }
.box a            { text-decoration: none; }
.box a:hover      { color: #ef8400; }

.img-right        { float: right; border: 2px solid #eee; margin: 10px; padding: 2px; }

.button            { padding: 0px 20px; font: 14px Verdana; float: right; }
input.button       { padding: 8px 20px; color: #06f; }
input.button:hover { color: #ef8401; }

.border           { border: 1px solid; }
.border-top-gray  { border-top: 1px solid #ccc; }

.bg-gray          { background-color: #EEE; }

.width-50         { width: 50px; }
.width-300        { width: 300px; }

.list             { display: inline-block; width: 180px; text-align: right; padding-right: 10px; border: 0px solid; } /* for lists without table */
.list-right       { display: inline-block; width: 250px; text-align: left;  padding-left:  5px;  border: 0px solid; vertical-align: top; } /* for right side (comment) if multiple rows needed */
.list-short       { width: 30px; }
.inlay            { margin: 5px; border: 0px solid; } /* if container has no padding */

.float-right      { float: right; }


/* container */
.frame         { width: 1000px; margin: 0px auto; text-align: left; }

.top           { text-align: right; background-color: #e6eef3; border: 1px solid #ccc; margin: 0px; padding: 5px 10px; border: 1px solid #ccc; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-top-width: 0px; }
.top div       { float: left; width: 600px; text-align: left; }

.ticker        { text-align: center; }
.ticker img    { border: 2px solid #eee; padding: 2px; margin: 0px 5px 15px; }

.search        { border: 1px solid #ccc; height: 70px; background: url( "img/bg-search.gif" ) repeat-x; -moz-border-radius: 5px; }

.search table  { float: left; margin: 13px 0px 0px 15px; }
.search-field  { height: 30px; width: 450px; }
.lens          { height: 34px; width: 60px; -moz-border-radius: 4px; background-color: white; }

div.cart       { width: 400px; height: 54px; float: right; margin: 10px 15px 0px 0px; text-align: right; }
div.cart img   { float: right; margin-left: 10px; }
div.cart div   { margin: 8px 0px 0px; }
div.cart div a { font-size: 20px; }
div.cart div p { margin: 3px; }

div.options    { float: right; width: 510px; border: 0px solid; }
div.mails      { margin: 0px 10px 20px 10px; }
.options select { width: 120px; }

.sidebar_left  { float: left;  width: 180px; }
.sidebar_right { float: right; width: 180px; margin-left: 20px; }

.content       { border: 1px solid white; }
.full          { }
.std           { margin-left: 200px;  }
.small         { margin-left: 200px; margin-right: 205px; }

.order         { width: 600px; margin: auto; text-align: left; padding: 20px; }

.footer        { margin: 40px 0px 100px; border-top: 1px solid #ccc; text-align: right; }


/* navi */
a.active       { color: #ef8400; }
.navi ul       { margin: 10px; list-style-type: none; }
.navi ul ul    { margin: 5px; }


/* product listing */
div.preview       { text-align: left; border: 0px solid; overflow: auto; }
.preview .img     { float: left; width: 200px; text-align: right; }
.preview .img img { border: 2px solid #eee; padding: 2px; }
.preview .txt     { margin-left: 205px; }
.preview p        { margin: 5px; }

.gallery          { float: left; margin: 5px; border: 2px solid #EEEEEE; width: 140px; height: 140px; text-align: center; }
.gallery div      { height: 100px; margin: 10px; }


/* product info */
.product-info           { }
.product-info .img      { float: left; text-align: right; width: 180px; border-right: 1px solid #ccc; padding-right: 5px; }
.product-info .img img  { border: 2px solid #eee; padding: 2px; }
.product-info .text     { border: 1px solid white; margin-left: 200px; }


/* trader */
div.data-half       { float: left; width: 490px; border: 0px solid; }     /* data container for half of full size for upload */
.data-half input    { width: 250px; }
.data-half textarea { width: 250px; height: 100px; vertical-align: top; }


/* cart */
a.minus             { text-decoration: none; color: #c00; }
a.plus              { text-decoration: none; color: #9c3; }


/* bilder-einlesen.cgi */
.product { float: left; border: 1px solid #ccc; margin: 5px 5px; width: 120px; height: 120px; text-align: center; }





/* not in use */

/* misc */
table.order    { width: 700px; }
ul.checklist { list-style-image: url( "img/haken.gif" ); }


/* div{ border: 1px solid #ccc; }