/* #################################################################################################### */
/* ########################################    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 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{
  position: relative;
  height: 266px;
  margin: 0 8px 1px 8px;
  padding-top: 8px;
}

#page_head_title_img{
}

#page_foot_top {
  width: 784px;
  height: 266px;
  position: absolute;
  background-image: url(/static/img/bs11/kopf_verlauf.gif);
  background-repeat: no-repeat;
  background-position: top right;
}

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

/* ---------------- PAGE_BODY_FOOT --------------- */
#page_body_foot {
  position: relative;
  font-size: .66em;
  clear: both;
  padding: 5px;
  top: 17px;
  color: #999;
}

#page_body_foot a {
  color: #999;
}

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

/* ------------ PAGE_BODY_COLS_FOOT ---------- */
#page_body_cols_foot {
  font-size: 0.8em;
  clear: both;
}

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

#page_body_main_content{
}


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


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

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

/* TEXT */
#page_body_main_content .richtext{
  margin: 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 5px 5px 0px;
  list-style: none;
}

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

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

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

#page_body_right_content{

}

#page_body_right_content h2 {
  color: #fff;
  background-image: url(/static/img/bs11/navigation_verlauf.gif);
  padding: 5px;
  margin-bottom: 1px;
  margin-top: 0;
  font-size: 0.8em;
}

#page_body_right_content h2 a {
  margin: -5px;
  padding: 5px;
  display: block;
  color: #fff;
}

.msie #page_body_right_content h2 a {
  margin: 0;
  padding: 0;
  color: #fff;
}

#page_body_right_content h2 a:hover,
#page_body_right_content h2 a:focus,
#page_body_right_content h2 a:active {
  background-color: #f00;
}

/* IMAGES */
#page_body_right_content img{
  margin: 0;
  float: none;
}

.msie #page_body_right_content img{
  margin-bottom: -3px;
}

#page_body_right_content .richtext{
  background-color: #d4d3d9;
  margin-top: 1px;
  padding: 5px;
  font-size: 0.8em;
}


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

/* Formulare */
#page_body_right_content form {

}

/* 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{   
  background-color: #8898AC;  
  font-size: .77em; 
  margin: 5px 0 0 0;
  padding: 5px;
  clear: both;
  color: #EFF1F4;
}

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

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