body
{
margin-top: -2px;
font-family:Verdana,Arial,Helvetica; 
font-size: 12px;
text-align: center;
background: url(../RA/bg_body/$FILE/hg_body_banner.jpg) repeat-x;                                        
background-color: #e6ecea;
}

*html body {margin-top: 0px;}

/* Verweisformatierung */	

a:link {color: #004D31} 
a:visited {color: #004D31} 
a:active {color:#004D31} 
a:hover {color:#f88e36} 
a:focus {color:#f88e36} 

#finish a.footerlink:link, #finish a.footerlink:visited,#finish a.footerlink:active ,#finish a.footerlink:hover,#finish a.footerlink:focus {color:#ffffff; text-decoration: none;} 
#finish a.footerlink:hover {color:#f88e36; } 

/* Formatierung der Navigationslinks in den besonderen Produktseiten */
a.navi:link { text-decoration:none; font-family:Verdana,sans-serif;font-size:0.7em;color: #000000;font-weight:normal;}
a.navi:visited { text-decoration: none; font-family:Verdana,sans-serif;font-size:0.7em;color: #000000;font-weight:normal;}
a.navi:active { text-decoration: none; font-family:Verdana,sans-serif; font-size:0.7em;color: #000000;font-weight:normal;}
a.navi:hover {text-decoration: none; font-family:Verdana,sans-serif;font-size:0.7em;color: #F28050;font-weight:normal;}


/* Grundgerüst mit Steuerung der Mittigkeit */	
* {
margin:0;
padding:0;
}

html, body {    }


/* Positionierung und Formatierung der Karte */

#outerwrap {width:942px; 
margin-left: auto;
margin-right: auto;
padding: 0 3px 0 3px;
background: url(../RA/bg_body/$FILE/bg_outerwrap.png) repeat-y;      
}

*html #outerwrap {
width:946px;
margin-top: -5px; 
}

/* Positionierung und Formatierung der Abschlußgraphik */
#website-end {
width:948px; 
height: 10px;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0;
background: url(../RA/bg_main/$FILE/bg_end.png) no-repeat ;   
}
* html #website-end {
width:946px; }

#wrap {    
background: url(../RA/bg_body/$FILE/bg_body.jpg) repeat-x;                                        
margin-left: auto;
margin-right: auto;
background-color: #transparent;
padding: 0 0 0 0;                                                    
width:938px; 
position: relative;
top: -38;
overflow: hidden;
margin-bottom: -45px;
}

 /* IE Win < 7 only \*/ 
 * html #wrap {                                   
margin-left: auto;
margin-right: auto;                                                                                           
} 


.browser-show {
border: red 4px solid;padding: 10px; display:block;background-color: #FFFFFF;
}

.browser-hidden {
border: red 4px solid;padding: 10px; display: none;background-color: #FFFFFF;
}


/* Positionierung und Formatierung der Fußzeile */
#footer {float:left;
clear:left;                                                    
width:914px;  
height:1px;    
font-size: 0.01em;
color: #FFFFFF;
padding: 6px 0 0 0;
}      

/* Positionierung und Formatierung der Abschlußzeile */
#finish {
text-align: center;                                                  
height:30px;     
background: transparent url(../RA/bg_quer/$FILE/bg_quernavi.png) repeat-x scroll 0 0;
font-size: 0.8em;
color: #FFFFFF;
padding: 6px 0 0 0;
margin: -2px 3px 0px  1px;   
}     
*html #finish {margin: 0 1px -6px  1px;height:38px;    } 
/* Positionierung und Formatierung der Abschlußzeile für den Druck */      
#finish-print {display:none;}
/* Verbergen Interner Navigationspunkt */      
#WebLoginShow {display:none !important;}

/* Positionierung des Hilfebereiches */

#WebSitePartsHelpDiv
{
wposition: absolute;
font-size: 0px;
width:100%;           
wz-index: 2000;
text-align: center;
}



#helpnavigator
{
height: 130px;
margin-left: auto;
margin-right: auto;
padding: 0 3px 0 3px;
width:948px; 
background: url(../RA/bg_body/$FILE/bg_helpnavigator.png) repeat-y;      
padding: 10px 0 25px 0;

font-size: 13px;
text-align: center;
}    

*html #helpnavigator
{
width:946px; 
}    


#helpnavigator table, #helpnavigator td
{
padding: 0;
margin: 0;
border: 0px;
border-collapse:collapse;
display: inline-table;
font-size: 13px;
vertical-align: top;
}
               			
/* Positionierung der Icons im Headerbereich */		

  #abstand {
padding: 46px 0 0 0;
margin: 0 0px 0 0;
text-align: right;
width: 210px;                                                    
float: right; 
border: 0px solid #000000;
}

