/* ===================================
Stylesheet der "Ferienhaus365.info"  
 
Stand: Fertigstellung
Datei: bildschirm.css 
Datum: 01. Dezember 2008
Autor: UMBE DMN 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3.
        4.  
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding:0; margin:0;}



/* ==================================
   2. Allgemeine Styles 
   =============================== */





body{
    
    background: #fff ;
    color:black;
    font-family: Helvetica, sans-serif;
    font-size: small;
  
    }
    
html{ height:101%;}



/* ================
    Hyperlinks    */
a{
text-decoration:none;
}



/* ================
    Klassen und IDs    */
   
.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline;
}
   
 
  
/* ==================================
3. Styles für Layoutbereiche 
=============================== */




#household{
	background-color:#fff;

margin-left:18px;
padding-left:15px;
padding-top:10px;

height:65px;
border-bottom: 1px solid #000;
	
	}
	

select { 

width:90px; 
background-color:#fffdea; 
font-size:10px; 
font-family:Arial,sans-serif;
border-bottom:1px solid #000;
border-right:1px solid #000;
 }
 

 
 
 
 select:hover { 

width:90px; 
background-color:#fff; 
font-size:10px; 
font-family:Arial,sans-serif;
border-bottom:1px solid #fff;
border-right:1px solid #000;
 }

option { 
   padding-left:8px;
   background-color:#fff;
   
   }
   
   
#Auswahl{
font-size:10px;
font-family:Geneva, Arial, Helvetica, sans-serif;
width:260px;
margin-top:20px;
margin-left:270px;}

.part_01{
	float:left;
	padding:2px 2px 2px 6px;
	width:69px;
	background-color:#fef9b6;
	border: 1px solid #b3d9df;
	margin:1px;}

.part_02{
	float:left;
	padding:2px 2px 2px 6px;
	width:69px;
	background-color:#ffffff;
	border: 1px solid #b3d9df;
	margin:1px;}

#Auswahl ul a:hover{
color:#000;
background-color:#fef9b6;
border: 1px solid #b3d9df;}	
   

#wrapper {
    
   	width:800px;
    margin: 0px auto;
    background-image:url("../images/verlauf01.gif");
    background-repeat: repeat-y;
	
	}
#wrapper2 {
    background-color:#fff;;
    background-repeat: repeat-y;
   	width:800px;
    margin: 20px auto;
  
	padding-bottom:25px;
	
	}
#beleg{
padding-left:20px;
}
	
	
#header {
    
    position:relative;
	background-image:url("../images/header.jpg");
    background-repeat: no-repeat;
    height: 87px;
    border-bottom: 1px solid black;}

* html #header {}

#navi{
    font-family:Arial,sans-serif;
	position:relative;
	padding-left:616px;
    top:69px;}

* html #navi{top:68px;}

#navi li {
	 display: inline;
     list-style-type:none;
     margin-right:3px;}
         
#navi a {
     font-size:10px;
     background-color:#fffdea;
     color:black;
     padding: 0px 6px 1px 5px;
	 border: 1px solid black;}
	 
#navi #navi01 a,
#navi #navi02 a {
     background-color:#ffffff;
     border: 1px solid black;
	 border-bottom: 1px solid white;}

	 
#navi a:hover {
     background-color:#ffffff;
     color:black;
     border: 1px solid black;
     border-bottom: 1px solid white;}




* html #Index #plain ol li{margin-top:15px;} 



#plain{

 padding-left:0px;
 padding-right:0px;
 width:504px;	
 border:2px solid #ffe600;
 border-left:2px solid #ffe600;
 border-right:2px solid #ffe600;
 border-top:2px solid #ffe600;
 font-family:Geneva, Arial, Helvetica, sans-serif;}

* html #plain{
padding-right:0px;
padding-left:0px;
width:504px;}

#plain h1{
font-size:17px;
padding-left:25px;}	  
	  
#plain ul {
padding-left:25px;
padding-right:25px;
list-style-type:none;
font-size:14px;
line-height:19px;
} 

#Uebersicht #plain{min-height:490px;}


