html, body { height: 100% }

body {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	background-color: #ededed;
	background-image: url(img/hintergrund_verlauf.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}

div { 
	position: relative; 
	z-index: 1;
}

a img {
	border-width: 0px;
}

#hintergrundBild {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}

#wrapper {
	border: solid red 0px;
	width: 956px;
	margin: auto;
}

#sprachen {
	position: absolute;
	top: 0px;
	left: 778px;
	width: 111px;
	height: 23px;
	background-image: url(img/hintergrund_sprachauswahl.png);
	padding-top: 3px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 15px;
	z-index: 10;
}

#sprachen img {
	margin: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

#logo img {
	display: block;
	float: left;
}

#logo br, #content br, #bilder br {
	clear: both;
}







#contentKopfWrap {
	background-image: url(img/content_kopf_schatten.png);
	background-position: right;
	background-repeat: no-repeat;
	padding: 0px;
	padding-right: 6px;
}

#contentKopf {
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-color: #b3b3b3;
	height: 40px;
	background-image: url(img/hintergrund_content.png);
}

#contentWrap {
	background-image: url(img/content_schatten.png);
	background-position: right;
	background-repeat: repeat-y;
	padding: 0px;
	padding-right: 6px;
}

#content {
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #b3b3b3;
	background-image: url(img/hintergrund_content.png);
	padding: 0px;
	padding-left: 170px;
	padding-bottom: 20px;
}

#schattenUnten {
	height: 6px;
	background-image: url(img/content_schatten_vertikal.png);
	background-repeat: no-repeat;
	background-position: 6px 0px;
}








#navigation {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	text-align: right;
}

#navigation a {
	display: block;
	color: #c7c7c7;
	text-decoration: none;
	margin: 0px;
	margin-bottom: 3px;
}

#navigation a.aktiv {
	color: black;
}

#navigation div {
	padding: 0;
	padding-right: 20px;
}

#navigation div img {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: -20px;
}


#text {
	padding: 0px;
	padding-top: 65px;
	margin-right: 20px;
	float: left;
}

#text p {
	width: 300px;
	margin: 0px;
	margin-bottom: 25px;
}

#text ul {
	width: 250px;
}








#text img {
	margin: 0px;
	margin-bottom: 10px;
}

#text p a, table a {
	text-decoration: underline;
	font-weight: normal;
	color: black; /* #6d1f2a; */
}


#bildheadline {
	background-image: url(/inc/img/hintergrund_bildheadline.png);
	background-repeat: no-repeat;
	padding: 5px;
	padding-bottom: 11px;
	padding-right: 11px;
	margin: 0px;
	margin-left: -5px;
}

#bilder {
	border: solid red 0px;
	width: 430px;
	margin: 0px;
	float: left;
}








#bilder div {
	border: solid red 0px;
	width: 121px;
	height: 121px;
	background-image: url(img/hintergrund_bildmatrix_kl.png);
	padding: 0px;
	margin: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
	float: left;
}

#bilder div div {
	border-style: solid;
	border-color: white;
	border-width: 5px;
	width: 105px;
	height: 105px;
	background-image: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#bilder div div img {
	position: relative;
	top: 0px;
	left: 0px;
}

#bilder div div img:hover {
	position: relative;
	top: -105px;
	left: 0px;
}







#bilder div.hochformat {
	background-image: none;
	height: auto;
}

#bilder div.gross {
	border: solid red 0px;
	background-image: url(img/hintergrund_bildmatrix_gr.png);
	width: 262px;
	height: 262px;
	padding: 0px;
	margin-right: 17px;
	margin-left: 0px;
	float: right;
}

#bilder div.gross img:hover {
	top: 0;
	left: 0;
}

#bilder div.sechsermatrix {
	position: absolute;
	left: 0px;
	top: 140px;
	z-index: 2;
}

#impressumLink {
	color: #c7c7c7;
	text-align: right;
	width: 130px;
}

#impressumLink a {
	color: #c7c7c7;
	text-decoration: none;
	margin: 0px;
}




#cleaner {
	clear: both;
}

#schattenUnten img {
	display: none;
	margin: 0px;
	padding: 0px;
}