﻿@charset "utf-8";
/* CSS Document */

body {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	background: #A4A4A4;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #FFF;
	margin-top: 10px;
	/*position: relative;*/
}

a {color:#FFF;
text-decoration:none;}

.meine #container {
	color: #F0F0F0;
	width: 920px;
	/* width: 90%;  Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
	background: #808080;
	border: 1 solid #000000; /*Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */	
	margin: 0 auto;
} 
.meine #header {
	/*position:relative;*/
	height: 100px;
	background: #808080;
	padding: 0 10px 0 40px;  /* Header Text 40 nach innen,Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
.meine #header h1 {
	font: 100% "Times New Roman", Times, serif;
	font-size: 2em; /* 	Text größer*/
	margin: 0;
	padding-top: 30px;
}
.meine #mainContent {
	/* min-height: 440px;*/  /* tut nicht bei IE */
	/* height: 500px;  */    /* bei jeweiliger Seite setzen */
	padding: 0 0 20px 40px; /*40 nach innen,padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: #808080;
}
.meine #Skulpturen {
	margin-top: 50px; 
	height: 300px;
}
.meine #Videos {
	margin-top: 50px; 
	height: 300px;
}
.meine #Vita {
	margin-top: 50px; 
	height: 350px;
}	
.meine #KleineSkulpturen {
	margin-top: 50px; 
	height: 420px;
}
.meine #Raeume {
	margin-top: 50px; 
	height: 360px;
}
.meine #Impressum {
	/*font-size: 1.2em;*/
	/*color: #000000; */
	a:hover { text-decoration:underline; }
	a:active { text-decoration:underline; }
}
.meine #navi {
       white-space: nowrap;
 }	
.meine #footer {
/* 	float: right;*/
    text-align: right;
	font-size:0.8em;
	padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background: #A4A4A4;
}