﻿/* CSS Dahme NAVIGATION */

/* Spalte 170+15+15 = 200px (> main {width:200px} */	
nav {
	float: left;
	width: 170px; /* siehe dahme_layout.css / main {margin-left: 200px} */
	padding: 15px;
	}
	
nav ul, .fotolink {
	box-shadow: #333 2px 2px 4px;
	}
	
/* Navigationspunkte */	
nav li {
	display: block;
	text-shadow: #fff 1px 1px 2px;
	text-transform: uppercase;
	padding: 5px;
	padding-left: 7px;
	
	border-left: 2px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
	border-top: 2px solid #e1e1e1;
	}
	
nav li:hover {
	font-weight: bold;
	}
		
nav li:last-child {
	border-bottom: 2px solid #e1e1e1;
	}	

/* aktueller Navigationspunkt */	
span.akt {
	font-weight: bold;
	}
	
/* Untergeordnete Navigation - ausblenden */		
nav ul li ul {
	position: absolute;
	width: 40px;
	left: -300px;
	box-shadow: none;
	}	
	
nav ul li ul li {
	font-size: 0.8rem;
	padding:3px;
	text-align: center;
	
	}
	
/* Untergeordnete Navigation - beim drüber rollen mit der Maus wieder einblenden */	
nav ul li:hover ul {
	left: auto;
	
	/* positionieren */
	margin-top: -31px;
	margin-left: 121px;
	}

/*****************************************************/	
/* Nav Wohnungen */

nav li.wohn_ul {
	padding:3px;
	font-size: 0.8rem;
	padding-left: 30px;
	text-transform: none;
	}
	
/*****************************************************/		
/* Foto-Link Webcam + Google */	

.fotolink {						
	margin: 45px 0;
	border: 2px solid #e1e1e1;
	}
	
/* Bild */	
.fotolink img {
	width: 158px; /* +2x2 +2x4 */
	border-bottom: 2px solid #e1e1e1;
	padding: 4px;
	}
	
/* bu */	
.fotolink figcaption {
	text-transform:uppercase;
	text-align:center;
	font-weight: normal;
	font-size: 0.8rem;
	
	padding: 5px;
	padding-left: 7px;
	margin-top: -7px;
	}
	
.fotolink figcaption:hover {
	font-weight: bold;
	}
	
.kontakt-adresse {
	border: 2px solid #e1e1e1;
	padding: 5px 7px;
	font-size: 0.9rem;
	}
	
.kontakt-adresse p:last-child {
	margin-bottom: 0;
	}
	
