/* 
 * stylesheet for ############ Kunde ###############
 * content design
 * use for best viewing performance wwEdit CMS (www.wwedit.de)
 * (c) www.wegewerk.com
 * created: 20050316 bms
 * customized: ########### 
 * lastmodified: 20050907 bms
 */

/* um die kommentare nicht zu zerschiessen, bitte als utf-8 bearbeiten */

/* utf-8 : Ä Ö Ü */
 


/* #################################################################################################### */
/* ########################################    CONTENT DESIGN    ###################################### */
/* #################################################################################################### */


/* CONTENT_OBJECTS */
/*
 * min-height(wird nur von mozilla und co. interpretiert) muss entsprechend des 
 *  grafischen entwurfs angepasst werden, je nachdem wie hoch ein contentobjekt 
 *  mindestens ist. (hängt im wesentlichen von der bildgrösse ab )
 */
.content_object{
  margin: 0 0 20px 0;
  /*min-height: 150px;*/
}

/* 
 *  die height für den ie wird mit 1% angegeben, damit auch er die höhe der 
 *  contentobjekte korrekt berechnet
 */
/* nur für ie-win sichtbar \*/
* html .content_object{
    height: 1%;
}
/* */

/*
 * hier werden die verschiedenen DIV-BEREICHE designed (also Hintergründe, Borders, margins etc..)
 * ausserdem können hier für die verschieden DIV-BEREICHE die GLOBALEN TAGDEFINITIONEN überschrieben werden 
 */

 
 
 
/* ##################################### PAGE_HEAD #################################### */

/* ------ PAGE_HEAD_VERTICAL --------- */
/* bei bedarf reinnehmen */
/*#page_head_vertical {
  background-color: #fff;
  margin: 5px;
}
    
#page_head_vertical ul {
  padding: 0px;
  margin: 0px;
  display: inline;
  list-style: none;
} 

#page_head_vertical li {
  display: inline;
  margin-right: 10px;
}*/


/* 
 * bei bedarf die globalen tagdefinitionen überschreiben 
 */
/*    
#page_head_vertical a{    
  color: #666;
}
    
#page_head_vertical a:visited{    
  color: #666;
}     

#page_head_vertical a:hover,
#page_head_vertical a:active,
#page_head_vertical a:focus{    
  background-color: #ffcc66;
}   
    
#page_head_vertical a.active {
  background-color: #666;
}
*/


/* ----------- PAGE_HEAD_IMAGE --------------- */ 

#page_head_title_img {
	position: absolute;
	top: 10px;
}
/* ----------- PAGE_HEAD_TICKER --------------- */ 
#page_head_ticker{
  position: absolute;
  font-size: .7em;
  background-color: #000;
  width: 655px;
  left: 218px;
  top: 15px;
}
           
    
#page_head_ticker .ticker_image{
  margin: 0 0 0 2px;
  float: left;
  width: 16px;
}
    
#page_head_ticker .ticker_text{
  margin: 0 0 0 25px;
  padding: 3px 0 0;
}

#page_head_ticker a{
	height: 0;
}

    

/* #####################################    PAGE_BODY    ################################### */


    
/* ------------- PAGE_BODY_TICKER --------------- */
/* bei bedarf reinnehmen */
/*#page_body_ticker {
  font-size: .77em;
  margin: 5px;
  clear: both;
  line-height: 2em;
}

#page_body_ticker{    
  background-color: #FFFFEB;
}
*/
    
/* ---------------- PAGE_BODY_FOOT --------------- */
/*#page_body_foot {
  margin: 0 0 0 80px;
  color: #fff;
  font-size: .66em;      
  clear: both;
  padding: 5px;
}
  */  
/* 
 * bei bedarf die globalen tagdefinitionen überschreiben 
 */
/*
#page_body_foot a{    
  text-decoration: none;
  color: #000;
}
    
#page_body_foot a:visited{    
  color: #000;
}     

#page_body_foot a:hover,
#page_body_foot a:focus
#page_body_foot a:active{    
  text-decoration: underline;
  background: none;
}
*/  


/* #####################################     PAGE_BODY_LEFT_CONTENT     #################################### */
/* Einstellungen für den Content der linken Spalte */


#page_body_left_content{
    margin: 0;
}

#page_body_left_content .content_object{
    margin: 0 0 7px 10px;
}

