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

body{
margin:2px 0px 5px 0px;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color: #1a3d75;
background-color:#9cb2d7;
}

		* html body { /*IE6 only*/
		 margin-top: 60px;  
		 }
  

a {color: #1a3d75; text-decoration:underline;}
a:hover {color: #0e2847;} 
a:visited {color: #1a3d75;}

#sprachen{
margin: 0 auto; /*Auf Seite zentrieren*/
padding-bottom:5px;
width: 745px; height:15px;
}

	.sprachen { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; text-decoration:none; color: #ffffff; float:right; margin-top:auto; 
	}
	
		.sprachen a { color: #ffffff; font-weight: normal; text-decoration:none; }
		.sprachen a:visited  {color: #ffffff;}
		.sprachen a:hover {color: #1a3d75; }
		.sprachen a:active {color: #ffffff;}
		
.blume { margin-top:2px;; 
	}


#maincontainer{
margin: 0 auto; /*Auf Seite zentrieren*/
width: 745px; height:auto;
background-color: #d4dfe8;
border:#1a3d75 1px solid; 
}

#header{
width: 745px; height:140px; background: url(../common/header_mala.jpg) top left no-repeat; 
}


#sub_header{
width: 745px; height:20px; background: url(../common/hg_subheader.jpg) top left no-repeat; 
border-bottom:#92a2be 1px solid;  
}

		.lanzarote  {
		width: 152px; height:15px; padding-left:17px; padding-top:3px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing:6px; color: #d4dfe8; font-weight:bold; float:left;
		}
		
		.subtext  {
		width: 500px; height:15px; margin-left:16px; padding-top:3px;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #d4dfe8; font-weight:bold; float:left; 
		}

/*---------------------------CONTENT ALLGEMEIN-------------------------*/

#contentwrapper{ /*umfasst den gesamten Content-Breich*/
width: 745px; background-color: #344571; 
overflow: hidden;
}


#content {
width:538px; min-height:700px; background-color: #d4dfe8; border-left:#a2b5c2 1px solid; padding-left:20px; padding-right:20px; padding-bottom:10px; float:right; 
overflow:auto;  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; line-height:18px; color: #1a3d75;
}

	  * html #content { /*IE6 only*/
		   height: 1620px; overflow: auto; 
	  }
	  
		.content a {color: #1a3d75; text-decoration: underline;}
		.content a:visited { color: #1a3d75;}
		.content a:hover {color: #0e2847; font-weight: bold; font-size:10px;}
		.content a:active {color: #1a3d75;}
		
		



/*.....................LINKE SPALTE ...........................*/

#spalte_links_bilder {
	width:302px;
	background-color: #d4dfe8;
	margin-top:18px;
	margin-left:-3px;
	float:left;
	overflow:hidden;
	clear:both;
}

			*+html #spalte_links_bilder { /*IE7 only*/
			 margin-top:15px; 
			 }

			* html #spalte_links_bilder{ /*IE6 only*/
			  margin-top:15px; margin-left:0px; 
			  }
				  
				  
#zeile_nur_text { /*.... fuer Seiten ohne Bilder und/oder mit iframe.........*/
width:538px; margin-top:15px; 
}

#zeile_bild_links { /*.... umfasst eine "Zeile" wie in einer Tabelle.........*/
width:538px; clear:both;  
}

		.zeile_bild_links_headline { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; font-weight:bold; line-height:16px;  color: #1a3d75; margin-bottom:10px;
		}



.foto_wohneinheiten { /*Für die einzelnen Apartements*/
border:#49517b 1px solid; width:300px; height:200px; margin-bottom:10px;  }

.foto_quer { border:#49517b 1px solid; width:538px; height:200px; margin-top:18px; margin-left:-2px; } 

			*+html .foto_quer { /*IE7 only*/
			 margin-top:15px; 
			 }
			
			* html .foto_quer{ /*IE6 only*/
			 margin-top:18px; margin-left:0px;
			}
							  
.bu_foto_quer {font-size:11px; line-height:13px;  margin-top:2px; margin-bottom:0px; margin-left:-2px;}

			
			
			* html .bu_foto_quer{ /*IE6 only*/
			  margin-left: 0px;
			  }

.foto_bu { border:#49517b 1px solid; width:300px; height:200px;} /*Foto (300x200px) mit Bildunterschrift*/

.bu_foto {font-size:11px; line-height:13px;  margin-top:2px; margin-bottom:18px;} /*Text für Bildunterschrift*/

		.bu_foto a {text-decoration: underline;}
		.bu_foto a:visited {color: #1a3d75;}
		.bu_foto a:hover {color: #0e2847;}
		.bu_foto a:active {color: #1a3d75;}
		
.bu_grundriss_hl {font-size:11px; font-weight:bold; line-height:13px;  margin-top:0px; margin-bottom:10px;} /*Headline für Grundriss-BU*/

.grafik { border:#49517b 1px solid; width:300px; height:auto;} /*geht auch für Fotos mit variabler Länge*/



/*.....................RECHTE SPALTE ...........................*/

#spalte_rechts_text {
width:222px; background-color: #d4dfe8; margin-top:2px; float:right;  overflow: hidden;  
}
			*+html #spalte_rechts_text { /*IE7 only*/
			 padding-top:10px;
			 }
		  
			* html #spalte_rechts_text{ /*IE6 only*/
			 margin-left: 10px; margin-top:13px;  overflow: hidden;  
			 }

#spalte_rechts_kastentext {  font-size:11px; font-weight:bold; line-height:10px;
width:210px; background-color: #baccd8; margin-left:1px; margin-top:14px;  padding-left:5px; padding-right:3px; border:#1a3d75 1px solid; float:left; overflow: hidden;  
}
	
			*+html #spalte_rechts_kastentext { /*IE7 only*/
			 margin-top:5px;
			  }


		  
#spalte_links_kastentext {  font-size:11px; font-weight:bold; line-height:10px;
width:280px; background-color: #baccd8; margin-top:14px;  padding-left:17px; padding-right:3px; border:#1a3d75 1px solid; float:left; overflow: hidden;  
}
	
			*+html #spalte_links_kastentext { /*IE7 only*/
			margin-top:10px; 
			} 
		  
		  
	  .HL_kastentext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height:15px;  color: #1a3d75; margin-top:5px; }
			
			*+html .HL_kastentext { /*IE7 only*/
			 margin-top:10px; line-height:6px; 
			 } 
