/* CSS Document */
@charset "utf-8";

@media all
{
  body {
    font-family:  Verdana, Arial, Tahoma, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 75%;
    letter-spacing: 0px;
    text-transform: none;
    text-decoration: none;
    background: #b1bfcd;
    padding:0;
    margin:0 auto;
    color:#000;
    width: 100%;
  }                       
 
  #page{
    padding: 0px;
    margin:20px auto;
    width: 850px;
  }
  
  #header{
    margin: 0 auto;
    width: 851px;
    height: 256px;
    padding: 0;
  }
  /* HEADER BILD */
  ul#portfolio{
    list-style: none;
    padding:0;
    margin:0;
  }

  #nav {
    margin: 0 25px;
    width:800px;
  }
  #nav-1 {
    margin:0;
    float:left;
    width:9px;
    height:27px;
  }
  #nav-2 {
    margin:0;
    width:9px;
    float:right;
    height:27px;
  }
   #nav-3 {
    float:left;
    margin:-4px 0 0 0\9;
    padding:3px 20px 4px;
    width:742px;
    background:#034B5F;
  }

  #main{
    width: 100%;
    padding: 0 0 25px 0;
    margin:0;
    overflow: hidden;
  }
  
  #content{
    width: 800px;
    padding: 0;
    margin: 25px  auto;
    text-align: left;
  }

  #gmap{
    width: 550px;
    height: 550px;
    float:left;
    margin:0 10px 10px 0;
  }
    
  #footer{
    padding: 10px;
    margin: 0;
    color:#034B5F;
    text-align: center;
    border-top: 1px #034B5F solid;
  }
  
  #bookmarks{
    padding: 10px;
    margin: 0;
    color:#034B5F;
    text-align: center;
  }
  
  a {color: #034B5F; font-weight:bold; text-decoration:none;}
  a:focus, a:hover, a:active {color:#000; text-decoration:underline; font-weight:bold;}
  
  #nav a { color: #FFF; font-weight: bold; text-decoration:none; margin: 0 8px 0 0; font-size: 100.01%;}
  #nav a#current, #nav a:focus, #nav a:hover, #nav a:active {color:#B1BFCD; font-weight: bold; margin: 0 8px 0 0; text-decoration:none;}
  
  #footer a { color: #034B5F; text-decoration:none;}
  #footer a:focus, #footer a:hover, #footer a:active {color:#FFF; text-decoration:underline;}
  
  .small{font-size: 10px; font-style:italic;}
  .even{background:#B1BFCD}
  .odd{background:#FFF}
  
  span.error, label.error{color:#ff0000; font-weight: bold;}
  input.error, textarea.error, select.error {
    border: 1px dotted red;
  }
  
  .form-left{float:left; margin:0px 10px 0 0; padding:5px; width:20%; overflow:hidden;}
  .form-right{padding:5px; margin:0px 0 0 10px; width:60%; overflow:hidden;}
  
  .lang-en {
    background: url(img/lang.png) 0px 50%;
    padding:0;
    margin:0;
  }
  .lang-en:hover {
    background: url(img/lang.png) -38px 50%;
    padding:0;
    margin:0;
  }
  .lang-de {
    background: url(img/lang.png) -76px 50%;
    padding:0;
    margin:0;
  }
  .lang-de:hover {
    background: url(img/lang.png) -114px 50%;
    padding:0;
    margin:0;
  }
  
  .block{display:block;}
  
  .up {
    background: url("img/bg_arrow_down.jpg") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 27px;
    padding: 0 30px;
   }
  .down {
    background: url("img/bg_arrow_up.jpg") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 27px;
    padding: 0 30px;
   }
  
  #time1b,
  #time2b,
  .none{display:none;}
  
  h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Tahoma, Verdana, sans-serif;
  	font-weight:normal;
    font-variant:small-caps;
    border-bottom:1px solid #034B5F;
    color: #034B5F;
  	margin: 0 0 1em 0;
    width:100%; 
  }

  h1 { font-size: 200% } /* 24px */
  h2 { font-size: 200%;} /* 24px */
  h3 { font-size: 150% } /* 18px */
  h4 { font-size: 133.33% } /* 16px */
  h5 { font-size: 116.67% } /* 14px */
  h6 { font-size: 116.67%; font-style:italic } /* 14px */
  
  p { line-height: 1.5em; margin: 0 0 1em 0; }
  p.question {
    background: url("img/help.png") no-repeat 5px 5px #034B5F;
    padding: 10px 10px 10px 4em;
    cursor: pointer;
  }
  .info {
    background: url("img/answer.png") no-repeat 5px 5px #F7F7EF;
    padding: 1em 1em 1em 4em;
    margin: 0 0 1em 0;
  }
  span.questionHeadline {
    color: #fff;
    display: block;
    font-weight: bold;
    /*text-transform: uppercase;*/
  }
  
  .left{float:left; margin:0 50px 10px 0; padding:0; width:45%; overflow:hidden;}
  .right{padding:0; margin:0 0 10px 20px; width:45%; overflow:hidden;}
  
  fieldset{
    border:#034B5F 1px solid;
    margin-bottom:5px; 
    padding:10px 20px; 
    line-height:1.5; 
  }
  
  
  input[type=text]{
    border:1px solid #034B5F;
    background:#FFF;
  }
  
  input[type=text]:focus{
    border:1px solid #034B5F;
    background:#999;
  }

  textarea, select{
    border:1px solid #034B5F;
    background:#FFF;
    width:50%;
  }
  
  textarea:focus, select:focus{
    border:1px solid #034B5F;
    background:#999;
    width:50%;
  }
  
  input[type=submit]{
    border:1px solid #034B5F;
    background:#FFF;
  }

  input[type=submit]:focus, input[type=submit]:hover{
    border:1px solid #034B5F;
    background:#999;
  }
  
  img{
    border:0;
    text-align: left;
    padding: 0;
    margin: 0;
    vertical-align: top;
  }
  table{
    width: 100%;
  }
  #bookmarks{
    text-align:right;
    background: #b1bfcd;
  }
  
  
      /* jQuery lightBox plugin - Gallery style */
     #gallery,#gallery1 #gallery2, #gallery3, #gallery4, #gallery5 {
    		width: 720px;
    	}
    	#gallery img, #gallery1 img, #gallery2 img, #gallery3 img, #gallery4 img, #gallery5 img {
    		border: 2px solid #fff;
    		margin: 3px;
    	}
      #gallery a:hover img, #gallery1 a:hover img, #gallery2 a:hover img, #gallery3 a:hover img, #gallery4 a:hover img, #gallery5 a:hover img {
    		border: 2px solid #3e3e3e;
    		color: #fff;
    	}
    	#gallery a:hover, #gallery1 a:hover, #gallery2 a:hover, #gallery3 a:hover, #gallery4 a:hover, #gallery5 a:hover { color: #fff; }

  
}

@media print
{
  /* für Druck aufbereiten */
  body {
    font-family:  Verdana, Arial, Tahoma,sans-serif;
    font-style: normal;
    font-weight: normal;
    padding:0;
    margin:0 auto;
    color:#444;
    width: 100%;
  }
  #page{
    padding: 0px;
    margin: 0px;
    width: 99% !important;
  }
  #content {width: 90% !important; min-width:0; max-width: none}
  #nav, #footer, #bookmarks{display: none}

}