html, body{
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    color:rgb(40%,40%,40%);
    line-height:150%;
    font-family: Helvetica, Arial, sans-serif;
    font-size:10pt;
}
table{ 
    border-collapse:collapse; 
    font-size:100%; 
    line-height:150%;
}
table td{   vertical-align:top;}
h1{ font-size:100%; }
h2{ font-size:100%; }
h3, h4, h5, h6{ font-size:100%; font-weight:bold; }
h1, h2, h3, h4, h5, h6{ line-height: 30px; }
a:link, a:visited{
    color:rgb(40%,40%,40%);
    text-decoration:none;
}
a:hover, a:active{
    text-decoration:underline;
}
a img, img{ border:0; }
.hlpfeil{
    display:block;
    background: url(../images/1/pfeil.png) -2px 3px no-repeat;
    text-indent:10px;
}
#layout{
    width:990px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}
#config{
    width:20px;
    height:20px;
    line-height:20px;
    margin:0 0 -20px 970px;
    background: url(../upload/graesslin/pdown.jpg) left top no-repeat;
}
#language{
    position:relative;
    top:-25px;
    height:25px;
    text-align:right;
    line-height:20px;
    font-size:11px;
    padding:0 5px 0 0;
    margin:0 0 -25px 100px;
}

/*
#langbox{
    height:30px;
    margin-left:20px;
    background: rgb(196,210,205) url(../upload/graesslin/ur.gif) right bottom no-repeat;
    border:0px solid red;
}
#langbox img{
    position:relative;
    top:5px;
}
*/
#logo{
    width:240px;
    padding:20px 0;
    text-align:center;
    margin-top:10px;
    margin-bottom:-15px;
}
#homelink,#logoutlink{
    background:url(../images/home.png) center 2px no-repeat;
    padding:5px 10px 0px 10px;
    border-right:1px dotted rgb(216,230,225);
    border-left:1px dotted rgb(216,230,225);
    line-height:20px;
    text-decoration:none;
    margin:0 5px;
}
#logoutlink{
    background:none;
    border-right:none;
    margin:0 0 0 10px;
}
#logoutlink a{
    text-decoration:none;
}
#logoutlink span{
    position:relative;
    top:-2px;
    left:-1px;
    color: white;
    font-size:9pt;
    font-weight:bold;
}
#navitop{
    margin:-25px 0 0 240px;
    height:25px;
}
#navitop .firstElement, #navitop .naviElement{
    float:left;
    width:171px;
    height:25px;
    text-align:center;
    margin-right:4px;
    line-height:25px;
}
#navitop p, #navitop p a{
    height:25px;
    margin:0;
}
#navitop .ol { background: rgb(196,210,205) url(../upload/graesslin/ol.gif) no-repeat left top; }
#navitop .or { background: url(../upload/graesslin/or.gif) no-repeat right top; }

#lcol, #mcol, #rcol{ 
    padding:0; 
    border-bottom:1px solid rgb(196,210,205); 
}
#lcol{
    background: rgb(196,210,205);
}
#lcol, #lcolbox{
    width:240px;
    overflow:hidden;
}
#mcol{
    width:696px;
    background:url(../upload/graesslin/content_ol.gif) left 210px no-repeat;
}
#rcol{
    width:54px;
    background: rgb(196,210,205) url(../upload/graesslin/top.gif) right top no-repeat;  
}
#search, #navileft /*, #links, #impressum*/{
    width:200px;
    margin:20px;
}
#formsearch table td{
    line-height:25px;
    vertical-align:middle;
}
#search #searchterm{ width:130px; }
#navileft{ 
/*  background:rgb(211,225,220) url(../upload/graesslin/navibogen.gif) right top no-repeat;     */
    margin-top:200px; 
    padding:20px 0;
    border:0px solid rgb(176,190,185);  
    min-height:400px;
}
.navileft_active, .navileft_passive{
    line-height:200%;
    overflow: auto;
}
/*
#links, #impressum{ 
    background:rgb(216,230,225) url(../upload/graesslin/bogen15.png) right -15px no-repeat; 
    padding:0 0px 20px 0px;
    width:210px; 
    margin-top:20px; 
    margin-left:20px; 
/*  border:1px solid rgb(176,190,185); *//*
    border-top:15px solid rgb(176,190,185);
}
#links p{
    background: url(../upload/graesslin/bogen15.png) right top no-repeat; 
    margin-top:-15px;
}
#links p a{
    font-weight:bold;
    color:white;
}
#impressum{ 
    padding:20px 0px;
    margin-bottom:20px; 
}
#links a, #impressum a{
    margin-left:10px;
}
*/
#links{
    padding:20px;
    margin-bottom:20px;
    text-align:center;
    border-top:0px solid rgb(196,210,205);
}
#links a{
    border-right:1px dotted gray;

    margin-right:5px;
    padding-right:5px;

}
.navileft_active{ font-weight:bold; }
#illustration{
    width:696px;
    height:210px;
    overflow:hidden;
    background-color:rgb(196,210,205);  
}
#content{
    position:relative;
    width:596px;
    margin:30px 50px 50px 50px;
    overflow:visible;
}
/*************************************/

