/* #### screen.css #### */
/* -----------------------------------------------
copyright - Daniel Labusch
----------------------------------------------- */

/* text
----------------------------------------------- */

* {
     margin: 0;
     padding: 0;
     border: 1;
     }

body {
        font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
     color:#333;
     background-color: #ccc;
     line-height: 1.1em;
     font-size: 1em;
     }    

p {
     font-family: Arial, Helvetica, Sans-serif;
     font-size: 75%;
     margin-bottom: 8px;
     }

h1 {
     font-family: Arial, Helvetica, Sans-serif;
     font-size: 155%;
     line-height: 1.2em;
     margin-bottom: 10px;
     font-weight: normal;
     color: #00436e;
     }

h2.original {
     font-family: Arial, Helvetica, Sans-serif;
     font-size: 85%;
     color: #00436e;
     font-weight: normal;
     padding: 6px 0 2px 0;
     }

h2 {
     font-family: Arial, Helvetica, Sans-serif;
     font-size: 82%;
     color: #00436e;
     font-weight: bold;
     padding: 6px 0 2px 0;
     }

h3.original {
     font-family: Arial, Helvetica, Sans-serif;
     font-size: 75%;
     font-weight: normal;
     padding: 6px 0 0 0;
     color: #00436e;
     }

h3 {
     font-family: Arial, Helvetica, Sans-serif;
     font-size: 100%;
     font-weight: bold;
     padding: 6px 0 0 0;
     color: #00436e;
     }

#content h3 {
     font-family: Arial, Helvetica, Sans-serif;
     margin-bottom: 4px;
     }     

h4 {
     font-family: Arial, Helvetica, Sans-serif;
     font-size: 70%;
     font-weight: bold;
     text-transform: uppercase;
     padding-left: 10px;
     background: url(/cms/images/arrow.gif) 0 .6em  no-repeat;
     }

h5 {
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 80%;
 font-weight: normal;
 padding: 6px 0 0 0;
 color: #00436e;
 }
     
/* links
----------------------------------------------- */

a:link, a:visited {
     color: #00446e;
     }
       
#content a:link, #content a:visited {
     color: #00446e;
     text-decoration: none;
     border-bottom: 1px dotted #00446e;
     }
     
#content a:hover, #content a:active {
     color: #000;
     border-bottom: 1px solid #000;
     }
     
     
/* lists
----------------------------------------------- */ 

#content ul {
     list-style:none;
     margin-bottom: 10px;
     }
     
#content li {
     font-size: 75%;
     padding-left: 8px;
     background: url(/cms/images/bg_dot_n.gif) 0 .7em  no-repeat;
     }
    
     
/* images
----------------------------------------------- */

img {
     display: block;
     }
     
img.standalone {
     margin: 7px 12px 5px 0;
     }     

img.left {
     margin: 4px 14px 4px 0;
     float: left;
     }    
 
img.right {
     margin: 0;
     float: right;
     }

.img-wrap {
     text-align: center;
     margin-bottom: 5px;
     }

img.center {
     margin: 0;
     }     

#map {
     height: 500px;
     } 
            
/* layout
----------------------------------------------- */

#outer, #inner {
     background-color: #fff;
     }

#outer {
     width: auto;
     background-color: #003366;
     }
  
#inner {
     width: 850px;
     padding-top: 23px;
     margin-left: auto;
     margin-right: auto;
     border-right: 4px solid #b2b2b2;
     border-bottom: 4px solid #b2b2b2;
     border-left: 4px solid #b2b2b2;
 
     }

#top {
     height: 110px;
     width: 850px;
     margin-left: auto;
     margin-right: auto;
     background-color: #fff;
     }

#header {
     width: 850px;
     height: 100px;
     margin: 0 0 0 0;
     background-color: #cccccc;
     margin-left: auto;
     margin-right: auto;
     }     
     
#left {
     float: left;
     width: 180px;
     padding-left: 20px;
     }

#right {
     float: right;
     width: 180px;
     padding-right: 10px;
     padding-left: 25px;

        font-size:11px;

     }
     
#content {
     margin: 0 10px 0 220px;
     }
     
#content.teasersRight {
     margin: 0 245px 0 220px;
     }
     
#footer {
     height: 30px;
     margin-top: 10px;
     padding-top: 5px;
     padding-left: 0px;

     }
     
.clear {
     clear: both;
     }
     
        
/* downloads
----------------------------------------------- */ 

.cd {
     color: #999;
     }

.cd a {
     padding: 2px 0 2px 25px;
     border: 0;
     line-height: 1.4em;
     }

.cd a:hover, .cd a:active {
     border: 0;
     text-decoration: underline;
     }

     
/* teasersRight
----------------------------------------------- */      
     
.element {
     margin-bottom: 2px;
     padding-right: 18px;

     }
     
#headline {
     font-size: 120%;
     line-height: 1.2em;
     margin-bottom: 10px;
     font-weight: normal;
     color: #00436e;
     }

 
     



/* navigation
----------------------------------------------- */

#navigation {
     border: 0;
     display: block;
     width: 850px;
     list-style: none;
     height: 28px;
     margin-left: auto;
     margin-right: auto;
     background-color: #003366;
     }
      