#Leistungen #plain ul li {
background-color:#fffdea;
padding:15px;
border:3px dotted #ffe70f;}



#xl #plain ul li,
#l #plain ul li,
#m #plain ul li,
#s #plain ul li {
background-color:#ffffff;
padding:35px;}


#xl #plain ul,
#l #plain ul,
#m #plain ul,
#s #plain ul,
#Kugel #plain ul,
#Kugell #plain ul,
#Kugelm #plain ul,
#Kugels #plain ul,
#Panorama #plain ul,
#Panoramal #plain ul,
#Panoramam #plain ul,
#Panoramas #plain ul {
padding-left:0px;
padding-right:0px;}

#Kugel #plain ul li,
#Kugell #plain ul li,
#Kugelm #plain ul li,
#Kugels #plain ul li,
#Panorama #plain ul li,
#Panoramal #plain ul li,
#Panoramam #plain ul li,
#Panoramas #plain ul li {
background-color:#ffffff;
padding:35px;}





	  
	   
#maincontent {
    
     float:left;
	 margin-left:18px;
     width: 800px;
     margin-top:-0px;
     padding-top:0px;
	 }


* html #maincontent {width:780px;margin-left:9px;}


#centercontent {
	
	
	 position:relative;
	 color:black;
	 float:left;
	 width:520px;
	 padding-top:48px;}


* html #centercontent {width:514px;}


#hauptheadline {
	 
	 width:540px;
	 height:62px;
	 display:inline;
	 position:absolute;
	 padding:0px 0px 0px 0px;
	 left:-28px;
	 top:0px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 background-image:url("../images/title-photo.gif");}
	 
	#hauptheadline h1{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top:31px;
	margin-left:40px;
	font-size:18px;
	float:left;
} 

* html #hauptheadline h1{
margin-left:20px;}

#Index #hauptheadline{background-image:url("../images/title-index.gif");}

#Impressum #hauptheadline{background-image:url("../images/title-impressum.gif");}

#Uebersicht #hauptheadline{background-image:url("../images/title-uebersicht.gif");}

#Leistungen #hauptheadline{background-image:url("../images/title-leistungen.gif");}

#Kontakt #hauptheadline{background-image:url("../images/title-kontakt.gif");}

#Jobs #hauptheadline{background-image:url("../images/title-jobs.gif");}

#Kugel #hauptheadline{background-image:url("../images/title-360.gif");}

#Kugell #hauptheadline{background-image:url("../images/title-360.gif");}

#Kugelm #hauptheadline{background-image:url("../images/title-360.gif");}

#Kugels #hauptheadline{background-image:url("../images/title-360.gif");}

#Panorama #hauptheadline{background-image:url("../images/title-panorama.gif");}

#Panoramal #hauptheadline{background-image:url("../images/title-panorama.gif");}

#Panoramam #hauptheadline{background-image:url("../images/title-panorama.gif");}

#Panoramas #hauptheadline{background-image:url("../images/title-panorama.gif");}

#imp{
	width: 488px;
	height:390px;
	padding-left:15px;
	padding-top:15px;
	padding-bottom:15px;
	border-left:2px solid #ffe600;
	border-top:2px solid #ffe600;
	border-bottom:2px solid #ffe600;
	overflow:scroll}
	
	#imp h1{
	font-size:15px;}
	#imp ul {
		list-style-type:none;
		padding-right:55px;}
	
	#imp ul li{
		list-style-type:none;}


#mapframe{
width:504px; 
height:400px;}

* html #mapframe{
width:504px; 
height:420px;}