.produktuebersicht, .produktgruppe{
position:relative;
background-repeat:no-repeat;
background-position:0 0;
width: 650px; 
margin:0 -100px 0 -25px; 
border:1px solid rgb(196,210,205);
}
.produktgruppe{
border:1px solid white;
}
#pbox{
overflow: auto; 
height: 400px; 
width: 667px;
}
.produktuebersicht a{
display:block;
}
.produktuebersicht a:hover{
background-image: url(../de/imgs/oem/trans_bg_green_70.png);
_background-image: none;
_border:2px solid gray;
text-decoration:none;
}

/*   Loading   */
#loading{
position:fixed;
_position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
z-index:100;
}
#loading td{
text-align:center;
}

/*   News   */
#NewsSnippetsTable{
border-collapse:separate;
border-spacing:10px;
margin:-10px;
}
#NewsSnippetsTable tr td{
background-color:rgb(250,250,250);
padding:10px;
border:0px solid rgb(220,220,220);
width:500px;
}
#NewsSnippetsTable tr td h2{
color:rgb(40%,40%,40%);
margin:10px -10px 10px 0px;
padding:5px 10px 5px 40px;
background-image: url(../images/Bogen_lt.png);
background-position:left top;
background-repeat: no-repeat;
}
#NewsSnippetsTable tr #newsarchiv{
border:0;
background-color:white;
border-left:1px solid rgb(220,220,220);
width:120px;
}
#NewsSnippetsTable tr #newsarchiv h2{
background-color:white;
color:rgb(100,100,100);
text-align:center;
}
#NewsSnippetsTable tr #newsarchiv ul{
margin:10px 0 10px 20px;
padding:0;
}

/*   vCard   */
.abschicken input{
width:70px;
}
#vCard p{
margin:0;
margin-bottom:7px;
}
#vCardPreview{
width:400px;
height:259px;
border:1px solid silver;
background-image: url(../images/vCard.jpg);
margin-left:40px;
}
#vCardPreview p{
position:relative;
color:black;
margin:0;
font-size:12px;
}
#vCardPreview #vC_name, #vCardPreview #vC_position{
top:90px;
left:20px;
}

#vCardPreview #vC_name{
font-weight:bold;
}
#vCardPreview #vC_telefon, #vCardPreview #vC_mobile, #vCardPreview #vC_fax, #vCardPreview #vC_email, #vCardPreview #vC_anschrift{

top:63px;
left:200px;
}

/*   iFrames Abteilungen   */
#iFrameAbteilungen{
width:600px;
height:1200px;
margin-right:-50px;
border:0;
}

/*   Termine / Events   */
#eventTable, #eventTable td{
border: 1px solid rgb(200,200,200);
}
#eventTable td{
padding:10px;
}
/*   Vorschlagswesen   */
#vorschlagswesen{
width:580px;
}
#vorschlagswesen .eingabe{
width:287px;
}
#vorschlagswesen textarea{
width:580px !important;
height:300px;
}

/*   Organigram   */
#orgInfoBox{
display:none;
}

#orgInfo{
position:absolute;
display:none;
top:0;
left:0;
min-width:120px;
_width:120px;
min-height:150px;
_height:150px;
margin:0;
padding:5px;
border:1px dotted gray;
background-color:rgb(240,240,240);
white-space: nowrap;
z-index:50;
}

#orgPersName{
   position:relative;
   margin:0;
   padding:0;
}
#orgPersName p{
   position:absolute;
   margin:0;
   padding:0;
   width:55px; 
   _width:56px; 
   background-color:rgb(240,240,240);
   border:1px solid silver;
   line-height:12px;
   text-align:center;
   font-weight:bold;
   font-size:10px;
   white-space:nowrap;
}
#orgPersName img{
    border:0;
}

/*   Personal   */
#mitarbeiter{
   width:550px;
}
#maImgTd{
   width:200px;
   text-align:right;
   vertical-align:top;
}
#mitarbeiter tr td{
   vertical-align:top;   
}
#mitarbeiter tr td p{
padding-left:100px;
line-height:15px;
}
#mitarbeiter tr td p b{
   position:relative;
   left:-100px;
   top:15px;
   display:block;
   width:100px;
}
#personalliste{
    width:590px;
}
.hline{
   margin:0 -50px;
   height:1px;
   line-height:1px;
   border-bottom:1px solid rgb(196,210,205);
}
.Bedienungsanleitungen p{
   margin:0 0 5px 20px;
}

