/* CSS Document */

/* Allgemeine Bedingungen 
-----------------------------------------------------------------*/



body, div, ul, li, a, img, p, h1, h2{
	padding:0px;
	margin:0px;
}


body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 30px;
	background-color:#FFFFFF;
	}



/* Schrift spezifikation 
-------------------------------------------------------------------*/

ul{
	list-style:none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: lowercase;
	color: #000000;
	font-weight: light;
	line-height: 20px;
	margin: 6;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	color: #FFFFFF;
	font-weight: light;
	line-height: 20px;
	margin: 4px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: lowercase;
	color: #999999;
	font-weight: light;
	line-height: 20px;
	margin: 6;
}

img {
	padding-left: 0px;
	padding-right: 3px;
}




/* Link spezifikation */

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



/* box spezifikation */

#A10 {								/* navigation */
	width:900px;
	
	position:absolute;
	top:60px;
	left:100px;
	opacity:0.9;
	border:0px dotted red;
	z-index: 2;
}

#A11 {								/* bild */
	width:285px;
	
	position:absolute;
	top:45px;
	left:600px;
	opacity:0.9;
	border:0px dotted yellow;
	z-index: 1;
}

#A12 {								/* jonas althaus */
	width:250px;
	
	position:absolute;
	top:60px;
	left:730px;
	opacity:0.9;
	border:0px dotted black;
	z-index: 2;

}

#A13 {								/* bilder projekte */
	width:1200px;
	
	position:absolute;
	top:100px;
	left:100px;
	opacity:0.9;
	border:0px dotted green;
	z-index: 1;
}

#A14 {								/* beschrieb projekte */
	width:900px;
	
	position:absolute;
	top:380px;
	left:100px;
	opacity:0.9;
	border:0px dotted blue;
	z-index: 0;
}

#A14a {								/* beschrieb projekte */
	width:900px;
	
	position:absolute;
	top:600px;
	left:100px;
	opacity:0.9;
	border:0px dotted blue;
	z-index: 0;


}

#A15 {								/* ballakt movie */
	width:900px;
	
	position:absolute;
	top:780px;
	left:100px;
	opacity:0.9;
	border:0px dotted blue;
	z-index: 0;
	
}