/* -----------------------------------------------------------------------------------------
	DECAF° agentur für digitale kommunikation
	www.decaf.de
	----------------------------------------------------------------------------------------- */




/* -----------------------------------------------------------------------------------------
  	html and body
	----------------------------------------------------------------------------------------- */

	html {
		height: 100%;
		padding-bottom: 1px;  /* always show scrollbars */
	}
	body {
		background: #fff; color: #000;
		font-family: Verdana, Arial, sans-serif; font-size: 90%;
		margin: 0; padding: 0;
		width: 100%;
		height: 100%;
	}

	body.w800 {
		/* font-size: 84%; */
	}


/* -----------------------------------------------------------------------------------------
  	links
	----------------------------------------------------------------------------------------- */

	a {
		color: #c75d00;
		text-decoration: none;
		border-bottom: 1px dotted #999;
	}
	a:hover,
	a:focus {
		text-decoration: none;
		border-bottom: 1px solid #c75d00;
		color: #f87200;
	}


	a.more {
		white-space: nowrap;
	}


/* -----------------------------------------------------------------------------------------
  	typo
	----------------------------------------------------------------------------------------- */

	p {
		font-size: 1em; line-height: 1.6em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	.col-side p,
	#sub-navigation p {
		font-size: 0.9em;
	}
	p.alert {
		background: #EDEEE4;
		padding: 10px;
		margin: 0;
	}
	h6, h5, h4 {
		font-size: 1.1em; line-height: 1.4em; font-weight: bold;
		margin: 0 0 0.8em 0; padding: 0.2em 0 0 0;
		color: #666;
	}
	.col-side h4,
	#sub-navigation h4 {
		font-size: 1em;
		margin-bottom: 0.5em;
	}
	h3 {
		font-size: 1.4em; line-height: 1.2em; font-weight: normal;
		margin: 0 0 0.6em 0; padding: 0;
		color: #666;
	}
	h2 {
		font-size: 1em; line-height: 1.6em; font-weight: bold;
		margin: 0; padding: 0;
		color: #666;
	}
	h1,
	body#home h2 {
		font-size: 1.6em; line-height: 1.2em; font-weight: normal;
		margin: 0; padding: 0;
	}
	body#home h2 {
		margin: 0 0 1em 0;
	}	


	h6 a,
	h5 a,
	h4 a,
	h3 a,
	h2 a,
	h1 a {
/*
		text-decoration: none;
		border: 0;
		color: #983d0d;
*/
	}



/* -----------------------------------------------------------------------------------------
  	images
	----------------------------------------------------------------------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}
	img.inline {
		display: inline;
	}


	a.sidebar {
		border: 1px dashed #aaa;
		padding: 2px;
		display: block;
		float: left;
		margin: -0.3em 0 10px 0;
	}
	a.sidebar:hover,
	a.sidebar:focus {
		border-color: #f87200;
		border-style: solid;
	}
	img.sidebar {
		margin: -0.3em 0 10px 0;
	}
	a.sidebar img {
		margin: 0;
	}


	a.article {
		border: 1px dashed #aaa;
		padding: 2px;
		display: block;
		float: left;
		margin: 0 10px 10px 0;
	}
	a.article:hover,
	a.article:focus {
		border-color: #f87200;
		border-style: solid;
	}


	a.gallery {
		border: 1px solid #d6d7ce;
		padding: 2px;
		display: block;
		float: left;
		margin: 0 10px 10px 0;
	}
	a.gallery:hover,
	a.gallery:focus {
		border-color: #f87200;
		border-style: solid;
	}
	a.gallery img {
		width: 120px;
	}
	a.gallery span {
		clear: both;
		display: block;
		text-align: center;
		font-size: 0.9em; line-height: 1.6em; font-weight: normal;
		margin: 0;
	}


/* -----------------------------------------------------------------------------------------
  	generic classes
	----------------------------------------------------------------------------------------- */

	.noscreen {
		position: absolute; left: -990px; width: 10px;
		overflow: hidden;
		visibility: hidden;
		z-index: -1; /* opera */
		border: 0; /* opera */
	}

	.liam { /* @ */
		padding: 0 1px;
	}

	.pb0 {
		padding-bottom: 0 !important;
	}
	.pb1 {
		padding-bottom: 1em !important;
	}
	.pb2 {
		padding-bottom: 2em !important;
	}
	.pb3 {
		padding-bottom: 3em !important;
	}

	.mt-8px {
		margin-top: -8px !important;
	}


	body.w800 .w1024,
	body.w1024 .w800 {
		display: none !important;
	}


/* -----------------------------------------------------------------------------------------
  	vcard
	----------------------------------------------------------------------------------------- */

	.vcard {
	}
	.vcard .adr .country-name {
		display: none;
	}



