@media screen {
  /* CSS-Reset */
  html,body{height:100%;}
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,strong,pre,code,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}
  h1,h2,h3,h4,h5,h6,ul,li,em,strong,address,caption,cite,pre,code,dfn,th,var{line-height:1;font-size:100%;font-weight:normal;font-style:normal;}
  fieldset,img{border:0;}
  caption,th{text-align:left;}
  td{vertical-align:top;}
  table{font-size:inherit;table-layout:fixed;}
  ol,ul{list-style:none;}
  ul,ol,dl{position:relative;}
  hr{clear:both;}d
  strong{font-weight:bold;}
  sup{font-size:80%;vertical-align:top;}
  /* Rahmen bei Inputfeldern entfernen IE <= 6 */
  * html input{margin:-1px 0;}
  /* Rahmen bei Inputfeldern entfernen IE > 6 */
  *:first-child+html input{margin:-1px 0;}
  /* CSS-Reset */
  
  @font-face {
  	font-family: 'TheSans-Plain';
  	src: url('thesans-plain-webfont.eot');
  	src: local('&#9786;'), url('thesans-plain-webfont.woff') format('woff'), url('thesans-plain-webfont.ttf') format('truetype'), url('thesans-plain-webfont.svg#webfontaHV0zGi5') format('svg');
  	font-weight: normal;
  	font-style: normal;
  }
  
  
  
  html, body, table, textarea, input {
    line-height: 1.6;
    font-size: 12px;
    font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    color: #58585A;
  }
  body {
    /*overflow: -moz-scrollbars-vertical;*/
  }
  hr {
    width: 100%;
    height: 1px;
    background: #5485AD;
    color: #5485AD;
    border: 0px; 
  }
  
  td.box_grau {
  
    width: 205px;
    height: 140px;
    
    background: #fff url(../images/layout/bg_box_grau.jpg) repeat-x;
    border: 1px solid #cccccc;
    padding: 0 10px 0 10px;
  }
  td.box_grau h3{
    margin-top:10px;
  } 
  
  li {
    padding: 0 0 0 15px;
    background: url(../images/li.gif) no-repeat 3px 9px;
    line-height: 1.6; 
  }
  a {
    color: #58585A;
    text-decoration: none;
  }
  
  a {
    color: #0063A2;
    text-decoration: none;
  }
  a.hover {
    color: #9C9D9F;
    text-decoration: none;
  }
  a.current {
    color: #9C9D9F;
    text-decoration: none;
  }
  
  a.link{
    color: #58585A;
    display:block;
    outline:0;
  }
  a.link:hover{
    color: #0063A2;
  }
  a.link_current{
    color: #0063A2;
    display:block;
    outline:0;
  }
  
  
  
  h1{
    color: #0063A2;
    font-size: 28px;    
    min-height: 85px;
    display:inline-block;
    margin: 0 0 10px 0;
    font-family: 'TheSans-Plain', "Lucida Sans Unicode", "Lucida Grande";
  }
  h2 {
    font-family: 'TheSans-Plain', "Lucida Sans Unicode", "Lucida Grande";
    color: #0063A2;
    font-size:19px;
    float:left;
  }
    
  
  h3 {
    color: #0064a3;
    font-size: 13px;
    line-height: 1.1;
    margin: 0 0 15px;
  }
  
  div#hauptnavi {
    top: 43px;
    left: 0px;
    position: absolute;
    left: -1px;
    height: 23px;
    background: #fff;  
    font-family: "Lucida Sans Unicode", "Lucida Grande";
    font-size: 14px;
  
  }
  div#hauptnavi a.upper{
    text-transform:uppercase;
  }
  div#hauptnavi span {display:inline-block;float:left;}
  .hauptnavi {position:relative;float:left;margin:0 0 0 0;overflow:hidden;}
  .hauptnavi a {display:block;text-decoration:none;background:transparent;margin:0;color:#9C9D9F;}
  .hauptnavi a:hover {background:transparent;color: #0063A2;}
  .hauptnavi a.active {color:#0063A2;}
  .hauptnavi ul {position:absolute;display:block;width:190px;left:-5px;margin:0;padding:3px 0 3px 0;list-style:none;background:#FFF;}
  .hauptnavi ul li {margin:0;padding:0;background:none;}
  .hauptnavi ul li a {display:block;padding:6px 5px 4px 5px;text-decoration:none;font-weight:normal;font-size:12px;color:#9C9D9F;}
  .hauptnavi ul li a:hover, .hauptnavi ul li a.active {color: #0063A2;}
  .hauptnavi:hover {overflow:visible;}
  .hauptnavi:hover a {}
  
  
  a#logo {
    position: relative;
    float:left;  
    background:url(../images/layout/logo.jpg) no-repeat; 
    width: 330px;
    height: 50px;
  }
  div#topnavi {
    display:block;
    position: relqative;
    float: right;
    width: 500px;
    text-align: right;
    font-size:11px;
  }
  div#topnavi span{
    color: #0063A2;
    font-size:11px;
  }
  div#topnavi *{
    font-family: "Lucida Sans Unicode", "Lucida Grande";
  }
  
  
  div#topnavi input{
    border: 1px solid #99C1DA;
    width: 97px;
    height: 15px;
    padding: 0 0 0 3px;  
  }
  
  div#ballon{
    font-family: 'TheSans-Plain', "Lucida Sans Unicode", "Lucida Grande";
    line-height: 1.3;
    position:absolute;
    right: 0px;
    top: 30px;
    display: block;
   /* background: url(../images/bg_ballon.png) no-repeat;*/
    width: 235px;
    height: 168px;
    padding: 12px 5px 5px 70px;
    color: #0063A2;
    font-size: 16px;
  }
  div#content{  
    position: relative;
    overflow:hidden; 
    /*border: 1px dotted #58585A;*/
    height:215px;
  }
  #googlemaps{
  
    margin-top:40px;
    
  }
  
  
  div#controls{
    margin-top:25px;
  }
  div#controls img{
    cursor: pointer;
  }
  div#controls img#btn_up{
    margin-left: 5px;  
  }
  
  /* --------------------------- */
  /* Hauptlayout --------------- */
  /* --------------------------- */
  div#page {
    position: relative;
    width: 100%;
    height: 100%; 
  }
  
  div#wrapper_bg {
    position: absolute;
    width:100%;
    height: 448px;
    top: 50%; 
    margin-top: -180px;  
    background: url(../images/layout/bg_middle.jpg) repeat-x;
  }
  div#wrapper {
    position: absolute;
    width: 936px; 
    height: 600px;
    left: 50%;
    top: 50%; 
    margin-left: -468px;     
    margin-top: -300px;  
  }
  /* --------------------------- */
  div#top {  
    position: relative;
    display:block;   
    height: 120px;
    z-index: 2;
  }
  div#middle{
    z-index:1;
    position: relative;
    display:block;  
    height: 448px;   
  }
  div#bottom {
    position: relative;
    display:inline-block;  
    margin: 14px 0 0 0;  
    font-family: Lucida Sans Unicode;
    font-size:11px;    
    color: #0063A2;
  }
  /* --------------------------- */


  a.print{
    width: 180px; 
    display:block;
    float:right;
  }
}


@media print {
   html, body, table, textarea, input {
    line-height: 1.6;
    font-size: 12px;
    font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    color: #58585A;
  }  
  div#top{
    display:none;
  }
  div#page{
    width: 600px;
  
  }
  li {
    padding: 0 0 0 15px;
    background: url(../images/li.gif) no-repeat 3px 9px;
    line-height: 1.6; 
  }
  div#bottom {
    display:none;
  }
  
  img{
   width: 120px;
   margin: 80px 0 0 10px;
  }
  
  div#controls{
    display: none;
  }
  
  td{
    vertical-align: top;    
  }
  a.print{
    display:none;
  }
  
}