/*
	dunkeldunkelgrau: 504e53
	dunkelgrau:       aeafb2
	hellgrau:         d6d7d8
*/

html,body { 
	height: 100%;
}

body {
	background: white;
	margin: 0px;
	padding: 0px;
	color: #504e53;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #504e53;
	line-height: 15px;
}

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

h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	color: #AEAFB2;
	text-transform: uppercase;
}

#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #container {
	height: auto;
}

#kopfbalken {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	background: url("../images/rahmen/verlaufoben.jpg");
	height: 124px
}

#logo {
	position: absolute;
	left: 33px;
	top: 28px
}

#visual {
	position: absolute;
	width: 740px;
	text-align: right;
	padding: 5px 0px 5px 0px;
	border-bottom: solid 5px #aeafb2
}

#menue {
	position: absolute;
	display: block;
	top: 125px;
	left: 0px;
	width: 150px;
}

#submenue {
	padding-left: 19px;
	font-size: 11px;
	line-height: 15px;
}

#submenue a {
	color: #504e53;
	text-decoration: none;
	margin-top: 5px
}

#submenue a:hover {
	color: #d6d7d8
}

#content {
	vertical-align: top;
	padding: 140px 0px 60px 170px;
	width: 660px;
	font-size: 11px;
	height: auto;
	line-height: 16px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 600px;
}

#contentprint {
	background: url(../images/rahmen/europa.gif) no-repeat;
	background-position: 240px 140px;
	padding: 140px 0px 60px 40px;
	width: 660px;
	font-size: 11px;
	line-height: 16px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 600px;
}

.mini {
	font-size: 9px;
	color: #aeafb2;
	line-height: 10px
}

#fuss {
	position: relative; 
	margin-left: 140px;
	bottom: 0px;
	line-height: 1px;
	font-size: 1px;
	padding: 2px 0px 0px 568px;
	background-color: #D7D7D9;
	width: 660px;
	height: 13px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 92px;
	height: 11px;
}


.bemerkung {
	position: absolute;
	left: 195px;
	top: 140px;
	background: url("../images/kreuze/schlank.gif") no-repeat;
	width: 184px;
	padding: 108px 0px 0px 24px;
	font-size: 10px;
	line-height: 15px;
	color: #aeafb2;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
}

.bemerkung h2 {
	font-size: 14px
}

.infobox {
	padding-left: 20px;
	width: 100px;
	margin-top: 30px;
}

.infobox_news_kopf {
	position: relative;
	left: -10px;
	width: 100px;
	margin-top: 15px;
	margin-bottom: 5px;	
}

.infobox_news {
	padding-left: 0px;
	width: 100px;
	margin-bottom: 15px;
}

.infobox_news a {
	color: #504e53;
	text-decoration: none;
}

.infobox_news a:hover {
	color: #d6d7d8;
}

.news_beschreibung {
	position: absolute;
	left: 0px;
	top: 38px;
	width: 77px;
}

.infobox a {
	color: #504e53;
	text-decoration: none;
}

.infobox a:hover {
	color: #d6d7d8;
}

