/**
* LEDscale Default CSS
* 00.00 01.04.2008 Started 
* 00.01
* 00.02 18.04.2008
* 00.03 22.04.2008 forum anpassung
* 00.04 24.10.2008 grundschruktur farben ausgelagert
* 00.05 11.02.2009 bug fix IE
* 00.07 19.10.2009 anpassungen Newsletter
* (c)opyright by diana-electronic 2008
*/

* {margin:0; padding:0;}
html,
body  {
  background-color:rgb(238,238,238);
  margin:10px auto;
  text-align:center;
  min-height:100.01%; /* scroll ff */
  /*overflow : hidden;  ohne scrollbar aber dann auch ohne roedelrad*/
}

html:first-child>b\ody {
  min-height:101.1%; 
}

.f_rechts,
.rechts  {
  float:right;
}
.f_links,
.links {
  float:left;
}

.f_cl{
  clear : both;
}


/* Standard Font zuweisung */
html,body,table,td,div,input,button,a,h1,h2,h3,h4,p,b,span,textarea,option,select  {
  font-family : verdana,tahoma,'lucida grande', arial,sans-serif;
  font-size:12px;
}

img{
  border:0px;
  margin:0px;
  padding:0px;
}

/* generelle Links */
a,
a:active,
a:hover,
a:focus,
a:link,
a:visited {
  text-decoration: none;
  color:rgb(0,55,112);
  letter-spacing: 0.2px;
}
#inhalt a {
  letter-spacing: 1.2px;
}

/* basis Breite */
#page,
#kopf,
#banner,
#menu,
#mitte,
#fuss{
  clear:both;
  max-width:940px;
  width:950px;
}

/* ALLE */
#infowo,
#mitte_cont {width:749px;}

/* Fox */
html>body #infowo,
html>body #mitte_cont { width:749px; }

/* OPERA */
html:first-child>b\ody #infowo,
html:first-child>b\ody #mitte_cont { width:749px; }

#mitte_links {
  width:190px;
}

.cled {
  background: url("../../include/layout/RGB-Banner.jpg");
  height:5px;  
  background-repeat:repeat-y;
  overflow:hidden;
}  


#inhalt .cled {
  margin-left:-10px;
  margin-right:-10px;
}

#inhalt .conqmenu .cled {
  margin-left:0px;
  margin-right:0px;
}

#inhalt .conqmenu,
#inhalt .conqmenu .quickmenu {
  width:758px;
}

html>body #inhalt .conqmenu .quickmenu,
html:first-child>b\ody #inhalt .conqmenu .quickmenu,
html>body .cled,
html:first-child>b\ody .cled {
  width:748px;
}



/* inhalt mitte = 749 - 10px links und 10 px rechts als rand */

/* Opera 8
@media screen and (min-width: 0px){ #mitte_cont { color:lime }}
*/

/* basis höhe defnieren */

/* Mindest Höhebestimmen mit weiche, damit's unter ie funkt 1., ueberall anders 2. vorher aber zureucksetzen */
#mitte_cont { /* für alle */
  height: 600px;
}
html>body #mitte_cont { /* be nice to opera (&gekko) */
  height: auto;
  min-height: 500px;
}
 
#page  {
  overflow:visible;
  visibility: visible;
  margin:0px auto;
/* wichtig da bug aus body wieder ausgeschalten werden muß */
  text-align:left;
}

/* KOPF Layout */
#kopf {
  background-color:#fff;
}
#banner {
  min-height:94px;
  height:94px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}
#banner .logo {
  float:left;
  margin-top:18px;
  margin-left:10px;
}
#banner .logo img {

}
#banner .logotext {
  float:right;
  margin-top:18px;
  margin-right:5px;
}
#banner .logotext .bereich {
  text-align:right;
  margin-top:20px;
  font-size:20px;
  letter-spacing:2px;
}
#banner .logotext .slogan {
  text-align:right;
  margin-top:5px;
  font-size:12px;
  letter-spacing:1px;
}

/** 
*  Zusatz Einstellungen der Einzelnen Bereiche
*/
#mitte {
  float:right;
}

/** 
* INHALT MITTE
*/
#inhalt {
}

