/* CSS Document */

/* Colors used:

red #891215
dark red #4C1B1B
grey #F6E497
dark grey #BD8D46
"white" #FCFAE1

Header and nav font Monotype Corsiva */


/* ------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans", Arial, sans-serif;
	color: #333333;
	background: #FFFFFF url(../grafics/page_bg.jpg) top left repeat-x;
}

#container {
	width: 780px;
	margin: 0 auto;
	text-align: center;
}

#wrapper {
	width: 780px;
	float: left;
}

/* --------------------------------- */

/* @group Header */

#header {
 	position: relative;
	width: 780px;
	height: 140px;
	clear:both;
	background: url(../grafics/hirsch.jpg) top left no-repeat;
}

#header a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#header h1 {
	margin: 0 0 0 145px;
	padding: 0;
	height: 110px;
	background: url(../grafics/titel_kuler.jpg) top left no-repeat;
	text-indent: -9999px;
}

#header ul {
	position: absolute;
	top: 110px;
	left: 145px;
	width: 430px;
	height: 24px;
	/*overflow: hidden;*/
	background: #FFFFFF url(../grafics/navigation.gif) top left no-repeat;
}

#header li {
	padding :0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

#header li a {
	background: #FFFFFF url(../grafics/navigation.gif) top left no-repeat;
}

#header li a.home {
	width: 50px;
	height: 24px;
	position: absolute;
	left: 2px;
	top: 0;
	background-position: 0 0;
}

#header li a.home:hover {
	background-position: 0 -28px;
}

#header li a.produkte {
	width: 75px;
	height: 24px;
	position: absolute;
	left: 67px;
	top: 0;
	background-position: -65px 0;
}

#header li a.produkte:hover {
	background-position: -65px -28px;
}

#header li a.events {
	width: 63px;
	height: 24px;
	position: absolute;
	left: 157px;
	top: 0;
	background-position: -155px 0;
}

#header li a.events:hover {
	background-position: -155px -28px;
}

#header li a.links {
	width: 114px;
	height: 24px;
	position: absolute;
	left: 232px;
	top: 0;
	background-position: -230px 0;
}

#header li a.links:hover {
	background-position: -230px -28px;
}

#header li a.kontakt {
	width: 71px;
	height: 24px;
	position: absolute;
	left: 364px;
	top: 0;
	background-position: -362px 0;
}

#header li a.kontakt:hover {
	background-position: -362px -28px;
}

/* @end */

/* --------------------------------- */

#main {
	width: 780px;
	float: left;
	text-align: left;
}

/* --------------------------------- */

/* @group Content */

#content {
	width: 580px;
	float: left;
	margin: 20px 0;
	border-right: 1px solid #CCCCCC;
	padding: 0 10px 0 0;
}

#content h1 {
	font-size: 130%;
	color: #BD8D46;
	margin: 0 0 15px 0;
	padding: 2px 0;
	border-bottom: 1px solid #800000;
}

#content h1 a {
	color: #BD8D46;
	text-decoration: none;
	border-bottom: none;
}

#content h2 {
	font-size: 110%;
	color: #800000;
	margin: 0 0 10px 0;
}

#content p {
	font-size: 90%;
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

#content p.smallnote {
	font-size: 70%;
}

#content a.nav {
	color: #4C1B1B;
	text-decoration: none;
	border-bottom: 1px dashed #4C1B1B;
}

#content a.nav:hover {
	border-bottom: 1px solid #4C1B1B;
}

#content a img{
	border: none;
}

ul#home {
	font-size: 90%;
	width: 350px;
	list-style: circle;
	margin: 5px 15px;
	padding: 5px 30px;
	border: 1px solid #F6E497;
	background: #FCFAE1;
}

ul#home li {
	margin: 8px 0;
}

/* ----------*/

table.kontakt {
	width: 350px;
	border: 1px solid #BD8D46;
	background: #FCFAE1;
	font-size: 90%;
	margin: 10px 0 20px 0;
	padding: 2px;
}

table.kontakt td.error {
	padding: 0 0 15px 0;
	font-size: 80%;
	color: #FF0000;
}

table.kontakt .error {
	font-size: 80%;
	color: #FF0000;
}

table.kontakt #green {
	font-size: 80%;
	color: #009900;
}

/* -------------*/

#content dl {
	margin: 15px 0;
	padding: 5px 0;
	float: left;
	width: 100%;
}

#content dt {
	color: #800000;
	margin: 5px 0 10px 0;
}

#content dd {
	font-size: 80%;
}

#content dd.image img {
	float: right;
	margin: 0;
	padding: 0 0 3px 20px;
}

#content dd.image a:hover img {
	border-bottom: none;
}

#content dl.event {
	margin: 10px 0;
	padding: 5px 0;
	width: 100%;
}

#content dl.event dt {
	color: #800000;
	margin: 5px 0;
	padding: 0 0 0 20px;
	background: url('../grafics/calendar.gif') center left no-repeat;
}

#content dl.event dd {
	font-size: 90%;
}

#content hr {
	clear: both;
}

#content .selection {
	margin: 20px 0;
	text-align: center;
}

#content .selection img {
	padding: 0 8px;
	border: 0;
}

/* ------------------ */

#content .teaser {
	margin: 10px 0;
	padding: 10px 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #FCFAE1;
	text-align: center;
}

/* @end */

/* --------------------------------- */

/* @group Sidebar */

#sidebar {
	width: 180px;
	margin: 20px 0;
	float: right;
}

#sidebar .show {
	margin: 65px 0 0 0;
	padding: 5px 3px;
	border-top: 1px solid #800000;
	border-left: 1px solid #800000;
	border-right: 1px solid #4C1B1B;
	border-bottom: 1px solid #4C1B1B;
	text-align: center;
}



#sidebar ul {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0 0 0 8px;
}

#sidebar li {
	margin: 0;
	padding: 0 0 8px 0;
	font-size: 80%;
}

#sidebar li a {
	color: #800000;
	text-decoration: none;
}

#sidebar li a:hover {
	border-bottom: 1px solid #800000;
}

/* @end */

/* --------------------------------- */

/* @group Footer */

#footer {
	width: 580px;
	margin: 20px 200px 20px 0;
	padding: 0;
	clear: both;
	border-top: 2px solid #800000;
}

#footer p {
	padding: 10px 0;
	text-align: center;
	font-size: 80%;
	color: #333333;
}

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

#footer a:hover {
	border-bottom: 1px solid #333333;
}

/* @end */