/* 
Farben: hellgruen: #d9e4dd;
        dunkelgruen: #004c1d;
        link-gruen: #00751b; alternativ: #006600;
        "magenta": #004c1d
*/

/*Grundeinstellungen*/
body  
{
 background-color:#eee; 
 font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
 color:#000000;
 font-size:0.8em;
 line-height:130%;
 text-align:center;
 margin-top:10px;
}

  a:link {color:#00751b; text-decoration: none;}
  a:visited {color:#00751b; text-decoration: none;}
  a:hover {color:#00751b; text-decoration: underline;}
  a:active {color:#00751b; text-decoration: underline;}

/*  Absaetze   */
h1 {font-size:150%; margin-top:25px; margin-left:10px;line-height:130%;}
h2 {font-size:130%; font-weight:bold; margin-left:10px;line-height:130%;}
h3 {font-size:120%; font-weight:bold; margin-left:10px;line-height:130%;}

p {margin-top:20px;margin-left:10px;line-height: 130%;text-align: justify;}
/*ENDE Absaetze */

pre
{
 font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
 font-size:1em;
 line-height: 130%;
  white-space:pre-wrap;      /* CSS3 */
  white-space:-moz-pre-wrap; /* Gecko */
  white-space:-pre-wrap;     /* Opera 4-6 */
  white-space:-o-pre-wrap;   /* Opera 7+ */
  word-wrap:break-word;      /* IE 5.5+ */
}

body > div {margin: 0 auto;}

.erkl {border-bottom: 1px solid #00d; cursor:pointer;}


#aussen_start, #aussen
{
 position:relative;
 width:982px;
 text-align:left;
 background-image: url(../grafik/hg_bild_folge.jpg);
 background-repeat: repeat-y;
}

.trenner
{ width:100px; clear:both;height:0;}

/*ENDE Grundeinstellungen*/


/*Seitenaufbau */
#linke_seite
{
 position:relative;
 float:left;
 width:167px;
 padding-top:30px;
 padding-bottom:100px;
 font-size:110%;
 font-weight:bold;
 text-align:right;
 padding-right:40px;
}

#logo
{
 position:relative; 
 margin-top:5px;
}

#seiteninhalt
{
 position:relative;
 float:left;
 width:775px;
}

#seitenkopf
{
 position:relative;
 float:left;
 width:774px;
 height:150px;
 margin-top:0px;
}

#navelemente
{
 position:relative;
 float:left;
 padding:10px;
 width:144px;
 font-size:100%;
}

#navelemente .einzelfeld
{
 position:relative;
 float:left;
 padding:7px;
 border: 1px solid #004c1d;
}

#sig_ls
{
 margin-top:10px;
 cursor: pointer;
}

#schnellsuche
{
 position:relative;
 margin-top:10px;
 font-size:100%;
 width:150px;
 height:60px;
} 

#seitenfoto
{
 position:relative;
 float:left;
 width:610px;
 height:180px;
}


#textfeld, #textfeld_ls
{
 position:relative;
 float:left; 
 width:590px;
 margin-top:30px;
 padding-left: 10px;
 padding-right:10px;
 font-size:110%;
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}   

#textfeld_ls
{
 font-size: 130%;
}    

#textfeld_ls p, #textfeld_ls li, #textfeld_ls td
{
 line-height: 150%;
}

.ls_rahmen
{margin: 0 20px 20px; clear: both;display:table;}

.ls_bild {float:left; padding: 15px 10px 5px; width: 120px;}
.ls_text {float:left; padding: 15px 10px 5px; line-height: 150%;}

#aktuellfeld
{
 position:relative;
 float:left; 
 width:590px;
 top:-150px;
 padding-left: 10px;
 padding-right:10px;
 font-size:110%;
}       

.aktuell_vorschau
{
 border-bottom:1px solid  #004c1d;
 padding-bottom:10px;
}

.vollbild
{
 width:580px; 
 margin-top:20px;
 margin-bottom:20px; 
 padding:5px;
}

.bilderzeile
{
 position:relative;
 clear:both;
 width:590px;
 height:190px;
 margin:60px 0;
}

.impressionsfoto
{
 position:relative;
 margin-top:5px;
 margin-left:5px;
 float:left;
}

.illustrationsbild
{
 position:relative;
 margin-top:5px;
 margin-left:10px;
 padding:5px;
 float:right;
 width:240px;
}

.werkstattleitung
{
clear: both;
}

.leitungsbild
{
 position:relative;
 margin-top:5px;
 margin-left:10px;
 padding:5px;
 float:left;
 width:100px;
 height:133px;
}

/*ENDE Seitenaufbau*/

/* Menue */
#menu { width: 207px; margin-top:57px;} 

#menu ul { list-style: none; margin: 0; padding: 0; } 

#menu a
 {
  font: bold 100%;
  display: block;
  margin-left: 10px; 
  padding: 6px 35px 7px 3px;
  color:#004c1d;
  text-decoration: none;
 border-right: 1px solid #004c1d;
 }

#menu a:hover 
{ 
 text-decoration: underline;
 background: #fff;
} 

#menu a:active
{ 
 background: #d9e4dd;
} 


#menu li { position: relative; }

#menu .h_aktuell
{
 margin-left: 10px; 
 padding: 5px 35px 6px 3px;
 border: 1px solid #004c1d;
 background: #d9e4dd;
}


/*------------------------------*/

#untermenue
{
 position:relative;
 float:left; 
 width:163px;
 margin-top:48px;
 padding-left: 0px;
 padding-right:0px;
 background: #acb;
/* background: #f09;*/
}       

#untermenue ul { list-style: none; margin: 0; padding: 0; } 

#untermenue ul li { position: relative;}

#untermenue a
{
 text-decoration: none;
 color:#004c1d;
}

#untermenue a:hover 
{ 
 text-decoration: underline;
} 



#untermenue a:active
{ 
 color:#004c1d;
} 

#untermenue .u_aktuell
{
 font-weight: bold; 
 font-size:100%;
 display: block;
 margin-left: 0px; 
 padding: 6px 5px 6px 10px;
 text-decoration: none;
 border-top: 1px solid #004c1d;
 border-bottom: 1px solid #004c1d;
 background: #fff;
}

#untermenue .u_waehlbar
{
 font-weight: bold;
 font-size: 100%;
 display: block;
 padding: 6px 5px 6px 10px;
 border-bottom:1px solid #d9e4dd;
 color:#004c1d;
 text-decoration: none;
}

/*ENDE Menue*/


/* Tabellen*/
.td_rechts
{
 text-align:right;
 vertical-align:top;
 height:20px;
}


/*ENDE Tabellen*/

/* Produkte*/
#shop_kopfleiste
{
 padding: 5px 10px;
 text-align:right;
 border-top: 1px solid #555;
 border-bottom:1px solid #555;
}

.prod_rahmen
{
 width:177px;
 height:150px;
 vertical-align:top;
 float:left;
 margin-right:10px;
 margin-bottom: 30px;
}

.prod_rahmen_bild
{
 width:175px;
 height:116px;
 vertical-align:top;
 margin-right:10px;
 margin-bottom: 3px;
 border:1px solid #004c1d;
}

.prod_rahmen_text
{
 width:167px;
 vertical-align:top;
 padding: 0 0 0 10px;
}

.prod_rahmen_gross
{
 width:280px;
 height:300px;
 vertical-align:top;
 float:left;
 margin-right:10px;
 text-align:center;
}

.prod_rahmen_gross a, .prod_rahmen_text a, .listenlinks a
{
 font-weight:bold;
}

.katliste
{
 width:590px;
}


.listenelement
{
 width:550px;
 padding:5px 15px; 
 margin-bottom: 20px;
}

.listennr
{
 width:80px;
 float:left;
 text-align:right;
}

.einzelwert
{
 width:120px;
 float:right;
 text-align:right;
 font-size:14px;
 line-height:150%;
}

.listentext
{
 width:310px;
 padding:0 20px;
 float:left;
}

.einzelbezeichnung
{
 width:410px;
 padding:0px 20px 10px 0px;
 float:left;
}

.listenbild
{
 width:100px;
 float:left;
}

.listenlinks
{
 width:550px;
 text-align:right;
 clear:both;
 padding: 5px 0;
 border-bottom: 1px solid #004c1d;
}

.einzellinks
{
 width:550px;
 text-align:right;
 clear:both;
 padding: 5px 0;
 font-weight:bold;
}

.einzelinfo
{
 width:550px;
 padding:20px; 
}

.einzelbild
{
 width:530px;
 clear:both;
 padding:10px; 
}

.einzeltext
{
 width:550px;
 clear:both;
 font-size:15px;
 line-height: 120%;
 padding:10px; 
 border-top: 1px solid #004c1d;
 border-bottom: 1px solid #004c1d;
}

/*   Formular-Elemente  */
.eingabe 
{
 background:#f5fff5;
 border:1px solid #004c1d;
}

.knopf
{
 background:#bbb;
 border-top:2px solid #ddd;
 border-right:2px solid #888;
 border-bottom:2px solid #888;
 border-left:2px solid #ddd;
 color:#000;
}

.knopf:active
{
 border-top:2px solid #888;
 border-right:2px solid #ddd;
 border-bottom:2px solid #ddd;
 border-left:2px solid #888;
}


/*ENDE Formular-Elemente*/

/*      Bestellung      */
#bestellung, #zugang, #register, #weiteres
{
 margin-top:30px;
 margin-left:30px;
 margin-right:30px;
 vertical-align:top;
 font-size:15px;
 line-height:120%;
}

#register
{
 border-bottom: 1px solid #555555;
}

#fortschritt
{
 text-align:right;
 padding-right:20px;
 font-size:15px;
 font-weight:bold;
 color:#999;
}

.kundendaten
{
 padding: 30px 0 0 100px;
}

.warenkorb
{
 padding-top: 30px;
}

/*   Ende Bestellung   */

/*ENDE Produkte*/

.sportivo
{
 padding-bottom:20px;
 border-bottom:1px solid #004c1d;
}