/******************************************************************************/ 
/***** Start: Grundeinstellungen **********************************************/
/******************************************************************************/
html * 
 {
  margin: 0;
  padding: 0;
 }
 
body
 {
  font-size: 100%;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #1d345e;
  background: #3b6eaf;
 } 
 
 
 
 
/******************************************************************************/ 
/***** Start: Allgemeine Klassen und Stile ************************************/
/******************************************************************************/ 
.beendeFluss { clear: both; }

.ohneRand { border: 0 !important; }

.unsichtbar { display: none !important; }

.invisible { display: none !important; }
 
 
 
 
 
 
/******************************************************************************/ 
/***** Start: Grundgeruest ****************************************************/
/******************************************************************************/  
div#wrapper { width: 100%; }


div#header_hintergrundebene_1 { width: 100%; background: #2f6bbf; }

div#header_hintergrundebene_2 { width: 100%; background: url(../bilder/hintergrund/header_hintergrundebene_2.jpg) center center no-repeat; }
 
div#header
 {
  height: 100px;
  width: 920px;
  margin: 0 auto;
  background: url(../bilder/hintergrund/header.jpg) top left no-repeat;
  position: relative;
 } 
 
 
 
div#container
 {
  width: 100%;
  background: #ffffff;
 } 
 
div#container div#main 
 {  
  width: 920px; 
  padding: 20px 0px 20px 0px; 
  margin: 0 auto;  
 }  
 
div#container .artikel_links { float: left; width: 220px; margin: 0px 0px 0px 9px; } 
 
div#container div#hauptmenue { float: left; width: 220px; } 
 
div#container .artikel_rechts { margin: 0px 10px 0px 479px; } 
 
 
 
div#footer
 {
  width: 100%;
  background: url(../bilder/hintergrund/footer.jpg) top repeat-x #3b6eaf;
 } 
 
div#footer div#schnellmenue
 {
  width: 920px;
  margin: 0 auto;
 } 
 
div#footer div#fusskoerper
 {
  width: 920px;
  margin: 0 auto;  
 } 
 
 
 
/******************************************************************************/ 
/***** Start: Gestaltung der Elemente im Kopfbereich **************************/
/******************************************************************************/   
div#header { font-size: 0.8em; }

div#header a         { color: #ffffff; text-decoration: none; }     
div#header a:link    { color: #ffffff; text-decoration: none; }
div#header a:visited { color: #ffffff; text-decoration: none; }
div#header a:focus   { color: #ffffff; text-decoration: none; }
div#header a:hover   { color: #ffffff; text-decoration: none; }
div#header a:active  { color: #ffffff; text-decoration: none; } 

div#header a { border: 0; }

div#header h1#logo
 {
  position: absolute;
  top: 34px;
  right: 0px;
  width: 460px;
 }  
 
div#header p#spruch
 {
  position: absolute;
  top: 34px;
  left: 0px;
  width: 320px; 
 }   
 
 
 
 
 
 
 
 
/******************************************************************************/ 
/***** Start: Gestaltung der Elemente im Inhaltsbereich ***********************/
/******************************************************************************/ 
div#container { font-size: 0.7em; }

div#container a         { color: #000000; text-decoration: none; }     
div#container a:link    { color: #000000; text-decoration: none; }
div#container a:visited { color: #000000; text-decoration: none; }
div#container a:focus   { color: #000000; text-decoration: underline; }
div#container a:hover   { color: #000000; text-decoration: underline; }
div#container a:active  { color: #000000; text-decoration: underline; }   



/***** Start: Hauptmenue ******************************************************/
div#hauptmenue ul    
 { 
  list-style: none; 
 }
 
div#hauptmenue ul li { display: inline; }  
 
div#hauptmenue a
 {
  display: block;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  text-align: right;
  padding: 1px 15px 1px 0px;
 }

div#hauptmenue a         { color: #ffffff; text-decoration: none; background: #1d345e; }     
div#hauptmenue a:link    { color: #ffffff; text-decoration: none; background: #1d345e; }
div#hauptmenue a:visited { color: #ffffff; text-decoration: none; background: #1d345e; }
div#hauptmenue a:focus   { color: #ffffff; text-decoration: none; background: #f29400; }
div#hauptmenue a:hover   { color: #ffffff; text-decoration: none; background: #f29400; }
div#hauptmenue a:active  { color: #ffffff; text-decoration: none; background: #f29400; }  