#flashcontent {
	width: 504px;
	height:400px;
	border-left:2px solid #ffe600;
	border-top:2px solid #ffe600;
	border-bottom:2px solid #ffe600;}
	
	#flashcontent1 {
	
	width: 504px;
	height:420px;
	background-color:#fffdea;
	border-left:2px solid #ffe600;
	border-right:2px solid #ffe600;
	border-top:2px solid #ffe600;
	border-bottom:2px solid #ffe600;}
	
	#xl #flashcontent,
	#l #flashcontent,
	#s #flashcontent,
	#m #flashcontent {
	width: 504px;
	height:420px;
	background-color:#000;
	border-left:2px solid #ffe600;
	border-top:2px solid #ffe600;
	border-bottom:2px solid #ffe600;}
	
	
	#Kugel #flashcontent,
	#Kugell #flashcontent,
	#Kugelm #flashcontent,
	#Kugels #flashcontent,
	#Panorama #flashcontent,
	#Panoramal #flashcontent,
	#Panoramam #flashcontent,
	#Panoramas #flashcontent {
	height:420px;}
	

* html #flashcontent{
	width: 504px;
	height:420px;
	border:2px solid #ffe600;} 
	
	
	* html #xl #flashcontent
	* html #l #flashcontent
	* html #m #flashcontent
	* html #s #flashcontent {
	width: 504px;
	height:420px;
	background-color:#000;
	border:2px solid #ffe600;}


#downer {
	width:540px;
	height:27px;
	margin-top: 0px;
	margin-left:-18px;
	background-image:url("../images/downer.gif");
	margin-bottom:-31px;}


	 
#rightspace {
    
     float:left;
   	 width:121px;
	 height:315px;
	 }
	 
	 * html #rightspace {
    
     margin-left:-15px;
   	 width:121px;
	 height:317px;
	 }
	 

	 
	 
#rightspace1 {
height:420px;
width:275px;
margin-top:66px;
margin-left:-23px;
background : url("../images/rightspace1.gif") no-repeat;}

* html #rightspace1 {
height:420px;
width:275px;
margin-top:66px;
margin-left:0px;}






#Anzeige{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 padding-left:30px;

}

#Anzeige #objektnr{
margin-left:130px;
padding-top:7px;
font-size:10px;
color:#000;
font-weight:bold;
}

#Anzeige #name{

width:225px;
text-align:left;
margin-top:35px;
padding:0px;
font-size:16px;
color:#000;
font-weight:bold;
}

#link{

margin-top:20px;
padding-left:30px;
font-size:17px;
color:#000;
}

#Anzeige #eigenschaften{
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:10px;
width:225px;
text-align:left;
font-size:14px;


}
#Anzeige #eigenschaften li{

line-height:20px;
}

* html #Anzeige #eigenschaften li{

line-height:21px;
}



#Anzeige #eigenschaften li a{

font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #000;
padding:2px;
font-size:10px;
background-color:#fffdea;
}

#Anzeige #eigenschaften li a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
border:1px solid #000;
padding:2px;
font-size:10px;

background-color:#fff;
}

#l #rightspace{background : url("../images/rightspace-l.gif") no-repeat right center;}

#m #rightspace{background : url("../images/rightspace-m.gif") no-repeat right center;}

#s #rightspace{background : url("../images/rightspace-s.gif") no-repeat right center;}
	 
	 

#Kugel #rightspace{background : url("../images/rightspace-xl.gif") no-repeat right center;}

#Kugell #rightspace{background : url("../images/rightspace-l.gif") no-repeat right center;}

#Kugelm #rightspace{background : url("../images/rightspace-m.gif") no-repeat right center;}

#Kugels #rightspace{background : url("../images/rightspace-s.gif") no-repeat right center;}



#Panorama #rightspace{background : url("../images/rightspace-xl.gif") no-repeat right center;}

#Panoramal #rightspace{background : url("../images/rightspace-l.gif") no-repeat right center;}

#Panoramam #rightspace{background : url("../images/rightspace-m.gif") no-repeat right center;}

#Panoramas #rightspace{background : url("../images/rightspace-s.gif") no-repeat right center;}


	




#footer {
    
	 
	 
     height:0px;
     margin-top:0px;
     clear:both;
	 }


#footer li{display: inline;}	


#footer a {
     
	 padding-right:1px;
	 padding-left:1px;
	 color:#FFFFFF;
	 font-size:.8em;}


#footer a:hover {

	 color:#000000;
	 font-size:.8em;
	 border:none;}



     
     
   /*ENDE DES STYLESHEETS 
   =============================== */