/*
Theme Name: Katharinenhof
Theme URI: http://blogpimp.de
Description: Das Theme für Hotel Katharinenhof
Author: Lothar Baier
Author http://blogpimp.de
version: 1.0
*/

* {
	margin				: 0; 
	padding				: 0;
}

html {
	height				: 100.01%;
}

body {
	background			: #640711;
	font				: normal 85%/1.4 "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
	margin				: 0;
	color				: #db0;
	text-align			: center;
}

h1, h2, h3, h4, h5, h6 {
	font				: normal 1.8em/1.0 Constantia, "Palatino Linotype", Garamond, Georgia, serif;
	margin				: 0 0 10px;
}

h2 {
	font-size			: 1.600em;
}

h3 {
	font-size			: 1.400em;
}

h4 {
	font-size			: 1.200em;
}

p {
	font-size			: 1.000em;
	margin				: 0 0 10px;
}

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

a:hover {
	color				: #fff;
}

/* ************************************************************************ */
/* Seitenstruktur 															*/
/* ************************************************************************ */
#container {
	width				: 960px;
	margin				: 0 auto;
	background			: url(images/body.gif) repeat-y;
}	

#header {
	width				: 960px;
	height				: 200px;
	background			: url(images/kopf.gif) no-repeat;
	text-align			: center;
}

#inhalt {
	width				: 920px;
	margin				: 0 auto;
	overflow			: hidden;
}

#footer {
	width				: 960px;
	height				: 100px;
	background			: url(images/fuss.gif) no-repeat;
}

/* ************************************************************************ */
/* Seitenkopf	 															*/
/* ************************************************************************ */
#header h1 {
	width				: 500px;
	height				: 130px;
	margin				: 0 auto;
}

#header h1 a {
	width				: 500px;
	height				: 130px;
	display				: block;
	text-indent			: -9999em;
}

#header h1 a:focus,
#header h1 a:active {
	outline				: none;
}

#header h1 a:hover {
	background			: url(images/kopfheigh.gif) no-repeat;
}

#header	h2 {
	visibility			: hidden;
	height				: 0;
	line-height			: 0;
}

#menu {
	list-style-type		: none;
	width				: 800px;
	margin				: 20px auto 0;
	text-align			: auto;
}

#menu li {
    display				: inline;
}

#menu li a {
	margin				: 0 8px;
	font-size			: 1.2em;
}

#menu li.current_page_item a,
#menu li a:hover {
	color				: #fff;
}

/* ************************************************************************ */
/* Hauptinhalte Startseite													*/
/* ************************************************************************ */
#spalte1, 
#spalte2,
#spalte3,
#spalte4 {
	width				: 210px;
	margin				: 0 10px 0;
	display				: inline;
	float				: left;
	text-align			: left;
}

#spalte1 img, 
#spalte2 img,
#spalte3 img,
#spalte4 img {
	border				: 1px solid #db0;
}

/* ************************************************************************ */
/* Einzelseiten	 															*/
/* ************************************************************************ */
#seite .post {
	text-align			: left;
	margin				: 0 100px;
}

img.alignleft{ 
	border				: 1px solid #db0;
	float				: left;
	margin				: 5px 10px 3px 0;
}

img.alignright { 
	border				: 1px solid #db0;
	float				: right;
	margin				: 5px 0 3px 10px;
}





/* ************************************************************************ */
/* Kontakt-Formular															*/
/* ************************************************************************ */
.contactform {
	position			: static;
	overflow			: hidden;
}

.contactleft {
	width				: 15%;
	text-align			: right;
	clear				: both;
	float				: left;
	display				: inline;
	padding				: 4px;
	margin				: 5px 0;
    font-weight			: bold;
}

.contactright {
	width				: 80%;
	text-align			: left;
	float				: right;
	display				: inline;
	padding				: 4px;
	margin				: 5px 0;
}

.contacterror {
	border				: 2px solid #ff0000;
}

.contactform input, 
.contactform textarea {
	background			: #540701;
	border				: 1px solid #db0;
	font				: normal 1em/1.4 "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
	color				: #fff;
	padding				: 2px 4px 3px;
}

.contactform textarea {
	width				: 98%;
	height				: 200px;
}

.contactform #contactsubmit:hover {
	background			: #db0;
	color				: #640711;
}

/* ************************************************************************ */
/* Seitenfuss	 															*/
/* ************************************************************************ */
#footer {
	position			: relative;
	font-size			: 0.813em;
}

#footer #cms {
	position			: absolute;
	top					: 56px;
	left				: 300px;
}

#footer #design {
	position			: absolute;
	top					: 56px;
	right				: 300px;
}