.iconimage {margin: 0 6px 0 0;border: 0px; background:url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_icon/$FILE/bg_icon.png);}
.come_in  { background:url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_icon/$FILE/bg_icon_dark.png);}
.iconimage-top {margin: 0 6px 0 0;border: 0px; background:url(/www/ddk/cetima/webinfo_cetima.nsf/RA/icon-top-right/$FILE/bg_icon.png);}
.come-in-top  { background:url(/www/ddk/cetima/webinfo_cetima.nsf/RA/icon-top-right/$FILE/bg_icon_dark.png);}



/* Positionierung der Keywords im Headerbereich */	
#keywords {
padding: 0 0 0 0;
margin: 0 0 0 0px;
text-align: right;
width: 380px; 
height: 123px;                                                 
float: left;
text-align: left;
background-color: transparent;
 }

#consulting {position: relative; top: 1px; left: 140px; width: 20px; overflow: visible; font-size: 18px; font-weight: normal; color: #676767;font-family:normal small verdana,"Trebuchet MS",Tahoma,arial,helvetica,sans-serif; }
#dms {position: relative; top: 5px; left: 100px; width: 20px; overflow: visible; font-size: 17px; font-weight: bold; color: #0b4423;font-family:normal small verdana,"Trebuchet MS",Tahoma,arial,helvetica,sans-serif; }
#groupware {position: relative; top: -23px; left: 160px; width: 20px; overflow: visible; font-size: 22px; font-weight: bold; color: #0b4423;font-family:normal small verdana,"Trebuchet MS",Tahoma,arial,helvetica,sans-serif;   }
#software {position: relative; top: -25px; left: 20px; width: 20px; overflow: visible; font-size: 22px; font-weight: normal; color: #676767; width: 300px;font-family:normal small verdana,"Trebuchet MS",Tahoma,arial,helvetica,sans-serif;   }
#cms {position: relative; top: -27px; left: 40px; width: 20px; overflow: visible; font-size: 23px; font-weight: bold; color: #0b4423;font-family:normal small verdana,"Trebuchet MS",Tahoma,arial,helvetica,sans-serif;   }
#crm  {position: relative; top: -52px; left: 130px; width: 20px; overflow: visible; font-size: 17px; font-weight: bold; color: #0b4423;font-family:normal small verdana,"Trebuchet MS",Tahoma,arial,helvetica,sans-serif;  }
#ebusiness {position: relative; top: -58px; left: 80px; width: 20px; overflow: visible; font-size: 20px; font-weight: normal; color: #676767;width: 280px;font-family:normal small verdana,"Trebuchet MS",Tahoma,arial,helvetica,sans-serif;  }

 #dms a, #groupware a,  #cms a, #crm a {text-decoration: none; color: #0b4423;}
#consulting a,  #software a, #ebusiness a {text-decoration: none; color: #676767;}
/* Positionierung des Logos */	
#logo {width: 155px; height:120px;float:left;padding:22px 0 0 0;}
/* Positionierung des Slogans */	
#slogan {width: 65px; height:20px;float:left; font-size: 10px;text-decoration: underline;padding:50px 0 0 0;color: #143429;}
*html #slogan {padding:48px 0 0 0;      }
#slogan a { color: #143429;}
/* Positionierung desKopfbereiches */	
#header {                                             
background: url(../RA/bg_haed2/$FILE/bg_haed3.png) no-repeat  30px 10px;  
background-position: 0px 0px;                         
height: 163px;    
z-index: 1;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
                               
/* Positionierung der Quernavigation */			

#quicklinks
{    
position:relative;
top:118px;
left: 0px;
text-align: center;  
min-height:38px; 
height:38px;                                         
margin: 2px 3px 0  1px;                                         
z-index: 1000;	
}  
*html   #quicklinks { top:120px;margin: 0 1px 0  1px; }


/* Positionierung und Formatierung des Inhaltsbereiches 	*/
#content {                                                      
padding: 31px 10px 15px 15px;  
text-align: left;                                                
width: 555px;
min-height:100%; 
overflow:hidden;    
float:left;     
margin: 0 0 0 5px;  

}        

#content ul {    
margin-left: 15px;

}

