/* CSS Document */

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

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	background-color: #b5b5b5;	
	background-image: url(../_img/bg-body.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

a {
	color: #ff7000;
	text-decoration: underline;
}
	a:hover {
		text-decoration: underline;
	}
	a img {
		border: 0px;
	}

h1 {
	display: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p, label {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #686868;
	padding-bottom: 9px;
}
	p strong {
		color: #000000;
	}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	color: #686868;
}
/****************** SITE STRUKTUR ******************/
#container {
	margin: auto;
	position: relative;
	width: 890px;
}

#logo {
	position: absolute;
	top: 20px;
	left: 750px;
}

#header {
	padding-left: 40px;
	width: 850px;
	height: 114px;
	background-color: #FFFFFF;
}

/******************NAVIGATION******************/
#navigation {
	margin-bottom: 20px;
	padding-left: 40px;
	width: 850px;
	height: 45px;
	background-image: url(../_img/bg-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
		#navigation ul li {
			float: left;
			border-top: 1px solid #dbdbdb;
			list-style-type: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #A12323;
			padding: 10px 0px 0px 20px;
		}
			#navigation ul li.first {
				padding-left: 0px;
			}
			#navigation ul li a {
				padding: 0px 0px 0px 0px;
				color: #777777;
				text-decoration: none;
			}
				#navigation ul li a:hover {
					color: #000000;
					text-decoration: none;
				}

/****************** CONTENT HEADER ******************/
#contentheader {
	position: relative;
	padding: 20px 20px 0px 20px;
	width: 850px;
	background-image: url(../_img/bg-top.gif);
	background-position: top;
	background-repeat: no-repeat;
}
	#gallery {
		float: right;
		padding-bottom: 20px;
		border-bottom: 1px solid #dbdbdb;
	}
	#gallerynav {
		position: absolute;
		top: 180px;
		right: 20px;
		text-align: right;
		visibility: hidden;
	}
		#gallerynav a {
			float: right;
		}
		#gallerytext {
			float: right;
			position: relative;
			top: 0px;
			right: 3px;
			padding: 1px 4px 0px 4px;
			height: 14px;
			background-color: #8e8e8e;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			line-height: 12px;
			padding-bottom: 0px;
			color: #FFFFFF;
		}
	#teaser {
		padding: 16px 40px 40px 20px;
		width: 245px;
		height: 164px;
		position: relative;
		border-bottom: 1px solid #dbdbdb;
		background-image: url(../_img/bg-teaser.gif);
		background-repeat: no-repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		vertical-align: bottom;
	}
		#teaser h2 {
			font-size: 24px;
			line-height: 26px;
			color: #d9bebe;
		}
		#teaser p {
			padding-bottom: 20px;
			position: absolute;
			bottom: 20px;
			width: 245px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
			line-height: 23px;
			color: #d9bebe;
		}

/****************** CONTENT ******************/
.contentspalten {
	clear: right;
	border-top: 20px solid #ffffff;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF;
	background-image: url(../_img/bg-contentspalten.gif);
}
.contentspalte {
	clear: right;
	border-top: 20px solid #ffffff;
	padding: 0px 20px 0px 20px;
	background-color: #FFFFFF;
}
	.textspalte {
		padding: 0px 20px 0px 20px;
		width: 315px;
		float: left;
	}
	.contentspalte .textspalte {
		width: 670px;
	}
	.newsimg {
		padding: 0;
		width: 355px;
	}
img.mood {
	position: relative;
	top: 20px;
	left: -20px;
}
img.add2p {
	position: absolute;
	top: 0px;
	left: -375px;
}
img.newsimg {
	left: -20px;
}

