@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    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: #4A4B3F;
	background-color: #fdfdfd;
	}
p { 
	margin: 15px 0px;
	font-size: 14px;
	line-height: 1.4em;
	}
.atelier p:first-letter {
	font-size: 17px;
	font-weight: bold;
	color: #6A6482;
	}
p a {
	color: #39c;
	text-decoration: none;
	outline: none;
	}
.zurueck {
	clear: both;
	text-align: right;
	}
.zurueck a {
	color: #39c;
	text-decoration: none;
	outline: none;
	}
h3 {
	border-bottom: 1px solid #C4C1A2;
	margin-bottom: 35px;
	padding-bottom: 3px;
	text-indent: 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #B3A8BD;
	}
strong {
	font-weight: bold;
	font-size: 17px;
	}
img {
	float: left;
	margin: 0px 15px;
	}
.termin {
	height: 270px;
	}
.termin img {
	height: 250px;
	}
.hervor {
	font-weight: bold;
	color: #993333;
	}
#preload {
	display: none;
	}
#haupt {
    width: 800px;
    margin: 0px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left;
    }
#haupt2 {
    width: 800px;
    margin: 0px auto;
	text-align: left;
    }
#banner {
	width: 230px;
	height: 300px;
	}
.navi {
	position: absolute;
	top: 127px;
	width: 800px;
	height: 18px;
	border-bottom: #C4C1A2 solid 1px;
	text-align: right;
	}
.navi a {
	padding: 18px;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #605775;
	outline:none;
	}
.navi a:visited {
	color: #605775;
	}
.navi a:hover {
	color: #800040;
	}
.navi a:focus {
	color:#3399CC;
	}
.navi a:active {
	color: #FFCC99;
	}
#extern {
	width: 120px;
	margin-left: 90px;
	margin-top: 45px;
	}
#extern a {
	display: block;
	line-height: 18px;
	text-decoration: none;
	outline: none;
	color: #605775;
	font-size: 12px;
	}
#extern a:visited {
	color: #605775;
	}
#extern a:hover {
	color: #800040;
	}
#extern a:focus {
	color:#3399CC;
	}
#extern a:active {
	color: #FFCC99;
	}
#bilder {
	position: absolute;
	width: 580px;
	margin-top: -280px;
	margin-left: 245px;
	}
#div1 a {
	display:block;
	width: 135px;
	height: 328px;
	margin: 1px;
	text-decoration:none;
	outline:none;
	float: left;
	background-image: url(../bilderHome/abend2A.jpg);
	}
#div1 a:hover {
	background-image: url(../bilderHome/abend2.jpg);
	}
#div2 a {
	display:block;
	width: 135px;
	height: 328px;
	margin: 1px;
	text-decoration:none;
	outline:none;
	float: left;
	background-image: url(../bilderHome/dh5A.jpg);
	}
#div2 a:hover {
	background-image: url(../bilderHome/dh5.jpg);
	}
#div3 a {
	display:block;
	width: 135px;
	height: 328px;
	margin: 1px;
	text-decoration:none;
	outline:none;
	float: left;
	background-image: url(../bilderHome/brautModeA1.jpg);
	}
#div3 a:hover {
	background-image: url(../bilderHome/brautMode1.jpg);
	}
#div4 a {
	display:block;
	width: 135px;
	height: 328px;
	margin: 1px;
	text-decoration:none;
	outline:none;
	float: left;
	background-image: url(../bilderHome/herrenMode3A.jpg);
	}
#div4 a:hover {
	background-image: url(../bilderHome/herrenMode3.jpg);
	}
.atelier {
	clear: both;
	margin-bottom: 20px;
	height: 600px;
	}
#copy {
	height: 30px;
	width: 800px;
	margin: 70px 0px 20px 0px;
	border-top:  #C4C1A2 solid 1px;
	}
#copy p {
	text-align: center;
	font-size: 10px;
	margin: 10px;
	}
/*Impressum Sachen*/
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6A6482;
	}
.work {
	font-weight: bold;
	}
.vier {
	background-color:#009900;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	}