@charset "utf-8";

/* www.lannepax.de
Spezielle Informationen f�r IE 6 Anfang */

* html {overflow: hidden; height: 100%; width: 100%;}
* html body {overflow: auto; height: 100%;width: 100%; margin: 0;  }
* html #navi {position: absolute; float:left; overflow: auto; width:240px;height:100%; margin:20px 20px 50px 20px;  }
* html .content {position:static;  overflow:hidden; margin: 0px 50px 50px 320px; height:auto; padding: 20px 40px 20px 40px;   }

/* IE 6, damit die Link-Felder ohne Abstand untereinander kommen */
* html #navi li a { display:block; width:180px;  }


/* Spezielle Informationen f�r IE 6 Ende */



body 
{ color:#000080; 
background-color:#ccccff;
font-size:100.01%;
padding: 4%;
}

p, div, section {
box-sizing: border-box;
margin-bottom: 2%;
}

/*Größen: 144; 120; 100,01; 93; 86; 76; 69; % */
#index p {
text-align: center;
}


.content {
	font-family: "lucida sans unicode", verdana, arial, sans-serif;
	float: right;
	width: 70%;
 	font-size:93%; 
	line-height:130%;
	margin-bottom: 50px;
	}
	
/* Navigationsmen� mit Links */
#navi {
	float:left;
	font-weight: bold;
	font-size: 93%; 
	overflow: auto; 
}
	
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-bottom:1em;
}

li { 
	font-size:100%;
	line-height:2em;
	font-family: helvetica, verdana, arial,  sans-serif;
	 }



table {
border: 3px #aaa ridge;
width: 650px;
border-collapse: collapse;
table-layout: fixed;
font-size: 92%;
}


td, th {
border: 3px #aaa ridge;
padding: 6px;
font-weight: normal;
}


/* Ende Anweisungen f�r "preise" */


.zentriert, #index { 
text-align:center; }

.rechts {
text-align: right;
}

.links {
text-align: left;
float: left;
padding: 3px;
}

.imggalerie {
text-align: left;
float: left;
padding: 3px;
display:inline-block;
}

.clear {
clear: both;
}

h1, h2, h3, .ueber { 
text-align:center;
font-size:150%;
line-height:130%;
padding-bottom:32px;
font-family: verdana, arial, sans-serif;
font-weight:bold;
}

.unter {font-size:93%; }
.kleiner { font-size:74%; font-family:helvetica, verdana, arial, sans-serif; }
/* .ueber {font-size:5;} */

a:link {color:blue;  }
	/* unvisited Links in blau und normal */
	
a:visited {color:purple; }
	/* visited Links in purpur und normal */
	
a:hover {color:red; }
	/* überfahrene links in rot und normal */
	
#navi div {
padding-left:8px;
}

#navi li a { 
	display:block;
	font-size:93%;
	text-decoration:none;
	text-align:left;
	padding-left: 1em;
	padding-right:1em;
	border-left: 2px double white;
	border-top:1px solid white;
	border-right: 2px solid white;
	border-bottom:1px solid white;
}

	 
#navi li a:link {color:blue;  }
#navi li a:visited {color:purple; background:transparent;}
#navi li a:hover {color:red;
				background-color:#0099FF;
				background-color:#009999;
				background:transparent; }
#navi li a:active {color:red; 
					background-color:#00CCFF;}


	
body#start a#startnav,
body#willkommen a#willkommennav,
body#turmhaus a#turmhausnav,
body#untereshaus a#untereshausnav,
body#atelierwohnung a#atelierwohnungnav,
body#impressionen a#impressionennav,
body#gegend a#gegendnav,
body#landkarte a#landkartenav,
body#preise a#preisenav,
body#prospekt a#prospektnav,
body#links a#linksnav,
body#kontakt a#kontaktnav
 {
color: #fff;
background:#0066FF;
text-decoration:none;
}
	
.abstand_klein {
margin-top:2em;}

.abstand_mittel
{margin-top:5em;}

.abstand
{margin-top:20em;}

img  {
	border: 0;
	margin: 0;
	max-width: 100%;
	height: auto;
}

a:link img {
border: 1px solid transparent;
}

a:hover img {
border: 1px #990000 solid;
}