@charset "UTF-8";
/* CSS Document */

body {
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F8F8F8;
	color: #333333;
	margin-top: 20px;
	}

a {
	text-decoration: none;
	color: #333333;
	text-transform: uppercase;	
	}

a:hover {
	color: #FF3300;
	}
	
.link {
	vertical-align: baseline;
	}

.copyright {
	font-size: 12px;
	}

#reiter {
	width: 720px;
	height: 30px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	background-color: #F8F8F8;
	}

#kopf {
	width: 720px;
	height: 20px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #F8F8F8;
	border-left: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	border-color: #000000;
	}

#titel {
	position: absolute;
	width: 200px;
	height: 20px;
	padding-left: 2px;
	font-size: 18px;
	display: inline;
	float: left;
	}
	
#navigation {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
	float: right;
	}
	
#navigation ul {
	display: inline;
	font-size: 12px;
	}
	
#navigation li {
	display: inline;
	text-align: right;	
	}
	
#button-home-aktiv {
	position: absolute;
	margin-left: 280px;
	width: 80px;
	height: 20px;
	padding-top: 3px;
	background-color: yellow;
	text-align: center;
	border-top: 1px solid;
	border-color: yellow;
	}
	
#button-home-passiv {
	position: absolute;
	margin-left: 280px;
	width: 80px;
	height: 20px;
	padding-top: 3px;
	text-align: center;
	}
	
#button-kunst-aktiv {
	position: absolute;
	margin-left: 400px;
	width: 80px;
	height: 20px;
	padding-top: 3px;
	background-color: #9999FF;
	text-align: center;
	}
	
#button-kunst-passiv {
	position: absolute;
	margin-left: 400px;
	width: 80px;
	height: 20px;
	padding-top: 3px;
	text-align: center;
	}
	
#button-vita-aktiv {
	position: absolute;
	margin-left: 520px;
	width: 80px;
	height: 20px;
	padding-top: 3px;
	background-color: #ccccff;
	text-align: center;
	}
	
#button-vita-passiv {
	position: absolute;
	margin-left: 520px;
	width: 80px;
	height: 20px;
	padding-top: 3px;;
	text-align: center;
	}
	
#button-artsite {
	position: absolute;
	margin-left: 640px;
	width: 80px;
	height: 20px;
	padding-top: 3px;
	text-align: center;
	}
	
#button-home-oben {
	position: absolute;
	margin-left: 280px;
	width: 80px;
	height: 30px;
	background-color: yellow;
	}
	
#button-kunst-oben {
	position: absolute;
	margin-left: 400px;
	width: 80px;
	height: 30px;
	background-color: #9999FF;
	}
	
#button-vita-oben {
	position: absolute;
	margin-left: 520px;
	width: 80px;
	height: 30px;
	background-color: #ccccff;
	}
	
#inhalt {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	height: 600px;
	background-color: #F8F8F8;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color:#000000;
	}
	
#inhalt-vita {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	height: 700px;
	background-color: #F8F8F8;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color:#000000;
	}
	
#inhalt-text {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	height: 860px;
	background-color: #F8F8F8;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color:#000000;
	}	

#index-bild {
	position: absolute;
	margin-left: 280px;
	margin-top: 200px;
	width: 160px;
	height: 160px;
	background-image: url(images/index-gr6513.15.jpg);
	}

#fussleiste {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-left: 2px;
	width: 718px;
	height: 16px;
	background-color: #F8F8F8;
	font-size: 10px;
	color: #c6c6c6;
	text-transform: uppercase;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #000000;
	}
	
#button-links-1 {
	position: absolute;
	width: 140px;
	height: 18px;
	background-color: #c6c6c6;
	padding-top: 4px;
	padding-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	margin-top: 60px;
	}
	
#button-links-2 {
	position: absolute;
	width: 140px;
	height: 18px;
	background-color: #c6c6c6;
	padding-top: 4px;
	padding-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	margin-top: 92px;
	}
	
#button-links-3 {
	position: absolute;
	width: 140px;
	height: 18px;
	background-color: #c6c6c6;
	padding-top: 4px;
	padding-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	margin-top: 124px;
	}
	