#zeile_kastentext {  font-size:11px;  line-height:10px;
width:515px; background-color: #baccd8; margin-top:14px;  padding-left:17px; padding-right:3px; border:#1a3d75 1px solid; float:left; overflow: hidden;  
}
	
			*+html #zeile_kastentext { /*IE7 only*/
			margin-top:10px; 
			} 
		  
		  
	  .HL_kastentext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; line-height:15px;  color: #1a3d75; margin-top:5px; }
			
			*+html .HL_kastentext { /*IE7 only*/
			 margin-top:10px; line-height:6px; 
			 } 
	 .kastentext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:15px;  color: #1a3d75; margin-top:5px; }
			
			*+html .kastentext { /*IE7 only*/
			 margin-top:10px; line-height:6px; 
			 } 
		  

.grundriss { border:#1a3d75 1px solid; width:220px; height:auto; margin-top:20px; margin-bottom:10px;}			
	
	

/*......................allgemeine Ueberschriften...........................*/

.h1 { font-family: Arial, Helvetica, sans-serif;
font-size: 12px; line-height:14px; color: #1a3d75; font-weight:bold; 
}


.h2 { font-family: Arial, Helvetica, sans-serif;
font-size: 18px; color: #1a3d75; font-weight:bold; line-height:20px; margin-top:-7px;
}

			*+html .h2 { /*IE7 only*/
			 margin-top:-12px;
			  }

.h3 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-weight:bold; line-height:16px;  color: #1a3d75; margin-bottom:5px; margin-top:18px;
}

.subline {font-family: Arial, Helvetica, sans-serif;
font-size: 12px; margin-top:-13px;  color: #1a3d75; font-weight:bold; }


/*-----------LISTEN - NUMMERIERUNGEN----------*/
.list{
	
	list-style:disc; list-style-position:outside; 
	margin-left:-26px;
  }
  
 .list_kasten{
	
	list-style:disc; list-style-position:outside; 
	margin-left:-20px; line-height:13px; 
  } 
  
  .nummer{ list-style:decimal: list-style-position:outside; 
	margin-left:-20px;
  }
  
		  *+html .nummer { /*IE7 only*/
		   margin-left:-16px;
		  }
	  
		  * html .nummer{ /*IE6 only*/
			margin-left:-15px;
		 }


/*------------ MENUE ---------------*/

#menue{
width:152px; padding-bottom:1px; margin-left:14px; padding-top:1px; color:#d4dfe8; 
float:left; 
overflow:hidden; 

}


			*+html #menue { /*IE7 only*/
			padding-top:12px;
			}
			
			* html #menue { /*IE6 only*/
			 margin-top: 9px; margin-left:7px;  
		 }


.hl_menue {margin-bottom:-1px; font-weight:bold; color:d4dfe8; margin-left:3px;  }

			*+html .hl_menue { /*IE7 only*/
			margin-bottom:-8px;
			}

.left_menu { margin-left:3px; text-align:left; font-size:11px; font-weight: bold; text-decoration:none;
color:#1d4666; line-height:6px; 
}

	.left_menu a { color: #d4dfe8; display:block; font-weight: normal; text-decoration:none; line-height:8px; }
	.left_menu a:visited { color: #d4dfe8;}
	.left_menu a:hover {color: #a2b5c2; font-size:11px;}
	.left_menu a:active {color: #344571; font-weight: bold; font-size:10px;  }
	
	#active{font-weight: bold; font-size:11px; }
	
	







/*------FOOTER ---------------*/
#footer{ 
margin: 0 auto; /*Auf Seite zentrieren*/
padding-bottom:5px; padding-left:335px;
width: 745px; height:15px;
font-weight: bold; font-size:11px; color: #1a3d75; 
clear: both;

}

.footer a { text-decoration:none; line-height:8px;}
.footer a:visited { color: #1a3d75;}
.footer a:hover {color: #0e2847; font-weight: bold; font-size:12px;}
.footer a:active {color: #FFFFFF;}

			*+html .footer { /*IE7 only*/
			 margin-top:10px;
			 }
