/* GANZ ALLGEMEIN */
/* ========================================================================= */

body {
	background-color:#ffffff;
	background-image:url(Bilder/background.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	margin:0px;
	padding:0px;
	}
	
img {
	border:none;
	}
	
/* Der Seite zugrunde liegendes Bild unter allem Anderen */
#slice {
	position:absolute;
	left:0px;
	top:0px;
	width:941px;
	height:762px;
	border:0px;
	z-index:1;
	}

/* Bild �ber dem Slice, benutzt die Map mit den Links */
#blank {
	width:941px;
	height:762px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
	}
	
/* ========================================================================= */
/* SEITENELEMENTE */
/* ========================================================================= */

/* Hauptinhaltsfenster */
#content {
	position:absolute;
	text-align:justify;
	left:249px;
	top:134px;
	width:640px;
	height:400px;
	overflow:visible;
	padding:0px;
	margin:0px;
	z-index:4;
	}

/* Seitennavigation am rechten Rand */
#skyscraper {
	position:absolute;
	padding-top:0px;
	left:902px;
	top:155px;
	width:160px;
	text-align:justify;
	height:auto;
	overflow:auto;
	z-index:4;
	}

/* Besucherz�hler */		
#count {
	position:absolute;
	left:110px;
	top:65px;
	width:24px;
	height:9px;
	text-align:right;
	vertical-align:middle;
	line-height:9px;
	z-index:3;
	}
	
/* Updatedatum */
#update	{
	position:absolute;
	left:668px;
	top:44px;
	width:114px;
	height:12px;
	text-align:center;
	line-height:12px;
	font-size:12px;
	z-index:3;
	}

/* FOOTER (die Leiste am Boden) */
/*------------------------------*/

#footer {
	position:fixed;
	bottom:0px;
	width:100%;
	height:20px;
	background-image:url(Bilder/nav/footer.png);
	z-index:5;
	padding:0px;
	text-align:center;
	border-collapse:collapse;
	font-size:10px;
	}
	
#footer table {
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	}	

#footer td {
	width:160px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	}
	
#footer td a {
	display:block;
	width:100%;
	height:100%;
	color:#000000;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	}

#footer td a:hover {
	color:#000000;
	text-decoration:none;
	background-image:url(Bilder/nav/footer_h.png);
	}
	
#footer td.footspace {
	width:249px;
	}
	

/* ========================================================================= */
/* HEADLINES */
/* ========================================================================= */

h1 {
	font-family:Ubuntu, Arial, Helvetica, Impact;
	font-size:34px;
	font-weight:bold;
	text-align:left;
	line-height:36px;
	}
	
h2 {
	font-family:Ubuntu, Arial, Helvetica, Impact;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	line-height:28px;
	}
	
h3, h4 {
	font-family:Ubuntu, Arial, Helvetica, Impact;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	line-height:22px;
	}
	
h5	{
	font-family:Ubuntu, Arial, Helvetica, Impact;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	text-align:left;
	}

span.Sidenav {
	font-family:Ubuntu, Arial, Helvetica, Impact;
	font-weight:bold;
	font-size:16px;
	}
	
/* ========================================================================= */
/* LINKS */
/* ========================================================================= */

a {
	color:#2d83a1;
	text-decoration:none;
	}
	
a:Hover {
	text-decoration:underline;
	}
	
a.Sidenav {
	display:block;
	color:#000000;
	padding-left:16px;
	width:120px;
	background:none;
	text-decoration:none;
	white-space:nowrap;
	}
	
a:hover.Sidenav {
	background-image:url(Bilder/nav/sidenavbg.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#ffffff;
	}
	
/* ========================================================================= */
/* SONSTIGES */
/* ========================================================================= */

span.code {
	background-color:#cccccc;
	color:#000000;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:thin;
	display:block;
	width:600px;
	text-align:justify;
	}

td.planes {
	border:thin;
	border-style:solid;
	border-collapse:separate;
	border-color:#000000;
	}

p.pics {
	text-align:center;
	position:relative;
	}

p.pics img {
	margin-bottom:0px;
	margin-top:15px;
	azimuth:center;
	max-width:600px;
	}
	
hr {
	display:none;
	}

/* ========================================================================= */
/* DYNAMISCHE NAVIGATION REISEN, LEBEN, INTERESSEN */
/* ========================================================================= */

#mylife, #interests, #travelnavel {	/* Gemeinsame Eigenschaften der Elemente der obersten Ebenen */
	position:absolute;
	left:163px;
	height:auto;
	width:auto;
	line-height:14px;
	vertical-align:middle;
	padding:0px;
	}