*html #content {     
padding: 31px 10px 15px 15px;  

width: 575px;
}
  
#ContentTable {margin:  10px 0 0 0;font-size: 1.0em; line-height: 1.2em;background-color:#ffffff;}        

/* Positionierung und Formatierung des rechten Bereiches */
#right{                                                                                                    
background-color: transparent;				                                                
padding: 0;    
margin:   34px 7px 0 -10px;
text-align: left;
float: right;
width: 155px;
}        
*html #right{  
margin:   36px 0 0 0;
}      

/* verbergen Loginbox und der Tagcloudbestandteile bei ausgeschalteten Javascript in der Funktionsleiste */
.view_by_script_no {visibility:hidden;}
.view_by_script_yes {visibility:visible;}

/* verbergen der vorgeladenen Hoverbilder für die entsprechenden Klassen */

#preloader {display:none;width: 0px; height: 0px; overflow: hidden;}
* html #preloader {visibility:hidden;width: 0px; height: 0px; overflow: hidden;}
                 
/* Formatierung Kalendar */
#calendar { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_box_ww/$FILE/bg_box_ww.png) repeat-y; padding: 0px 5px 1px 6px;font-weight:bold; font-family:Verdana,Arial,Helvetica;font-size:12px;color: #5e5e5e;}
#title_cal {
height: 25px; width: 145px; 
/*background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_title_cal/$FILE/bg_calendar_title.jpg) no-repeat; */
text-align: center; vertical-align: middle; 
padding-top: 0px;
margin: 0 0 0 1px;
}     

#content_cal {padding: 0 0 0 0px; margin: 0 0 0 1px;}
.EventMonth {height: 33px; width: 33px; background-color: #cccccc; border: 1px solid #ffffff; float: left; margin: 0 1px 1px 0; text-align: center; vertical-align: middle; line-height: 30px;}       

*html .EventMonth {height: 35px; width: 35px; }             
.isEvent { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_month/$FILE/bg_month.png); }  
.isEventActive { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_month_active/$FILE/bg_month_active.png); }  
.isEventActive_hover { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_month_active/$FILE/bg_month_active_hover.png); }  
.isEvent_hover { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_month/$FILE/bg_month_hover.png);border: 1px solid #aaaaaa; }  

