@media screen {
  html{
    height:100%;
  }

  body{
    margin:0px;
    padding:0px;
    overflow:auto;
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size:9pt;
    line-height:13pt;
    background-color:#FFFFFF;
    text-align:center;
  }

  .closer {
    clear: both;
  }

  h1{
    font-size:12pt;
    /*  margin-top:35px;*/
    margin-bottom:13pt;
    padding-top:0px;
    padding-bottom:0px;
    line-height:13pt;
    color:#000000;
    width:220px;
  }

  h2{
    margin-top:0px;
    margin-bottom:11pt;
    padding-top:0px;
    padding-bottom:0px;
    font-size:10pt;
    color:#000000;
  }

  td, p{
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size:10pt;
    line-height:15pt;
    color:#000000;
    text-align: left;
  }

  p{
    margin-top:0px;
    margin-bottom:35px;
    min-height:300px;
    width:220px;
  }

  ul{
    margin-top:0px;
    margin-bottom:13pt;
  }

  select{
    width:160px;
  }


  form{
    margin:0px;
    padding:0px;
  }

  a:link{
    color:#00285B;
    text-decoration:none;
  }

  a:visited{
    color:#00285B;
    text-decoration:none;
  }

  a:hover{
    color:#00285B;
    text-decoration:underline;
  }

  a:active{
    color:#00285B;
    text-decoration:none;
  }

  .button{
    color:#FFFFFF;
    background-color:#00285B;
    border-left:1px solid #3E689F;
    border-top:1px solid #3E689F;
    border-right:1px solid #00193A;
    border-bottom:1px solid #00193A;
    font-size:8pt;
    font-weight:bold;
  }

  .caption{
    font-weight:bold;
  }

  .red{
    color:darkred;
  }

  img.logo {
    border: none;
  }

  #container{
    align:center;
    position:relative;
    margin:0px auto;
    width:820px;
    height:100%;
    top:0px;
    background-image:url(../images/container.gif);
    background-repeat:no-repeat;
  }

  #abstand{
    position:relative;
    margin-left:50px;
    margin-right:50px;
    margin-bottom:0px;
  }

  #content_container{
    width:820px;
    /*  height:1300px;*/
    position:relative;
    align:center;
    top:0px;
    float:left;
    clear:both;
    left:0px;
    background-image:url(../images/container.gif);
    background-repeat:no-repeat;
  }

  #content{
    position:absolute;
    left:170px;
    top:200px;
    width:450px;
    overflow:auto;
    font-size:10pt;
    line-height:18pt;
  }

  #content p{
    padding-top:0px;
    padding-bottom:13pt;
    margin-top:0px;
    margin-bottom:0px;
  }

  #hinweis{
    font-family:Arial, Tahoma, Verdana, sans-serif;
    color:#000000;
    text-align: left;
    margin-top: -15px;
    font-size: 11px;
    line-height: 12px;
  }

  p.MsoNormal {
    margin-bottom: 10px;
    min-height: inherit;
  }

  #subheader{
    /* position: relative;
    top: 385px;
	*/
    margin-bottom:35px;
    width: 475px;
    height: 135px;
    vertical-align:bottom;
  }

  #gallery{
    /* position:relative;
    z-index:1; */
    width:220px;
    /*margin-top:35px;*/
    margin-bottom:0px;
  }

  #footer{
    bottom:0px;
    /*
      z-index:2;
      position:absolute;
	*/
    align:middle;
    vertical-align:bottom;
  }

  //kontakt
  #kontaktinfo{
    border:1px solid red;
    position:relative;
    margin-top:35px;
    font-family:Arial, Tahoma, Verdana, sans-serif;
    font-size:10pt;
    line-height:15pt;
    color:#000000;
    text-align:left;
  }


  //startseite
  #auswahl{
    width:220px;
    height:345px;
    margin-top:35px 0 35px 0;
  }

  //pic slideshow
  #picfade{
    margin-bottom:35px;
  }

  div.cf_wrapper{
    /*
      position: absolute;
      float:right;
    */
    margin-bottom:35px;
    align:right;

  }

  .cf_element{
    width: 475px;
    height: 350px;
  }

  div.cf_element div.content{
    padding: 0px;
  }
  div.cf_element div.content h3{
    padding-top: 0;
    margin-top: 0;
  }

  //ende slideshow


  #header{
    position:relative;
    float:left;
    width:532px;
    height:210px;
    top:30px;
  }


  #language{
    position:absolute;
    top:39px;
    left:478px;
  }

  #mainmenu_container{
    position:relative;
    height:100px;
    margin-bottom:35px;
    /*  float:left;*/
    clear:both;
    left:0px;
  }

  /* Start MAINMENU */
  #mainmenu{
    list-style:none;
    margin:0px;
    padding:0px;
    width:220px;
  }

  #mainmenu li{
    display:block;
    margin-bottom:10px;
    padding:0px;
    margin:5px;
    float:left;
    width:220px;
  }

  #mainmenu li a:link{
    font-size:12pt;
    margin-top:5px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#FFFFFF;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }

  #mainmenu li a:visited{
    font-size:12pt;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#FFFFFF;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }

  #mainmenu li a:hover{
    font-size:12pt;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }

  #mainmenu li a:active{
    font-size:12pt;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }

  #mainmenu li a.active_item:link{
    font-size:12pt;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }

  #mainmenu li a.active_item:visited{
    font-size:12pt;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }

  #mainmenu li a.active_item:hover{
    font-size:12pt;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }

  #mainmenu li a.active_item:active{
    font-size:12pt;
    padding-top:3px;
    padding-bottom:3px;
    display:block;
    text-align:center;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
    background-image:url(../images/navi_button.jpg);
  }
  /* End MAINMENU */

  /* Start SUBMENU */
  #submenu{
    /*
      position:absolute;
      top:270px;
    */
    float:left;
    list-style:none;
    padding:0px;
    margin-left:0px;
    width:220px;
  }

  #submenu li{
    display:inline;
    margin-top:7px;
    padding:0px;
    float:left;
    width:220px;
    border-bottom:1px solid #894B21;
  }

  #submenu li a:link{
    font-size:9pt;
    display:block;
    text-align:left;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
  }

  #submenu li a:visited{
    font-size:9pt;
    display:block;
    text-align:left;
    width:100%;
    text-decoration:none;
    color:#000000;
    font-weight:normal;
  }

  #submenu li a:hover{
    font-size:9pt;
    display:block;
    text-align:left;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
  }

  #submenu li a:active{
    font-size:9pt;
    display:block;
    text-align:left;
    text-decoration:none;
    width:100%;
    color:#000000;
    font-weight:normal;
    list-style:disc;
  }

  #submenu li a.active_item{
    color:#000000;
  }

  /* End SUBMENU */

  #userContent p {
    font-size: 8pt;
  }

}