/* -----------------------------------------------------------------------------------------
  	base structure
	----------------------------------------------------------------------------------------- */

	#nonfooter-wrapper {
		position: relative;
		min-height: 100%;
	}
	#footer-wrapper {
		clear: both;
		background: url(./../files/bgr_body2.png) left bottom repeat-x;
	}

	.site-wrapper {
		margin: 0 auto;
		padding: 0;
	}
	#nonfooter-wrapper .site-wrapper {
		background: none;
	}
	body.w800 .site-wrapper {
		width: 85%;
		min-width: 730px;
	}
	body.w1024 .site-wrapper {
		width: 94%;
		min-width: 940px;
	}


	#footer-wrapper .site {
		background: url(./../files/footer7_2.gif) right bottom no-repeat;
	}
	#footer-wrapper .footer1 { background-image: url(./../files/footer1_2.gif); }
	#footer-wrapper .footer2 { background-image: url(./../files/footer2_2.gif); }
	#footer-wrapper .footer3 { background-image: url(./../files/footer3_2.gif); }
	#footer-wrapper .footer4 { background-image: url(./../files/footer4_2.gif); }
	#footer-wrapper .footer5 { background-image: url(./../files/footer5_2.gif); }
	#footer-wrapper .footer6 { background-image: url(./../files/footer6_2.gif); }
	#footer-wrapper .footer7 { background-image: url(./../files/footer7_2.gif); }

	body.w800 .site {
		margin: 0 0 0 20px;
		padding: 0;
		width: 696px; /* +1 px */
	}
	body.w1024 .site {
		margin: 0 0 0 10px;
		padding: 0;
		width: 906px; /* +1 px */
	}



	.block {
		clear: both;
		margin: 0 0 2em 0;
		padding: 0;
		position: relative; /* make parent */
	}
	.block:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }

	body.w800 .col-side .block {
		clear: none;
		width: 185px;
		margin: 0 115px 10px 0;
		float: left;
	}
	body.w800 .col-side .block:after { content: ""; clear: none; }

	body#home.w800 .col-side .block {
		clear: both;
		margin: 0 0 2em 0;
		float: none;
	}		


	.bgr {
		background: #EDEEE4 !important;
		padding: 20px 10px 5px 10px;
		margin: 0 0 1.5em 0;
		position: relative; left: -8px;
		overflow: hidden;
	}
	#sub-navigation .bgr {
		left: 0;
	}
	.alertblock {
		padding: 5px 10px;
	}


	.bgr-t {
		width: 100%; height: 10px;
		background: transparent url(./../files/bgr_container_top.png) repeat-x;
		position: absolute; top: 0; left: 0;
		overflow: hidden;
		display: block;
	}
	.bgr-b {
		width: 100%; height: 10px;
		background: transparent url(./../files/bgr_container_bottom.png) repeat-x;
		position: absolute; bottom: 0; left: 0;
		overflow: hidden;
		display: block;
	}
	.bgr-l {
		width: 10px; height: 100%;
		background: transparent url(./../files/bgr_container_left.png) repeat-y;
		position: absolute; top: 0; left: 0;
		overflow: hidden;
		display: block;
	}
	.bgr-r {
		width: 10px; height: 100%;
		background: transparent url(./../files/bgr_container_right.png) repeat-y;
		position: absolute; top: 0; right: 0;
		overflow: hidden;
		display: block;
	}

	div.journaltitle {
		left: -5px;
		margin: 0 5px 0 0;
		position: relative;
		overflow: hidden;
	}
	body.w800 div.journaltitle {
		left: 0;
	}
	body.w800 div.journaltitle img {
		width: 485px;
	}


/* -------------------------------
  	product images
	------------------------------- */

	.product-images {
		padding: 6px 0 6px 6px;
		margin: 0 0 1.6em 0;
		width: 685px;
		background: #EDEEE4;
		position: relative; left: -10px;
	}
	body.w800 .product-images {
		width: 476px;
	}
	.product-images img {
		margin: 0;
		padding: 4px;
		display: block;
		float: left;
	}
	.product-images a {
		border: 1px solid #EDEEE4;
		margin: 1px;
		padding: 2px;
		display: block;
		float: left;
	}
	.product-images a img {
		margin: 0;
		padding: 0;
		display: block;
		float: left;
	}
	.product-images a:hover,
	.product-images a:focus {
		/* border-color: #c75d00;
		border-style: solid; */
		cursor: pointer;
		position: relative; top: 1px; left: 1px;
		border: 0;
		padding: 3px; /* +border */
	}


	body.w800 img.pi-pic,
	body.w800 img.pi-pic1 {
		max-width: 464px;
	}	


/* -------------------------------
  	columns
	------------------------------- */

	.col-side .first {
		margin-top: -1.8em;
	}


	.col-full {
		width: 695px;
		float: left;
		margin: 0 25px 0 0;
		/* overflow: hidden; */
	}
	.col-main {
		width: 485px;
		float: left;
		margin: 0 25px 0 0;
		/* overflow: hidden; */
	}
	.col-side {
		width: 185px;
		float: left;
		/* overflow: hidden; */
	}
	body.w800 .col-side {
		width: 600px; /* 485 (main) + 115 (2 blocks) */
	}
	body#home.w800 .col-side {
		width: 185px;
	}


	body.w800 .col-main {
		/* margin-left: 0; */
	}
	body#home.w1024 .col-main {
		margin-left: 210px;
	}


	body.w800 .col-full {
		width: 480px;
		overflow: hidden;
	}



/* -----------------------------------------------------------------------------------------
  	header
	----------------------------------------------------------------------------------------- */

	#header {
		position: relative; /* make parent */
		margin: 0;
		padding: 0 0 10px 0;
		min-height: 105px;
		z-index: 500;
	}
	body#products #header,
	body#journal #header {
		padding-bottom: 10px;
	}
	#header:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }


	body.w800 #header {
		width: 695px;
		min-height: 80px;
	}
	body.w1024 #header {
		width: 905px;
	}


	body#home #header {
		padding-bottom: 5px;
	}


