* {
	margin: 0px;
	padding: 0px;
}

html, body{
	font-family		: 	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size		:	14px;
	background		:	#3E1300;
	line-height		:	20px;
	color	:#fff;
	margin-top		:20px;

}


A {
	color			:	#fff;
	font-weight		:	bold;
	text-decoration	:	none;
}

A:HOVER {
	text-decoration	:	underline;
}

#bottomnav ul A.aktiv {
	color		:	#B73A04;
}

.link {
	color			:	#B73A04;
	font-weight		:	bold;
	text-decoration	:	none;
}

.link:HOVER {
	text-decoration	:	underline;
}

.clear {
	clear			:	both;
}

.inline {
	display			:	inline;
}

.bold {
	font-weight		:	bold;
}

.titel {

}

h1 {
	font-family		:	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size		:	18px;
	color			:	#FAF4D4;
	font-weight		:	normal;
	display			:	block;
	margin			:	0 0 20px 0;
}

h2 {
	font-family		:	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size		:	16px;
	font-weight		:	bold;
	display			:	block;
	color			:	#fff;
}

h3 {
	font-family		:	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size		:	14px;
	font-weight		:	bold;
	display			:	block;
	color			:	#B73A04;
}

#webseite {
	width			:	1000px;
	margin			:	0	auto;
}

#buehne {
	background		:	#2f2e2c;
	margin			:	0px 0 10px 0;
	padding			:	0px 0 0px 0;

}

#willkommen {
	background-image	:	url(../images/headlines/willkommen.gif);
	background-repeat	:	no-repeat;
	background-position	:	bottom;
	width			:	538px;
	height			:	120px;
	margin			:	0 auto;
	text-indent		:	-9999px;

}
.willkommentext {
	font-size		:	28px;
	margin			:	0 auto;
	width			:	1000px;
	text-align		:center;
	padding	:20px 0;

}
#topnav {
	float		:	right;
}

#topnav ul li {
	list-style-type	:	none;
	float			:	left;
	margin			:	40px 0 10px 0;

}

#topnav	ul li#vita A {
	background-image	:	url(../images/headlines/vita.jpg);
	background-repeat	:	no-repeat;
	width				:	36px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#topnav	ul li#impressum A {
	background-image	:	url(../images/headlines/impressum.jpg);
	background-repeat	:	no-repeat;
	width				:	101px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#topnav	ul li#kontakt A {
	background-image	:	url(../images/headlines/kontakt.jpg);
	background-repeat	:	no-repeat;
	width				:	75px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

/*
#topnav	ul li.trenner,
#bottomnav	ul li.trenner {
	text-indent			:	-9999px;
	background-image	:	url(../images/headlines/trenner.gif);
	background-repeat	:	no-repeat;
	width				:	5px;
	height				:	23px;
}
*/

#topnav	ul li.trenner,
#bottomnav	ul li.trenner {
	font-family			: 	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size			:	12px;
	padding				:	0px 15px;
	height				:	23px;
}


#bottomnav {
	font-family			: 	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size			:	12px;
	color				:	#fff;
	margin	:	5px 0 0 10px;


}

#bottomnav ul li  {
	font-family			: 	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size			:	18px;
	color				:	#fff;
	list-style-type		:	none;
	float				:	left;
	margin-bottom		:	30px;
	height		:	25px;
	display:block;
}

#bottomnav ul li A {
	font-family			: 	Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight			:	normal;
	font-size			:	18px;
	color				:	#fff;
		height		:	25px;

}

#space {
	width 		:	70px;

}