#page_body_left_content img.banner{
    margin: 0;
    padding: 0;
}
/* ##################################      PAGE_BODY_COLS      ################################ */

/* ----------- PAGE_BODY_COLS_TITLE ------------ */

#page_body_cols_title{
  clear: both;
  margin: 5px 5px 5px 5px;
  padding: 5px;
}


    

    
/* --------- PAGE_BODY_COLS_TICKER ----------- */

#page_body_cols_ticker{
  font-size: .77em;
  margin: 10px 5px 0 5px;
  background-color: #000;
  width: 520px;
}
           
    
#page_body_cols_ticker .ticker_image{
  margin: 0 0 0 2px;
  float: left;
  width: 16px;
}
    
#page_body_cols_ticker .ticker_text{
  margin: 0 0 0 25px;
  padding: 2px 0 0 0;
}


/* ------------ PAGE_BODY_COLS_FOOT ---------- */
#page_body_cols_foot {
  font-size: .7em;
  padding: 8px 0;
  clear: both;
  color: #fff;
}

/* \ */
* html #page_body_cols_foot {
  padding-top: 4px;
  margin: -73px 0 0 0;
}
/* */

#page_body_cols_foot img{
  margin: 0 0 -3px 0;
}
    
#page_body_cols_foot a{    
  text-decoration: none;
}
    
#page_body_cols_foot a:visited{    
  color: #008CF0;
}     

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

/* ------------ PAGE_BODY_MAIN_FOOT-2 ---------- */

#page_body_main_foot2 {
  font-size: .7em;
  padding: 8px 0;
  clear: both;
  color: #fff;
}

/* \ */
* html #page_body_main_foot2 {
  padding-top: 4px;
  margin: -73px 0 0 0;
}
/* */

#page_body_main_foot2 img{
  margin: 0 0 -3px 0;
}
    
#page_body_main_foot2 a{    
  text-decoration: none;
}
    
#page_body_main_foot2 a:visited{    
  color: #008CF0;
}     

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

/* ###################################    PAGE_BODY_MAIN     ################################### */
    
/* ------------- PAGE_BODY_MAIN_TITLE ------------- */
/* bei bedarf reinnehmen */
/*
#page_body_main_title{
  background-color: #BFCBD9;
  clear: both;
  padding: 5px;
  margin: 0 0 5px 0;
}
*/  

/* ###############################      PAGE_BODY_MAIN_CONTENT       ########################## */

#page_body_main_content{
  margin: 0;
  padding: 5px 10px 10px;
  color: #000;
  min-height: 385px;
  overflow: hidden;
  font-size: 0.9em;
  line-height: 1.1em;
  background: #EFEFF1;
}

/* HEADLINES */
/*#page_body_main_content h2{
  color: #333333;
  padding: 0;
}*/


/* IMAGES */
#page_body_main_content img{
  float: left; 
  margin: 0 10px 5px 0;
}


/* LISTS */
#page_body_main_content ol {
  padding: 0;
  margin: 0 0 0 30px;
}

#page_body_main_content ul {
  padding: 0;
  margin: 0 0 0 15px;
}

/* \ */
* html #page_body_main_content ul {
  padding: 0;
  margin: 0 0 0 18px;
}
/* */

/* LINKS */
/* 
 * brauchen wir nur bei ausgeschaltetem Dreckfilter, sonst kommen die 
 * klassifizierten Links a.mail, a.intern, etc. zum tragen
 */
/*
#page_body_main_content a{
  text-decoration: underline;
  color: #333333;
}

#page_body_main_content a:visited{
  color: #333333;
}
 
#page_body_main_content a:hover{
  background-color: #dddddd;
}

#page_body_main_content a:focus{
  background-color: #dddddd;
}

#page_body_main_content a:focus{
  background-color: #dddddd;
}
*/

#page_body_main_content .normaltext a{
  font-size: 0.83em;
  color: #000;
}

#page_body_main_content .content_object h2 a{
  font-size: 0.83em;
  color: #000;
}

#page_body_main_content a.mail {
  color: #008CF0;
  font-weight: bold;
}

#page_body_main_content a.intern {
  color: #008CF0;
  font-weight: bold;
}

#page_body_main_content a.extern {
  color: #008CF0;
  font-weight: bold;
}

#page_body_main_content a.download {
  color: #008CF0;
  font-weight: bold;
}


/* F C K - EDITOR */
/* hier alles festlegen, was aus dem FCK-Editor kommen kann */