/* -----------------------------------------------------------------------------------------
  	logo
	----------------------------------------------------------------------------------------- */

	a#logo,
	h1#logo {
		position: absolute; left: 0;
		text-decoration: none;
		border: 0;
	}
	body.w800 a#logo {
		top: 55px;
		left: -6px;
	}
	body.w1024 a#logo {
		top: 57px;
	}

	body#home.w800 h1#logo {
		left: -15px;
		top: 15px;
		margin: 0 !important;
		padding: 0 !important;
	}
	body#home.w1024 h1#logo {
		left: 100px;
		top: 18px;
		margin: 0 !important;
		padding: 0 !important;
	}

	a#logo em {
		visibility: visible;
		xvisibility: hidden;
		font-size: 0.84em; line-height: 1.5em; font-weight: normal;
		font-style: normal;
		position: absolute;
		display: block;
		width: 168px;
		/* text-align: right; */
		left: 10px;
		top: 0;
		color: #7f6f57;
	}
	a#logo:hover em,
	a#logo:focus em {
		visibility: visible;
	}
	a#logo img {
		margin: 20px 0 0 0;
	}



/* -----------------------------------------------------------------------------------------
  	options
	----------------------------------------------------------------------------------------- */

	#options {
		position: absolute; top: 4px;
		width: 175px;
		/* overflow: hidden; */
		z-index: 1000;
	}
	body.w800 #options {
		left: 510px;
	}
	body.w1024 #options {
		left: 720px;
	}


	#search {
		width: 125px;
		margin: 0 0 0 50px;
	}
	#search form {
		font-size: 1em;
	}
	#search input {
		font-size: 0.9em; line-height: 1.5em; font-weight: normal;
		width: 117px;
		padding: 3px;
		border: 1px solid #027599;
		margin: 8px 0 3px 0;
	}
	#search #search_spinner {
		display: none;
	}


	#choose_lang {
		position: absolute; top: 8px; left: 0;
		width: 40px;
		float: left;
	}
	#choose_lang div {
	}
	#choose_lang:hover,
	#choose_lang:focus {
		position: absolute; top: 0; left: -79px;
		width: 120px;
		border: 2px solid #fff;
		background: #fff;
	}
	#choose_lang:hover div,
	#choose_lang:focus div {
		padding: 2px;
		border: 1px solid #999;
	}
	#choose_lang div p.language {
		display: block;
		background: url(./../files/icon_language.gif) 0 0 no-repeat;
		font-size: 0.9em;
		font-weight: normal;
		margin: 0 0 0 auto;
		padding: 20px 0 0 0;
		text-align: center;
		width: 40px;
	}
	#choose_lang:hover div p.language,
	#choose_lang:focus div p.language {
		background-position: 0 3px;
		height: 28px;
		padding: 0;
	}
	#choose_lang:hover div p.language span,
	#choose_lang:focus div p.language span {
		display: none;
	}
	#choose_lang div p.languages {
		display: none;
		font-size: 0.9em;
		margin: 0;
	}
	#choose_lang:hover div p.languages,
	#choose_lang:focus div p.languages {
		display: block;
	}
	#choose_lang div p.languages strong,
	#choose_lang div p.languages a {
		display: block;
		background: #EDEEE4;
		margin: 2px 0 0 0;
		padding: 1px 5px 1px 10px;
		border: 0;
		height: auto;
	}