#button-links-4 {
	position: absolute;
	width: 140px;
	height: 18px;
	background-color: #c6c6c6;
	padding-top: 4px;
	padding-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	margin-top: 156px;
	}
	
#button-links-5 {
	position: absolute;
	width: 140px;
	height: 18px;
	background-color: #c6c6c6;
	padding-top: 4px;
	padding-left: 8px;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	margin-top: 188px;
	}	
	
#img-container-1 {
	position: absolute;
	float: left;
	margin-top: 200px;
	width: 719px;
	height: 74px;
	}
	
#img-container-2 {
	position: absolute;
	float: left;
	margin-top: 310px;
	width: auto;
	height: 70px;
	}
	
#img-container-3 {
	position: absolute;
	float: left;
	margin-top: 420px;
	width: auto;
	height: 70px;
	}
		
#img-container-sam1 {
	position: absolute;
	float: left;
	margin-top: 140px;
	width: auto;
	height: 70px;
	}
	
#img-container-sam2 {
	position: absolute;
	float: left;
	margin-top: 240px;
	width: auto;
	height: 70px;
	}
	
#img-container-sam3 {
	position: absolute;
	float: left;
	margin-top: 340px;
	width: auto;
	height: 70px;
	}
	
#img-container-sam4 {
	position: absolute;
	float: left;
	margin-top: 440px;
	width: auto;
	height: 70px;
	}
	
#img-container-sam5 {
	position: absolute;
	float: left;
	margin-top: 540px;
	width: auto;
	height: 70px;
	}
	
#img-container-sam6 {
	position: absolute;
	float: left;
	margin-top: 640px;
	width: auto;
	height: 70px;
	}
	
#text {
	position: absolute;
	margin-top: 40px;
	margin-left: 110px;
	width: 500px;
	height: auto;
	padding: 4px;
	}
	
#self {
	position: absolute;
	margin-top: 40px;
	float: right;
	}
	
#img-container-pa {
	position: absolute;
	margin-top: 200px;
	margin-left: 260px;
	width: 200px;
	height: 200px;
	}
	
#bilddaten {
	position: absolute;
	top: 200px;
	left: 460px;
	padding-left: 10px;
	width: 100px;
	height: 48px;
	}
	
#fireworks {
	position: absolute;
	top: 160px;
	left: 60px;
	width: 600px;
	height: 304px;
	}
	
#projekt-imgs {
	position: absolute;
	top: 160px;
	left: 53px;
	width: auto; 
	height: 200px;
	}
	
#sw-imgs {
	position: absolute;
	top: 160px;
	left: 64px;
	width: 600px;
	height: 200px;
	text-align: center;
	}
	
#sw-hoch-imgs {
	position: absolute;
	top: 80px;
	left: 260px;
	width: 200px;
	height: 400px;
	}
	
#koerper-imgs-hoch-200x70cm {
	position: absolute;
	top: 0px;
	left: 270px;
	width: 210px;
	height: 600px;
}

#koerper-imgs-450x150 {
	position: absolute;
	top: 230px;
	left: 135px;
	width: 450px;
	height: 150px;
	text-align: center;
	}
	
#koerper-imgs-450x300 {
	position: absolute;
	top: 100px;
	left: 135px;
	width: 450px;
	height: 300px;
	text-align: center;
	}
	
#koerper-imgs-300x300 {
	position: absolute;
	top: 100px;
	left: 208px;
	width: 300px;
	height: 300px;
	text-align: center;
	}
	
#koerper-imgs-300x150 {
	position: absolute;
	top: 230px;
	left: 210px;
	width: 300px;
	height: 150px;
	text-align: center;
	}			
	
#petitmort {
	position: absolute;
	top: 90px;
	left: 160px;
	width: 400px;
	height: 400px;
	}
	
#blick-nach-unten {
	position: absolute;
	top: 200px;
	width: 719px;
	height: 120px;
	}
	
#friedman {
	position: absolute;
	top: 112px;
	left: 66px;
	width: 600px;
	height: 3px;
	text-align: center;
	}