.infobox h3 {
	font-size: 12px;
	line-height: 13px;
	color: #504e53;
	margin: 0px;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.infobox_news h3 {
	font-size: 12px;
	line-height: 13px;
	color: #504e53;
	margin-bottom: -12px; 
	text-transform: uppercase;
}

/* artikel */

.artikel {
	display: block;
	position: relative;
	left: 40px;
	background: url("../images/kreuze/illustration.gif") no-repeat;
	background-position: 0px 35px;
/*	height: 390px; */
	padding: 10px 47px 0px 192px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 531px;
	height: 380px; 
/*	border: solid 1px #aeafb2;	*/
}

.artikel a {
	color: #AEAFB2;
	font-weight: bold;
	text-decoration: none
}

.artikel a:hover {
	color: #504e53;
}	

.artikel h2 {
	position: absolute;
	bottom: 100px;
	left: 0px;
	width: 170px;
	margin: 0px;
	line-height: 22px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	color: #AEAFB2;
	text-transform: uppercase;
}

.artikel h3 {
	position: absolute;
	left: 178px;
	bottom: 360px;
	margin: 0px;
	padding: 0px;
	width: 380px;
	font-size: 14px;
	font-weight: bold;
	color: #504e53;
	text-transform: uppercase;
}

.artikel p {
	position: absolute;
	top: 300px;
	width: 340px;
}

.artikelbemerkung {
	position: absolute;
	left: 0px;
	top: 307px;
	width: 170px;
	text-align: right;
	font-size: 10px;
	line-height: 15px;
	color: #aeafb2;
}

.artikelbild {
	position: absolute;
	left: 182px;
	top: 35px
}

.artikelneu {
	position: absolute;
	left: 133px;
	top: 307px
}

.artikellabel {
	position: absolute;
	left: -20px;
	top: 37px;
	width: 192px;
	text-align: right;
}
	
/* artikel */

.artikelohnebild {
	display: block;
	position: relative;
	left: 40px;
	background: url("../images/kreuze/illustration-schmal.gif") no-repeat;
	background-position: 0px 35px;
	width: 588px;
	height: 390px;
	padding: 10px 47px 0px 192px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 531px;
	height: 380px;
}

.artikelohnebild a {
	color: #AEAFB2;
	font-weight: bold;
	text-decoration: none
}

.artikelohnebild a:hover {
	color: #504e53;
}	

.artikelohnebild h2 {
	position: absolute;
	bottom: 322px;
	left: 0px;
	width: 170px;
	margin: 0px;
	line-height: 22px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	color: #AEAFB2;
	text-transform: uppercase;
}

.artikelohnebild h3 {
	position: absolute;
	left: 192px;
	bottom: 323px;
	margin: 0px;
	padding: 0px;
	width: 365px;
	font-size: 14px;
	font-weight: bold;
	color: #504e53;
	text-transform: uppercase;
}

.artikelohnebild p {
	position: absolute;
	top: 73px;
	width: 340px;
}

/* news klein */

.newsklein {
	display: block;
	position: relative;
	left: 70px;
	background: url("../images/kreuze/news.gif") repeat-x;
	width: 365px;
	height: 380px;
	padding: 10px 47px 0px 87px;
	font-size: 10px;
	line-height: 15px;
	color: #504e53;
}

.newsklein a {
	color: #AEAFB2;
	font-weight: bold;
	text-decoration: none
}

.newsklein a:hover {
	color: #504e53;
}	

.newsklein h3 {
	position: relative;
	top: -3px;
	margin: 0px;
	padding: 0px;
	width: 380px;
	font-size: 14px;
	font-weight: bold;
	color: #504e53;
	text-transform: uppercase;
}

.newsklein p {
	position: absolute;
	top: 38px;
	width: 380px;
}

.newskleinbild {
	float: left;
	margin: 0px 6px 6px 0px;
}

.newskleinneu {
	position: absolute;
	left: 39px;
	top: 4px
}

.newskleinnews {
	position: absolute;
	left: 2px;
	top: 38px;
	width: 71px;
}

.newskleinnews h4 {
	font-size: 10px;
	width: 71px;
	line-height: 10px;
	margin: 2px 0px 5px 0px;
}

.kopflinks {
	background: url(../images/kreuze/strich-rechts.gif) no-repeat;
	padding-right: 7px;
	margin-right: 7px;
	float: left;
	text-align: right;
	width: 197px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
}

.kopflinks h2 {
	margin-top: 3px;
	padding-top: 0px;
}

.kopflinks a {
	color: #AEAFB2;
	font-weight: bold;
	text-decoration: none
}

.download {
	position: relative;
	display: block;
	background: url(../images/rahmen/pdf.gif) no-repeat;
	background-position: 210px 0px;
	vertical-align: middle;
	padding-left: 400px;
	margin-bottom: 11px;
	color: #d6d7d8;
	font-weight: bold;
	height: 22px;
	width: 800px;
}

.download a {
	position: absolute;
	left: 240px;
	top: 4px;
	font-size: 14px;
	color: #504e53;
	text-decoration: none;
	width: 400px;
}

.download a:hover {
	color: #aeafb2;
}

/* galerie */

.galerie {
	position: relative;
	background: url("../images/kreuze/galerie.gif") no-repeat;
	width: 598px;
	padding: 249px 260px 0px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 598px;
}

.galerie a {
	color: #AEAFB2;
	font-weight: bold;
	text-decoration: none
}

.galerie a:hover {
	color: #504e53;
}	

.galerie h2 {
	position: absolute;
	top: 182px;
	left: 0px;
	width: 170px;
	height: 52px;
	margin: 0px;
	font-size: 22px;
	font-weight: bold;
	color: #AEAFB2;
	text-transform: uppercase;
}

.galerie h3 {
	position: absolute;
	left: -14px;
	margin: 0px;
	padding: 0px;
	width: 380px;
	font-size: 14px;
	font-weight: bold;
	color: #504e53;
	text-transform: uppercase;
}

.galerie p {
	width: 213px;
	margin-bottom: 12px;
}

.galeriebild {
	position: absolute; /**/
	left: 221px;
	top: 0px
}

.galeriethumbs {
	position: absolute; /**/
	left: 227px;
	top: 239px
}

.galeriedownload {
	clear: both;
	position: static;
	display: block;
	background: url(../images/rahmen/pdf.gif) no-repeat;
	background-position: 0px 11px;
	padding-left: 30px;
	margin-top: 11px;
	padding-top: 11px;
	line-height: 11px;
	vertical-align: middle;
	color: #d6d7d8;
	font-weight: bold;
	height: 22px;
}

.galeriedownload a {
	color: #504e53;
	text-decoration: none;
}

.galeriedownload a:hover {
	color: #aeafb2;
}
	
.galerielabel {
	position: absolute;
	left: 10px;
	top: 4px;
	width: 192px;
	text-align: right;
}

/* details */

.detailskopf {
	position: relative;
	left: 70px;
	background: url("../images/kreuze/detailskopf.gif") no-repeat;
	width: 598px;
	height: 31px;
	color: #504e53;
}

.detailskopf h2 {
	position: absolute;
	top: -5px;
	line-height: auto;
	font-size: 22px;
	font-weight: bold;
	color: #AEAFB2;
	text-transform: uppercase;
}

.detail {
	position: relative;
	width: 598px;
	top: 0px;
	background: url("../images/kreuze/detailskachel.gif") repeat-y;
	line-height: auto;
	background-position: 70px 0px;
	padding: 6px 0px 0px 110px;
	margin: 0px;
	height: 152px;
}

.detail p {
	width: 175px;
	margin: 0px;
}

.detail h3 {
	top: 0px;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	color: #504e53;
	text-transform: uppercase;
}

.detailoberflaeche {
	position: absolute;
	left: 308px;
	top: 10px;	
	line-height: auto;
	color: #aeafb2;
	border-color: #aeafb2;
}

.detailborder {
	color: #aeafb2;
	border: solid 2px #aeafb2;
}

.detailoberflaeche a {
	color: #504e53;
	text-decoration: none;
}

.detailoberflaeche a:hover {
	color: #aeafb2;
}

.detailbild {
	position: absolute;
	color: #aeafb2;
	left: 477px;
	top: 54px;	
}

.holzarten {
	position: static;
	width: 200px;
	height: auto;
	margin-bottom: 11px;
	border: solid 1px #ff0000
}

.oberflaecheklein {
	float: left;
	position: relative;
	font-size: 9px;
	line-height: 10px;
	color: #aeafb2;
	width: 95px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 17px;
}

.oberflaecheklein a {
	position: absolute;
	left: 0px;
	vertical-align: top;
	display: block;
	width: 17px;
	height: 20px;
	color: #aeafb2;
	margin: 0px 14px 0px 0px;
}

/* kontakt */

.kopflinkskontakt {
	position: absolute;
	left: 0px;
	top: -6px;
	background: url(../images/kreuze/strich-rechts.gif) no-repeat;
	padding-right: 7px;
	margin-right: 7px;
	text-align: right;
	width: 197px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 190px;
}

.kopflinkskontakt h2 {
	margin-top: 3px;
	padding-top: 0px
}

.kopflinkskontakt a {
	color: #AEAFB2;
	font-weight: bold;
	text-decoration: none
}

.kontakt {
	position: relative;
	vertical-align: top;
	width: 460px;
	padding-left: 210px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 450px;
}

.kontakt h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0px 5px 0px;
	padding: 0px
}

