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

body {
	background-color:#000;
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

iframe {
	Overflow-x: hidden;
	Overflow-y: auto;
	background-color:#ff9400;
}

h1 {
	height:48px;
	margin:26px 0 0 0;
	padding:13px 0 0 20px;
	text-align:left;
	font-size:15px;
	letter-spacing:1px;
	color:#FFF;
}

h2 {
	margin:0 0 15px 0;
	padding:0 0 0 20px;
	text-align:left;
	font-size:12px;
	color:#5c0001;
}

h3 {
	margin:10px 0 0 0;
	padding:13px 20px 5px 20px;
	text-align:left;
	font-size:15px;
	color:#FFF;
}

ul {
	margin:0;
	padding:0;
	border:0;
	list-style: none;
}

li {
	margin:2px 0 0 0;
	padding:0;
	border:0;
}

p {
	padding:0;
	margin:0px 30px 9px 20px;
	text-align:left;
	color:#370000;
	line-height:16px;
}

#top {
	position:relative;
	margin:0 auto;
	width:850px;
	height:60px;
	text-align:center;
	top:30px;
	color:#fff;
}

#kat-moore {
	margin:0 auto;
	width:850px;
	height:445px;
	text-align:center;
	background-color:#880502;
	position:relative;
	top:35px;
}

#kat-moore-samples {
	margin:0 auto;
	width:850px;
	height:600px;
	text-align:center;
	background-color:#880502;
	position:relative;
	top:35px;
}

#kat-moore-galerie {
	margin:0 auto;
	width:850px;
	height:839px;
	text-align:center;
	background-color:#880502;
	position:relative;
	top:35px;
}

#kat-moore-termine {
	margin:0 auto;
	width:850px;
	height:859px;
	text-align:center;
	background-color:#880502;
	position:relative;
	top:35px;
}

#navigation {
	float:left;
	text-align:left;
	width:200px;
	padding-top:25px;
}

#right {
	position:relative;
	width:650px;
	float:right;
}

#right a {
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

#right a:hover {
	text-decoration: none;
	color:#5c0000;
	font-weight:bold;
}

#right a.active {
	text-decoration: none;
	color:#5c0000;
	font-weight:bold;
}

#bottom {
	position:relative;
	top:45px;
	margin:0 auto;
	width:850px;
	text-align:center;
	background-color:#000;
	color:#999999;
	font-size:10px;
	padding-bottom:500px;
}

#bottom .samples{
	position:relative;
	top:445px;
	margin:0 auto;
	width:850px;
	text-align:center;
	background-color:#000;
	color:#999999;
	font-size:10px;
}

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

#bottom a:hover {
	text-decoration:none;
	color:#FFFFFF;
	text-transform:uppercase;
}

#bottom a.active {
	text-decoration:none;
	color:#FFFFFF;
	text-transform:uppercase;
}

.slogan {
	text-align:right;
	padding-top:36px;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-style: italic;
	color:#f8ac00;
}

.content {
	background-color:#ff9400;
	background-image:url(../img/back-content.jpg);
	background-repeat:repeat-x;
}

.logo {
	text-align:left;
}

.klein {
	font-size:10px;
}

.klein2 {
	font-size:10px;
	padding:0;
	margin:0 0 6px 20px;
	line-height:20px;
	text-align:left;
}

.galerie {
	width:620px;
	text-align: justify;
	margin:0 20px 0 20px;
}

.tumb {
	margin:0 2px 4px 2px;
	padding:0;
}

input {
	border:1px solid #FFF;
	background-color:#fcdeb6;
	margin:0 0 5px 0;
	width:245px;
	padding:1px;
}

select {
	margin:0 0 5px 0;
	width:250px;
	background-color:#dd7418;
	color:#370000;
	border:1px solid #FFF;
}

textarea {
	border:1px solid #FFF;
	background-color:#fcdeb6;
	width:245px;
}

option {
	background-color:#fcdeb6;
}

.button {
	width:122px;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#dd7418;
	color:#FFF;
	margin-top:5px;
	border:1px solid #890503;
}

embed {
	margin:0 0 0 0;
	padding:0;
	width:250px;
	height:15px;
	background-color:#dd7418;
	color:#370000;
	border:0;
}