@charset "UTF-8";
@media all
{
/* Your styles here */

body { 
    background-color: #FFF;
    background-image: none;
    font-family: "Trebuchet MS",verdana,arial,sans-serif;
    }

/* header */
#banner {
    position: absolute; 
    top: 0px; 
    right: 5px; 
    z-index: 10;
    }
#header h1 { 	
    font-family: "Trebuchet MS";
    font-size: 3em;
    letter-spacing: 0.08em;
    line-height: 16.8pt; 
    }

#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover, 
#header h1 a:active {
    color: #444;
    text-decoration: none;
    }

/* Teaser */
#teaser {margin:0; margin-left: 12px; padding:0 10px 0 0px; background:#eee; color:#888;}
#teaser div {float:left; width:auto; /* font-size:0.9em; */}

#teaser .rootline {margin:6px 0 4px 10px;}
#teaser .rootline a {color:#888; text-decoration:underline;}
#teaser .rootline a:hover {background:transparent;}

#teaser .langMenu {float:right; margin:3px 10px 0 0;}
#teaser .langMenu a:hover {background:transparent;}
#teaser .langMenu .NO {margin-top: 2px;}
#teaser .langMenu .NO a {color:#888888; font-size:10pt; font-weight: bold;}
#teaser .langMenu .CUR {color:#444444; font-size:10pt; font-weight: bold;margin-top: 2px;}
#teaser .langMenu .SPC {margin-left: 10px;}

#onlyiPhone { display:none; }
.search { float:right; }

/* navigation */
  #submenu {
    width: 100%;
    overflow: hidden;
    margin: 1em 0 1em 0;
    list-style-type: none;
    border-top: 1px #ddd solid;
    font-weight: normal;
  }

  #submenu ul { list-style-type: none; margin:0; padding: 0; }
  #submenu li { float:left; width: 100%; margin:0; padding: 0 }

  #submenu a,
  #submenu strong {
    display:block;
    width: 90%;
    padding: 1px 0px 1px 10%;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border-bottom: 1px #eee solid;
  }

/* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */  
  #submenu a#navigation {border-bottom:0; padding:0;}

  /* Menu Title */
  #submenu li#title {
    width: 90%;
    padding: 1px 0px 1px 10%;
    font-weight: bold;
    color: #444;
    background-color: #fff;
    border-bottom: 4px #888 solid;
  }

  #submenu li span {
    display:block;
    width: 90%;
    padding: 1px 0px 1px 10%;
    font-weight: normal;
    border-bottom: 1px #ddd solid;
  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 90%;
    padding: 1px 0px 1px 10%;
    font-weight: bold;
    color: #fff;
    background-color:#4e5155;
    border-bottom: 1px #eee solid;
  }

  #submenu li a { width: 90%; font-weight: normal; padding-left: 10%; background-color:#fff; color: #444; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#6691BF; color: #fff; }

#submenu li.thema, #submenu li.thema a { font-weight: bold; border-bottom: 1px solid #888; }

#submenu .hidden {position:absolute; left:-1000em; width:20em;}

/* col */
#col1_content { margin-right: 10px; }
#col2 { border-left: 1px dotted #444; margin-top: 20px; }
#col2_content { margin-left: 10px; }
#col3 { width: 240px; }

/* content */
p.quelle { font-size: 90%; margin: 0px; }
p.quelle a:link, p.quelle a:visited, p.quelle a:hover, p.quelle a:active {
    color: #6691BF;
    text-decoration: none;
    }
p.bildquelle { font-size: 90%; font-style: italic; }
hr.space {
    line-height: 0pt;
    padding: 0px;
    margin: 0px;
    color: #FFF;
    border: 0px;
    border-color:-moz-use-text-color -moz-use-text-color #FFF;
    }
    
/* list theme */
.listitem, .detailview {
    /* width: 520px; */
    }
.sidelistitem, .sidedetailview {
    width: 235px;
    }
.searchlist {
    font-size: 9pt;
    }
.searchlistitem {
    /* width: 200px; */
    }
hr {
    margin-top: -2px;
    line-height: 2pt;
    }
.title {
    font-size: 11pt;
    font-weight: bold;
    color: #6691BF;
    }