.kontakt a {
	color: #AEAFB2;
	font-weight: bold;
	text-decoration: none
}

.eingabefeld {
	font-size: 9px;
	position: relative;
	margin-bottom: 7px;
	width: 250px;
	padding-top: 2px;
}

.kontakt textarea {
	font-size: 10px;
	width: 250px;
	height: 100px;
	border: solid 1px #aeafb2;
}

.eingabefeld input,select {
	position: absolute;
	font-size: 10px;
	left: 52px;
	top: -2px;
	padding-left: 4px;
	width: 198px;
	border: solid 1px #aeafb2;
	height: 15px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 194px;
}

.checkbox {
	font-size: 9px;
	position: relative;
	margin-bottom: 7px;
	width: 250px;
	padding-top: 2px;
	padding: 2px 0px 0px 25px
}

.checkbox input {
	position: absolute;
	font-size: 10px;
	left: 0px;
	top: -2px
}

.haendleradresse {
	margin-bottom: 11px;
}

.ansprechpartner {
	position: relative;
	display: block;
	vertical-align: top;
	padding-left: 220px;
	width: 400px;
	height: 22px;
}

.ansprechpartner p {
	position: absolute;
	top: 0px;
	left: 360px;
	width: 500px;
}

.ansprechpartner a {
	position: absolute;
	top: 0px;
	left: 470px;
	width: 50px;
	color: #504e53;
	text-decoration: none
}

