/* 
 * 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{
  background: #fff;
  margin: 0;
  padding: 0;
  /*min-height: 150px;*/
}

.content_object_hr{
  height: 1px;
  color: #D4D2CA;
  background-color: #D4D2CA;
  border: none;
  margin: 15px 0 15px 0;
  clear: left;
}

/* 
 *  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{
  height: 110px; 
}
    
#page_head_title_img{
  margin: 0 0 0 250px;
}
    
    
    
    



/* ------ 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_TICKER --------------- */ 
/* bei bedarf reinnehmen */  
/*#page_head_ticker{
  font-size: .77em;
  background-color: #EFF1F4;
  margin: 5px 5px 0 5px;
  line-height: 2em;
}
           
#image_anchor a{
  text-decoration: none;
}
    
#page_head_ticker .ticker_image{
  margin: 2px 0 0 2px;
  float: left;
  width: 16px;
}
    
#page_head_ticker .ticker_text{
  margin: 0 0 0 25px;
}
*/

    

/* #####################################    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 {
  color: #666;
  font-size: .66em;      
  clear: both;
  padding: 5px;
  margin: 0 5px 0 280px;
}
    
/* 
 * bei bedarf die globalen tagdefinitionen überschreiben 
 */
#page_body_foot a{    
  text-decoration: none;
  color: #212a60;
}
    
#page_body_foot a:visited{    
  color: #212a60;
}     

#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{
    
}



/* ##################################      PAGE_BODY_COLS      ################################ */

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

#page_body_cols_title{
  background-color: #e4e4e9;
  clear: both;
  margin: 5px 5px 5px 5px;
  padding: 5px;
}


    

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

#page_body_cols_ticker{
  font-size: .77em;
  margin: 5px 5px 0 5px;
  line-height: 2em;
}
           
    
#page_body_cols_ticker .ticker_image{
  margin: 2px 0 0 2px;
  float: left;
  width: 16px;
}
    
#page_body_cols_ticker .ticker_text{
  margin: 0 0 0 25px;
}


/* ------------ PAGE_BODY_COLS_FOOT ---------- */
#page_body_cols_foot {
  background-color: #e4e4e9;
  font-size: .77em;
  margin: 0 5px 5px 5px;
  padding: 5px;
  clear: both;
}

#page_body_cols_foot img{    
  margin: 0 2px 0 0;
}
    
/*#page_body_cols_foot a{    
  text-decoration: none;
  color: #333333;
}
    
#page_body_cols_foot a:visited{    
  color: #333333;
}     

#page_body_cols_foot a:hover,
#page_body_cols_foot a:focus,
#page_body_cols_foot 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{
  background-color: #fff;
  color: #333333;
  margin: 0 0 0 45px;
  width: 500px;
}


/* 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 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;    
}


#page_body_main_content a.mail {
  padding-left: 16px;
  background-image: url(/static/img/dgp20_icons/more.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}

#page_body_main_content a.intern {
  padding-left: 16px;
  background-image: url(/static/img/dgp20_icons/more.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}

#page_body_main_content a.extern {
  padding-left: 16px;
  background-image: url(/static/img/dgp20_icons/more.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}

#page_body_main_content a.download {
  padding-left: 16px;
  background-image: url(/static/img/dgp20_icons/more.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}


/* 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.77em;
}


#page_body_main_content .additional_link{
  color: #212a60;
  margin: 0 0 0 0;
  font-size: 0.77em;
}


/* 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;
}


.teaser h2 a{
  color: #6C84AC;
}

.teaser h2 a:hover{
  text-decoration: none;
}

/* PAGELIST */
/* bei bedarf globale tagdefinition berschreiben */
#page_body_main_content .pagelist ul,
#page_body_main_content .newslist ul{
  margin: 0 5px 5px 0px;
  list-style: none;
  font-size: .83em;
}

#page_body_main_content .pagelist li,
#page_body_main_content .newslist li{
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 0.9em;
}

#page_body_main_content .pagelist h2,
#page_body_main_content .newslist h2{
  margin: 0;
  padding: 0;
  font-size: 1em;
} 

#page_body_main_content .pagelist h2 a,
#page_body_main_content .newslist h2 a{
  margin: 0;
  padding: 0;
  color: #6C84AC;
} 

#page_body_main_content .pagelist h2 a:hover,
#page_body_main_content .newslist h2 a:hover{
  text-decoration: none;
} 
    
/* ---------- PAGE_BODY_MAIN_TICKER ------------- */
/* bei bedarf reinnehmen */
/*
#page_body_main_ticker {
  font-size: .77em;
  clear: both;
  background-color: #F3F3F3;
  line-height: 2em;
}
*/

/* ---------- PAGE_BODY_MAIN_FOOT --------------- */
/*#page_body_main_foot { 
  background-color: #EFF1F4;     
  font-size: .66em;
  margin: 5px 0 5px 0;
  padding: 5px;
  clear: both;
}

#page_body_main_foot a{    
  text-decoration: none;
  color: #333333;
}
    
#page_body_main_foot a:visited{    
  color: #333333;
}     

#page_body_main_foot a:hover,
#page_body_main_foot a:focus,
#page_body_main_foot a:active{    
  background-color: #dddddd;
}   
*/


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

#page_body_right_content{
  color: #333333;
  background: #fff;
}

/* \ */
* 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 .content_object{
  border: 1px solid #6d84ad;
  border-top: 0px;
  margin-bottom: 10px;
}

#page_body_right_content .content_object h2{
  background: #6d84ad url(/static/img/dgp20/bg_right.gif) top left no-repeat;
  color: #fff;
  font-size: 0.9em;
  padding: 4px 0 3px 14px;
  margin: 0;
}



/* LINKS */

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

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

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


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

}

#page_body_right_content a.download {
  padding-left: 16px;
  background-image: url(/static/img/dgp20_icons/more.gif);
  background-repeat: no-repeat;
  background-position: 2px 4px;
}


/* ### 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;
  padding: 10px 14px;
}

#page_body_right_content hr{
  border: 0;
  border-bottom: 1px solid #d4d2ca;
  margin: 7px 0;
}