/* TEXT */
#page_body_main_content .richtext{
  color: #333333;
  margin: 0 0 0 0;
  font-size: 0.83em;
}


/* LINKS */
/* 
 * brauchen wir nur bei ausgeschaltetem Dreckfilter, sonst kommen die 
 * klassifizierten Links a.mail, a.intern, etc. zum tragen
 */
/*
#page_body_main_content .richtext a{
  color: #333333;
  text-decoration: underline;
}

#page_body_main_content .richtext a:visited{
  color: #333333;
}

#page_body_main_content .richtext a:hover{
  background-color: #dddddd;
}

#page_body_main_content .richtext a:active{
  background-color: #dddddd;
}

#page_body_main_content .richtext a:focus{
  background-color: #dddddd;
}
*/

/* HEADLINES */
/* bei bedarf globale tagdefinition überschreiben */
/*
#page_body_main_content .richtext h2 {
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h3{
  font-size: 1.2em;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h4{
  font-size: 1em;
  text-transform: uppercase;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h5{
  font-size: 1em;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_main_content .richtext h6{
  font-size: .83em;
  font-weight: bold;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}
*/

/* TABLES */
/* bei bedarf globale tagdefinition überschreiben */
/*
#page_body_main_content .richtext table{
  font-size: 1em;
  margin: 0;
  padding: 0;
}
*/

/* LISTS */
/* bei bedarf globale tagdefinition überschreiben */
/*
#page_body_main_content .richtext ol{
  margin: 0 0 0 22px;
  padding: 0;
}

#page_body_main_content .richtext ul{
  margin: 0 0 0 18px;
  padding: 0;
}
*/

/* Seitenteaser */
.teaser{
    font-size: 0.83em;
    margin: 0 0 10px 0;
}

.teaser h2{
    margin: 0;
    padding: 0;
}


/* PAGELIST */
/* bei bedarf globale tagdefinition berschreiben */

#page_body_main_content .pagelist ul{
  margin: 0 0 0 0;
  list-style: none;
  list-style-position: inside;
}

/* \ */
* html #page_body_main_content .pagelist ul{
  
  list-style-position: outside;
}
/* */

#page_body_main_content .pagelist li{
  font-size: 0.8em;
  margin: 0;
  padding: 0 0 20px 0;
  
}

#page_body_main_content .pagelist h2 {
  margin: 0;
  padding: 0;
}

#page_body_main_content .pagelist a {
  margin: 0 0 0 0;
  color: #000;
  padding: 0;
}

#page_body_main_content .pagelist h2 a {
  margin: 0 0 0 0;
  color: #000;
  padding: 0;
}
   
/* ---------- PAGE_BODY_MAIN_TICKER ------------- */
/* bei bedarf reinnehmen */
#page_body_main_ticker{
  font-size: .77em;
  margin: 10px 5px 0 0px;
  background-color: #000;
  width: 520px;
}
           
    
#page_body_main_ticker .ticker_image{
  margin: 0 0 0 2px;
  float: left;
  width: 16px;
}
    
#page_body_main_ticker .ticker_text{
  margin: 0 0 0 25px;
  padding: 2px 0 0 0;
}

/* ---------- PAGE_BODY_MAIN_FOOT --------------- */
#page_body_main_foot {
  font-size: .77em;
  padding: 10px;
  clear: both;
  margin: 0;
  background: #EFEFF1 url(/static/img/verdi18h/body_maincol_bg.gif) no-repeat bottom;
}

.msie #page_body_main_foot {
	margin-top: -6px;
}
#page_body_main_foot img {
  margin: 0 0 -3px 0;
}
    
#page_body_main_foot a {    
  text-decoration: none;
  color: #008CF0;
}
    
#page_body_main_foot a:visited {    
  color: #008CF0;
}     

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




/* ################################    PAGE_BODY_RIGHT_CONTENT     ####################### */

#page_body_right_content .richtext{
  padding: 0 11px;
}

#page_body_right_content .content_object{
    margin:0pt 0pt 10px;
}

#page_body_right_content{
    font-size:0.7em;
    line-height:1.3em;
    color: #EFEFF1;
}

/* \ */
* html #page_body_right_content{
  padding: 5px 5px 5px 2px;
  /* damit der ie lange wörter einfach hart umbricht, so dass nicht die ganze rechte spalte umbricht */
  /* sollte für jede installation einzeln entschieden werden, ob das eingesetzt werden soll */
  word-wrap: break-word;  
}
/* */