a.linkEvent:hover {color: #FFFFFF;}
a.linkEvent:link, a.linkEvent:visited,a.linkEvent:focus, a.linkEvent:active {color: #FFFFFF;text-decoration: none; no-repeat; padding: 7px 4px 9px 4px;margin: 0 0 0 0; display: block; line-height: 17px;}

/* Formatierung box Login */

#scrap  {background: #cccccc;padding: 0px 2px 7px 0px; margin: 0px 2px 0px 2px;font-family:Verdana,Arial,Helvetica;font-weight: bold;font-size:12px;color: #5e5e5e;}
*html #scrap  {padding: 0px 2px 7px 0px; margin: 0px 2px 0px 0px;}
/* Positionierung und Formatierung des Logins */
 #LoginContainer    { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_box/$FILE/bg_box.png) repeat-y; padding: 0px 15px 3px 10px; margin: 0 0 0 0;}
*html #LoginContainer    { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_box/$FILE/bg_box.png) repeat-y;padding: 0px 15px 3px 10px; margin: 0; height: 70px;}
#LoginContainer p.TZ
{
font-family:Verdana,Arial,Helvetica;font-weight: bold;font-size:12px;color: #5e5e5e;
padding: 0 0 0 0;
}

#LoginContainer input {width: 133px; padding: 0;font-size:12px; border: 1px solid #ffffff; color: #5e5e5e; margin: 3px 0 3px 0px;}
*html #LoginContainer input {width: 132px;  margin: 3px 0 3px 1px;}
#LoginContainer input.button {width: 75px; padding: 0px;font-weight: bold;font-size:12px; border: 1px solid #ffffff; color: #5e5e5e; margin: 0 0 0 58px;}
*html #LoginContainer input.button { }

#calendar, #teaser, #LoginContainer, #tagCloud {float: left;}
#LoginNameTX {border: 1px solid #ffffff; color: #5e5e5e;}



/*= Hauptnavigation Oben ========================================================================================================*/             
.querschnitt_class
{
text-align: center;
font-weight:bold; 
list-style-type: none;
padding: 7px 0px 0px 8px;
margin: 0 0 0 0;
font-size: 16px;
 height:38px; 
font-variant:small-caps;  
background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_quer/$FILE/bg_quernavi.png) repeat-x;                   
}



#querschnitt li
{
display: inline;  padding: 1px 0 0 0   ;
}




/*= 1.Ebene ========================================================================================================*/
 
 /* #quicklinks a.querschnitt_E1_inaktiv:link,   #quicklinks  a.querschnitt_E1_inaktiv:visited, #quicklinks  a.querschnitt_E1_inaktiv:focus,  #quicklinks  a.querschnitt_E1_inaktiv:active {color:#FFFFFF; text-decoration:none;  margin: 0px;background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_quer/$FILE/bg_querschnitt.png) no-repeat;  background-position:bottom right ;padding:5px 10px 7px 10px;  border-right: 0px solid #FFFFFF;}*/

  #quicklinks a.querschnitt_E1_inaktiv:link,   #quicklinks  a.querschnitt_E1_inaktiv:visited, #quicklinks  a.querschnitt_E1_inaktiv:focus,  #quicklinks  a.querschnitt_E1_inaktiv:active {color:#FFFFFF; text-decoration:none;  margin: 0px; background-position:bottom right ;padding:5px 10px 7px 10px;  border-right: 0px solid #FFFFFF;}

 #quicklinks  a.querschnitt_E1_inaktiv:hover {color:#FFFFFF; text-decoration:none; background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_quer/$FILE/bg_querschnitt_hover_small.png) repeat-x;  background-position:bottom left ; padding:5px 10px 7px 10px;  border-right: 0px solid #FFFFFF;}

*html  #quicklinks  a.querschnitt_E1_inaktiv:hover,*html #quicklinks a.querschnitt_E1_inaktiv:link, *html  #quicklinks  a.querschnitt_E1_inaktiv:visited,*html  #quicklinks  a.querschnitt_E1_inaktiv:focus,*html  #quicklinks  a.querschnitt_E1_inaktiv:active {margin-top: -7px;height: 32px;padding:8px 10px 6px 10px; }

#quicklinks a.querschnitt_E1_aktiv:link,#quicklinks a.querschnitt_E1_aktiv:visited, #quicklinks a.querschnitt_E1_aktiv:focus,  #quicklinks a.querschnitt_E1_aktiv:active {color:#FFFFFF; text-decoration:none;  margin: 0px;  background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_quer/$FILE/bg_querschnitt_active_small.png) repeat-x; background-position:bottom left ;  border-right: 0px solid #FFFFFF;padding:2px 10px 8px 10px; }

*html #quicklinks a.querschnitt_E1_aktiv:link,*html #quicklinks a.querschnitt_E1_aktiv:visited,*html  #quicklinks a.querschnitt_E1_aktiv:focus,*html   #quicklinks a.querschnitt_E1_aktiv:active {padding:2px 10px 6px 10px; }

#quicklinks  a.querschnitt_E1_aktiv:hover {color:#FFFFFF; text-decoration:none; background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_quer/$FILE/bg_querschnitt_active_hover_small.png) repeat-x;  background-position:bottom left ; padding:2px 10px 8px 10px;  border-right: 0px solid #FFFFFF;}



/*=========================================================================================================*/             

#main 
{
background:url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_main/$FILE/bg_main_small_ie.jpg)  ;
margin-top: -10px;
width:936px
background-repeat:repeat-y;
}

*html #main 
{
margin-bottom: 10px;
margin-top: -20px;
background:url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_main/$FILE/bg_main_small_ie.jpg)  ;
}

/*= Hauptnavigation Links ========================================================================================================*/        

#sidebar {background-color: transparent; float:left;  width:170px; padding: 0 0 30px 0; margin: -15px 0px 10px 0px;  z-index:9400;position: relative; left: 5px; top: 0px;}

*html #sidebar { margin: -0px 0 0 0;z-index: 500000;}

 #sidebar ul {
list-style: none;
}  

*html  #sidebar ul {
padding: 0;
margin-left: -6px;
padding-left: 3px;
}  

#sidebar li { 
  text-align: left;

}
*html #sidebar li { 
  text-align: left;
}
    
#sidebar a{
text-decoration: none; display: block;height: 28px; width: 143px; 
}

