/*######################################################

 Stylesheet fuer Scholz Lichttechnik
 Werbeagentur aufwind.

 gz, 22.10.2004


######################################################*/


/*#################################################
 Pseudo-Klassen
 (Redefinierung der HTML-Elemente)
#################################################*/

/* Allgemeine Angaben */
html, body,
a, a:link, a:visited, a:hover, a:active,
p, div, span,
table, tbody, tr, td,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, input, select, option, optgroup, button, fieldset, textarea, label, legend
{
 font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
 font-size: 12px;
 color: #000;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html, body
{
 background: #FFF;
}


/* Links */
a, a:link, a:visited, a:hover, a:active
{
 text-decoration: none;
}

a:hover
{
 color: #7E8967;
}

/* Formular-Elemente */
form
{
 padding: 0;
 margin: 0;
}

fieldset
{
 border: 1px solid #FFF;
 padding: 0px;
 margin-bottom: 10px;
}

label
{
}

input, select, button, textarea
{
 font-size: 1em;
 color: #000;
 background: #FFF;
 border: 1px solid #55595D;
 margin-right: 5px;
}

/* Block- und Inline-Elemente */
p
{
 /*font-size: 0.75em;*/
 margin: 5px 0px;
}

td, label, legend
{
 /*font-size: 0.75em;*/
 
}

/* Ueberschriften */
h1
{
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 20px;
}

h2
{
 font-size: 1.13em;
 font-weight: normal;
 margin-bottom: 15px;
}

/* Grosse Ueberschrift */
h3
{
 font-size: 1.1em;
 font-weight: normal;
 /*border-bottom: 1px solid #55595D;*/
 padding-bottom: 2px;
 margin-bottom: 10px;
}

/* Kleine Ueberschrift */
h4
{
 font-size: 1.05em;
 font-weight: normal;
 border-bottom: 1px solid #55595D;
 padding-bottom: 2px;
 margin-bottom: 10px;
}

h5
{
 font-size: 0.85em;
 font-weight: bold;
 margin-top: 20px;
 margin-bottom: 0;
}

h6
{
 font-size: 0.75em;
 font-weight: bold;
 border-bottom: 1px solid #55595D;
 margin-top: 15px;
 margin-bottom: 2px;
}

/* Bild-Definitionen */
img
{
 border: none;
}

ul
{
 list-style-type: square;
 padding: 10px 5px 5px 5px;
}

ul li
{
 /*font-size: 0.7em;*/
 margin: 0px 0px 2px 15px;
}

hr
{
 border: 1px solid #999999;
 width: 98%;
 height: 1px;
 margin: 5px 0px;
}

/*#################################################
 CSS-Klassen bezogen auf die div-Bloecke
#################################################*/

/* Seite zentriert ausrichten */
#center
{
 text-align: left;
 border: 1px solid #000;
 width: 780px;
 padding: 0px;
 margin: 5px auto 0px auto;
}

#center2
{
 border: 1px solid #000;
 width: 535px;
 padding: 0px;
 margin: 0px auto 0px auto;
}

/* --------------- Oben: Links und Suchfeld --------------- */
#top
{
 width: 780px;
 height: 60px;
}

.right
{
 text-align: right;
 float: right;
 padding: 42px 15px 5px 0px;
}

.left
{
 float: left;
 margin: 0px;
}

.left img
{
 margin: 5px 0px 5px 20px;
}

/* Links ganz oben (Startseite, Sitemap, Impressum) */
.link a,
.link a:link,
.link a:visited,
.link a:hover,
.link a:active
{
 /*font-size: 0.7em;*/
 text-transform: lowercase;
 text-decoration: none;
 margin-left: 15px;
}

.link a:hover
{
}

/* --------------- Head: Bild ueber die ganze Breite --------------- */
#head
{
 clear: both;
 text-align: right;
 background: #7E8967;
 width: 780px;
}

/* ------------- Hauptnavigation ------------- */

/* Block mit den Navigationselementen */
#naviH
{
 text-align: right;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 3px 15px 3px 0px;
}

#naviH a,
#naviH a:link,
#naviH a:visited,
#naviH a:hover,
#naviH a.active
{
 /*font-size: 0.7em;*/
 color: #000;
 text-transform: lowercase;
 text-decoration: none;
 padding: 3px 7px;
 margin-left: 15px;
}

#naviH a:hover
{
 background: #E0E0E0;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 padding: 3px 6px;
}

/* Formatierung der Links in der Aufklappnavi */
.linkmenu a,
.linkmenu a:link,
.linkmenu a:visited,
.linkmenu a:hover,
.linkmenu a:active
{
 /*font-size: 0.7em;*/
 color: #000;
 text-transform: lowercase;
 text-decoration: none;
 background: #E0E0E0;
 border-top: 1px solid #000;
 display: block;
 padding: 6px 8px;
}

.linkmenu a:hover
{
 background: #BBB;
}

/* ------------ Content-Bereich ------------ */
#contentarea
{
 width: 100%;
}

/* ------------ Content-Bereich: Subnavigation ------------ */
#subnavi
{
 background: #E0E0E0;
 border-right: 1px solid #000;
 width: 21%;
 /* height: 550px; */
 float: left;
}

#subnavi h1
{
 font-size: 0.7em;
 font-weight: bold;
 /*color: #222;
 background: #FFF;*/
 color: #FFF;
 background: #7E8967;
 border-bottom: 1px solid #000;
 padding: 2px 4px 2px 19px;
 margin: 0px;
}

/* Subnavigation Ebene 1 */
#subnavi ul
{
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#subnavi ul img
{
 /*vertical-align: top;*/
 margin-right: 2px;
}


#subnavi ul li
{
 border-bottom: 1px solid #222;
 padding: 0;
 margin: 0;
}

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active
{
 color: #000;
 text-decoration: none;
 display: block;
 padding: 4px 3px 4px 19px;
}

#subnavi ul li a:hover
{
 background: #BBB;
}

/* aktive Links in der Subnavigation erhalten diese Klasse */
#subnavi a.akt,
#subnavi a:link.akt,
#subnavi a:visited.akt,
#subnavi a:hover.akt,
#subnavi a:active.akt
{
 padding: 4px 3px;
}

/* Subnavigation Ebene 2 */


#subnavi ul.under
{
 padding: 0;
 margin: 0;
 background: #FFF;
 border-top: 1px solid black;
 border-bottom: none;
}




#subnavi ul.under li
{
 list-style-type: none;
 border-bottom: 1px solid black;
 padding: 0;
 margin: 0;
}

#subnavi ul.under li a,
#subnavi ul.under li a:link,
#subnavi ul.under li a:visited,
#subnavi ul.under li a:hover,
#subnavi ul.under li a:active
{
/* marc font-size: 1.4em; */
font-size: 11px;
 padding: 4px 3px 4px 18px;
}

/*

#subnavi ul.under li a:hover
{
 color: #FFF;
 background: #113C72;
 border-bottom: 1px solid #113C72;
}
*/

#subnavi ul.under li a.akt,
#subnavi ul.under li a:link.akt,
#subnavi ul.under li a:visited.akt,
#subnavi ul.under li a:hover.akt,
#subnavi ul.under li a:active.akt
{
 background: #BBB;
}



/* seitenteaser*/

#subnavi a.seitenteaser,
#subnavi a.seitenteaser:link,
#subnavi a.seitenteaser:visited,
#subnavi a.seitenteaser:hover,
#subnavi a.seitenteaser:active
{
  display: block;
  margin: 10px 0px 0px 0px;
  padding: 0px;
}


/* ------------ Content-Bereich: Inhalte ------------ */

/* mit Zusatzinfos auf der rechten Seite*/
#content
{
 float: left;
 width: 53.6%;
 padding: 0px 15px 15px 15px;
}

/* ohne Zusatzinfos auf der rechten Seite*/
#content2
{
   float: left;
   width: 585px;
   padding: 0px 15px 15px 15px;
}

/* nur fuer die Druckversionen! */
#content4
{
 width: 500px;
 padding: 0px 15px 15px 15px;
}

/* ------------ Content-Bereich: Zusatzinformationen ------------ */

/* Dieser div sorgt fuer den Rahmen */
#custom
{
 background: #E0E0E0;
 border-left: 1px solid #000;
 width: 20%;
 float: right;
}

/* Definition von Teaserboxen auf der rechten Seite */
#box
{
 padding: 0;
 margin: 0;
}

#box p
{
 clear: both;
 margin-top: 0;
 margin-bottom: 0;
}

#box span
{
 font-size: 0.85em;
 float: right;
 margin-right: 5px;
}

#box h1
{
 font-size: 0.7em;
 font-weight: bold;
 /*color: #222;
 background: #FFF;*/
 color: #FFF;
 background: #7E8967;
 border-bottom: 1px solid #000;
 padding: 2px 18px;
 margin: 0px;
}

/* Subnavigation Ebene 2 */
#box ul
{
 background: #E0E0E0;
 border-bottom: 1px solid #000;
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}

#box ul li
{
 padding: 0px;
 margin: 5px 3px 5px 27px;
}

#box ul li a,
#box ul li a:link,
#box ul li a:visited,
#box ul li a:hover,
#box ul li a:active
{
 color: #000;
 text-decoration: none;
}

#box ul li a:hover
{
 text-decoration: underline;
}

/* Definition der Listenbilder fuer die Teaserboxen rechts */
ul.zdownload
{
 list-style-image: url(../../assets/common/download.gif);
}

ul.zinfo
{
 list-style-image: url(../../assets/common/info.gif);
}

ul.zlink
{
 list-style-image: url(../../assets/common/link.gif);
}

#box .merkzettel
{
  font-size: 0.7em;
  padding: 3px;
  border-bottom: 1px solid black;
}

#box .merkzettel table tr td
{
  font-size: 1em;
  padding-bottom: 3px;
}

.product_image
{
  border: 1px solid black;
  float: right;
  margin-left: 10px;
  margin-top: 20px;
  background: #E0E0E0;
  text-align: right;
}

.product_image img.pic
{
  border-bottom: 1px solid black;
}

.product_image p
{
  font-size: 0.65em;
  margin: 0px;
  padding: 3px;
}

.right_images
{
  font-size: 0.65em;
  text-align: right;
  border-bottom: 1px solid black;
  padding: 3px;
}

.news_startseite
{
  font-size: 0.65em;
  padding: 3px;
  border-bottom: 1px solid black;
  margin-bottom: 3px;
}

.home_impressionen{
  padding: 0px;
  margin-top: 15px;
}

.home_impressionen img{
  float: right;
}

/* starttext neu */

.start_text_teaser{
  width: 365px;
  background: #e7eaef;
  margin-top: 15px;
  padding: 0px;
  height: 210px;
}

.start_text_teaser p{
  padding: 0px;
/*	height: 100px; */
}

.start_text_teaser div.text
{
  padding: 10px;
}

.start_text_teaser img{
  margin: 0px;
}
/* produkte */


.start_produkt_teaser{
  height: 210px;
  width: 205px;
  float: right;
  margin-top: 15px;
  background: #e7eaef;
}

.start_produkt_teaser h1{
  color: #FFF;
  background: url("../../assets/common/start_produkt_h1.gif") no-repeat;
  padding: 2px;
  padding-left: 30px;
  margin: 0px;
}

.start_produkt_teaser a,
.start_produkt_teaser a:link,
.start_produkt_teaser a:hover,
.start_produkt_teaser a:active,
.start_produkt_teaser a:visited{
  display: block;
  text-align: right;
  padding: 2px;
  padding-right: 5px;
  font-size: 0.7em;
  color: #7f8a68;
  background-image: url("../../assets/common/start_teaser_link.gif");
  background-position: 149px 5px;
  background-repeat: no-repeat;
}

.start_produkt_teaser div{
  /*font-size: 0.7em;*/
  padding: 2px;
  padding-top: 5px;
  background-image: url("../../assets/common/start_produkt_name.gif");
  background-position: 10px 5px;
  background-repeat: no-repeat;
  padding-left: 30px;
  height: 40px;
}

.start_produkt_teaser div.bild{
  background: none #999;
  margin: 0px;
  padding: 0px;
  height: 125px;
  text-align: left;
}

/*
.start_text_teaser{
  width: 365px;
  background: #e7eaef;
  margin-top: 15px;
  padding: 0px;
  height: 200px;
}

.start_text_teaser p{
  padding: 5px;
  height: 100px;
}

.start_text_teaser img{
  margin: 0px;
}
*/

/*#################################################
 CSS-Klassen fuer die Barriere-Freiheit
#################################################*/

.unsichtbar
{
 position: absolute;
 left: -2000px;
 /* Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen
 sich uebereifrige Screenreader, die ausgerechnet "display: none" akustisch
 auswerten, taeuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

/*#################################################
 Universelle CSS-Klassen fuer die Formatierung
#################################################*/

/* Anfahrtsberechnung Map24 */

.hilitegrey
{
 color: #000;
 background: #E0E0E0;
 padding: 3px;
}

#map24
{
 background: url(http://www.map24.com/images/route_to_own_blb.gif) no-repeat;
 height: 210px;
 width: 200px;
 padding: 6px;
 padding-top: 23px;
}

#map24 input,
#map24 select
{
 margin: 0px 5px 3px 0px;
}

#map24 form
{
 line-height: 70%;
}

/* Tabelle Merkzettel */
table.mTABLE
{
 font-size: 0.9em;
 background: #E0E0E0;
 border: 1px solid #000;
 width: 100%;
}

table.mTABLE td.mTD
{
 font-weight: bold;
 background: #FFF;
 border-bottom: 1px solid #000;
}

table.mTABLE td
{
 padding: 3px;
}

/* Tabelle Bestellinfos */
table.bTABLE
{
 font-size: 0.9em;
 background: #E0E0E0;
 border: 1px solid #000;
 border-right: none;
 width: 100%;
}

table.bTABLE td
{
 border-right: 1px solid #000;
 padding: 3px;
}

table.bTABLE td.bTD
{
 font-weight: bold;
 background: #FFF;
 border-bottom: 1px solid #000;
}

/* Tabelle Preisanfrage-Formular beim Merkzettel */
table.paTABLE
{
 font-size: 0.9em;
 background: #E0E0E0;
 border: 1px solid #000;
 width: 80%;
}

table.paTABLE td
{
 padding: 3px;
}

table.paTABLE td input
{
 width: 200px;
}

table.paTABLE td.paTD
{
 font-weight: bold;
 background: #FFF;
 border-bottom: 1px solid #000;
}

.breadcrumb
{
 font-size: 0.7em;
 border-bottom: 1px solid #000;
 padding: 1px 0px;
 margin: 0;
}

.nofloat
{
 clear: both;
}

.textb
{
 font-weight: bold;
}

.texti
{
 font-style: italic;
}

.text_rot
{
 color: #E43106;
}

.suche
{
 font-size: 93%;
 height: 20px;
 margin-left: 3px;
}

/* Formularfeld + Buttons neben den Ueberschriften bei den Veranstaltungen und News  */
input.suche_news,
button.suche_news
{
 font-size: 75%;
 font-weight: normal;
 border: 1px solid #113C72;
 margin: 0px 5px 0px 40px;
}

button.suche_news
{
 border: none;
 margin: 0;
}

/* Formularangaben fuer Kontaktformulare */

#formular
{
 border: none;
 width: 85%;
 margin: 0;
}

#formular form
{
 width: 98%;
}

#formular legend
{
 /*visibility: hidden;*/
 color: #000;
 margin: 5px 0px;
}

#formular label,
#formular legend
{
 color: #000;
 display: block;
 width: 150px;
 padding: 2px;
 margin-top: 0;
}

#formular input, select
{
 font-size: 0.7em;
 background: #FFF;
 /*border: none;
 border-bottom: 1px dashed;*/
 padding: 1px;
 margin-left: 150px;
 margin-top: -35px;
 margin-bottom: 10px;
}

#formular textarea
{
 font-size: 0.7em;
 background: #FFF;
 height: 250px;
 width: 350px;
 margin-left: 150px;
 margin-top: -14px;
 margin-bottom: 30px;
}

.submitbuttons
{
 margin-left: 150px;
}

.submitbuttons button
{
 font-size: 0.7em;
 color: #000;
 background: #DDDDDD;
 border: 1px solid #777777;
 height: 20px;
 padding: 3px;
 margin-right: 5px;
}

.bild_start
{
 margin-bottom: 3px;
 border: none;
}

/* span-Tag in der Bildgalerie */
.thumb
{
 float: left;
 margin-bottom: 10px;
 margin-right: 20px;
 font-size: 0.7em;
/* width: 160px; */
}

.hilitegrey
{
 color: #000;
 background: #E0E0E0;
 padding: 3px;
}

li p.teaser
{
 font-size: 0.9em;
 margin: 5px;
}

.kat
{
 clear: both;
 /*margin-top: 10px;*/
}

.kat img
{
 border: 1px solid #55595D;
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

.service
{
 margin-top: 10px;
}

.service a img
{
 border: none;
 float: left;
 margin-right: 1px;
}

.service2
{
 margin-top: 10px;
}

.service2 a img
{
 border: none;
 float: right;
}

/* Schnellauswahl und Produktsuche in der Subnavigation */

.productsub
{
 font-size: 0.7em;
 color: #000;
 border-bottom: 1px solid #000;
 text-decoration: none;
 padding: 4px 5px 10px 18px;
 margin-bottom: 0;
}

.productsub select,
.productsub input,
.productsub button
{
 font-size: 0.9em;
 color: #000;
 background: #FFF;
 padding: 2px;
 margin: 0;
}

.productsub select
{
 font-size: 0.85em;
 width: 90%;
 margin-top: 7px;
}

.productsub optgroup
{
 padding: 2px 5px;
}

.productsub option
{
 padding: 1px 1px 1px 5px;
}

.productsub input
{
 width: 65%;
}

.productsub button
{
 border: none;
 padding: 1px;
 margin-left: 5px;
}

ul.techdata
{
 list-style-type: none;
 width: 70%;
 padding-left: 0;
}

ul.techdata li
{
 border-bottom: 1px solid #000;
 padding: 3px;
 margin: 0;
}





/*###########################################################

 Die floatleft/-right Definitionen werden im
 WYSIWYG-Editor HTMLArea fuer die Bildausrichtung benoetigt!!

 Die weiteren Klassen stellen die moeglichen
 <span>-Zuweisungen dar.

###########################################################*/

/* Bildausrichtung per Button */
#floatimageleft
{
 float: left;
 margin: 0px 5px 10px 0px;
}

#floatimageleft img
{
 border: 0;
}

#floatimageright
{
 text-align: right;
 float: right;
 margin: 0px 0px 10px 5px;
}

#floatimageright img
{
 border: 0;
}

.red
{
 color: #FF0000;
}


/**** Lichtflohmark Styles - Restposten ****/

td.restposten_preis {
  background-color: #E0E0E0;
  border: 1px solid #000000;
  padding: 5px 10px;
}
td.restposten_preis p {
  font-size: 100%;
  width: 100%;
  float: left;
  display: block;  
  padding: 0px 0;
}
span.preis_lbl {
  font-weight: bold;
  width: 150px;
  float:left;
}
span.preis_normal {
  font-weight: bold;
  font-size: 150%;
  color: #990000;
  float: right;
}
span.preis_sonder {
  font-weight: bold;
  font-size: 150%;
  color: #990000;
  float: right;
}
span.preis_old {
  font-size: 14px;
  font-weight: normal;
  text-decoration: line-through;
  float: right;
}

/** Pager **/
#restposten_list {
  display: block;
}
.restposten_entry {
  display: block;
}
.restposten_entry table {
  
}
.nav {
  width: 100%;
  background:none repeat scroll 0 0 #EEEEEE;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
  padding:5px;
}
.nav a {
  padding:0 5px;
}
.nav a.highlight {
  color:#000000;
  font-weight:bold;
}

.ckeditor *{
 color: inherit;
 font:inherit;
}
.ckeditor ul{
  padding:0;
}