/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{margin: 0px; padding: 0px;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* Removes list-style from lists */
ol, ul {list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/* Removes border from fieldset and img */
fieldset, img {border: 0px;}

/* Left-aligns text in caption and th */
caption, th {text-align: left;}


/* Removes quotation marks from q */
q:before, q:after {content: '';}

/* CSS DEFINITIONEN */

/* Positionierung Center */

html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	background-image: url('http://www.laufersweiler.de/img/bg_1920.png');
	background-repeat: repeat-x;

}

body.creme
{
	background-image: none;
	background: #FEF9F5;
}

div#distance { 
	margin-bottom: -300px;; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 700px;         /* required - desired height */
	width: 1018px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

/* Inhalt */

div#navigation { background: #e6e6e6; position: relative; top: 4px; height: 20px;}
	div#navigation a {position: relative; top: 1px; }
	.spaceL { margin-right: 20px; }
	.spaceR { margin-left: 5px; }
	div#navigation img {width: 20px;}
	
div#scrollcontent { position: absolute; top: 48px; width: 1018px;}

div#top 	{ position: relative; height: 196px; }
div#center 	{ position: relative; height: 205px; }
div#bottom 	{ position: relative; height: 199px; }

.box { 	float: left; position: absolute; text-align: center; background: #fdf8f0; z-index: 5 }

.pos1 {	left: 0px; background: #fdf8f0; z-index: 5 }

.pos1o {	left: 0px; background: #fdf8f0;	z-index: 5;}
.pos2o {	left: 399px; background: #fdf8f0; 	z-index: 5;}
.pos3o {	left: 636px; background: #fdf8f0;	z-index: 5; }
.pos4o {	left: 1001px; background: #fdf8f0;	z-index: 5; }
.pos5o {	left: 1317px; background: #fdf8f0;	z-index: 5; }
.pos6o {	left: 1616px; background: #fdf8f0;	z-index: 5; }
.pos7o {	left: 1990px; background: #fdf8f0;	z-index: 5; }
.pos8o {	left: 2352px; background: #fdf8f0;	z-index: 5; }
.pos9o {	left: 2730px; background: #fdf8f0;	z-index: 5; }
.pos10o { left: 3086px; background: #fdf8f0;	z-index: 5; }
.pos11o { left: 3406px; background: #fdf8f0;	z-index: 5; }
.pos12o { left: 3758px; background: #fdf8f0;	z-index: 5; }
.pos13o { left: 4040px; background: #fdf8f0;	z-index: 5; }
.pos14o { left: 4412px; background: #fdf8f0;	z-index: 5; }
.pos15o { left: 4850px; background: #fdf8f0;	z-index: 5; }
.pos16o { left: 5174px; background: #fdf8f0;	z-index: 5; }
.pos17o { left: 5610px; background: #fdf8f0;	z-index: 5; }
.pos18o { left: 5977px; background: #fdf8f0;	z-index: 5; }
.pos19o { left: 6370px; background: #fdf8f0;	z-index: 5; }
.pos20o { left: 6832px; background: #fdf8f0;	z-index: 5; }
.pos21o { left: 7439px; background: #fdf8f0;	z-index: 5; }

.pos1m {	left: 0px; background: #fdf8f0; z-index: 5 }
.pos2m {	left: 627px; background: #fdf8f0; z-index: 5 }
.pos3m {	left: 1157px; background: #fdf8f0; z-index: 5 }
.pos4m {	left: 1757px; background: #fdf8f0; z-index: 5 }
.pos5m {	left: 2879px; background: #fdf8f0; z-index: 5 }
.pos6m {	left: 3477px; background: #fdf8f0; z-index: 5 }
.pos7m {	left: 4335px; background: #fdf8f0; z-index: 5 }
.pos8m {	left: 5465px; background: #fdf8f0; z-index: 5 }
.pos9m {	left: 6599px; background: #fdf8f0; z-index: 5 }

.pos1u {	left: 0px; background: #fdf8f0; z-index: 5 }
.pos2u {	left: 1558px; background: #fdf8f0; z-index: 5 }
.pos3u {	left: 2801px; background: #fdf8f0; z-index: 5 }
.pos4u {	left: 4045px; background: #fdf8f0; z-index: 5 }
.pos5u {	left: 5288px; background: #fdf8f0; z-index: 5 }
.pos6u {	left: 6534px; background: #fdf8f0; z-index: 5 }
	
#wrapper_top 	{ width: 7780px; }
#wrapper_center { width: 7780px; }
#wrapper_bottom { width: 7780px; }

/* Fonts */

body { font-family: Verdana, sans-serif; color: #E32219; font-size: 11px; }

div#headline { font-size: 23px; letter-spacing: 7px; text-align: center; height: 22px;}

/* Links */

a 			{ text-decoration:none; }
a:link		{ font-weight:normal; color:#E32219; text-decoration:none;border: 0px; }
a:visited 	{ font-weight:normal; color:#E32219; text-decoration:none;border: 0px; }
a:focus 	{ font-weight:normal; color:#000000; text-decoration:underline;border: 0px; }
a:hover 	{ font-weight:normal; color:#E32219; text-decoration:none;border: 0px; }
a:active 	{ font-weight:normal; color:#E32219; text-decoration:underline;border: 0px; }

a.active { color:#000000;}