*html #sidebar a{
text-decoration: none; display: block;height: 38px; width: 150px; 
}     
/*= 1.Ebene ========================================================================================================*/
 #sidebar a.main_E1_inaktiv:link, #sidebar a.main_E1_inaktiv:visited,   #sidebar a.main_E1_inaktiv:focus,  #sidebar a.main_E1_inaktiv:active,#sidebar a.main_E1:link,#sidebar a.main_E1:visited,#sidebar a.main_E1:focus,#sidebar a.main_E1:active
{ color: #FFFFFF; font-variant:small-caps;  background: url(../RA/bg_E1_normal/$FILE/bg_E1_normal.png) no-repeat; padding:6px 0 0 14px;  margin-top: 1px; font-weight: bold;       font-size:1.1em             }
 #sidebar a.main_E1_aktiv:link,  #sidebar a.main_E1_aktiv:visited,  #sidebar a.main_E1_aktiv:focus,  #sidebar a.main_E1_aktiv:active
 { background: url(../RA/bg_E1_aktiv/$FILE/bg_E1_aktiv.png) no-repeat;  padding:6px 0 0 14px;  color: #FFFFFF; font-weight: bold; margin-top: 1px;  font-size::1.1em ; font-variant:small-caps;    }

 #sidebar a.main_E1_aktiv:hover
 { background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E1_aktiv_hover/$FILE/bg_E1_aktiv_hover.png) no-repeat;  }

*html #sidebar a.main_E1_inaktiv, *html #sidebar a.main_E1_aktiv
{ width: 160px;         }

  #sidebar a.main_E1_inaktiv:hover
{background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E1_normal_hover/$FILE/bg_E1_normal_hover1.png) no-repeat;}

/*{ color: #ffffff;   opacity: .9; filter:Alpha(Opacity=90); }*/

 #sidebar  li.main_E1_le_collapse 
{  background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E2/$FILE/bg_E2.png) no-repeat; background-color: transparent;color: #FFFFFF; }

 #sidebar  li.main_E1_le_EntryAfterEC
{   background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_EntryAfterEC/$FILE/bg_EntryAfterEC.png) no-repeat;margin:0px 0 0 0; padding: 4px 0 0 0;}

*html #sidebar  li.main_E1_le_EntryAfterEC
{  width: 178px;}

/*background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_EntryAfterEC/$FILE/bg_EntryAfterEC.png) no-repeat;*/
 
/*= 2.Ebene ========================================================================================================*/

*html ul.main_E2_list
{padding: 0px,border: 1px solid #000000;}

 #sidebar a.main_E2_inaktiv:link, #sidebar a.main_E2_inaktiv:visited, #sidebar a.main_E2_inaktiv:focus, #sidebar a.main_E2_inaktiv:active
{ background: url(../RA/list_image/$FILE/list.png) no-repeat 16px 7px; color: #FFFFFF; font-variant:small-caps;   background-color: transparent; font-size:0.95em;width: 130px;padding:3px 0 0 29px;margin-left: 20px; height: 24px;color: #000000;  white-space: normal;}

 *html #sidebar a.main_E2_inaktiv:link,*html  #sidebar a.main_E2_inaktiv:visited, *html #sidebar a.main_E2_inaktiv:focus, *html #sidebar a.main_E2_inaktiv:active
{width: 170px;padding:3px 10px 0 29px;}

#sidebar a.main_E2_inaktiv:hover
{background-color: #FF6600; xwidth: 100%; background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E2/$FILE/bg_E2_hover.png) no-repeat ; padding:3px 0 0 49px; margin-left: 0px; height: 24px; color: #000000;}

*html #sidebar a.main_E2_inaktiv:hover
{width: 180px;padding:3px 10px  0 49px; background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E2/$FILE/bg_E2_hover_ie.png) no-repeat ;}

/*=====================================*/
 
#sidebar a.main_E2_aktiv:link, #sidebar a.main_E2_aktiv:visited, #sidebar a.main_E2_aktiv:focus, #sidebar a.main_E2_aktiv:active
{
background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E2_aktiv/$FILE/bg_E2_aktiv2.png) no-repeat; color: #FFFFFF; font-variant:small-caps;   background-color: transparent; font-size:11px;width: 130px;padding:3px 0 0 49px;margin-left: 0px;  height: 20px;color: #000000;white-space: normal;
}
*html #sidebar a.main_E2_aktiv:link, *html #sidebar a.main_E2_aktiv:visited, *html #sidebar a.main_E2_aktiv:focus, *html #sidebar a.main_E2_aktiv:active
{
width: 180px;padding:3px 10px  0 49px;background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E2_aktiv/$FILE/bg_E2_aktiv.png) no-repeat;
}

