/* Farben: 					*/
/* Seiten-BG: 		#6699CC 	*/
/* dunkelblau (Titel) 	#006699	*/
/*  header Schrift: 	#99cccc; 	*/
/* */

body {
	margin: 0; 
}

body, P, TD, LI {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-style: normal; 
	color: #000000; 
	font-weight: normal;
	color: black;
	z-index: auto;
}

H1 {
	font-size: 180%;
	padding-top: 0em;
	padding-bottom: 0em;
	margin: 0;
	font-weight: bolder; 
	font-variant: small-caps
}

H2 {
	font-size: 140%; 
	font-style: normal; 
	font-weight: bold; 
	padding-top: 0.2em; 
	padding-bottom: 0em;
}

a {  
	text-decoration: underline;
	color: #000000; 
}

#nav a {
		color: #99cccc;
		text-decoration: none;
}

#nav a:hover {
		color: 006699;
		text-decoration: none;
}

#nav #current {
	color: #006699;
}

#menu a:hover {
	color: #006600;
}	

/* ***** Struktur ***** */
	
	
#header
	{
		height: 65px;
		margin: 0;
		/* width: 100%; */
		background-image: url(Images/Design/title_bg.jpg); 
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 10px;
		font-style: normal; 
		font-weight: bold; 
		letter-spacing: 2;
		word-spacing: 2;
		text-decoration: none;
		color: #99cccc;
	}
// 		font-size: 140%; 


#container
	{
		position: absolute;
		top: 0;
		width: 100%;
		text-align: left;
		margin-left: 0em;
		margin-right: 0em;
		margin-top: 5em;
	}

#header h1 a {
		height: 65px;
		background-image: url(Images/Design/title_bg.jpg); 
		/* padding-left: 1em; */
		/* padding-right: 1em; */
		/* padding-top: 10px; */
		/* font-size: 140%;  */
		font-style: normal; 
		font-weight: bold; 
		letter-spacing: 2;
		word-spacing: 2;
		text-decoration: none;
		color: #99cccc;
}
	
#nav ul li{
		position: relative;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	float: right;
	z-index: 2;
}




#box {	
		position:absolute;		
		width:70px; 
		height:70px; 
		left: 2.5em;
		top: 4em;
		margin: 0;
		padding: 0;
		/* background-color: #66cc66; */
	}
	
	#mrswilson #box {
		background-color: #66cc66;
		/* background-image: url(Images/Design/Boxes/green/box70x70.gif);  */
	}	
	
	#momo #box {
		background-color: #99cccc;
		/* background-image: url(Images/Design/box_mo.gif); */
	}	

	#album #box {
		background-color: #99cccc;
		/* background-image: url(Images/Design/box_mo.gif);  */
	}	

	#waeller #box {
		background-color: #ff9900;
		/* background-image: url(Images/Design/box_waeller.gif);  */
	}	

	#general #box {
		background-color: #cc6600;
		/* background-image: url(Images/Design/box_general.gif);  */
	}	
	
#title {		
		position: absolute;
		top: 4em;
		margin: 0;
		padding-left: 3em;
	}

#menu {
		position: absolute;  
		z-index: 7;
		padding: 1em;
		top: 9em; 
		right: 2em;
		width: 11.5em;
		/* height: 10em; */
		background-color: #66cc66;
	}

	#mrswilson #menu {
		background-color: #66cc66;	
	}	
	
	#momo #menu {
		background-color: #99cccc;	
	}	

	#album #menu {
		background-color: #99cccc;	
	}	

	#waeller #menu {
		background-color: #ff9900;	
	}	

	#general #menu {
		background-color: #cc6600;	
	}	
	
#contents {
		position: relative;
		top: 1.5em;
		padding-left: 8em;
		padding-top: 2em;
		padding-right: 12em;
		padding-bottom: 3em;
		margin-left: 1em;
		margin-right: 5em;
		margin-top: 0;
		margin-bottom: 0;
		right: 2em;
		left: 0;
		/* z-index: 10; */
		background-color: #ffff99;		 
		
}

#mrswilson #contents {
		background-color: #ccff99;
	}

#general #contents {
		background-color: #ffcc99;
	}

#waeller #contents {
		background-color: #ffcc66;
	}

#momo #contents {
		background-color: #ffff99;
	}
#album #contents {
		background-color: #ffff99;
	}

#mrswilson .linkliste{
	background-color: #66cc66;
	padding-top: 1em;
	padding-bottom: 1em;
}

#nav {
	position: relative;
	margin-bottom: 0;
	display: inline;
	font: bold;
}

/* ************************************************************** */	

/* ************************ Navigation mit Bildern ************************ */
/*
#nav {
	margin-bottom: 0;
	display: inline;
	font: 0.8em bold;
}

#nav  ul {
	margin-right: 6em;
	padding: 0;
	float: right;
	background-repeat:no-repeat;
	display: block;
}

#nav ul li {
	list-style: none;
	margin: 0;
	padding-left: 1.2em;
	display: block;
	float: left;
	width: 75px;
	height: 40px;
	border-bottom: 2px black;
}

#nav a {
	color: #000;
	text-align: center;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	height: 24px;
	background-image: url("Images/Design/bubble.jpg");
	background-repeat: none;
}

#nav li#active { 
	background: url("Images/Design/bubble.jpg") ; 
}
#nav a:hover { 
	background: url("Images/Design/bubbleIA.jpg") ; 
}

*/
/* ****************** Ende Navigation ************************ */