/* -----------------------------------------------------------------------------------------
  	navigation
	----------------------------------------------------------------------------------------- */

	ul.main-navigation {
		font-size: 1em; line-height: 1.5em; font-weight: normal;
		margin: 0;
		padding: 0;
		width: 485px;
		position: relative; left: -2px;
		overflow: hidden;
	}
	body.w800 ul.main-navigation {
	}
	body.w1024 ul.main-navigation {
		margin-left: 210px;
	}

	body#home.w800 ul.main-navigation {
		padding-top: 90px;
		position: relative; z-index: 900;
	} 
	body#home.w1024 ul.main-navigation {
		padding-top: 80px;
		margin-left: 210px;
		position: relative; z-index: 900;
	} 


	ul.main-navigation li {
		display: block;
		float: left;
		margin: 0;
		overflow: hidden;
	}
	ul.main-navigation li a {
		display: block;
		background: url(./../files/bgr_navigation.gif) no-repeat;
		color: #fff;
		margin: 0;
		font-weight: bold;
		text-decoration: none;
		border: 0;
		overflow: hidden;
		height: 100%;
	}
	ul.main-navigation li a:hover,
	ul.main-navigation li a:focus {
		color: #fff;
	}

	/* Journal */

	ul.main-navigation li.nav-m1 {
		width: 100px;
		height: 44px;
		margin-top: 6px;
	}	
	ul.main-navigation li.nav-m1 a {
		background-position: 0px -6px;
		padding: 17px 0 0 9px;
		font-size: 1.08em;
	}
	ul.main-navigation li.nav-m1 a:hover,
	ul.main-navigation li.nav-m1 a:focus,
	ul.main-navigation li.nav-m1 a.active,
	ul.main-navigation li.nav-m1 a.open {
		background-position: 0px -62px;
	}

	/* Produkte */

	ul.main-navigation li.nav-m2 {
		width: 144px;
		height: 48px;
		margin-top: 8px;
	}	
	ul.main-navigation li.nav-m2 a {
		background-position: -100px -8px;
		padding: 20px 0 0 13px;
		font-size: 1.18em;
	}
	ul.main-navigation li.nav-m2 a:hover,
	ul.main-navigation li.nav-m2 a:focus,
	ul.main-navigation li.nav-m2 a.active,
	ul.main-navigation li.nav-m2 a.open {
		background-position: -100px -64px;
	}

	/* Information */

	ul.main-navigation li.nav-m3 {
		width: 136px;
		height: 46px;
		margin-top: 0px;
	}	
	ul.main-navigation li.nav-m3 a {
		background-position: -244px 0px;
		padding: 16px 0 0 10px;
		font-size: 1em;
	}
	ul.main-navigation li.nav-m3 a:hover,
	ul.main-navigation li.nav-m3 a:focus,
	ul.main-navigation li.nav-m3 a.active,
	ul.main-navigation li.nav-m3 a.open {
		background-position: -244px -56px;
	}

	/* Kontakt */

	ul.main-navigation li.nav-m4 {
		width: 105px;
		height: 44px;
		margin-top: 5px;
	}	
	ul.main-navigation li.nav-m4 a {
		background-position: -379px -5px;
		padding: 14px 0 0 15px;
		font-size: 1em;
	}
	ul.main-navigation li.nav-m4 a:hover,
	ul.main-navigation li.nav-m4 a:focus,
	ul.main-navigation li.nav-m4 a.active,
	ul.main-navigation li.nav-m4 a.open {
		background-position: -379px -61px;
	}



	#sub-navigation {
		margin: 25px 0 0 0;
		padding: 0 0 80px 0;
		width: 180px;
		overflow: hidden;
	}
	body.w800 #sub-navigation {
		margin: 0 0 0 25px;
		float: left;
	}
	body#home.w800 #sub-navigation {
	}
	body#home.w1024 #sub-navigation {
		position: absolute; top: 538px;
		padding-bottom: 0;
		clear: both;
	}

	ul.sub-navigation {
		font-size: 0.9em; line-height: 1.5em; font-weight: normal;
		margin: 0 0 2em 0;
		padding: 0;
		width: 180px;
		border-top: 1px solid #ccc;
	}
	ul.sub-navigation li {
		display: block;
		width: 180px;
		float: none;
		border-bottom: 1px solid #ccc;
		margin: 0;
	}
	ul.sub-navigation li.active a {
		background: #9a8669;
		color: #fff;
	}
	ul.sub-navigation li a {
		display: block;
		float: none;
		background: none;
		color: #333;
		margin: 0;
		text-decoration: none;
		border: 0;
		padding: 3px 3px 3px 6px;
	}
	ul.sub-navigation li.ident a {
		padding-left: 26px;
	}
	ul.sub-navigation li.parent a,
	ul.sub-navigation li a:hover,
	ul.sub-navigation li a:focus {
		background: #9a8669;
		color: #fff;
		cursor: pointer;
	}
	ul.sub-navigation li.active a:hover,
	ul.sub-navigation li.active a:focus {
		background: #9a8669;
		color: #fff;
		cursor: default;
	}
	ul.sub-navigation li a span {
		position: absolute;
		margin: 0 0 0 -32px;
		width: 26px;
		display: block;
		text-align: right;
	}


	ul.sub-navigation li.active ul,
	ul.sub-navigation li.open ul {
		margin: 1px 0 3px 6px;
		padding: 0;
		border: 0;
		background: #edeee4;
	}
	ul.sub-navigation li.active ul li,
	ul.sub-navigation li.open ul li {
		width: 175px;
		border-bottom: 0;
		border-top: 1px solid #fff;
	}
	ul.sub-navigation li.active ul li a,
	ul.sub-navigation li.open ul li a {
		background: none;
		color: #000;
		padding-left: 20px;
	}
	ul.sub-navigation li.active ul li.active a,
	ul.sub-navigation li.open ul li.active a {
		background: #9a8669;
		color: #fff;
	}
	ul.sub-navigation li.active ul li a:hover,
	ul.sub-navigation li.active ul li a:focus,
	ul.sub-navigation li.open ul li a:hover,
	ul.sub-navigation li.open ul li a:focus,
	ul.sub-navigation li.open ul li.open a,
	ul.sub-navigation li.open ul li.open a:hover,
	ul.sub-navigation li.open ul li.open a:focus {
		background: #9a8669;
		color: #fff;
		cursor: pointer;
	}
	ul.sub-navigation li.active ul li.active a:hover,
	ul.sub-navigation li.active ul li.active a:focus,
	ul.sub-navigation li.open ul li.active a:hover,
	ul.sub-navigation li.open ul li.active a:focus {
		background: #9a8669;
		color: #fff;
		cursor: default;
	}




/* -----------------------------------------------------------------------------------------
  	content
	----------------------------------------------------------------------------------------- */

	#content {
		width: 695px;
		/* padding-bottom: 200px; */ /* 152px from footer + 50px margin */
		float: right;
	}
	#content:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }

	body.w800 #content {
		width: 485px;
		margin: 0;
		float: left;
	}
	body.w1024 #content {
		width: 695px;
		margin: 0;
	}


	body#home.w800 #content {
		width: 695px;
		margin: 0;
		padding-top: 0;
	}
	body#home.w1024 #content {
		width: 905px;
		margin: 0;
	}