#navigation a {
    color: #ffffff;
    text-decoration: none;
    background-color: #003366;
    height: 28px;
    line-height: 28px;
    border-right: 1px solid white;
    font-size: 80%;
    width: 110px;
     display: block;
    overflow:  hidden;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    }

#navigation a:hover, #nav a.active, #nav a strong {
     background-color: #cccccc;
     color: #fff;
     }

#navigation a#id_11 {
     border-right: 0;
     }

#navigation li {
    float: left;
    position: relative;
    height: 28px;
    list-style: none;
    }

#navigation a strong, #subnav a strong {
     font-weight: normal;
     display: block;
     }

/* suckerfish */

  #navigation ul,
#navigation ul li {

  padding: 0;
  margin: 0;
  list-style: none;
    height: 23px;
    line-height: 26px;
    margin-top: 1px;

  }


#navigation ul li a{
     font-size: 70%;

  float: left;
  position: relative;
  width: 106px;
  text-align:center;
    border: 0;
    margin-top: 1px;
    line-height: 23px;
    height: 23px;


  }

#navigation ul li ul {

  display: none;
  position: absolute; 
    top: 100%;
  left: -1px;
    line-height: 24px;
    height: 138px;

  }

#navigation li > ul {
    top: auto;
    left: auto;

    }

#navigation li:hover ul,
#navigation li.over ul
 { display: block; }
 
 
 
  
     
/* subnavigation
----------------------------------------------- */

/* level1 */ 

ul#subnav, ul#subnav ul {
     margin: 0 0 14px 0;
     padding: 0;
     list-style-type: none;
     }
     
ul#subnav {
     border-top: 1px solid #ccc;
     margin-bottom: 20px;
     }     
     
#subnav li {
     margin: 0;
     background-image:none;
     line-height:normal;
     text-indent:0;
     line-height: 17px;
     padding: 3px 0;
     border-bottom: 1px solid #ccc;
     }

#subnav a {
     text-transform: uppercase;
     display: block;
     font-size: 70%;
    color: #666;
    padding: 1px 0 1px 12px;
    text-decoration: none;
     }

#subnav a:hover {
     color: #003366;
     }

#subnav a.active, #subnav a.active:hover {
     color: #fff;
     background-color: #cccccc;
     }

ul#subnav a strong{
     font-weight: normal;
     }

     
/* level2 */ 

#subnav ul li {
     margin: 0;
     border: 0;
     }

ul#subnav ul {
     margin: 0;
     }

ul#subnav ul a{
     text-transform: none;
    color: #666;
    font-size: 70%;
    padding: 0 0 0 22px;
    background: url(/cms/images/bg_subnav_li.gif) 12px .6em   no-repeat;
     }

ul#subnav ul a:hover, ul#subnav ul a.active, ul#subnav ul a.active:hover {
     color: #003366;
     background: #fff url(/cms/images/bg_subnav_li_on.gif) 12px .6em  no-repeat;
     }

/* level3 */ 

ul#subnav ul ul a{
    background: none;
     }

ul#subnav ul ul a:hover, ul#subnav ul ul a.active, ul#subnav ul ul a.active:hover {
     background: none;
     }
     
     
/* logo */

a.logo {
     float: left;
     border:0 none;
     cursor:pointer;
     display:block;
     height:0 !important;
     overflow:hidden;
     margin: 15px 0 0 10px;
     padding:55px 0 0;
     width:300px;
     background: url(logo.gif) top left  no-repeat;
     }          
     
a.flash {
     float: left;
     border:0 none;
     cursor:pointer;
     display:block;
     height:0 !important;
     overflow:hidden;
     margin: 15px 0 0 10px;
     padding:55px 0 0;
     width:300px;
     background: url(logo.gif) top left  no-repeat;
     }          
     



/* functions */

#footer ul {
     list-style:none;
     font-size: 70%;
     margin-left: 238px;
     color: #666;
     }

#footer li {
     float: left;
     margin-right: 2px;
     }
     
#footer li a {
     color: #666;
     text-decoration: none;
     } 
     

/* formtool
----------------------------------------------- */

fieldset {
     font-size: 75%;
     width: 345px;
     float: left;
     }

label {
     color: #003366;
     }
     
.form {
     margin-bottom: 3px;
     }
     
.text label, .textarea label, .radio label {
     display: block;
     padding-bottom: 1px;
     }
     
fieldset input, fieldset textarea {
     border: 1px solid #666;
     }

.text {
     float: left;
     width: 170px;
     }
     
.text input {
     width: 160px;
     color: #00426f;
     }

textarea  {
     overflow: auto;
     width: 330px;
     color: #00426f;
     }

.text input:hover, textarea:hover {
     border: 1px solid #00436e;
     }
     
.text input:focus, textarea:focus {
     background-color: #cccccc;
     }


/* search
----------------------------------------------- */

#search {
    margin:0px 0 0 0px;
    font-size:11px;
    background-color:transparent;
}
#search label {
    font-size:11px;
    display:block;
    float:left;
    width:42px;
    padding:2px 0 0 0;
}
#search input {
    border:1px solid #ccc;
    width:140px;
    height:12px;
    font-size:10px;
}
#search input.sbmt {
    border:0;
    width:5px;
    height:8px;
    margin:0 0 0 10px;
}