/****************** CALL ME FORM ******************/
	.kontaktspalte {
		position: relative;
		padding-left: 20px;
		float: left;
	}
		.kontakttop {
			display: block;
			padding: 10px 15px 0px 0px;
			width: 105px;
			height: 65px;
			background-image: url(../_img/bg-kontakttop.gif);
			background-repeat: no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			line-height: 15px;
			font-weight: bold;
			color: #000000;
			text-align: right;
			text-decoration: none;
		}
		.kontaktbottom {
			display: block;
			padding: 5px 40px 0px 0px;
			width: 80px;
			height: 42px;
			background-image: url(../_img/bg-kontaktbottom.gif);
			background-repeat: no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 14px;
			font-weight: bold;
			color: #FFFFFF;
			text-align: right;
			text-decoration: none;
		}
			a.kontakttop:hover, a.kontaktbottom:hover {
				text-decoration: none;
			}
		p.fehler {
			width: 120px;
			color: #FF0000;
			padding-right: 0px;
		}
		p.fertig {
			width: 120px;
			color: #7b9b0b;
			padding-right: 0px;
		}
		#callform {
			padding: 20px;
			position: absolute;
			top: 0px;
			right: 0px;
			width: 436px;
			height: 130px;
			background-image: url(../_img/bg-callform.gif);
			background-repeat: no-repeat;
			visibility: hidden;
			text-align: right;
		}
			#callform h2, #callform p, #callform label {
				color: #FFFFFF;
			}
			#callform input {
				background-color: #ffffff;
				color: #000000;
				font-size: 12px;
				padding: 1px;
				border: #FFFFFF 1px solid;
				margin-bottom: 2px;
			}
	.clear {
		height: 0px;
		clear: both;
	}

/****************** BESTELLEN ******************/
#bestellen {
	background-image: url(../_img/bg-bestellen-top.gif);
	background-repeat: no-repeat;
	padding: 20px 20px 10px 20px;
	float: left;
	width: 560px;
	height: 400px;
	margin-right: 20px;
}
	#formlinks {
		position: relative;
		width: 230px;
		margin-right: 40px;
		float: left;
	}
	#formrechts {
		position: relative;
		width: 280px;
		float: left;
	}
	#bestellen h2, #bestellen p, #bestellen label {
		color: #FFFFFF;
	}
	#bestellen h2 {
		width: 550px;
		height: 52px;
	}
	#bestellen p {
		position: relative;
		top: 30px;
	}
	#bestellen label {
		display: block;
		margin-bottom: 0px;
		font-size: 10px;
		line-height: normal;
	}
	#bestellen input {
		color: #000000;
		font-size: 12px;
		padding: 1px;
	}
	#formlinks input {
		float: left;
		margin-right: 3px;
	}
	#formlinks label {
		font-size: 12px;
		font-weight: bold;
	}
	#formlinks textarea {
		overflow:auto;
	}
	#formrechts input {
		background-color: #ffffff;
		border: #FFFFFF 1px solid;
	}

#info {
	float: left;
	width: 230px;
	padding-top: 20px;
}

input.required {
	border: #ff7000 1px solid !important;
}


/****************** FOOTER ******************/
#footer, #bestellfooter {
	padding: 45px 0px 20px 40px;
	margin-bottom: 20px;
	background-image: url(../_img/bg-footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A12323;
}
	.bestellfooter {
		background-image: url(../_img/bg-bestellen-footer.gif) !important;
		padding-top: 55px !important;
	}
	#footer ul li {
		margin-right: 5px;
		padding-right: 5px;
		float: left;
		border-right: 1px solid #363636;
		list-style-type: none;
		/*color: #A12323;*/
		color: #363636;
	}
		#footer ul li.last {
			border-right: 0px solid #363636;
		}
		#footer ul li a {
			padding: 0px 0px 0px 0px;
			color: #363636;
			text-decoration: none;
		}
			#footer ul li a:hover {
				color: #000000;
				text-decoration: none;
			}
		#lang {
			position: absolute;
			top: 162px;
			right: 20px;
			margin-bottom: 2px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #A12323;
		}
		#lang li {
			margin-right: 5px;
			padding-right: 5px;
			float: left;
			border-right: 1px solid #363636;
			list-style-type: none;
			color: #A12323;
		}
		#lang li.last {
			border-right: 0px solid #363636;
		}
		#lang a {
			padding: 0px 0px 0px 0px;
			color: #363636;
			text-decoration: none;
			font-weight:bold;
		}
			#lang li a:hover {
				color: #000000;
				text-decoration: none;
			}

li.newsletter{
	font-weight: bold; 
	color: #000;
	text-decoration: none; 
	margin-left: 10px;
	border: 0px !important;
}

#footer ul li.newsletter a{
	color: #000;
} 

/***** FOOTER BOTTOM ******/
#footer_newsletter{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

#footer_bottom{
	background-image: url(../_img/bg-bottom_down.gif);
	background-repeat: no-repeat;
	width: 890px;
	height: 109px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin-bottom: 0; 
	padding: 20px 0 0 40px;
}

iframe{
	border: none;
	overflow: none; 
}

newsletter{
	width: 650px;
}