/* -------------------------------
   topic
	------------------------------- */

	body.w800 #topic {
		width: 485px;
		padding: 70px 0 0 0;
		margin: 0;
	}
	body.w1024 #topic {
		width: 485px;
		padding: 25px 0 0 210px;
		margin: 0;
	}
	body#home.w800 #topic {
		width: 485px;
		padding: 0;
		margin: 0;
		position: relative; top: -10px;
	}
	body#home.w1024 #topic {
		width: 485px;
		padding: 0;
		margin: 0 0 0 210px;
		position: relative; top: -10px;
	}



	#topic h1 {
		/* margin: -10px 0 0 0; */
		/* position: relative; left: -3px; */
		min-height: 32px;
		color: #8b5914;
		font-size: 1.8em; line-height: 1.1em; font-weight: bold;
		margin: 0 0 0.2em 0;
	}
	#topic h2 {
		margin: -7px 0 0.5em 0;
		position: relative;
	}
	body#home h2 {
		margin: 0;
	}


	p.backlink {
		margin: -8px 0 12px 0;
	}


/* -------------------------------
  	product images
	------------------------------- */

	ul.products {
		clear: both;
		margin: 0;
		/* overflow: hidden; */
		padding: 3px 0 0 0;
		position: relative; left: -5px;
	}
	body.w800 ul.products {
		width: 510px;
	}
	body.w1024 ul.products {
		width: 715px;
	}

	ul.products li {
		margin: 0;
		padding: 0 21px 20px 0;
		display: block;
		float: left;
		list-style-type: none;
		overflow: hidden;
	}
	body.w800 ul.products li {
		width: 146px;
	}
	body.w1024 ul.products li {
		width: 216px;
	}
	ul.products li span.product_image {
		display: block;
		overflow: hidden;
		margin: 0 0 3px 0;
	}
	body.w800 ul.products li span.product_image {
		width: 130px;
		height: 130px;
	}
	body.w1024 ul.products li span.product_image {
		width: 200px;
		height: 200px;
	}
	ul.products li span.product_title {
		display: block;
		margin: 0 auto;
		font-size: 0.9em; line-height: 1.2em; font-weight: normal;
		height: 2.4em; /* two lines */
		text-align: center !important;
	}
	body.w800 ul.products li span.product_title {
		font-size: 0.84em;
	}
	ul.products li a {
		display: block;
		padding: 8px;
		/* border: 1px solid #d6d7ce; */
		/* border: 1px solid #fff; */
		border: 0;
		background: #EDEEE4;
		position: relative; /* make parent */
		overflow: hidden;
	}
	ul.products li a:hover,
	ul.products li a:focus {
		/* background: #c75d00;
		color: #fff;
		border-style: solid; */
		cursor: pointer;
		position: relative; top: 1px; left: 1px;
		border: 0;
	}


	ul.products li.p1 {
		position: relative; left: -5px; top: 3px;
	}
	ul.products li.p2 {
		position: relative; left: -1px; top: -5px;
	}
	ul.products li.p3 {
		position: relative; left: -2px; top: 2px;
	}
	ul.products li.p4 {
		position: relative; left: 4px; top: 4px;
	}
	ul.products li.p5 {
		position: relative; left: -3px; top: -7px;
	}
	ul.products li.p6 {
		position: relative; left: -2px; top: 1px;
	}