.title a:link, .title a:visited, .title a:hover, .title a:active {
    font-size: 11pt;
    font-weight: bold;
    color: #6691BF;
    text-decoration: none;
    }
.subtitle {
    font-size: 9pt;
    font-weight: normal;
    font-style: italic;
    color: #6691BF;
    }
    
.short {
    font-size: 9pt;
    font-weight: normal;
    color: #333333;
    line-height: 12pt;
    }
.short a:link, .short a:visited, .short a:hover, .short a:active {
    font-size: 9pt;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    }
.short a.link:link, .short a.link:visited, .short a.link:hover, .short a.link:active {
    font-size: 9pt;
    font-weight: normal;
    color: #6691BF;
    text-decoration: none;
    }
.short ul { list-style-type:none; }
.short li:before { content: "- "; }
.short-detail {
    font-size: 9pt;
    font-weight: normal;
    color: #333333;
    line-height: 12pt;
    }
.short-detail a:link, .short-detail a:visited, .short-detail a:hover, .short-detail a:active {
    font-size: 9pt;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    }
.short-detail a.link:link, .short-detail a.link:visited, .short-detail a.link:hover, .short-detail a.link:active {
    font-size: 9pt;
    font-weight: normal;
    color: #6691BF;
    text-decoration: none;
    }
.short-detail ul { list-style-type:none; }
.short-detail li:before { content: "- "; }
.long {
    font-size: 9pt;
    line-height: 16px;
    font-weight: normal;
    color: #777777;
    }
.long a:link, .long a:visited, .long a:hover, .long a:active {
    font-size: 9pt;
    font-weight: normal;
    color: #777777;
    text-decoration: none;
    }
.long a.link:link, .long a.link:visited, .long a.link:hover, .long a.link:active {
    color: #6691BF;
    text-decoration: none;
    }
.add {
    font-size: 9pt;
    font-weight: normal;
    color: #999999;
    line-height: 12pt;
    }
.ref {
    font-size: 9pt;
    font-weight: normal;
    color: #999999;
    line-height: 12pt;
    }
.ref a.link, .ref a.link:visited, .ref a.link:hover, .ref a.link:active {
    text-decoration: none;
    color: #6691BF;
}
.link a:link, .link a:visited {
    font-size: 9pt;
    font-weight: normal;
    color: #6691BF;
    text-decoration: none;
    }
.link a:hover, .link a:active {
    font-size: 9pt;
    font-weight: normal;
    color: #6691BF;
    text-decoration: underline;
    }
    
.pict {
    float: left;
    width: 120px;
    margin-top: 7px;
    margin-right: 7px;
    }
.pict-detail {
    float: left;
    width: 115px;
    margin-top: 7px;
    margin-right: 7px;
    margin-bottom: 0px;
    border: 1px solid #999999;
    }
.textbox {
    /* float: left; */
    /* width: 370px;   600px */
    margin-top: 5px;
    }

/* --- lists --- */
.mainlistitem {
    list-style-type: disc;
    font-size: 9pt;
    }
.parentlist {
    }
.parentlistitem {
    list-style-type: none;
    font-size: 9pt;
    }
.childlist {
    }
.childlistitem {
    list-style-type: disc;
    font-size: 9pt;
    }

/* --- highlight --- */
.high_h3 { text-align: right; }
.highlistitem { text-align: right; }
.highpict {
    float: right;
    width: 70px;
    margin-top: 7px;
    margin-right: 0px;
    }
/* --- news --- */


/* --- images --- */
.picture img {
    border: 1px solid #999999;
    }
   

/* footer */
#footer { 
    width: 100%; 
    margin: 0 auto; 
    /* margin-top: 40px; */
    padding-top: 10px;
    margin-left: 10px; 
    overflow: hidden;
    border-top: 1px #666 solid;
    background-color: #fff;
    }
#sponsor { width:740px; float:left; }
#sponsor li {
    display: inline; 
    list-style-type: none; 
    margin-left: 0px; 
    margin-right: 50px; 
    }
#feedback { width:200px; float:right; }
#feedback a:link, #feedback a:visited, #feedback a:hover, #feedback a:active {
    font-size: 9pt;
    font-weight: normal !important;
    color: #4D87C7 !important;
    text-decoration: none;
    text-align: right;
    }
}