#inhalt p {
  margin:10px 10px;
  padding-right:50px;
  text-align: justify;
}



#inhalt  ul,
#inhalt  li {
  margin:0px;
  margin-left:15px;
}

#inhalt H1,H2{
  margin-top:0px;
  padding-top:30px;
  margin-bottom:30px;
  font-size:18px;
  font-weight:bold;
  letter-spacing:0.05em;
}

#inhalt H2{
  font-size:16px;
  padding-top:10px;
  margin-bottom:10px;
  margin-left:5px;
}

/* 
 * eigentliche inhalts umgebung 
 * bestehend aus container und inhalt
 */
#mitte_cont {
  padding:0px;
  margin:0px !important;;
  float:right;
  text-align:left;
}
#mitte_inhalt{
  padding:0px;
  margin-left:10px;
  text-align:left;
  clear:both;
}

#mitte_links {
  float:left;
  overflow:hidden;
}

#menu,
#fuss{
 height:30px;
 color:#fff;
 overflow:hidden;
}

#menu a {
  font-size:12px;
  height:100%;
  width:90px;
  padding:8px 0px;
  text-align:center;
}


#fuss {
  font-size:11px;
  text-align:center;
  line-height:30px;
}

/* KONTAKT Anpassungen */
#inhalt .kontakt H1{
  padding-top:15px;
  margin-left:5px;
  margin-bottom:15px;
  color:rgb(0,55,112);
}

#inhalt .kontakt dl{
  margin-left:5px;
  margin-bottom:10px;
}
#inhalt .kontakt dt{
  line-height:20px;
  font-weight:bold;
  font-size:13px;
  margin-left:5px;
}
#inhalt .kontakt dd{
  margin-left:15px;
  line-height:24px;
  font-size:11px;
}

/* IMPRESSUM NEWS Anpassungen */
#inhalt .conform .conanfrage dl.msg,
#inhalt .impressum dl {
  margin-left:20px;
  margin-top:20px;
  margin-bottom:10px;
}
#inhalt .conform .conanfrage dl.msg {
  width:500px;
}
#inhalt .conform .conanfrage .msg dt,
#inhalt .infotiteltext dt,
#inhalt .impressum dt{
  line-height:20px;
  font-weight:bold;
  font-size:13px;
}

#inhalt .conform .conanfrage .msg dd,
#inhalt .infotiteltext dd,
#inhalt .impressum dd{
  width:600px;
  margin-left:7px;
  line-height:20px;
  font-size:11px;
  text-align: justify;
}
#inhalt .conform .conanfrage .msg dd {
  padding:1px 10px;
}

#inhalt .infotiteltext {
  margin-left:15px;
}

#inhalt .infotiteltext dd {
  margin-top:15px;
  line-height:15px;
}

#inhalt .infotiteltext dt {
  margin-bottom:10px;
  font-size:16px;
}
#inhalt .infotiteltext dd th,
#inhalt .infotiteltext dd td{
  line-height:20px;
  height:20px;
  padding:2px 6px;
  font-size:11px;
}

/* QUICKMENU
--------------------------------------------------*/
#inhalt .conqmenu {
  margin-top:20px;
  margin-left:-10px;
}
#inhalt .conqmenu .quickmenu {
  line-height:22px;
  text-align:center;
}

#inhalt .conqmenu .quickmenu a,
#inhalt .conqmenu .quickmenu a:link,
#inhalt .conqmenu .quickmenu a:visited{
  width:150px;
  overflow:hidden;
  text-align:center;
  padding:4px;
  margin:8px;
}

#inhalt .conqimenu {
  padding:0px 10px;
}
#inhalt .conqimenu .quickimgmenu img{
  margin:10px 15px;
}




