/* CSS Document */

 .galerie{
	font-size:12px;
	width:252px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: left;
	padding: 0;
	height: 490px;
     }
 
     .pic-navi{
	width:242px;
	float:left;
	overflow: auto;
	height: 500px;
	padding: 0px;
	text-align: center;
     }

    .pic-navi a img{
	padding:0px;
	border:1px none #CCCCCC;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
    }
    .pic-navi a:hover img{
       border:1px solid #000000;
    }
    div.pic-navi a{
       padding:0;
       margin:0;
    }
    div.pic-navi a span {
       display: none;
       color:#ff0000;
       background:#efefef;
    }
    div.pic-navi a:hover{
       color: #411;
       background: #ffffff;
       padding:0;
       margin:0;
    }
 
 
   div.pic-navi a:hover span{
	display: block;
	position: absolute;
	width: 316px;
	padding: 213px 15px 6px 20px;
	margin: 1px 0 0 106px;
	z-index: 100;
	/* aussehen der box */
       color: #858445;
	font: 0.92em verdana, sans-serif;
	text-align: left;
	border:1px solid #cfcfcf;
	float:right;
	/* position des hintergrund */
       background-color:#f6f6f6;
	background-position: 21px 10px;
	background-repeat: no-repeat;
	text-indent: 30px;
   }
      .pic-navire{
	width:100px;
	float:left;
	overflow: auto;
	height: 575px;
	padding: 0px;
	left: 150px;
	position: absolute;
	top: 0px;
     }
     .pic-navire a img{
	width:120px;
	padding:0px;
	border:1px solid #4089AC;
	float:left;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
    }
    .pic-navire a:hover img{
       border:1px solid #000000;
    }
    div.pic-navire a{
       padding:0;
       margin:0;
    }
    div.pic-navire a span {
       display: none;
       color:#ff0000;
       background:#efefef;
    }
    div.pic-navire a:hover{
       color: #411;
       background: #ffffff;
       padding:0;
       margin:0;
    }
 
 
   div.pic-navire a:hover span{
       display: block;
       position: absolute;
 
       width: 316px;
       padding: 213px 15px 6px 20px;
       margin: 1px 0 0 106px;
       z-index: 100;
 
       /* aussehen der box */
       color: #858445;
       font: 0.92em verdana, sans-serif;
       text-align: left;
       border:1px solid #cfcfcf;
       float:right;
 
       /* position des hintergrund */
       background-color:#f6f6f6;
       background-position: 21px 10px;
       background-repeat: no-repeat;
   }

   div.pic-navi a:hover span strong{
       background:url(pic/bg-css-galerie.png) no-repeat;
       width: 295px;
       padding: 194px 15px 9px 0px;
       margin:-203px 0 0 -1px;
       display:block;
       font-weight:normal;}
 
    div.helloworld{
	float:right;
	width:462px;
	color: #858445;
	border:1px solid #cfcfcf;
	background-color: #f6f6f6;
	background-image: url(../img/Impressionen/images/alle_wieder_zu_hause.jpg);
	background-repeat: no-repeat;
	background-position: center 50px;
	height: 348px;
	left: -499px;
	top: -16px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-attachment: scroll;
	margin: auto;
	padding: 0px;
    }
    #content div.helloworld p{
	padding:0;
	font: 0.85em verdana, sans-serif;
	text-align: left;
	vertical-align: baseline;
    }
 
 div.helloworld1{
	float:right;
	width:512px;
	color: #858445;
	border:1px solid #cfcfcf;
	background-color: #f6f6f6;
	background-image: url(../img/Impressionen/images/herrliche_abfahrt.jpg);
	background-repeat: no-repeat;
	background-position: center 50px;
	height: 500px;
	left: 201px;
	top: 14px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-attachment: scroll;
	margin: auto;
	padding: 0px;
    }
    #content div.helloworld1 p{
	padding:0;
	font: 0.85em verdana, sans-serif;
	text-align: left;
	vertical-align: baseline;
    }
    #content p.subtitle{
	font-size:0.85em;
	vertical-align: baseline;
}
 
 
     /*
 [ right 
*/
     #galerie-right .pic-navi{
        width:87px;
        float:right;
        margin-left:10px;
     }
     #galerie-right .pic-navi div.helloworld{
        float:left;
        margin:8px 0px 0 0;
     }
     #galerie-right div.pic-navi a:hover span{
       padding: 213px 15px 6px 20px;
       margin: 1px 0 0 -380px;
     }
     #galerie-right div.helloworld{
      background: #f6f6f6 url(regensburg/berg6.jpg) no-repeat 21px 10px;
    }
     /*
 right ] 
*/
 
      
   </style>
   [if lte IE 6]>
      <style type="text/css">
         div.pic-navi a:hover span{
            margin: -207px 0 10px 30px;
         }
         #galerie-right div.pic-navi a:hover span{
            margin: -207px 0 10px -456px;
         }
         #content h2{
            margin:8px 0 0 0;
         }
         #galerie-right{
            width:486px;
         }
         .galerie{
	width:252px;
	position: absolute;
	top: 2px;
	bottom: 163px;
	height: 510px;
	left: 0px;
	visibility: visible;
         }
      </style>
    <![endif]