#sidebar a.main_E2_aktiv:hover
{background-color: #FF6600;  background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E2_aktiv/$FILE/bg_E2_aktiv_hover.png) no-repeat ;padding:3px 0 0 49px; margin-left: 0px; height: 20px;color: #000000;width: 130px; }
*html #sidebar a.main_E2_aktiv:hover
{width: 180px;padding:3px 10px  0 49px; background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_E2_aktiv/$FILE/bg_E2_aktiv_hover_ie.png) no-repeat ;}


/* Formatierung Überschriften von Unterpunkten mit dunklem Hintergrund und heller Schrift */

.headline_dark {
font-size: 0.9em;
min-width: 100px;
color:  #FCF2D0;
background-color:  #004E36;
}


/* Formatierung der Funktionsleiste */
.DocumentFunctions
{
text-align: right; margin: 0 0 0 0; width: 100%;min-height: 160px;height: 160px; padding: 10px 0 0 0;
}
*html .DocumentFunctions
{
margin: 0 0 20px 0;
}

 .funktionen {margin:0 -4px 0 0;}
*html .funktionen {margin:0 0 0 0;}

/* Formatierung des Abschnittes "link kopieren"*/

div.show {
                width: 500px;
                margin: 0 auto;
                margin-top: 350px;
                padding: 10px;
                text-align: justify;
                border: 1px solid #ecbc22;
                opacity: 1; 
                filter:Alpha(Opacity=100);
           background-color:#eeeeee;
            }
            
*html div.show {padding:5px -10px 10px 10px;}

 .show p {color: black;        }
*html .show p {color: black;   padding-right: 10px; margin: 0px;    }
#resetlayer {float: right; width:33px;padding: 0px;margin: 0px;text-align: left;}
#close{cursor:pointer;}



/* Formatierung des schliessenbuttons*/
.functionclose{
position:absolute; top: 0px; left:475px;
}

*html .functionclose{
position:absolute; top: 0px; left:465px;
}


/* verbergen des Backlinks und des Javascripthinweises bei ausgeschaltetem Javascript in der Funktionsleiste */
.backlink_no {visibility:hidden;}
.backlink_yes {visibility:visible;}

#browser {}

#doctitle
{
color: #FFFFFF;
font-size: 1.2em;
font-weight: bold;
height: 38px;
width: 318px;
text-align: left;
margin: -3px 0 0 240px;
padding: 6px 0px 0 8px;
}

*html #doctitle {margin: 0 0 0 165px;}

.linktitle, .texttitle {background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_title/$FILE/bg_title_normal.png) no-repeat; }
.hovertitle {background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_title/$FILE/bg_title_hover.png) no-repeat; }
a.doctitle:link, a.doctitle:visited, a.doctitle:hover, a.doctitle:focus,a.doctitle:active{color: #ffffff; text-decoration: none; }

.DF_default 
{
background: transparent url(/www/ddk/cetima/webinfo_cetima.nsf/RA/hg_default/$FILE/hg_default.jpg) no-repeat scroll 0% 0%;
height: 160px;
 -moz-background-clip: border;
 -moz-background-origin: padding;
 -moz-background-inline-policy: continuous;
}


#doctext
{
color: #000000;
font-size: 1.1em;
margin: 0 0 10px 275px;
text-align: left;
}
.funktionen li
{
display: inline;
margin: 0 0 0 4px;
}

/* Formatierung der Ansichten */

.ticker {padding: 0 10px 0 0; width: 157px;overflow: hidden; }
*html .ticker {width: 165px;  }

.topline{ background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_box/$FILE/bg_box.png) repeat-y; margin: 0px;
margin: 0px;
font-family:Verdana,Arial,Helvetica;font-weight: bold;font-size:12px;color: #5e5e5e;
padding: 0px 10px 5px 10px;
}

.textline{
padding: 5px;
width: 550px;
border-bottom: dotted 1px #004D31;

}

/* Formatierung der Downloadlink*/


.site-function-middle { border: 1px solid red; background: url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_box/$FILE/bg_box.png) repeat-y; margin: 0px;

}

/* Formatierung der Formularfelder und Tabellenzellen mi Klasse TZ, TK, TR */

input,.FieldTextTX, .button, select, option
{
text-decoration: none; font-family: Verdana, Arial; Helvetica; font-weight: normal; font-style: normal; border: 1px #000000 solid; margin:3px; padding:0px;  background: #EEEEEE; 
}

select, textarea
{
margin-left: 0px; border: 1px #000000 solid; background: #EEEEEE; 
}