/* VORSTELLUNG */
#inhalt .vorstellung{
  width:720px;
  text-align:center;
}
#inhalt .vorstellung dt{
  margin:10px 0px;
  font-weight:bold;
  font-size:14px;

}
#inhalt .vorstellung.tr{ /*ohne leer da eins */
  border-top:1px solid black;
}
#inhalt .vorstellung .conbildtext .lbild,
#inhalt .vorstellung .conbildtext .rbild{
  width:300px;
  text-align:center;
}
#inhalt .vorstellung .conbildtext .lbild{
  float:left;
  margin-left:20px;
}
#inhalt .vorstellung .conbildtext .rbild{
  float:right;
  
}
#inhalt .vorstellung .conbildtext .ltext,
#inhalt .vorstellung .conbildtext .rtext{
  width:350px;
  margin-right:20px;/*20091130*/
}
#inhalt .vorstellung .conbildtext .ltext{
  float:left;
  margin-right:10px;

}
#inhalt .vorstellung .conbildtext .rtext{
  float:right;
}
#inhalt .vorstellung .conbildtext .besch{
  margin:0px;
  padding:10px;
  letter-spacing: 0px;
  font-size:11px;
}

/* ANPASSUNG KONTAKTFORM */
#inhalt .conform {
  float:left;
}
#inhalt .conform .conanfrage {
  margin-bottom:30px;
  width:710px;
}
#inhalt .conform .conanfrage .anftyp{
  float:left;
}
#inhalt .conform .conanfrage .kontakt{
  margin:0px;
  padding:0px;
  float:right;
}
#inhalt .conform .conanfrage .anftyp H1,
#inhalt .conform .conanfrage .kontakt dt{
  margin:0px;
  padding:0px;
  font-size:14px;
  font-weight:bold;
}
#inhalt .conform .conanfrage .kontakt {
  text-align:right;
}
#inhalt .conform .conanfrage .kontakt dd{
  height:14px;
  line-height:14px;
}
#inhalt .conform .conanfrage .form {
  border:0px;
  margin-left:20px;
}

#inhalt .conform .conanfrage p.err  {
  text-align:center;
  line-height:20px;
}

#inhalt .conform .conanfrage .form label{
  width:160px;
  float: left;
  margin-top: 8px;
  text-align:right;
}
#inhalt .conform .conanfrage .form label.unit{
  text-align:left;
  margin-left:8px;
}
#inhalt .conform .conanfrage .submit input,
#inhalt .conform .conanfrage .form select,
#inhalt .conform .conanfrage .form input,
#inhalt .conform .conanfrage .form textarea{
  width:350px;
  border:1px solid rgb(0,55,112);
}

#inhalt .conform .conanfrage .submit input,
#inhalt .conform .conanfrage .form option,
#inhalt .conform .conanfrage .form select,
#inhalt .conform .conanfrage .form input,
#inhalt .conform .conanfrage .form textarea{
  font-size:14px;
  background-color:#fff;
  color:rgb(0,55,112);
}
#inhalt .conform .conanfrage .form select,
#inhalt .conform .conanfrage .form input,
#inhalt .conform .conanfrage .form textarea{
  float:left;
  height:20px;
  margin: 5px 0 5px 10px;
}
#inhalt .conform .conanfrage .form textarea {
  height:105px;
}
#inhalt .conform .conanfrage .form textarea,
#inhalt .conform .conanfrage .form input {
  padding:0px 3px;
}

#inhalt .conform .conanfrage .form option {
  padding-left:10px;
}
#inhalt .conform .conanfrage .submit {
  text-align:center;
}
#inhalt .conform .conanfrage .submit input{
  height:28px;
  margin-right:-20px;
  margin-top:20px;
  letter-spacing: 1.5px;
  border-right:2px solid rgb(0,55,112);
  border-bottom:2px solid rgb(0,55,112);
}
#inhalt .conform .conanfrage .submit input:hover {
  background-color:rgb(0,55,112);
  color:rgb(255,255,255);
}
#inhalt .conform .conanfrage .form br {
  clear: both;
}

/* ANPASSUNG NEWSLETTER */
#inhalt .conform .conanfrage .form .tcr1 { /*RADIO*/
  width:120px;
}
#inhalt .conform .conanfrage .form .val {
  width:50px;
}
#inhalt .conform .conanfrage .form .val input {
  width:16px;
  height:16px;
  border:0px;
  padding-left:2px;
}

/*
 * Navigation Links
 */

/* IE Braucht bei nav_link dd höhe der rest aber nicht */

