body  * {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        color: #666666;
      
}

* {
   padding:0;
   /*margin:0; */
}


body   {
          margin:0px;
          padding: 0px;
          min-width:600px;
       }
/* For firefox std. linkconfig */

a, a:active , a:link { outline:0;}

input:first-child, input:active , input:link, input:focus { outline: 0px;
                                               text-decoration:none;
                                             }
input, select, button {
   margin:0 4px  4px 0; 
  
}

input {
padding:.2em;


}

input[type="text"], input[type="passwd"]{
padding:.1em;

}

option{
   margin-right:10px;
   padding-left:.2em; /* for firefox */

}

img {
  /*margin:0 3px 3px 0;*/
}



/* DIVS*/

#HEADER {
       height:114px;
       width:100%;
       background-image:url(/images/header_kachel.gif);
       background-repeat:repeat-x;
       background-position: left top;
       padding:0px;
       margin:0px;
       position:relative;
       z-index:1;
       min-width:500px;

}

#LANG {
         position:absolute;
         top:35px;
         right:15px;
         margin:0px 0px 8px 0px;
         width:auto;
         text-align:right;

}

#NAV { position:relative;
       top:-5px;
       top/**/:/**/-1px;
       overflow:visible;
       z-index:2;
       min-width:500px;
       }

div#NAV a {
        font-size: 90%;
        padding: 4px 4px 2px 4px;
        display: block;
        background-color:#cccccc;
        color:#000000;
        font-style:normal;
        text-decoration:none;
        margin: 0px 0px 1px 1px;

}
div#NAV td.active{
        font-size: 110%;
        font-weight:bold;
        padding: 4px 4px 2px 4px;
        background-color:#FFFFFF;
        color:#009900;
        font-style:normal;
        text-decoration:none;
        margin: 0px 0px 0px 1px;
        border-style:solid;
        border-width:1px 1px 1px 1px;
        border-color: #009900 #009900 #FFFFFF #009900;
}
div#NAV td{

        border-style:solid;
        border-width:0px 0px 1px 0px;
        border-color: #009900;
        vertical-align:bottom;
}


#NAV a:hover {
        font-size: 90%;
        padding: 4px 4px 2px 4px;
        display: block;
        background-color:#009900;
        color:#FFFFFF;
        font-style:normal;
        text-decoration:none;


}

div#NAV ul {
         background-color:#cccccc;
         list-style:none;
         margin:0px;
         text-indent:0px;
         padding:0px;

        }

div#NAV li {
             display:block;
             float:left;

             width:150px;
             height:2em;
             text-indent:0px;
             padding:3px;
             margin:0px;

        }

div#NAV li a{  display:block;
               height:100%;
               width:100%;
               margin-left:0px;
               padding:3px;
               text-decoration:none;


        }

div#NAV li a:hover{  display:block;
             height:100%;
             width:100%;
             margin-left:0px;
             padding:3px;
             text-decoration:none;
             font-weight:bold;

        }

.subnav{
 border-style:solid;
 border-color:#FFFFFF;
 border-width:0px 1px 1px 1px;
 background-color:#cccccc;
 color:#009900;
 z-index:3;
 min-width:110px;
 margin:0px;
 padding:0px;
 visibility: hidden;

}

.subnav .mark{ border-color:#FFE800;
border-style:solid;
border-width: 3px 0px 0px 0px;
 }

li {display:block; float:left;}
/*
.subnav a{
        font-size: 80%;
        padding: 20px 4px 2px 4px;
        color:#009900;
        text-decoration:none;
        text-indent:0px;
        float:left;

}

.subnav a:hover {
        font-size: 80%;
        padding: 6px 4px 2px 4px;
        color:#009900;
        text-decoration:underline;

}

*/
#CONTROL{ display:block;
          float:left;
          margin-right:20px;
          width:auto;
        }
          
#DIAGRAM_CONTAINER{ 
 position:relative;
 float:left;
}

img#DIAGRAM  { display:inline;
               position: absolute; /* important for IE 
                                      to avoid clearing of float in case of width greater than viewport */
          

        }
img#DIAGRAM.loading {
		filter:		Alpha(opacity=20);
		opacity:	0.2;
		moz-opacity:	0.2;
}




#BODY  {
       margin: 10px 0px 0px 0px;

}

#BODY table {
        margin: 0px 0px 0px 0px;

}
#BODY td {padding: 4px 5px 2px 5px;
          vertical-align:top; 
}

#BODY .layout td {
  margin:0;
  padding:0;
}


#BODY th.desc, #BODY th {
     background-color:#aaccaa;
     font-size:110% !important;
     font-weight: bold;
     text-align:left;
     padding:4px 4px 8px 4px;
     vertical-align:top;
     /*letter-spacing:0.1em;*/

   }

#BODY .desc {  font-weight: bold;
                 font-size:100%;
                 background-color:#aaccaa;
                 /*padding-left:10px;*/
}

#BODY .group { border-width:2px 1px 1px 2px;
         border-style:solid;
         border-color:#666666 #FFFFFF #FFFFFF #666666;
         padding:4px;
         margin:2px 2px 4px 2px;
         display:inline;
       }

#BODY td.desc select {
       color:#000000 !important;
       font-weight:normal !important;
       font-size:100% !important;
}

#BODY tr.col0 , #BODY td.td1{
        background-color:#eeeeee;
        }

#BODY tr.col1 , #BODY td.td2{
        background-color:#eeffee;
        }