#bottomnav	ul li#home A {
	background-image	:	url(../images/headlines/home.jpg);
	background-repeat	:	no-repeat;
	width				:	47px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#bottomnav	ul li#shop A {
	background-image	:	url(../images/headlines/shop.jpg);
	background-repeat	:	no-repeat;
	width				:	410px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#bottomnav	ul li#menschen A {
	background-image	:	url(../images/headlines/menschen.jpg);
	background-repeat	:	no-repeat;
	width				:	90px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#bottomnav	ul li#reisen A {
	background-image	:	url(../images/headlines/reisen.jpg);
	background-repeat	:	no-repeat;
	width				:	54px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#bottomnav	ul li#hochzeiten A {
	background-image	:	url(../images/headlines/hochzeiten.jpg);
	background-repeat	:	no-repeat;
	width				:	94px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#bottomnav	ul li#familie A {
	background-image	:	url(../images/headlines/familie.jpg);
	background-repeat	:	no-repeat;
	width				:	67px;
	height				:	23px;
	text-indent			:	-9999px;
	display				:	block;
	margin				:	0 10px 0 10px;
}

#hidden {
	display				:	none;
}

#introtext {
	position	:	absolute;
	margin	:	90px 150px;
	color	:	#000;
}


#rubriken {
	width		:	800px;
	margin		:	0 auto;
}

#rubriken img {
	border		:	1px solid #B73A04;
	margin		:	30px 30px 5px 30px;
}

#rubriken div {
	float		:	left;
	margin		:	0 auto;
}

#rubriken div .link {
	display		:	block;
	color		:	#B73A04;
	font-size	:	18px;
	text-align	:	center;
	font-weight	:	normal;
}



#contentleft {
	background			:	#2f2e2c;
	width				:	410px;
	float				:	left;
	height				:	560px;
	padding				:	41px 40px 0 30px;
	color				:	#B73A04;
	font-size			:	14px;
}



#contentleftvita {
	background			:	#2f2e2c;
	width				:	430px;
	float				:	left;
	height				:	560px;
	padding				:	41px 40px 0 30px;
	color				:	#ddd;
	font-size			:	14px;
	overflow			:	auto;
}

#contentleft img {
	margin-bottom		:	5px;
	border				:	1px solid #bbb;
}

#contentright {
	width				:	500px;
	float				:	left;
	margin-top			:	0px;
	padding				:	40px 10px 10px 10px;
	height				:	540px;
	overflow			:	auto;

}

#contentright A {
	color:#000;

	}

#contentrightvita td, #contentrightvita, #contentrightvita A {
	color:#000;

}

#contentrightvita {
		background			:	#fef5d8;
	width				:	470px;
	float				:	left;
	margin-top			:	0px;
	padding				:	20px 20px 20px 10px;
	height				:	560px;
	overflow			:	auto;

}

#contentright1 {
			background			:	#fef5d8;
	width				:	440px;
	float				:	left;
	margin-top			:	0px;
	padding				:	20px 20px 20px 60px;
	height				:	560px;
	overflow			:	auto;
	color				:	#B73A04;

}

#contentright1 h1 {
	font-weight	:	bold;
	font-size	:	18px;
	color		:	#B73A04;
	margin:0px;
	padding:0px;
	}

#contentright1 A{
	font-weight	:	normal;
	color		:	#B73A04;
	font-size	:	14px;
	display		:   block;
	text-decoration	:	none;
}

#contentright1 A:HOVER{
	text-decoration	:	underline;
}

#contentright img {
	padding				:	3px;
	border				:	0px;
}



/* ------------ Formular -shop the art- ---------------------*/

 *
label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display	:	 block;
  float		:	 left;
  width		: 	150px; /* Breite.*/
  height	:	30px;
 font-size		:	14px;
}

input, select {
	height	:	auto;
}

label {
 text-align: right;
 padding-right: 10px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear		: left; /* das floating der labels und inputs aufheben */
}


form {
  margin:0;
  padding:10px;
  width		:	700px;

}

input#submit, input#reset { /* den Submit-Button */
  width		: auto;
  height	:	auto;
  float		:	right;
}

input.error {
	border:2px solid #B73A04;

}

textarea {

	margin-left:30px;
}