#nav_links,
#nav_links dl,
#nav_links dd,
#nav_links dt {
  margin:0px;
  padding:0px;
  clear : both;
}

#suche,
#nav_links .navtext,
#nav_links span,
#nav_links a{
 padding:3px 2px 3px 0px;
 font-size:12px;
 width:190px;
 line-height:18px;
 height:20px;
 display:block;
 white-space:nowrap;
}

html>body #nav_links a { /* be nice to opera (&gekko) */

}

#nav_links dt a,
#nav_links dt a:link,
#nav_links dt a:visited,
#nav_links dt a:focus{
  font-weight:normal;
}

#menu .selected,
#nav_links a.inselect,
#nav_links a.selected,
#nav_links dt a.inselect:link,
#nav_links dt a.selected:link,
#nav_links dt a.inselect:visited,
#nav_links dt a.selected:visited,
#nav_links dt span.selected{
  font-weight:bold;
}

#nav_links dd a:active,
#nav_links dd a:hover{
  height:20px;
  line-height:18px;
}

#nav_links .lv0 {  padding-left:5px; padding-right:100%;}
#nav_links .lv1 {  padding-left:7px; padding-right:100%;}
#nav_links .lv2 {  padding-left:20px; padding-right:100%;}
#nav_links .lv3 {  padding-left:30px; padding-right:100%;}
#nav_links .lv4 {  padding-left:40px; padding-right:100%;}
#nav_links .lv5 {  padding-left:50px; padding-right:100%;}
#nav_links .lv6 {  padding-left:60px; padding-right:100%;}

/*
 * Such Feld
 */
#suche,
#suche form {
  background-color:rgb(221,221,221);
}
#suche {
  padding:0px;
  margin:0px;
  border-bottom:1px solid rgb(0,5,112);
  height:70px;
}
#suche form {
  padding:0px;
  margin:0px;
}


#suche .eingabe{
  position:relative;
  left:10px; 
  top:10px; 
  margin:0px;
  padding-top:2px;
  height:16px;
  border:1px solid rgb(125,125,125);
  background-color:#fff;
  color:rgb(0,55,112);
  font-size:11px;
  width:170px;
}

#suche .knopf{
  position:relative;
  left:-170px; 
  top:40px; 
  background: url("bilder/suche.png") 7px 4px;
  background-repeat:no-repeat;
  border:0px;
  margin:0px;
  padding-left:20px;
  font-size:12px;
  color:rgb(0,55,112);
  text-decoration:underline;
}
#suche .knopf:hover {
  background-color:rgb(125,125,125);
  color:#fff;
}

#infowo{
  margin:0px;
  padding:0px;
  margin-bottom:5px;
  padding-left:10px;
  padding-top:5px;
  text-align:left;
  float:left;
  font-size:12px;
  line-height:16px;
  height:25px;
  display:block;
  overflow:hidden;
}

/* listtrennder */
#infowo .lt{
  font-weight:bold;
  margin-left:5px;
  margin-right:5px;
  padding-bottom:2px;
}

#infowo a:active,
#infowo a:hover,
#infowo a:focus,
#infowo a:link,
#infowo a:visited {
}

#infowo a:active,
#infowo a:hover{
  text-decoration:underline;
}

/* Farbwerte die immer gleich beleiben */
#menu a:link,
#menu a:visited{
  color: #fff;
}


/* .ProdPress Produkt Dahrstellung -> prod-lfn.css */

/* GALERIE
----------------------------------------------------------------------*/
#galerie {}
#galerie img {border:0px solid black;}
#galerie .gal_flowy {white-space:nowrap;height:225px;width:250px;overflow:auto;}
#galerie .gal_flown {white-space:nowrap;}
#galerie .BildZelle {vertical-align:middle;text-align:center;padding:20px;}
#galerie .TextZelle {vertical-align:top;width:75%;padding:10px;}
#galerie .TextZelle .kommentar {letter-spacing:-0.2px;text-align:left;}
#galerie .BildWidth {width:250px;}
#galerie .BildHeight {height:200px;}
#galerie .TextZelle H3 {margin-bottom:10px;}


/* NAVIGATION
----------------------------------------------------------------------*/
#inhalt  {
  margin-bottom:20px;
}