body.seite_01 div#hauptmenue li.active a { background: #f29400; } 
body.seite_02 div#hauptmenue li.active a { background: #becd00; } 
body.seite_03 div#hauptmenue li.active a { background: #e1007a; } 
body.seite_04 div#hauptmenue li.active a { background: #009de0; } 
body.seite_05 div#hauptmenue li.active a { background: #e3001b; } 
body.seite_06 div#hauptmenue li.active a { background: #006e9f; } 
body.seite_07 div#hauptmenue li.active a { background: #007e2b; }

div#hauptmenue a.seite_01:focus { background: #F29400 ; } 
div#hauptmenue a.seite_01:hover { background: #F29400 ; }
div#hauptmenue a.seite_02:focus { background: #becd00; } 
div#hauptmenue a.seite_02:hover { background: #becd00; } 
div#hauptmenue a.seite_03:focus { background: #e1007a; } 
div#hauptmenue a.seite_03:hover { background: #e1007a; } 
div#hauptmenue a.seite_04:focus { background: #009de0; } 
div#hauptmenue a.seite_04:hover { background: #009de0; } 
div#hauptmenue a.seite_05:focus { background: #e3001b; } 
div#hauptmenue a.seite_05:hover { background: #e3001b; } 
div#hauptmenue a.seite_06:focus { background: #006e9f; } 
div#hauptmenue a.seite_06:hover { background: #006e9f; } 
div#hauptmenue a.seite_07:focus { background: #007e2b; } 
div#hauptmenue a.seite_07:hover { background: #007e2b; } 


/***** Start: Themenbild ******************************************************/
div#container div.themenbild 
 {
  margin: 0px 0px 15px 0px;
 }
 
 
/***** Start: Themenueberschrift **********************************************/
div#container div.themenueberschrift
 {
  margin: 0px 0px 0px 0px;
 } 
 

/***** Artikel-Rechts-Elemente ************************************************/ 
div#container .artikel_rechts { font-size: 1.1em; }

div#container h3.artikel_rechts     { margin: 0px 10px 15px 479px; font-size :1.3em;}
div#container h4.artikel_rechts     { margin: 0px 10px 15px 479px; }  
div#container div.artikel_rechts p  { margin: 5px 0px 15px 0px; } 
div#container div.artikel_rechts ul { margin: 0px 0px 15px 25px; }   

body.seite_01 div#container h3 { color: #f29400; } 
body.seite_02 div#container h3 { color: #becd00; } 
body.seite_03 div#container h3 { color: #e1007a; } 
body.seite_04 div#container h3 { color: #006e9f; } 
body.seite_05 div#container h3 { color: #e3001b; } 
body.seite_06 div#container h3 { color: #006e9f; } 
body.seite_07 div#container h3 { color: #007e2b; }

 
/***** Start: Bestellformular *************************************************/
div#container form#bestellformular fieldset { border: 0; margin: 0px 0px 15px 0px; }
div#container form#bestellformular p  { margin: 0px 0px 10px 0px; }
div#container form#bestellformular h3 { margin: 0px 0px 15px 0px; }
div#container form#bestellformular h4 { margin: 0px 0px 0px 0px; font-size: 1.2em; }
div#container form#bestellformular label  { display: block; padding: 2px; float: left; width: 100px; }
div#container form#bestellformular input  { display: block; padding: 2px; margin: 0px 0px 0px 110px; width: 180px; font-size: 1em; }
div#container form#bestellformular select { display: block; padding: 2px; margin: 0px 0px 0px 110px; font-size: 1em; }

div#container form#bestellformular strong { font-size: 1.2em; }
div#container form#bestellformular span.sehr_klein { font-size: 0.9em; font-weight: normal; } 

div#container form#bestellformular input.eingabefeld  { border: 1px solid #bfd5e3; }
div#container form#bestellformular input.button       { padding: 5px; margin: 0px 0px 0px 0px; width: auto; /* background: #80b2d3; color: #ffffff; border: 0; font-weight: bold; */}
div#container form#bestellformular select.auswahlfeld { border: 1px solid #bfd5e3; }

div#container form#bestellformular fieldset.schritt_1 label { width: 66px; }
div#container form#bestellformular fieldset.schritt_1 input.eingabefeld { margin: 0px 0px 0px 60px; width: 50px; }