/* -------------------------------
  	image gallery
	------------------------------- */

	ul.gallery {
		margin: 0 0 0.5em 0;
		/* overflow: hidden; */
		padding: 0;
		position: relative;
	}
	ul.gallery:after { content: " "; clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }

	body.w800 ul.gallery {
		width: 501px;
	}
	body.w1024 ul.gallery {
		width: 501px;
	}
	body.w800 ul.g1 {
		width: 160px;
		float: left;
		margin-right: 15px;
	}
	body.w1024 ul.g1 {
		width: 160px;
		float: left;
		margin-right: 15px;
	}
	body.w800 ul.right {
		width: 160px;
		float: right;
		margin-right: 0;
		margin-left: 5px;
	}
	body.w1024 ul.right {
		width: 160px;
		float: right;
		margin-right: 0;
		margin-left: 5px;
	}

	ul.gallery li {
		margin: 0;
		padding: 0 20px 20px 0;
		display: block;
		float: left;
		list-style-type: none;
		overflow: hidden;
		width: 230px;
	}
	ul.gallery li a {
		display: block;
		padding: 8px;
		/* border: 1px solid #d6d7ce; */
		/* border: 1px solid #fff; */
		border: 0;
		background: #edeee4;
		position: relative; /* make parent */
	}
	ul.gallery li a:hover,
	ul.gallery li a:focus {
		/* border-color: #c75d00;
		border-style: solid; */
		cursor: pointer;
		position: relative; top: 1px; left: 1px;
		border: 0;
	}
	ul.gallery li a img {
		display: block;
		/* overflow: hidden; */
		margin: 0 auto;
	}
	body.w800 ul.gallery li a img {
		/* width: 135px;
		height: 135px; */
	}

	/* g1 = just one picture */
	ul.g1 li {
		padding: 0;
		width: 160px;
		height: 160px;
	}
	ul.g1 li a {
		padding: 10px;
		width: 140px;
		height: 140px;
	}

	/* g2 = two pictures per line */
	ul.g2 li {
		padding: 0 20px 16px 0;
		width: 230px;
		height: 230px;
	}
	ul.g2 li a {
		padding: 12px;
		width: 206px;
		height: 206px;
	}

	/* g3 = three pictures per line */
	ul.g3 li {
		padding: 0 15px 12px 0;
		width: 150px;
		height: 150px;
	}
	ul.g3 li a {
		padding: 10px;
		width: 130px;
		height: 130px;
	}

	/* g4 = four pictures per line */
	ul.g4 li {
		padding: 0 10px 8px 0;
		width: 112px;
		height: 112px;
	}
	ul.g4 li a {
		padding: 8px;
		width: 96px;
		height: 96px;
	}

	/* g5 = five pictures per line */
	ul.g5 li {
		padding: 0 10px 8px 0;
		width: 88px;
		height: 88px;
	}
	ul.g5 li a {
		padding: 5px;
		width: 78px;
		height: 78px;
	}


	/* article image */
	.image {
		width: 469px;
		padding: 8px ;
		margin: 0 0 1.6em 0;
		/* background: #edeee4; */
		background: #edeee4 url(./../files/bgr_content.gif) no-repeat;
		position: relative; left: -5px;
	}
	.thumb {
		display: block;
		float: left;
		padding: 8px ;
		margin: 0 15px 10px 0;
		background: #edeee4;
		position: relative; /* make parent */
		overflow: hidden;
	}
	.thumb a,
	.thumb a:hover,
	.thumb a:focus {
		border: 0;
	}
	.col-side .thumb,
	#sub-navigation .thumb {
		float: none;
		margin-right: 5px;
		border: 0;
		position: relative; left: -5px;
	}
	.bgr .thumb {
		background: none;
		padding: 3px;
		border: 1px solid #fff;
	}



	.pos1 {
		position: relative; left: -8px; top: -8px;
	}
	.pos2 {
		position: relative; left: -2px; top: -7px;
	}
	.pos3 {
		position: relative; left: 7px; top: -8px;
	}
	.pos4 {
		position: relative; left: -7px; top: 1px;
	}
	.pos5 {
		position: relative; left: 1px; top: 0px;
	}
	.pos6 {
		position: relative; left: 8px; top: -1px;
	}
	.pos7 {
		position: relative; left: -7px; top: 8px;
	}
	.pos8 {
		position: relative; left: 1px; top: -7px;
	}
	.pos9 {
		position: relative; left: 8px; top: 5px;
	}

	/* w800: reduce random positioning pixels */
	body.w800 .pos1 {
		left: -4px; top: -4px;
	}
	body.w800 .pos2 {
		top: -4px;
	}
	body.w800 .pos3 {
		left: 4px; top: -4px;
	}
	body.w800 .pos4 {
		left: -4px;
	}
	body.w800 .pos6 {
		left: 4px;
	}
	body.w800 .pos7 {
		left: -4px; top: 4px;
	}
	body.w800 .pos8 {
		top: -4px;
	}
	body.w800 .pos9 {
		left: 4px; top: 4px;
	}



	.xpos1 {
		position: relative; left: -14px; top: -5px;
	}
	.xpos2 {
		position: relative; left: -2px; top: -7px;
	}
	.xpos3 {
		position: relative; left: -7px; top: -3px;
	}
	.xpos4 {
		position: relative; left: -10px; top: 1px;
	}
	.xpos5 {
		position: relative; left: 1px; top: 0px;
	}
	.xpos6 {
		position: relative; left: 5px; top: -1px;
	}
	.xpos7 {
		position: relative; left: -7px; top: 4px;
	}
	.xpos8 {
		position: relative; left: 0px; top: -6px;
	}
	.xpos9 {
		position: relative; left: 3px; top: 5px;
	}


	p#backend_userinfo {
		background: red;
		color: #fff;
		font-size: 0.9em;
		font-weight: bold;
		padding: 2px 5px;
		position: fixed; top: 0; right: 0;
	}

	p#frontend_userinfo {
		background: #9bc07d;
		color: #fff;
		font-size: 0.9em;
		font-weight: bold;
		padding: 2px 5px;
		position: fixed; top: 0; left: 0;
	}

/* -------------------------------
  	product features
	------------------------------- */

	table.features {
		margin: 0;
		padding: 0;
		border: 0;
		width: 490px;
		table-layout: fixed;
	}
	table.features th,
	table.features td {
		margin: 0;
		padding: 0;
		vertical-align: top;
		text-align: left;
		background: #edeee4;
		border-bottom: 5px solid #fff;
	}
	table.features th {
		background: #edeee4 url(./../files/bgr_content.gif) 0 -2px no-repeat;	
	}
	table.features th {
		width: 44px;
		padding-right: 6px;
	}
	table.features td {
		width: 180px;
		border-right: 5px solid #fff;
	}
	table.features img {
		display: block;
		margin: 0;
		padding: 2px;
	}
	table.features p {
		margin: 0.5em 0;
	}

	/* icondescription */
	div#icondescription table.features td {
		width: 360px;
	}


