* { margin: 0; padding: 0; }

/* damit der Firefox, wie der IE, immer ne Scrollbar anzeigt */
html {
	height: 100%;
	margin-bottom: 0.1px;
	overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #F7ECB9;
	/* text-align: center; */
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
}

.bold { font-weight: bold; }

.right { text-align: right; }
.center { text-align: center; }

.error 		{ color: red; }
.noerror 	{ color: green; }
#contact .errorForm	{ border: 1px solid #DF2121; background-color: #FFCB50; }
#newsletter .errorForm	{ border: 1px solid #DF2121; background-color: #FFCB50; }
.big 			{ font-size: 16px; }
.bigger		{ font-size: 18px; }

.floatLeft	{ float: left; }
.floatRight	{ float: right; }
.clear		{ clear: both; height: 10px; }

.prozent10	{ width: 10%; }
.prozent20	{ width: 20%; }
.prozent30	{ width: 20%; }
.prozent40	{ width: 40%; }
.prozent50	{ width: 50%; }
.prozent60	{ width: 60%; }
.prozent70	{ width: 70%; }
.prozent80	{ width: 80%; }
.prozent90	{ width: 90%; }

.prozentHalf{ width: 45%; }

.more		{ float: right; }

a 				{ color: #FFFFFF; text-decoration: none; }
a:hover 		{ color: #44916C; text-decoration: underline; }
a.content		{ color: #EF5E01; text-decoration: none; }
a.content:hover { color: #44916C; text-decoration: underline; }

img				{ border: 0px solid black; }

#error 			{ color: red; background-color: #FFEBE4; margin-left: 17px; margin-right: 17px; border: 2px solid #DF2121; padding: 10px; }
#noerror 		{ color: #2D9D3B; background-color: #EFF6EA; margin-left: 17px; margin-right: 17px; border: 2px solid #2D9D3B; padding: 10px; }

#outline {
	margin: auto auto;
	width: 1007px;
}

#navigation {
	margin-top: 10px;
	left: 7px;
	position: relative;
}

#navigation .naviheader {
	text-align: left;
}

#navigation li {
	list-style-image: url(../images/arrow.gif);
	margin-left: 20px;
	text-align: left;
}

#navigationBG {
	background-image: url(../images/bg_navigation.jpg);
	background-repeat: no-repeat;
	min-height: 559px;
	float: left;
	width: 174px;
}

 * html #content, #navigation { height: 559px; }

#content {
	background-image: url(../images/bg_content.gif);
	background-repeat: no-repeat;
	background-position: 50% -20px;
	text-align: left;
	min-height: 559px;
	float: right;
	width: 800px;
	border: 1px solid black;
}
	
#content .innerContent {
	margin: 19px;
}

#contact input 		{ border: 1px solid black; width: 161px; float: left; background-color: #F7ECB9; }
#contact label 		{ float: left; width: 45%; }
#contact textarea 	{ font-family: verdana; font-size: 11px; padding: 5px; border: 1px solid black; width: 322px; height: 150px; background-color: #F7ECB9; }
#contact .textArea	{ width: 330px; }
#contact .button	{ border: 0px solid black; height: auto; width: auto; float: right; }

#newsletter input	{ border: 1px solid black; width: 158px; float: left; background-color: #F7ECB9; }
#newsletter .button	{ border: 0px solid black; height: auto; width: auto; }

#home div			{
	padding-left: 20px;
	padding-top: 10px;
	border-left: 1px dashed #EF5E01;
	border-bottom: 1px dashed #EF5E01;
	height: 80px;
}

#ariadneContent 	{ padding: 15px; }
#error404			{ text-align: center; margin-top: 100px; }

#counter 			{ text-align: center; width: 90%; position: absolute; bottom: 15px; left: 0px; }
#conditions p		{ font-weight: bold; }
#conditions .tipp	{ border: 1px solid #EF5E01; background-color: #FFCB50; padding: 10px; }

.brands				{ border: 1px solid #EF5E01; float: left; margin: 3px; padding: 10px 27px 10px 26px; }

#company				{ float: right; top: 30px; }
.headerLine			{ font-weight: bold; }
.iframe				{ width: 770px; border: 0px solid black; height: 500px; }

#aktionen			{ float: right; width: 100%; margin: auto auto;}
#aktionen .arrow	{ margin-top: 25%; float: left; padding: 10px; }
#aktionen .pic		{ width: 658px; height: 470px; float: left; }

.zoom1				{ cursor: pointer; position: relative; width: 50%; height: 234px; float: left; }
.zoom2				{ cursor: pointer; position: relative; width: 50%; height: 234px; float: left; }
.zoom3				{ cursor: pointer; position: relative; width: 49%; height: 468px; float: right; }

#footer {
	margin: auto;
	clear: both;
	width: 1000px;
}
#footer a {
	margin-left: 40px;
	padding: 5px;
	float: left;
}

.galerie {
	width: 128px;
	height: 82px;
	text-align: center;
	border: 1px solid #EF5E01;
	float: left;
	margin: 3px;
	padding: 10px 27px 10px 26px;
}