.button {font-size: 1.0em;width: 130px;border: 1px #000000 solid; color: #000000; background-color: #efefef;margin-left: 10px;}
.buttonjs {width: 140px;border: 0px #000000 solid; color: #000000; background-color: transparent;margin-left: 5px;}
.FieldTextTX
{
width: 505px;
height: 80px;
font-size: 0.7em;
margin-top: 3px;
}
textarea
{
font-size: 0.9em;
font-family: Verdana, Arial; Helvetica; font-weight: normal; font-style: normal;
}
.checkbox
{
width: 20px;display: inline;
}
td
{padding: 0 0 0 0;}

.TZ, .TR, .TK
{
font-size: 0.8em;
 background-color: transparent;
padding-right: 10px;}	

/* Textfomatierungen */	

.SKW {font-family:Verdana,Arial,Helvetica; font-size: 1.0em; color:#004e36;} 
.SKM {font-family:Verdana,Arial,Helvetica; font-size: .7em; color:#004e36}
.SKU {font-family:Verdana,Arial,Helvetica; font-size: .7em; color:black} 
.SKG {font-family:Verdana,Arial,Helvetica; font-size: 0.7em; color:#004e36}
.SAW {font-family:Verdana,Arial,Helvetica;  color:#fdfbee; background-color: #004e36; min-width: 80px}
*html .SAW {width: 80px}

#SAW {font-family:Verdana,Arial,Helvetica;  color:#fdfbee; background-color: #004e36; min-width: 80px}
*html #SAW {width: 80px}

.SNU {font-family:Verdana,Arial,Helvetica; font-size: 0.9em; color:black}
.SNW {font-family:Verdana,Arial,Helvetica; font-size: .9em; color:#004e36; font-weight: bold}
.STW {font-family:Verdana, Arial, Helvetica; font-size:1.2 em; color:#000000; font-weight: bold; font-style: normal} 
.SGK {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: normal; color: #000000}
.SNW-sch {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; font-weight: bold; color: #000000}

h2, h1  {font-size: 1.0em;}

/* Formatierung Tablesorter */

.tablesorter th { background: #98aba4;}
th.header {
background: #004D31;                
border-bottom: 0px solid #31694E;
background-image: url('../RA/jquerytablesorter/$FILE/bg.gif');            
margin: 40px 0 0 0; 
padding: 5px 0 10px 20px;
cursor: pointer; 
background-repeat: no-repeat; 
background-position: center left; 
padding-left: 20px; 
font-size: 0.8em;               
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;               
font-weight:bold;
color: #EFEFEF;
text-align: left
}
th.headerSortUp {
                background-image: url('../RA/jquerytablesorter/$FILE/asc.gif');
}
th.headerSortDown {
                background-image: url('../RA/jquerytablesorter/$FILE/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #98aba4;
}
.tablesorter td{
margin: 0 0 0 0;
padding: 5px 0 5px 20px;
border-bottom: dotted 1px #004D31;
padding-bottom: 5px;
font-size: 0.8em;
}

table.tablesorter,td.tablesorter {border: 0px solid #FFFFFF; border-collapse:collapse;}

/* Formatierung Hovereffekt bei Tablesorter */

.viewHover {background-color: #eeeeee;}

/* Formatierung Tagcloud */

#tagCloud{padding:5px 8px 5px 9px; width: 145px;  text-align: left;  background:  url(/www/ddk/cetima/webinfo_cetima.nsf/RA/bg_box/$FILE/bg_box.png) repeat-y; }

#tagList  p{float: left;margin:0px 4px 0px 0px; min-height: 18px;  }

*html #tagCloud{  width: 156px;}
#tagCloud h2{font-family:Verdana,Arial,Helvetica;font-weight: bold;font-size:1.0em;color: #5e5e5e;padding: 0 0 15px 0;}
#taglist {overflow: visible;}

#tagList a:link, #tagList a:visited, #tagList a:focus, #tagList a:active
{text-decoration: none; padding:0 0 0 0, display: block; color: #004D31;}
#tagList a:hover
{text-decoration: none; padding:0 0 0 0, display: block; color: #ffffff;background-color: #aaaaaa; }

/* Formatierung der Teaserlinks  */
a.tickertext:link, a.tickertext:visited,a.tickertext:focus, a.tickertext:active
{text-decoration: none; padding:0 0 0 0, display: block; color: #004D31;font-size:0.9em;font-weight: normal;}

a.tickertext:hover {text-decoration: none; font-family:Verdana,sans-serif;font-size:0.9em;color: #FFFFFF;font-weight:normal;background-color: #aaaaaa;}

/* accordion */
h1.ui-state-active, h1.ui-widget-content h1.ui-state-active {background:#E6E6E6 url(/www/ddk/cetima/webinfo_cetima.nsf/RA/accordion/$FILE/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;margin-bottom:6px;}

.ui-widget-overlay { background: #666666 url(/www/ddk/cetima/webinfo_cetima.nsf/RA/accordion/$FILE/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/www/ddk/cetima/webinfo_cetima.nsf/RA/accordion/$FILE/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-weight: bold; padding: 0.5em 0.5em 0.5em 2.4em; font-size: 1.0em;}
*html .ui-accordion *html .ui-accordion-header a { display: block; font-weight: bold; padding: 0.5em 0.5em 0.5em 2.4em; font-size: 0.3em;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0 2.2em 0.5em 2.2em ; border-top: 0; margin-top: -7px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker

.hideme { display: none; }

/* Bewertungsfunktion */

#StarsRatingAvg
{
float: right;
clear:both;
text-align: left;
width: 206px;
}
#StarsRatingSelect
{
float: right;
clear:both;
text-align: left;
width: 206px;
height: 16px
padding: 0 0 0 0;
}
*html .ui-stars-star a, *html .ui-stars-cancel a {height:17px;}
#StarsRatingEnd
{
clear:both;
}

#RatingSubmit {margin-right: 100px;}

/* Formatierung der Anzeige der zugeordneten Dokumente */

.embedded {border: 1px solid #aaaaaa; padding: 5px;margin: 0 0 14px 0;}
.embeddedheader {}

Button im Inhaltsbereich ==============*/
 a.contentbutton
{ width: 150px;         }

 a.contentbutton:link, a.contentbutton:visited,  a.contentbutton:focus,   a.contentbutton:active
 {  color: #FFFFFF; font-variant:small-caps;  background: url(../RA/bg_E1_normal/$FILE/bg_E1_normal.png) no-repeat; padding:6px 0 0 0px;  margin-top: 1px; font-weight: bold;       font-size:15px;   text-decoration: none; display: block;height: 28px; width: 143px;text-align: center; }

  a.contentbutton:hover
 { background: url(../RA/bg_E1_normal_hover/$FILE/bg_E1_normal_hover1.png) no-repeat; }
/* jQuery Bookmark styles v1.3.3 ===============*/

#BookmarkFunctions { 	
	height:20px;	
	background-repeat:no-repeat; }

#BookmarkFunctions ul {}

.bookmark_popup_text img {
	border: none;
	vertical-align: bottom;
}
.bookmark_popup {
	display: none;
	position: absolute;
	z-index: 100;
}
.bookmark_popup ul {
	float: left;
	width: 300px;
	border: 1px solid #aaa;
	background-color: #F0F1F6;
        padding: 5px 4px 5px 4px;
}
.bookmark_list {
	display: inline-block;
	float: left;
	list-style-type: none;
	font-size: 80%;
         	margin: 0px;
	padding: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Safari3/Opera9 */
	.bookmark_list {
		font-size: 100%;
                  font-size: 0.8em;

	}
}
html:first-child .bookmark_list {  /* Opera */
	font-size: 80%;
}
.bookmark_list li {
	float: left;
	width: 31%;
	margin: 1px;
	padding: 1px;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
text-align: center;
}
.bookmark_compact {
	background-color: #eee;
	border: 1px outset;
}
.bookmark_compact li {
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 2px;
	background-color: transparent;
	border: none;
}
.bookmark_list a {
	width: 100%;
	text-decoration: none;
	cursor: pointer;
}
.bookmark_list span {
	display: inline-block;
	width: 16px;height: 16px;}

.bookmark_list span.bookmark_icons {
	background: url(../RA/bookmark/$FILE/bookmarks.gif) no-repeat center;
}
.bookmark_list img {
	border: none;
}

/* jQuery Bookmark styles für IE*/

*html #BookmarkFunctions { 
	xpadding-left:35px;
	padding-top:0px;
	margin-top:0px;
	background-image:url(icon-lesezeichen.png);
     background-repeat:no-repeat; }

*html .bookmark_popup ul
{position: absolute; margin-top:-185px; margin-left:35px;}

*html .bookmark_list li {width: 33%;}

#LogoPlace {margin: 5px 0 0 2px; text-align: center;width: 150px;}