/* -------------------------------
  	downloads
	------------------------------- */

	ul.downloads {
	}
	ul.downloads li {
		margin: 0 0 0.5em 0;
		padding: 0;
		list-style-image: url(./../files/icon_download.gif);
	}
	ul.downloads li.pdf {
		list-style-image: url(./../files/icon_pdf.gif);
	}
	ul.downloads li.dwg {
		list-style-image: url(./../files/icon_dwg.gif);
	}


	body.w800 .slideshow {
		height: 224px !important;
		margin: 5px 5px 40px 0 !important;
		padding: 0 !important;
	}
	body.w1024 .slideshow {
		height: 300px !important;
		margin: 5px 5px 40px -30px !important;
		padding: 0 !important;
	}
	#monoSlideshow {
		/* position: relative; top: 3px; left: 10px; */
	}


	#map_container {
		display: none;
	}
	#map {
		width: 100%;
		height: 400px;
	}


/* -------------------------------
  	breadcrumb
	------------------------------- */

	ul.breadcrumb {
		padding: 7px 0 1em 0;
		margin: 0;
	}
	ul.breadcrumb li {
		margin: 0;
		padding: 0;
		display: inline;
		list-style-type: none;
		font-size: 0.9em;
	}


/* -------------------------------
  	faq
	------------------------------- */

	ol.faq {
		padding: 0;
		margin: 0;
	}
	ol.faq li {
		margin: 0 0 0.5em 1.5em;
		padding: 0;
		list-style-type: decimal;
		line-height: 1.4em;
	}


/* -----------------------------------------------------------------------------------------
  	footer
	----------------------------------------------------------------------------------------- */

	#footer {
		margin: -222px 0 0 0;
		height: 152px;
		width: 695px;
		padding: 30px 0 40px 0;
		position: relative;
		overflow: hidden;
	}
	body.w800 #footer {
		margin-left: 0;
	}
	body.w1024 #footer {
		margin-left: 210px;
	}
	#footer .vcard,
	#footer p {
		font-size: 0.84em; line-height: 1.5em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
		font-style: normal;
	}



/* -----------------------------------------------------------------------------------------
	decaf
	----------------------------------------------------------------------------------------- */

	a#decafmedia,
	a#decafmedia:hover,
	a#decafmedia:focus {
  		width: 12px;
  		height: 64px;
  		margin: -104px 0 0 0;
  		position: absolute; left: 8px;
  		text-decoration: none;
  		border: none;
  		background: none;
  	}