#page_body_right_content h2{
  color: #333333;
  padding: 0;
}

/* BANNER */
#page_body_right_content .block_banner{
  text-align: center;
}

#page_body_right_content .block_banner img{
  margin: 0px 0px 5px 0px;
}


/* IMAGES */
#page_body_right_content img{
  padding-bottom: 17px;
  float: none;
  background: #EFEFF1 url(/static/img/verdi18h/body_rightimg_bottom.gif) no-repeat bottom;
}


/* LINKS */

/* brauchen wir nur bei ausgeschaltetem Dreckfilter, sonst kommen die 
*  klassifizierten Links a.mail, a.intern, etc. zum tragen
*/

/*
#page_body_right_content a{
  text-decoration: underline;
}

#page_body_right_content a:visited{
  color: #333333;
}
 
#page_body_right_content a:hover{
  background-color: #dddddd;
}

#page_body_right_content a:focus{
  background-color: #dddddd;
}

#page_body_right_content a:focus{
  background-color: #dddddd;
}
*/

/*#page_body_right_content .normaltext a{
  font-size: .77em;
}

#page_body_right_content a.mail {
  padding-left: 15px;
  background-image: url(/static/img/demo_icons/link_mail.gif);
  background-repeat: no-repeat;
  background-position: left;
  background-position: 2px 4px;
}

#page_body_right_content a.intern {
  padding-left: 15px;
  background-image: url(/static/img/demo_icons/link_int.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}


#page_body_right_content a.extern {
  padding-left: 18px;
  background-image: url(/static/img/demo_icons/link_ext.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;

}

#page_body_right_content a.download {
  padding-left: 15px;
  background-image: url(/static/img/demo_icons/link_down.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}
*/

/* LISTS */
/*#page_body_right_content ol {
  padding: 0;
  margin: 0 0 0 22px;
}

#page_body_right_content ul {
  padding: 0;
  margin: 0 0 0 18px;
}
*/


/* ### F C K - EDITOR ###*/
/* hier alles festlegen, was aus dem FCK_editor kommen kann */

/* TEXT */
/*#page_body_right_content .richtext{
  font-size: 0.77em;
  color: #333333;
  margin: 0 0 10px 0;
}*/

/* LINKS */
/* brauchen wir nur bei ausgeschaltetem Dreckfilter, sonst kommen die 
*  klassifizierten Links a.mail, a.intern, etc. zum tragen
*/
/*
#page_body_right_content .richtext a{
  color: #333333;
  text-decoration: underline;
}

#page_body_right_content .richtext a:visited{
  color: #333333;
}

#page_body_right_content .richtext a:hover{
  background-color: #dddddd;
}

#page_body_right_content .richtext a:active{
  background-color: #dddddd;
}

#page_body_right_content .richtext a:focus{
  background-color: #dddddd;
}
*/

/* HEADLINES */
/* bei bedarf globale definition überschreiben */
/*
#page_body_right_content .richtext h2{
  font-size: 1.2em;
  text-transform: uppercase;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_right_content .richtext h3{
  font-size: 1.2em;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_right_content .richtext h4{
  font-size: 1em;
  text-transform: uppercase;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_right_content .richtext h5{
  font-size: 1em;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}

#page_body_right_content .richtext h6{
  font-size: .83em;
  font-weight: bold;
  color: #333333;
  margin: 5px 0 5px 0;
  padding: 0;
}
*/

/* TABLES */
/*#page_body_right_content .richtext table{
  font-size: 1em;
  margin: 0;
  padding: 0;
}

*/
/* LISTS */
/*#page_body_right_content .richtext ol{
  margin: 0 0 0 22px;
  padding: 0;
}

#page_body_right_content .richtext ul{
  margin: 0 0 0 18px;
  padding: 0;
}*/

    

/* ###############################       PAGE_FOOT         ############################### */


/* PAGE_FOOT  */
#page_foot{   
  margin: -20px 0 0 45px;
  font-size: .66em; 
  clear: both;
  color: #D7E2F9;
}

#page_foot a{    
  text-decoration: none;
  color: #D7E2F9;
}
    
#page_foot a:visited{    
  color: #D7E2F9;
}     

#page_foot a:hover,
#page_foot a:focus,
#page_foot a:active{    
  text-decoration: underline;
  background: none;
}