/* CSS Basis */
/* debug */
/*
 div{
   border: 1px solid #CECECE;
   margin: 2px; 
 }
*/ 
 
  * {
  /* Universalselektor - Alle Einstellungen auf 0 */
    margin:0;
    padding:0;
  /* Listenelemente erstmal ausblenden */
    list-style:none;
  }
  
  body {
    line-height:1.4em;
    font-weight:normal;
    /* Merzt einige Bugs in div. IE-Versionen aus */
    font-size:100.01%;
    font-size: 13px;
    line-height: 20px;
    font-family:arial, sans-serif;
    color: #404040;
  }
  
  p {
    margin:5px 10px 7px 0;
  /*  text-indent: 20px*/
  }
  
/* Layout */
  body {
    background-image:  url(../images/design_2010/bg_top.jpg);
    background-repeat: repeat-x;
    background-color:  #f5f5f5;
  }
  
  #wrapper {
    width:  900px;
    margin: auto; 
  }
  
/* HEAD */  
  #header {
    position: relative;
    height: 200px;
  }
  
  #top_block {
    position: relative;
    float:    right; 
    top:      20px;
    color:    #FFFFFF;
/*  width:    150px; */
  }
  
  #top_navi li{
    float: left; 
    display: inline;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding: 0 5px;
  }
  
  #top_navi li a
  {
    color: #FFFFFF;
    text-decoration:none;  
  }
  
  #top_navi li:hover
  {
    background-color: #F99D1C;
  }
  
  #logo {
    position: relative;
    width:    150px;
    float:    left; 
    top:      10px;
  }
  
  #banner {
    position: relative;
    float:    left;
    top:      40px;
    color:    #FFFFFF;
  }
  
  .banner_big {
    font-size: 36px;
  }
  
  .banner_small {
    font-size: 18px;
  }
  
  #navi_main {
    position: absolute;
    height:   40px;
    bottom:   0px;
    width:    100%;
    background-color:#FFFFFF;
    border:   1px solid #CECECE;

    font-size: 14px; 
    text-align:center;
    font-weight: bold;
  }

  #navi_main a {
    color: #005590;
    text-decoration: none;
  }

  #navi_main li {
    float: left;
    background-image:url(../images/design_2010/bg_button.jpg);
    background-repeat:repeat-x;
    background-color:#FFFFFF;
    height: 30px;
    width: 176px;
    margin: 2px 1px 2px 2px;
    border-right: 1px solid #CECECE;
    padding-top: 5px;
  }
  
  #navi_main #current {
    background-image:url(../images/design_2010/bg_button_active.jpg);
  } 
  
  #navi_main #current a{
    color:#FFFFFF;
  }     
 
/* CONTENT */
  #main {
    margin-top: 15px;
    position: relative;
  }
  
  #title_bar {
    border:   1px solid #CECECE;
    height:75px; 
    width: 900; 
    color: #FFFFFF; 
    padding:  4px 4px 2px 4px;
    background-color:#FFFFFF;   
    background-repeat: no-repeat; 
    background-position:center;
  }
  
  .title_bar_big{
    font-size: 28px;
    margin: 25px 10px; 
  }
  
  #navi_left {
    border:   1px solid #CECECE;
    margin-top: 5px;
    width: 200px;
    background-color:#FFFFFF;   
    float: left;    
  }

  #content {
    border:   1px solid #CECECE;
    background-color:#FFFFFF;
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    /* 900 -200 (left) -5 (margin) - 4 (border)*/
    width: 691px;
  }
  
  #content li {
    margin-left: 10px;
    padding: 0px 0 5px 15px;
    background: url(../images/design_2010/bullet.gif) no-repeat 0px 0.3em;
  }
  
  .box {
    padding: 5px;
  }
  
  .box_headlines {
    border-bottom: 1px solid #CECECE;
    padding:       5px;
    height:        25px
    padding:       5px 10px;
    font-size:     15px;
    font-weight:   bold;
    color:         #005590; 
  }
  
  .box_text {
    padding:       5px;
    background-image: url(../images/design_2010/box_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;   
  }
  

/* FOOTER */
  #footer {
    border-top: 1px solid #CECECE;
    margin-top: 10px;
    font-size:  small;
  }

/* general tags */
  h1 {
    font-size:     16px;
    font-weight:   bold;
    color:         #005590; 
    margin-bottom: 10px;
  }

  h2 {
    font-size:     15px;
    font-weight:   normal;
    font-style:    italic;
    margin-bottom: 10px;
    color:         #005590; 
  }
  
  label {
     width: 100px;
     display: block;
     float: left;
  }
  
  .list li{
     color: #005590;
     background: url(../images/design_2010/bullet.gif);
     background-repeat: no-repeat;
     background-position: 0 0.3em;
     padding-left: 15px;
  }

  .list li ul{
    color: #404040;
  }

  a{
    color: #005590;
  }
    
  .clear{
    clear:both;
  }
  

/* (en) Styling of article list | (de) Gestalltung für die Artikelliste */
.articlelistPagecounter { width: 100%; text-align: center; margin: 20px 0 15px 0; padding-bottom: 15px; border-bottom: 1px solid #CCC; }
.articlelistItem { width: 100%; border-bottom: 1px solid #CCC; margin-top: 5px; }
.articlelistItem img { float: right; margin: 0 10px; }
.articlelistItem p.articlelistHeadline { margin: 10px 0 5px 0; }
.articlelistItem a.articlelistHeadline { font-weight: bold; }
.articlelistItem p.articlelistSubheadline { margin: 0 0 5px 0; }
.articlelistItem p.articlelistContent { }
.articlelistItem p.articlelistContent img { float: right; margin-left: 10px; }
.articlelistItem p.articlelistMore { clear: left; text-align: right; font-weight: bold; }
.articlelistItem a.articlelistBack { }
.articlelistItem a.articlelistNext { }
.articlelistItem a.articlelistPageNumber { }
.articlelistItem a.articlelistBegin { }
.articlelistItem a.articlelistEnd { }
.articlelistItem a.articlelistPrevious { }
.articlelistItem a.articlelistNext { }
.articlelistNavigation { width: 100%; text-align: center; margin: 10px 0 20px 0; }