/* -----------------------------------------------------------------------------------------
	Formular
	----------------------------------------------------------------------------------------- */

	/*
	=================================================================
	Basisstyleangaben - Vorsicht mit Änderungen!
	basic styles - be careful with changes!
	================================================================= */


	/*
	-----------------------------------------------------------------
	form
	----------------------------------------------------------------- */

	form.dm_form {
		width: 100%;
		font-family: Verdana, Arial, sans-serif; font-size: 1em;
		margin: 0;
		padding: 0;
		border: 0;
	}
	form.dm_form div.form_wrapper {
		margin: 0 -1%;
		padding: 0;
	}
	form.dm_form fieldset {
		clear: both;
		margin: 0 0 20px 0;
		padding: 0;
		border: 0;
	}


	/*
	---------------------------
	labels and wrappers
	--------------------------- */

	form.dm_form label {
		margin: 0 1%;
		padding: 0;
		border: 0;
		float: left;
		display: table;
		width: 1%;
	}
	form.dm_form span.wrapper {
		margin: 0;
		padding: 0;
		display: table-cell;
		width: 1%; /* firefox */
	}


	/*
	---------------------------
	width
	--------------------------- */

	form.dm_form label.w100 {
		width: 98%;
		display: block;
	}
	form.dm_form label.w75 {
		width: 73%;
		display: block;
	}
	form.dm_form label.w50 {
		width: 48%;
		display: block;
	}
	form.dm_form label.w25 {
		width: 23%;
		display: block;
	}


	/*
	---------------------------
	position
	--------------------------- */

	form.dm_form label.p25 {
		margin-left: 26%;
	}
	form.dm_form label.p50 {
		margin-left: 51%;
	}
	form.dm_form label.p75 {
		margin-left: 76%;
	}


	/*
	---------------------------
	title and examples 
	--------------------------- */

	form.dm_form label span.title {
	}
	form.dm_form label span.example {
		color: #999;
		font-style: italic;	
	}


	/*
	---------------------------
	input/select fields 
	--------------------------- */

	form.dm_form label input.field,
	form.dm_form label select.field,
	form.dm_form label textarea.field {
		width: 100%;
		display: block;
		border: 1px solid #f6bb7f;
		border-left: 3px solid #f6bb7f;
		background: #f7f2ed;
		padding: 4px;
		font-family: Verdana, Arial, sans-serif; font-size: 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
	}

	form.dm_form label select.field {
		padding: 4px 1px 1px 1px; /* have to try out */
	}

	/* Pflichtfelder
		mandatory fields */
	form.dm_form label.mandatory input.field,
	form.dm_form label.mandatory select.field,
	form.dm_form label.mandatory textarea.field {
		border: 1px solid #f6bb7f;
		border-left: 8px solid #f6bb7f;
	}
	form.dm_form label.mandatory span.title {
		font-weight: bold;
	}

	form.dm_form label input.field:focus,
	form.dm_form label select.field:focus,
	form.dm_form label textarea.field:focus {
		border-color: #ee7800;
		background: #fff;
	}

	/* Kalenderfelder
		calendar fields */
	form.dm_form label.calendar input.field {
		padding-right: 25px;
	}


	/*
	---------------------------
	checkboxes and radios
	--------------------------- */

	form.dm_form input.select {
		display: block;
		float: left;
		margin: 0;
	}


	/*
	---------------------------
	submit button
	--------------------------- */

	form.dm_form input.submit {
		width: 100%;
		background: #ee7800;
		color: #fff;
		padding: 2px 0;
		font-size: 1em;
	}

	form.dm_form input.submit:hover,
	form.dm_form input.submit:focus {
		background: #c50105;
		/* cursor: pointer;  sorry, can't use that one in front of Opera */
	}


	/*
	---------------------------
	errors
	--------------------------- */

	form.dm_form label.error input.field,
	form.dm_form label.error select.field,
	form.dm_form label.error textarea.field {
		border-color: #dd1100 !important;
	}

	form.dm_form label.error span.title {
		color: #dd1100 !important;
	}

	
	/*
	---------------------------
	additional styles for
	input/select fields
	--------------------------- */

	form.dm_form label.inputselect span.title {
		margin: 0 0 2px 0;
		display: table; /* act as inline-block */
	}

	form.dm_form label span.title:hover,
	form.dm_form label span.title:focus {
		color: #ee7800;
		cursor: pointer;
	}

	form.dm_form label br {
		margin: 0 0 2px 0;
	}


	/*
	---------------------------
	additional styles for
	checkboxes and radios
	--------------------------- */

	form.dm_form label.wauto {
		width: auto;
		margin-right: 15px;
	}
	form.dm_form label.radiocheck {
		margin-bottom: 10px;
	}
	form.dm_form label.radiocheck span.wrapper {
		padding-right: 0;
	}
	form.dm_form label.wauto span.wrapper {
		display: inline;
	}
	form.dm_form label.radiocheck span.title {
		display: block;
		margin: 0 0 0 20px;
		padding: 0;
	}


	/*
	---------------------------
	clearing elements
	--------------------------- */

	.clear {
		clear: both;
		display: block;
		padding: 0 0 10px 0;
	}
	.mb0 {
		margin-bottom: 0 !important;
	}

	.pb20 {
		padding-bottom: 20px !important;
	}


	/*
	---------------------------
	form content
	--------------------------- */

	form.dm_form p,
	form.dm_form h3 {
		margin: 0 1% 10px 1%;
	}
	
	div.errors {
		margin: 10px 0 20px 0;
		padding: 5px 10px;
		background: #dd1100;
	}
	div.errors p {
		color: #fff;
		margin: 0;
	}
	div.errors ul {
		margin: 0 0 0 1.6em;
		padding: 0;
	}
	div.errors ul li {
		margin: 0;
		padding: 0;
		color: #fff;
		list-style-type: square;
	}

	div.alert {
		margin: 10px 0 20px 0;
		padding: 5px 10px;
		background: green;
	}
	div.alert p {
		color: #fff;
		margin: 0;
	}
	div.alert ul {
		margin: 0 0 0 1.6em;
		padding: 0;
	}
	div.alert ul li {
		margin: 0;
		padding: 0;
		color: #fff;
		list-style-type: square;
	}


/* -----------------------------------------------------------------------------------------
	toolbar
	----------------------------------------------------------------------------------------- */

	#toolbar {
		background: #027599;
		margin: 0 0 15px 0;
		padding: 0 20px 1px 20px;
		text-align: right;
	}
	#toolbar p {
		font-size: 0.84em;
		margin: 0;
		color: #fff;
	}
	#toolbar a {
		color: #fff;
	}
	#toolbar a:hover,
	#toolbar a:focus {
		color: #ccc;
		border-color: #888;
	}

	#toolbar span.user,
	#toolbar span.article_edit,
	#toolbar span.article_status {
		float: right;
		margin: 0 0 0 30px;
	}
	#toolbar .clear {
		padding: 0;
	}


/* -----------------------------------------------------------------------------------------
  	project pool
	----------------------------------------------------------------------------------------- */

	.projectpool {
	}
	.projectpool .search {
		margin-bottom: 20px;
	}
	.projectpool .search form fieldset {
		border: 2px solid #BEBFB3;
		background: #EDEEE4;
		padding: 10px;
	}
	.projectpool .search table {
		text-align: left;
		vertical-align: top;
	}
	.projectpool .search table th {
		font-weight: normal;
		text-align: right;
		padding-right: 10px;
	}
	.projectpool .search table td {
		padding-bottom: 5px;
	}
	.projectpool .search table td.divider {
		padding-bottom: 10px;
	}

	/* bugfix JS accordion */
	.projectpool .result .element {
		padding-left: 10px;
		padding-right: 10px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.projectpool .toggler {
		background: #9A8669;
		color: #fff;
		display: block;
		padding: 2px 10px;
		margin-bottom: 10px;
		position: relative;
	}
	.projectpool .toggler:hover,
	.projectpool .toggler:focus {
		background: #f87200;
		cursor: pointer;
	}

	.projectpool .block .content {
		margin-left: 144px;
	}

	.projectpool .paging {
		margin-bottom: 10px;
	}

	* html .projectpool .element {
		position: relative;
		height: 1%;
	}
	*+html .projectpool .element {
		position: relative;
		height: 1%;
	}