#mylife {			/* �Berschrift "Mein Leben", genau definiert */
	top:122px;
	z-index:12;
	}
	#mylife ul.level_1 li {
		background-image:url(Bilder/nav/CC_dot.png);
		background-position:left center;
		background-repeat:no-repeat;
		padding-left:12px;
		}
		#mylife ul.level_2 li {
			background-image:url(Bilder/nav/LT_dot.png);
			background-position:left center;
			background-repeat:no-repeat;
			padding-left:12px;
			}

#interests {	/* �berschrift "Interessen", genau definiert */
	top:180px;
	z-index:11;
	}
	#interests ul.level_1 li {
		background-image:url(Bilder/nav/NE_dot.png);
		background-position:left center;
		background-repeat:no-repeat;
		padding-left:12px;
		}
		
		#interests ul.level_2 li {
			background-image:url(Bilder/nav/LT_dot.png);
			background-position:left center;
			background-repeat:no-repeat;
			padding-left:12px;
			}

#travelnavel {	/* �berschrift "Reisen", genau definiert */
	top:238px;
	z-index:10;
	}
	#travelnavel ul.level_1 {
		border:none;
		max-height:250px;
		width:346px;
		float:left;
		}

	#travelnavel ul.level_1 li {
		background-image:url(Bilder/nav/EW_dot_expand.png);
		background-position:left center;
		background-repeat:no-repeat;
		padding-left:20px;
		width:150px;
		float:left;
		}
		
		#travelnavel ul.level_2 li {
			background-image:url(Bilder/nav/LT_dot.png);
			background-position:left center;
			background-repeat:no-repeat;
			padding-left:12px;
			width:35px;
			}

ul.outer{				/* Definiert das Aussehen er obersten Ebene, r�umt es auf */
	list-style:none;
	margin: 0;
	padding:0;
	display:table;
	}

ul.outer li{	/* Positioniert die Links der obersten Ebene */
  padding: 3px;
  text-align: left;
}

ul.outer li, ul.outer li *{	/* R�umt das Aussehen der Links auf */
	white-space:nowrap;
	vertical-align:middle;
}

ul.outer li a{			/* Definiert die Darstellung der Links */
	margin: 0 3px 0 3px;
	display: block;
	width: auto;
	height: 18px;
}

ul.level_1, ul.level_2{			/* Macht die Untermen�s by default unsichtbar */
	display: none;
	position:absolute;
	left:105%;
	top:-34px;
	list-style:none;
	margin: 0px;
	padding:0px;
}

ul.level_2 {		/* Positioniert die 3. Ebene genauer */
	left:70%;
	top:0;
	width: auto;
}

ul.outer li:hover,ul.outer li>div{	/* Positioniert die Untermen�s */
	position:relative;
	}
	
ul.outer li div {			/* Positioniert die Untermen�s genauer */
	top:+15px;
	left:-3px;
	}
	
ul.outer li:hover>ul,ul.outer li:hover>div>ul{	/* Macht die unteren Ebenen erst sichtbar */
	display:block;
	}

ul.outer{		/* Positioniert die Links der obersten Ebene */
  padding: 2px;
  border-width: 0px;
}

ul.level_1, ul.level_2{		/* Hier wird der Rahmen um die Links farbig */
  border-left-style: solid;
  border-left-width: 8px;
  background-color: #ffffff;
  padding: 0px;
}

ul.level_2 {	/* Hier wird der Rahmen um die grauen Links farbig (Einheitsfarbe) */
	border-color: #718274;
	background-color: #dddddd;
	}

ul.outer>li>a{				/* Textformat der Links im obersten Level */
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  display:block;
}


ul.level_1 a, ul.level_2 a { 	/* Format der Links in den unteren Ebenen */
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
 }

ul.level_1 li:hover{			/* Macht die Links der unteren Ebenen beim Hovern grau */
   background-color:#dddddd;
}

ul.level_2 li:hover{
	background-color: #ffffff;
}