/* Standard-CSS für www.janhollaender.de */
/* mail@janhollaender.de*/
/* Wichtige Farben
Name Farbe braun 	= #813815
Name Farbe schwarz  = #000000
Name Farbe weiss	= #ffffff
*/

/* Hier werden alle html-Tags auf "Null" gesetzt und eine Standard-Schriftart vergeben */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Hier allgemeingültige Formatierungen */

a:link {
	text-decoration: none;
	color: #000000;   
}

a:visited {
	color: #000000;
	text-decoration: none;   
}

a:hover {
	color: #813815;   
}

a:active, a:focus {
	color: #813815;   
	outline:none; /* Rahmenlinien um links werden nicht mehr angezeigt */
}

body, html {
	width:100%;
	height:100%;
}
/* dem body wird eine höhe und eine breite zugewiesen, er wird mittig der Bildschirmfläche positioniert */ 
body {
	min-width:947px;
	min-height:567px;/* 10px mehr als als huelle, damit rahmen sich absetzt vom Hintergrund, und für i-phones umlaufender Rand um den Rahmen*/
	position:relative;
	background-image: url(../allgemein/staedtebau_1.png);
	background-position:center;
	background-repeat:no-repeat;
}



/* Formatierung der Standartschrift h1 */
h1 {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
/* Überschriftenformatierung der Standartschrift fett */	
}
h2 {
	font-size: 12px;
	font-weight: bold;
} 
/* h3 hier keine Überschrift, da nur eine Überschrift gebraucht wird, h3 definiert Schriftgrösse und Farbe */
h3 {
	font-size: 11px; 
	line-height: normal;
	font-weight: normal;
	text-align: justify;
}
 
ul {
	line-height: 150%;
}
#huelle {
	
	height: 557px;
	width: 937px;
	position: absolute;/* wichtig, damit das div sich richtig positioniert */ 
	background-image: url(../allgemein/weisserhintergrund.png);
	top:50%;/* linke obere ecke der hülle wird zunächst in die "body-mitte" gesetzt und 									                                                    dann mittels margin ausgerichtet */ 
	left:50%;
	margin-left:-468px;
	margin-top:-278px;/* hier bitte später wert von -278 eingeben,  null wegen lesbarkeit DW  /* 


/* Sektionsweite Formatierungen */
}
#huelle #nav1 {
	left: 190px;
	top: 45px;
	height: 16px;
	width: 690px;
	position: absolute;
	
	
}
#huelle #nav1 ul {
	list-style-type: none;  /* damit vor den listenelementen keine punkte erscheinen */ 
	text-transform: uppercase; /* GROSSSCHRIFT */
	float: right;
}
#huelle #nav1 li {
	float: left;
	padding-left: 30px;
}



#huelle #nav1 ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;/* damit der inhalt nebeneinander steht */
	background-color:#777777;
	height: 16px;
	width: 140px;
	text-align: center;
	clear: both;
	line-height: 16px;
	font-size: 12px;
	
}
#huelle #nav1 ul li a:hover {
	color: #622510;/* hier dunkleres braun, damit braun auf braun lesbar */
	
}
#huelle #nav2 {
	height: 370px;
	width: 180px;
	left: 50px;
	top: 96px;
	position: absolute;
}
#huelle #nav2 ul {
	list-style-type: none;
	padding-left: 10px;
}
#huelle #nav2 li {
	font-size: 12px;
	padding-bottom: 10px;
}
#huelle #nav3 {
	height: 15px;
	width: 300px;
	left: 580px;
	top: 490px;
	position: absolute;
	
}	
#huelle #nav3 ul {
	width: 300px;
}
#huelle #nav3 li {
	float: right;
	list-style-type:none;
	margin-left: 15px;
}

#huelle #nav3 li a {
	display: block;
	text-indent: -6000px;/* text steht ganz weit links damit man ihn nicht sieht */
	height: 15px;
	width: 15px;
	background-color: #777777;
	border: none;
}

#huelle #nav3 li a:hover {
	background-color: #813815;
	
}	
	

#huelle #text1 {
	z-index: 120;
	position: absolute;
	padding-left: 3px;
	color: #000000;
	text-align:justify;
		
}
#huelle #text2 {
	position: absolute;
	z-index: 110;
	padding-left: 3px;
	color: #999999;
	text-align:left;
	letter-spacing: normal;
	word-spacing: normal;	
	
	
	
}
#huelle #inhalt {
	height: 370px;
	width: 650px;
	position: absolute;
	top: 100px;
	left: 230px;
	z-index: 80;
}
#huelle #fototext {/* text nur für die unterwegs-bilder */
	height: 16px;
	width: 373px;
	position: absolute;
	top: 455px;
	left: 500px;
	z-index: 130;
	color: #FFFFFF;
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
}
#huelle #janhome { /* link zur Startseite */
	height: 30px;
	width: 400px;
	left: 76px;
	top: 485px;
	position: absolute;

	
}