/*
 * spitta-dentimages: CSS-Datei fuer das Page-Layout (Web-Design)
 * cron IT GmbH (c) 2006
 * cvs.cron-it.de $Id: screen.css,v 1.11 2007-06-18 11:19:24 ernst Exp $
 */

body {
  color: #8E8E8E;
  background-color: #ADCBDB;
  font-family: Verdana, Arial, Helvetica;
  font-size: 70%;
  height: 101%;
}

table, pre {  font-size: 100%; }
pre {  font-family: Courier New, Courier, monospace; }

/* allgemeine Formatierung Formularelemente */
form { margin: 0; }

/*JvK: Input und select waren gleich; jetzt hat "input" eine schwarze Farbe*/
input  { color: black; font-size: 1em; }
select { color: #6D6D6D; font-size: 1em; }

input.textfield { border: 1px solid #8E8E8E; color:#6D6D6D; } /*JvK: color hinzugefügt*/

input.button { border: 1px solid #A4A4A4; color: #fff; background-color: #8E8E8E; text-transform: uppercase; font-size: 10px; }

/* allgemeine Formatierung der Links */
a:hover { text-decoration: underline; }

/* screen-box, zentriert - hier wird die Content-Tabelle eingebunden */
div#screen { width: 800px; margin: 0px auto; background: url('screen-bg-middle.gif') repeat-y; }

div#screen div.border-top { background: url('screen-bg-top.gif') no-repeat; height: 16px; }
div#screen div.border-bottom { background: url('screen-bg-bottom.gif') no-repeat 0 0; height: 15px; }

div#screen table.layout { border-collapse: collapse; margin: 0 0 0 16px; width: 768px; }

/* "blinde" Tabellen, Grundsaetzliches */
table.blind { border-collapse: collapse; margin: 0; }
table.blind td { margin: 0; padding: 0; }

/* Layout-Tabelle, Grundsaetzliches */
table.layout td.lt { padding: 0; margin: 0; vertical-align: top; }
table.layout td.td-1 { width: 1%; }
table.layout tr.tr-1 td.td-12 { background-color: #fff; vertical-align: bottom; }

/* Flaggen */
div#flaggen { float: right; margin: 68px 8px 0px 0px; vertical-align: middle; }
div#flaggen img { padding: 0 6px 0 0; padding-top: 0; vertical-align: middle;}
div#flaggen img.marker { padding: 0; display: none; }
div#flaggen img.hideit { display: none; }

/* Header mit Logo rechts */
table.layout tr.tr-1 td.td-12 img.logo { padding: 20px; border: 0 none; }

/* blaue Linie */
table.layout tr.tr-2 td { border-top: 2px solid #fff; background: #007DC5; height: 10px; }

/* Warenkorb Leiste */
table.layout tr.tr-3 td { border-top: 2px solid #fff; background-color: #BDD5E2; border-bottom: 1px solid #8E8E8E; }
table.layout tr.tr-3 td a { color: #007DC5; text-decoration: none; }
table.layout tr.tr-3 td a:hover { text-decoration: underline; }

/* Bloecke links */
table.layout tr.tr-4 td.td-1 { background-color: #E6E6E6; }
table.layout tr.tr-4 td.td-2 {  }

/* Seitenelemente */

/* Login-Info oben rechts */
div#login-info { float: right; background-color: #fff; padding: 3px 0; }

/* linke Leiste */
div#left { }
div#left div.heading { background-color: #BDD5E2; border-bottom: 1px solid #A5A5A5; border-top: 2px solid #fff; }
div#left div.leftbox-content { background-color: #FFE199; border-top: 2px solid #fff; padding: 6px; color: #6D6D6D; }

div#left div.heading p.anschauen { background-image: url('box-left-heading-anschauen.gif'); }
div#left div.heading p.login { background-image: url('box-left-heading-login.gif'); }

/* left box Suchfeld */
div#left div.heading p.suche { background-image: url('box-left-heading-search.gif'); }
div#left div.leftbox-content table.blind td { padding-bottom: 5px; }


div#left div.leftbox-content a.pfeil { color: #8E8E8E; padding-left: 9px; background: url('form-pfeil.gif') no-repeat; }
div#left div.leftbox-content a.pfeil:hover { color: #007DC5; text-decoration:none; }/*jvK  text-deco added*/

/* left box Anschauen */
div#left div.leftbox-content ul.anschauen { margin: 0; padding: 0; list-style-type: none; }

/* JVK: none-underline */
div#left div.leftbox-content ul.anschauen li a { display: block; padding-left: 20px; background-position: 0 bottom; background-repeat: no-repeat; line-height: 18px; text-decoration: underline; color: #8E8E8E; margin-bottom: 2px; }
div#left div.leftbox-content ul.anschauen li a:hover { text-decoration: none; color:#007DC5; } /*jvk: underline -> none ; color added*/

/* verschiedene Icons */
div#left div.leftbox-content ul.anschauen li a.kategorien { background-image: url('form-kategorien.gif'); }
div#left div.leftbox-content ul.anschauen li a.bilderserien { background-image: url('form-bilderserien.gif'); }
div#left div.leftbox-content ul.anschauen li a.pakete { background-image: url('form-pakete.gif'); }
div#left div.leftbox-content ul.anschauen li a.bildersammlung { background-image: url('form-bildersammlung.gif'); }
div#left div.leftbox-content ul.anschauen li a.leuchtkasten { background-image: url('form-leuchtkasten.gif'); }

div#left div.heading p,
span.warenkorb { text-transform: uppercase; font-weight: bold; color: #006Db5; padding: 3px 20px; margin: 0; background-repeat: no-repeat; margin-left: 2px; }

span.warenkorb { background-image: url('box-left-heading-warenkorb.gif'); padding-right: 2px; }
span.warenkorb_info { color: #006Db5; }

/* Warenkorb Leiste */
div#warenkorb { padding: 3px 0; }

/* Login Info (oben rechts) */
div#login-info { line-height: 1.3em; padding-left: 1em; padding-right: 1em; }

/* Hauptnavi und Servicenavi werden vorerst gleich formatiert */
div.navi ul { margin: 0; list-style-type: none; padding: 0; }
div.navi ul li { margin: 0; display: inline; padding: 0; }

div.navi ul li a { text-decoration: none; color: #22506A;}
div.navi ul li a:visited { color: #22506A;}

div.navi ul li a { text-transform: uppercase; margin: 5px; }
div.navi ul li.act a { font-weight: bold; color: #007DC5; }
div.navi ul li.act a:visited { font-weight: bold; color: #007DC5; }

div.navi ul li.act a { color: #007DC5; }
div.navi ul li a:hover { color: #007DC5; text-decoration: underline; }

/* Besonderheiten: Hauptnavi */
div.hauptnavi { margin: 0 0 5px 8px; }

/* Besonderheiten: Servicenavi */
div.servicenavi { margin: 0; padding-left: 20px; background: #ADCBDB; }

/* Content-Box */
div.content { margin: 0px 0px; }