#BODY a.dir , #BODY a:active.dir, #BODY a:focus.dir, #BODY a:visited.dir, #BODY a:link.dir {
        display:block;
        float:left;
        width:100px;
        background-image:url(/images/dir.gif);
        background-repeat:no-repeat;
        background-position:left top;
        /*text-indent:22px;*/
        padding-left:24px;
        color:#006633;
        text-decoration:none;
        font-weight:bold;
        }


#BODY th  a.dir, #BODY th a:active.dir, #BODY th a:focus.dir, #BODY th a:visited.dir, #BODY th a:link.dir{
/*        display:block;
        float:none;
        padding:0px;
        margin:0px;
        padding-left:24px; */
        width:auto;
        background-image:url(/images/dir_aaccaa.gif);
        background-repeat:no-repeat;
        background-position:left top;
        font-size:90%;
        /*color:#555555;*/
        }

#BODY th ul{
        text-indent:0px;
        list-style:none;
        margin:0px;
        padding:0px;
}
#BODY th li{
        display:block;
        float:none;
        width:auto;
        height:1.5em;
        margin:2px 2px;
        padding:0px 0px;
        /*text-indent:33px;
        background-image:url(/images/dir_open_aaccaa.gif);
        background-repeat:no-repeat;
        background-position:left top;*/
        }
#BODY th li.active{
        font-size:120%;
        color:#506050;
        text-indent:26px;
        background-image:url(/images/dir_open_aaccaa.gif);
        background-repeat:no-repeat;
        background-position:left top;
        }


#SITEINFO{
        font-size:80%;
        color:#999999;
        margin:auto;

}



#LEGENDE { font-size: 80%;
           font-weight:normal;
}

#LEGENDE  td { margin:0px;
               padding:2px;
}
#SEARCHBUTTON { width:400px;
                height:30px;
                text-align:center;

}

#SEARCHBUTTON input{ width:200px;
                     height:30px;
                     overflow:visible;
                     background-color:#009900;
                     /*margin:10px 100px 10px 100px;   */

}

/*
#SubNav{
 padding:1px 4px 4px 0px;


}

#SubNav a {
        font-size: 90%;
        padding: 4px 4px 2px 4px;
        color:#009900;
                text-decoration:none;
}

#SubNav a:hover {
        font-size: 90%;
        padding: 4px 4px 2px 4px;
                color:#009900;
                                text-decoration:underline;
}

*/


.colorpad {
             background-image:url(/images/colors_shadow.png);
             background-repeat:no-repeat;
             background-position: bottom right;
             width:110px;
             height:39px;
             position:absolute;
             left:24px;
             top:-2px;
             margin-top:-.5em;
             display:none;
          }



/*.td_menue{background-image:url(images/bkg.gif); background-repeat:no-repeat;  padding-left:10px}*/



.td_menue{background-color:#FFFF99;margin:1px}

h1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-style: italic;
        color: #666666;
}
.pictd {
        background-color: #ffffff;
        padding:0px;
        margin:0px;
}
.error { color:#ff0000; font-style:italic; font-weight:bold}

button#HOLDBUTTON {height:20px; width:28px;padding:0px}
button.action { height:23px;
                width:28px;
                padding:0px;
                /*margin:2px;*/
                vertical-align:top;
              }

div#FEEDBACK {

             }

        
ul#PICSIZER {
	/*clear:left;*/

	zoom:1; /*Hack for a closed float for IE */
	display:block;
	
	overflow:auto;
	margin:3px 0px 3px 0px;
	padding:0;
	
	list-style:none;
	list-style-position:inside;	
}

#PICSIZER li{
	display:block;
	float:left;
	/*width:15px;
	height:15px;*/

}

#PICSIZER li a{
	display:block;
	width:15px;
	height:15px;
	text-indent:-999em;
	background-repeat:no-repeat;
	overflow:hidden;
	
}

/****** PICSIZER Sprites *****/

#PICSIZER li a#SIZER_SMALL{
	background-image:url(/images/diag_size_small.gif);
	background-position: 0px 0px;
}

#PICSIZER li a#SIZER_SMALL:hover{
	background-image:url(/images/diag_size_small.gif);
	background-position: 0px -15px;
}


#PICSIZER li a#SIZER_SMALL.active{
	background-image:url(/images/diag_size_small.gif);
	background-position: 0px -30px;
}


#PICSIZER li a#SIZER_MEDIUM{
	background-image:url(/images/diag_size_medium.gif);
	background-position: 0px 0px;
}

#PICSIZER li a#SIZER_MEDIUM:hover{
	background-image:url(/images/diag_size_medium.gif);
	background-position: 0px -15px;
}

#PICSIZER li a#SIZER_MEDIUM.active{
	background-image:url(/images/diag_size_medium.gif);
	background-position: 0px -30px;
}


#PICSIZER li a#SIZER_GREAT{
	background-image:url(/images/diag_size_great.gif);
	background-position: 0px 0px;
}

#PICSIZER li a#SIZER_GREAT:hover{
	background-image:url(/images/diag_size_great.gif);
	background-position: 0px -15px;
}

#PICSIZER li a#SIZER_GREAT.active{
	background-image:url(/images/diag_size_great.gif);
	background-position: 0px -30px;
}


#CMSloginbox {
              border-style:solid;
              border-color:#999999;
              border-width:1px 2px 2px 1px;
}