/*   Vertriebspartner Weltkarte   */
#vertriebsorganisationen hr{
   height:1px;
   color:rgb(196,210,205);
}
#vertriebsorganisationen h4{

   margin-top:50px;





}
#mapWeltkarteDiv{
   position:relative;
   margin:0 -40px;
   height:390px;
/*   border:1px solid rgb(196,210,205); */
}
#mapWeltkarteDiv img{
   position:absolute;
   z-index:0;
}
#mapWeltkarteDiv a{
   position:absolute;
   background-color:red;
   font-size:1px;
   line-height:5px;
   font-size:1px;
   height:5px;
   width:5px;
   z-index:1;
}
#weltkarte_ausgabe{
   display:none;
   position:absolute;
   padding:0 5px;
   width:100px;
   background-color:rgb(220,220,220);
   border:1px solid silver;
   text-align:center;
   z-index:2;
}
/*   Top Navi Erweiterung   */

#illustration{
   position:relative;
}
#flashcontent{
   z-index:0;
}
#topNaviUnternehmen, #topNaviPresse, #topNaviKarriere, #topNaviKontakt{
   position:absolute;
   top:0px;
   width:169px;
   display:none;
   border:1px solid silver;
   background: url(../images/topNaviErwBg.png) repeat left top;
   z-index:5;
}
#topNaviUnternehmen a, #topNaviPresse a, #topNaviKarriere a, #topNaviKontakt a{
   display:block;
   padding:0 5px;
   font-size:100%;
   color:white;
   line-height:25px;
}
#topNaviUnternehmen a:hover, #topNaviPresse a:hover, #topNaviKarriere a:hover, #topNaviKontakt a:hover{
   background: url(../images/topNaviErwHoverBg.png) repeat left top;
}
#topNaviUnternehmen{
   left:0px;
   _left:1px;
}
#topNaviPresse{
   left:175px;
   _left:176px;
}
#topNaviKarriere{
   left:350px;


   _left:351px;
}
#topNaviKontakt{
   left:525px;
   _left:526px;
}

.liHeadline{
position:relative;
left:-15px;
}

/* Gemischt  */

.ProduktTabellenKopf_zeitschaltuhren td, .ProduktTabellenKopf_thermostate td, .ProduktTabellenKopf_lichtsteuerung td,
.ProduktTabellenKopf_steckertarif td, .ProduktTabellenKopf_knxeib td, .ProduktTabellenKopf_ersatz td{
border-right:1px solid white;
padding:5px;
}

/* Zeitschaltuhren */

.ProduktTabellenKopf_zeitschaltuhren{
background-color:rgb(197,218,167);
}
.zeitschaltuhren{
padding-left:40px;
background: url(../images/corner_zeitschaltuhren_left.png) no-repeat top left;
}
.ProduktTabellenKopf_zeitschaltuhren .cornerright{
background: url(../images/corner_zeitschaltuhren_right.png) no-repeat top right;
}

/* Raumthermostate */

.raumthermostate{
padding-left:40px;
background: url(../images/corner_raumthermostate_left.png) no-repeat top left;
}
.ProduktTabellenKopf_thermostate{
background-color:rgb(214,153,133);
}
.ProduktTabellenKopf_thermostate .cornerright{
background: url(../images/corner_raumthermostate_right.png) no-repeat top right;
}

/* Lichtsteuerung */

.lichtsteuerung{
padding-left:40px;
background: url(../images/corner_lichtsteuerung_left.png) no-repeat top left;
}
.ProduktTabellenKopf_lichtsteuerung{
background-color:rgb(247,236,146);
}
.ProduktTabellenKopf_lichtsteuerung .cornerright{
background: url(../images/corner_lichtsteuerung_right.png) no-repeat top right;
}

/* Stecker- / Tarifschaltuhren */
.steckertarif{
padding-left:40px;
background: url(../images/corner_steckertarif_left.png) no-repeat top left;
}
.ProduktTabellenKopf_steckertarif{
background-color:rgb(228,189,138);
}
.ProduktTabellenKopf_steckertarif .cornerright{
background: url(../images/corner_steckertarif_right.png) no-repeat top right;
}

/* KNX / EIB */
.knxeib{
padding-left:40px;
background: url(../images/corner_knxeib_left.png) no-repeat top left;
}
.ProduktTabellenKopf_knxeib{
background-color:rgb(234,212,196);
}
.ProduktTabellenKopf_knxeib .cornerright{
background: url(../images/corner_knxeib_right.png) no-repeat top right;
}

/* Ersatzgeräte */
.ersatz{
padding-left:40px;
background: url(../images/corner_ersatz_left.png) no-repeat top left;
}
.ProduktTabellenKopf_ersatz{
background-color:rgb(208,208,208);
}
.ProduktTabellenKopf_ersatz .cornerright{
background: url(../images/corner_ersatz_right.png) no-repeat top right;
}
.artno{
    display:none;
}