div#container form#bestellformular fieldset.schritt_3 label { width: 150px; padding: 0; }
div#container form#bestellformular fieldset.schritt_3 input.hakenfeld { display: block; width: 20px; margin: 0px 0px 0px 160px; padding: 0px;}

 
div#container form#bestellformular p.fehlermeldung  { font-weight: bold; color: #e3001b; }
div#container form#bestellformular p.hinweismeldung { font-weight: bold; } 
 
 
div#container table#warenkorbuebersicht 
 {
  border-collapse: collapse;  
  margin: 0px 0px 15px 0px;
 }
 
div#container table#warenkorbuebersicht td { padding: 2px; text-align: right; }
 
div#container table#warenkorbuebersicht thead th
 {
  border-bottom: 1px solid #becd00;
  text-align: right;
  padding: 2px;
} 

div#container table#warenkorbuebersicht tfoot td
 {
  border-top: 1px solid #becd00;
  text-align: right;
  padding: 2px;
  font-weight: bold;
} 
 
 
/***** Start: Kontaktformular *************************************************/
div#container form#kontaktformular fieldset { border: 0; margin: 0px 0px 15px 0px; }
div#container form#kontaktformular p  { margin: 0px 0px 10px 0px; }
div#container form#kontaktformular h3 { margin: 0px 0px 15px 0px; }
div#container form#kontaktformular h4 { margin: 0px 0px 0px 0px; font-size: 1.2em; }
div#container form#kontaktformular label    { display: block; padding: 2px; float: left; width: 100px; }
div#container form#kontaktformular input    { display: block; padding: 2px; margin: 0px 0px 0px 110px; width: 180px; font-size: 1em; }
div#container form#kontaktformular select   { display: block; padding: 2px; margin: 0px 0px 0px 110px; font-size: 1em; }
div#container form#kontaktformular textarea { display: block; padding: 2px; margin: 0px 0px 0px 110px; width: 180px; font-size: 1em; }

div#container form#kontaktformular input.eingabefeld        { border: 1px solid #bfd5e3; }
div#container form#kontaktformular input.captchafeld        { border: 1px solid #bfd5e3; width: 50px; }
div#container form#kontaktformular input.button             { padding: 5px; margin: 0px 0px 0px 0px; width: auto; }
div#container form#kontaktformular select.auswahlfeld       { border: 1px solid #bfd5e3; } 
div#container form#kontaktformular textarea.nachrichtenfeld { border: 1px solid #bfd5e3; } 

div#container form#kontaktformular span.captcha_text { display: block; padding: 2px; margin: 0px 0px 0px 110px; width: 180px; font-size: 1em; }
div#container form#kontaktformular p.error { display: block; padding: 2px; margin: 0px 0px 0px 110px; color: #f4570a; font-weight: bold; } 
 
 
 
 
 
 
 
 
 
 
/******************************************************************************/ 
/***** Start: Gestaltung der Elemente im Fussbereich ***************************/
/******************************************************************************/  
div#footer { font-size: 0.7em; font-weight: bold; }

div#footer a         { color: #ffffff; text-decoration: none; }     
div#footer a:link    { color: #ffffff; text-decoration: none; }
div#footer a:visited { color: #ffffff; text-decoration: none; }
div#footer a:focus   { color: #f29400; text-decoration: none; }
div#footer a:hover   { color: #f29400; text-decoration: none; }
div#footer a:active  { color: #f29400; text-decoration: none; }   


div#schnellmenue ul { padding: 10px 10px 0px 9px; }
 
div#schnellmenue ul li { display: inline; }

div#schnellmenue ul li a { padding: 0px 0px 0px 10px; background: url(../bilder/hintergrund/schnellmenue_punkt.png) center left no-repeat; }
div#schnellmenue ul li a.first { background: none; padding: 0; }

 
div#fusskoerper h5 { color: #ffffff; font-size: 1.1em; text-transform: uppercase; margin: 20px 10px 0px 9px; } 
 
div#fusskoerper ul { list-style: none; padding: 0px 0px 30px 0px; margin: 0px 10px 0px 9px; }

div#fusskoerper ul li { display: inline }

div#fusskoerper ul li a { display: block; }







/******************************************************************************/ 
/***** Start: Anzeige der Elemente ********************************************/
/******************************************************************************/
/* 
div#header p#spruch { background: red; }
div#header h1#logo  { background: red; }
div#container { background: blue; }
div#container .artikel_links { background: red; }
div#container div#hauptmenue {  background: yellow; }  
div#container .artikel_rechts {  background: orange; } 
*/