.ansprechpartner a:hover {
	color: #aeafb2;
}

#news_archiv {
	position: relative;
	width: 292px;
	padding-top: 15px;
}

/* ========================================================================= */


.ankerhaendler {
	clear: both;
	padding: 20px 0 0 210px;
	margin: 20px 0 6px 0;
	border-top: solid 2px #DEDEDE;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	width: 351px;
}
.spaltehaendler {
	float: left;
	width: 107px;
	padding-left: 10px;
	font-size: 12px;
}

.spaltehaendler a {
	display: block;
	text-decoration: none;	
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

.spaltehaendler a:hover {
	color: #AEAFB2;
}

.downloadhaendler {
	clear: both;
	padding: 0 0 0 210px;
	font-size: 14px;
	font-weight: bold;
	width: 561px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 351px;
}

.downloadhaendler h2 {
	clear: none;
	display: block;
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	float: left;
	width: 117px;
	text-transform: none;
}

.downloadhaendler a {
	clear: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 10px;
	float: left;
	width: 117px;
	text-decoration: none;
	font-weight: normal;
}

.downloadhaendler a:hover {
	color: #AEAFB2;
}

.tophaendler {
	clear: both;
	padding: 10px 0 0;
	width: 561px;
	text-align: right;
	font-weight: bold;
}

.tophaendler a {
	text-decoration: none;
}

.tophaendler a:hover {
	color: #AEAFB2;
}