/*********************************************************************
 * Berenbrinker
 * 
 * @version       $Revision: 43 $
 * @modified by   $Author: ds $
 * @last modified $Date: 2009-02-06 19:34:23 +0100 (Fr, 06 Feb 2009) $
 *********************************************************************/


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

	html {
		height: 100%;
		padding-bottom: 1px; /* always show vertical scrollbars */
	}
	body {
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 14px;
		background: #fff; color: #454545;
		margin: 0; padding: 0;
		width: 100%;
		height: 100%;
	}


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

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 10px !important;
	}
	.mb2 {
		margin-bottom: 25px !important;
	}
	.mb3 {
		margin-bottom: 50px !important;
	}
	.mb4 {
		margin-bottom: 100px !important;
	}

	/* clearer
	   http://www.pixelsurge.com/experiment/clearers.htm */
	.clear {
		clear: both;
		height: 1px;
		margin-top: -1px;
		overflow: hidden;
		font-size: 1px;
	}

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	reader   = screen reader only  (eg skip links)
	print    = print only          (eg contact infos, references)
	nonprint = don't print         (eg navigation)
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}


/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	p, li {
		font-size: 1em; line-height: 1.7em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	
	h4, h5, h6 {
		font-size: 1em; line-height: 1.7em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}
	h3 {
		font-size: 1.4em; line-height: 1.4em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h2,
	h1 {
		font-size: 1.5em; line-height: 1.2em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul,
	ol {
		margin: 0 0 1.5em 0;
		padding: 0 0 0 2em;
	}
	li {
		margin: 0 0 0.3em 0;
		padding: 0;
	}

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

	a {
		text-decoration: none;
		color: #004083; /* blue */
	}
	a:hover,
	a:focus {
		text-decoration: underline;
		outline: 0; /* remove dotted borders */
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
	}

	body.g a {
		color: #980d15; /* red */
	}
	body.t a,
	body.ih a,
	body.s a {
		color: #004083; /* blue */
	}

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

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

/* --------------------------
 * tables
 * -------------------------- */

	table,
	table tr,
	table th,
	table td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	table th,
	table td {
		font-size: 1em; line-height: 1.7em; font-weight: normal;
	}


/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	/* site-wrapper */

	#site-wrapper {
		position: relative;
	}
	* html #site-wrapper {
		display: inline-block;
	}
	*+html #site-wrapper {
		display: inline-block;
	}
	body.g  #site-wrapper {
		background: #fff url(../images/bgr_body_g.jpg) no-repeat;
	}
	body.ih #site-wrapper {
		background: #fff url(../images/bgr_body_ih.jpg) no-repeat;
	}
	body.s  #site-wrapper {
		background: #fff url(../images/bgr_stickerwelt_head.jpg) no-repeat;
	}

	/* sections */

	#logo {
		position: absolute; top: 55px; left: 660px;
	}
	#section {
		position: absolute; top: 6px; left: 155px;
	}
	#stickers {
		position: absolute; top: 132px; left: 25px;
	}

	#content-wrapper {
		width: 960px;
		padding: 203px 0 0 0;
		margin: 0 0 0 7px;
	}
	#navigation {
		padding-top: 101px;
		width: 130px;
		margin-right: 1px;
		float: left;
	}
	#content {
		width: 829px;
		float: left;
		overflow: hidden;
		margin-bottom: 50px;
	}
	* html #content {
		float: right;
	}
	#footer {
		width: 829px;
		margin: 0 0 50px 131px;		
	}

	/* stickerwelt */

	body.s  #navigation {
		position: absolute; top: 30px; left: 685px;
		padding-top: 0;
		width: auto;
		margin-right: 0;
		float: none;
	}
	body.s  #content {
		width: 958px;
		float: none;
		overflow: visible;
		margin-bottom: 20px;
	}

	/* columns: general */

	#content .full {
		padding: 0 80px 0 20px;
	}
	#content .main {
		width: 480px;
		padding: 0 20px 20px 20px;
		float: left;
	}
	#content .sidebar {
		width: 268px;
		float: right;
	}

	/* columns: stickerwelt */

	body.s #content .full {
		width: 814px;
		margin: 0 72px;
		padding: 0;
	}
	body.s #content .main {
		width: 608px;
		float: right;
		margin: 0 74px 0 0;
		padding: 0;
	}
	body.s #content .sidebar {
		width: 196px;
		float: left;
		margin: 0 0 0 72px;
		padding: 0;
	}
	body.s #content .full .main {
		margin-right: 0;
	}
	body.s #content .main2 {
		width: 654px;
		float: none;
		margin: 0 0 0 150px;
		padding: 0;
	}
	* html body.s #content .main2 {
		height: 1%;
	}


/* --------------------------------------------------------------------------------------
 * intro/tunnel page
 * -------------------------------------------------------------------------------------- */

	body.t #content-wrapper {
		background: url(../images/bgr_tunnel.jpg) no-repeat;
		width: 888px;
		min-height: 642px;
		padding: 115px 0 0 0;
		margin: 0 auto;
		position: relative;
	}
	* html body.t #content-wrapper {
		height: 642px;
	}

	/* columns */

	body.t .c1 {
		width: 300px;
		float: left;
		margin: 0 0 0 90px;
		text-align: center;
	}
	* html body.t .c1 {
		margin-left: 45px;
	}
	body.t .c2 {
		width: 300px;
		float: right;
		margin: 0 110px 0 0;
		text-align: center;
	}
	* html body.t .c2 {
		margin-right: 55px;
	}

	/* logo */

	body.t h2 {
		margin: 0 auto 30px auto;
	}
	body.t h2 img {
		display: inline;
	}

	/* list */

	body.t ul {
		margin: 0 auto 30px auto;
		padding: 0;
		min-height: 240px; /* 6 elements with 40px height */
	}
	* html body.t ul {
		height: 240px;
	}
	body.t ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		position: relative;
	}
	body.t ul li a {
		display: block;
		height: 24px;
		padding: 8px 0 8px 0;
		position: relative;
	}
	body.t ul li a:hover {
		text-decoration: none;
	}
	body.t ul li a:hover span {
		text-decoration: underline;
	}
	body.t .c1 ul li a:hover {
		color: #004083; /* blue */
	}
	body.t .c2 ul li a:hover {
		color: #980d15; /* red */
	}
	body.t ul li a span {
		vertical-align: middle;
	}

	/* icons */

	body.t ul li a img {
		position: absolute;
		left: 0;
	}
	body.t a.okklupetz img {
		margin: -7px 0 0 35px;
	}
	body.t a.okklupetz span {
		padding-left: 98px;
	}
	body.t a.okklusan img {
		margin: -12px 0 0 35px;
	}
	body.t a.okklusan span {
		padding-left: 87px;
	}
	body.t a.okkluglas img {
		margin: -13px 0 0 40px;
	}
	body.t a.okkluglas span {
		padding-left: 88px;
	}
	body.t a.okklufix img {
		margin: -9px 0 0 20px;
	}
	body.t a.okklufix span {
		padding-left: 87px;
	}
	body.t a.securfix img {
		margin: 0 0 0 40px;
	}
	body.t a.securfix span {
		padding-left: 95px;
	}
	body.t a.insupen img {
		margin: 1px 0 0 52px;
	}
	body.t a.insupen span {
		padding-left: 105px;
	}

	body.t.lang-1 a.okklupetz img {
		margin: -7px 0 0 15px;
	}
	body.t.lang-1 a.okklupetz span {
		padding-left: 90px;
	}
	body.t.lang-1 a.okklusan img {
		margin: -12px 0 0 55px;
	}
	body.t.lang-1 a.okklusan span {
		padding-left: 77px;
	}
	body.t.lang-1 a.okkluglas img {
		margin: -13px 0 0 45px;
	}
	body.t.lang-1 a.okkluglas span {
		padding-left: 88px;
	}

	/* button */

	body.t a.button {
		margin: 0 auto 30px auto;
	}
	body.t a.button img {
		display: inline;
	}
	body.t a.button:hover {
		/* position: relative; top: 1px; */
	}

	/* IE6 png gix */

	* html body.t img {
		behavior: url("static/css/iepngfix.htc");
	}


/* --------------------------------------------------------------------------------------
 * page elements
 * -------------------------------------------------------------------------------------- */

	/* section */

	body.g #section a {
		color: #004083; /* blue */
	}
	body.ih #section a {
		color: #980d15; /* red */
	}

	/* stickerwelt */

	#stickers a:hover {
		position: relative; top: 1px;
	}

	/* maintenance */

	#maintenance {
		background: #40ABC6;
		overflow: hidden;
	}
	#maintenance p {
		font-size: 0.9em;
		line-height: 1em;
		display: block;
		text-align: center;
		color: #fff;
		padding: 2px;
		margin: 0;
		border-bottom: 2px solid #fff;
	}


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

	body.g  #navigation ul,
	body.ih #navigation ul {
		margin: 0;
		padding: 0;
	}
	body.g  #navigation ul li,
	body.ih #navigation ul li {
		display: block;
		margin: 0 0 2px 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}
	* html body.g  #navigation ul li,
	* html body.ih #navigation ul li {
		display: inline-block;
	}
	body.g  #navigation ul li strong,
	body.ih #navigation ul li strong {
		/* active element -> additional bgr */
		display: block;
		width: 130px;
		height: 20px;
		overflow: hidden;
		background: url(../images/bgr_navileft_act_g.png) repeat;
	}
	body.g  #navigation ul li em,
	body.ih #navigation ul li em {
		font-style: normal;		
	}
	* html body.g  #navigation ul li strong,
	* html body.ih #navigation ul li strong {
		background: #eee;
	}
	body.g  #navigation ul li strong em,
	body.g  #navigation ul li a,
	body.ih #navigation ul li strong em,
	body.ih #navigation ul li a {
		display: block;
		width: 130px;
		height: 20px;
		overflow: hidden;
		background-repeat: no-repeat;
	}
	body.g  #navigation ul li strong em,
	body.g  #navigation ul li a {
		background-image: url(../images/bgr_navileft_g.png);
	}
	body.g.lang-1 #navigation ul li strong em,
	body.g.lang-1 #navigation ul li a {
		background-image: url(../images/bgr_navileft_g_en.png);
	}
	body.ih #navigation ul li strong em,
	body.ih #navigation ul li a {
		background-image: url(../images/bgr_navileft_ih.png);
	}
	body.g  #navigation ul li a,
	body.ih #navigation ul li a {
		cursor: pointer;
	}
	* html body.g  #navigation ul li strong em,
	* html body.g  #navigation ul li a,
	* html body.ih #navigation ul li strong em,
	* html body.ih #navigation ul li a {
		behavior: url("static/css/iepngfix.htc");
	}

	body.g  #navigation ul li.nav1 a,
	body.ih #navigation ul li.nav1 a {
		/* default state */
		background-position: 0 0;
	}
	body.g  #navigation ul li.nav1 strong em,
	body.g  #navigation ul li.nav1 a:hover,
	body.g  #navigation ul li.nav1 a:focus,
	body.ih #navigation ul li.nav1 strong em,
	body.ih #navigation ul li.nav1 a:hover,
	body.ih #navigation ul li.nav1 a:focus {
		/* active + hover -> font color */
		background-position: -130px 0;
	}
	body.g  #navigation ul li.nav2 a,
	body.ih #navigation ul li.nav2 a {
		/* default state */
		background-position: 0 -22px;
	}
	body.g  #navigation ul li.nav2 strong em,
	body.g  #navigation ul li.nav2 a:hover,
	body.g  #navigation ul li.nav2 a:focus,
	body.ih #navigation ul li.nav2 strong em,
	body.ih #navigation ul li.nav2 a:hover,
	body.ih #navigation ul li.nav2 a:focus {
		/* active + hover -> font color */
		background-position: -130px -22px;
	}
	body.g  #navigation ul li.nav3 a,
	body.ih #navigation ul li.nav3 a {
		/* default state */
		background-position: 0 -44px;
	}
	body.g  #navigation ul li.nav3 strong em,
	body.g  #navigation ul li.nav3 a:hover,
	body.g  #navigation ul li.nav3 a:focus,
	body.ih #navigation ul li.nav3 strong em,
	body.ih #navigation ul li.nav3 a:hover,
	body.ih #navigation ul li.nav3 a:focus {
		/* active + hover -> font color */
		background-position: -130px -44px;
	}
	body.g  #navigation ul li.nav4 a,
	body.ih #navigation ul li.nav4 a {
		/* default state */
		background-position: 0 -66px;
	}
	body.g  #navigation ul li.nav4 strong em,
	body.g  #navigation ul li.nav4 a:hover,
	body.g  #navigation ul li.nav4 a:focus,
	body.ih #navigation ul li.nav4 strong em,
	body.ih #navigation ul li.nav4 a:hover,
	body.ih #navigation ul li.nav4 a:focus {
		/* active + hover -> font color */
		background-position: -130px -66px;
	}
	body.g  #navigation ul li.nav5 a,
	body.ih #navigation ul li.nav5 a {
		/* default state */
		background-position: 0 -88px;
	}
	body.g  #navigation ul li.nav5 strong em,
	body.g  #navigation ul li.nav5 a:hover,
	body.g  #navigation ul li.nav5 a:focus,
	body.ih #navigation ul li.nav5 strong em,
	body.ih #navigation ul li.nav5 a:hover,
	body.ih #navigation ul li.nav5 a:focus {
		/* active + hover -> font color */
		background-position: -130px -88px;
	}

	/* second level */

	body.g  #navigation ul li ul,
	body.ih #navigation ul li ul {
		padding: 5px 0 5px 0;
	}
	body.g  #navigation ul li ul li,
	body.ih #navigation ul li ul li {
		width: auto;
		height: auto;
		padding-right: 8px;
		margin: 0 0 5px 0;
		font-size: 0.93em; line-height: 1.2em;
	}
	body.g  #navigation ul li ul li strong,
	body.ih #navigation ul li ul li strong {
		/* active element */
		width: auto;
		height: auto;
		background: none;
	}
	body.g  #navigation ul li ul li strong em,
	body.g  #navigation ul li ul li a,
	body.ih #navigation ul li ul li strong em,
	body.ih #navigation ul li ul li a {
		text-align: right;
		width: auto;
		height: auto;
		background: none !important;
	}

	/* stickerwelt */

	body.s #navigation ul {
		margin: 0;
		padding: 0;
	}
	body.s #navigation ul li {
		display: block;
		margin: 0 0 2px 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
		height: 20px;
		vertical-align: bottom;
		line-height: 1em;
	}
	body.s #navigation ul li em {
		font-style: normal;
	}
	body.s #navigation ul li strong em,
	body.s #navigation ul li a {
		display: block;
		height: 20px;
		overflow: hidden;
		background-image: url(../images/bgr_navitop_s.png);
		background-repeat: no-repeat;
	}
	* html body.s #navigation ul li strong,
	* html body.s #navigation ul li a {
		display: inline-block;
	}
	*+html body.s #navigation ul li strong,
	*+html body.s #navigation ul li a {
		display: inline-block;
	}
	body.s #navigation ul li.nav1 {
		margin-left: 145px;
	}
	body.s #navigation ul li.nav2 {
		margin-left: 110px;
	}
	body.s #navigation ul li.nav3 {
		margin-left: 80px;
	}
	body.s #navigation ul li.nav4 {
		margin-left: 50px;
	}
	body.s #navigation ul li.nav5 {
		margin-left: 0;
		height: 40px;
	}
	body.s #navigation ul li.nav1 strong em,
	body.s #navigation ul li.nav1 a {
		width: 87px;
	}
	body.s #navigation ul li.nav2 strong em,
	body.s #navigation ul li.nav2 a {
		width: 120px;
	}
	body.s #navigation ul li.nav3 strong em,
	body.s #navigation ul li.nav3 a {
		width: 104px;
	}
	body.s #navigation ul li.nav4 strong em,
	body.s #navigation ul li.nav4 a {
		width: 58px;
	}
	body.s #navigation ul li.nav5 strong em,
	body.s #navigation ul li.nav5 a {
		width: 100px;
		height: 40px;
	}	
	body.s #navigation ul li a {
		cursor: pointer;
	}
	* html body.s #navigation ul li strong em,
	* html body.s #navigation ul li a {
		behavior: url("static/css/iepngfix.htc");
	}

	body.s #navigation ul li.nav1 a {
		/* default state */
		background-position: 0 0;
	}
	body.s #navigation ul li.nav1 strong em,
	body.s #navigation ul li.nav1 a:hover,
	body.s #navigation ul li.nav1 a:focus {
		/* active + hover -> font color */
		background-position: -120px 0;
	}
	body.s #navigation ul li.nav2 a {
		/* default state */
		background-position: 0 -20px;
	}
	body.s #navigation ul li.nav2 strong em,
	body.s #navigation ul li.nav2 a:hover,
	body.s #navigation ul li.nav2 a:focus {
		/* active + hover -> font color */
		background-position: -120px -20px;
	}
	body.s #navigation ul li.nav3 a {
		/* default state */
		background-position: 0 -40px;
	}
	body.s #navigation ul li.nav3 strong em,
	body.s #navigation ul li.nav3 a:hover,
	body.s #navigation ul li.nav3 a:focus {
		/* active + hover -> font color */
		background-position: -120px -40px;
	}
	body.s #navigation ul li.nav4 a {
		/* default state */
		background-position: 0 -60px;
	}
	body.s #navigation ul li.nav4 strong em,
	body.s #navigation ul li.nav4 a:hover,
	body.s #navigation ul li.nav4 a:focus {
		/* active + hover -> font color */
		background-position: -120px -60px;
	}
	body.s #navigation ul li.nav5 a {
		/* default state */
		background-position: 0 -80px;
	}
	body.s #navigation ul li.nav5 strong em,
	body.s #navigation ul li.nav5 a:hover,
	body.s #navigation ul li.nav5 a:focus {
		/* active + hover -> font color */
		background-position: -120px -80px;
	}


/* --------------------------------------------------------------------------------------
 * teaserbox
 * -------------------------------------------------------------------------------------- */

	/* teaserbox 1 */

	.teaserbox1 {
		height: 390px;
		background: url(../images/bgr_teaserbox.png) no-repeat;
	}
	.teaserbox1 .image,
	.teaserbox1 .image .slider,
	.teaserbox1 .image img {
		height: 312px;
	}

	/* teaserbox 2 */

	.teaserbox2 {
		height: 217px;
		background: url(../images/bgr_teaserbox2.png) no-repeat;
	}
	.teaserbox2 .image,
	.teaserbox2 .image .slider,
	.teaserbox2 .image img {
		height: 139px;
	}

	/* teaserboxes general */

	.teaserbox {
		width: 829px;
		overflow: hidden;
		position: relative;
		margin: 0 0 30px 0;
	}
	.teaserbox .image {
		clear: both;
		width: 827px;
		overflow: hidden;
		position: relative;
	}
	.teaserbox .image .slider {
		width: 827px;
		overflow: hidden;
		position: relative;
	}
	.teaserbox .image img {
		width: 827px;
		position: absolute;
		top: 0;
		left: 0;
	}		
	.teaserbox .slider a {
		display: block;
		float: left;
	}

	/* navi */

	.teaserbox ul {
		width: 829px;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	body.g  .teaserbox ul {
		background: url(../images/bgr_navitop_g.jpg) no-repeat;
	}
	body.g.lang-1 .teaserbox ul {
		background: url(../images/bgr_navitop_g_en.jpg) no-repeat;
	}
	body.ih .teaserbox ul {
		background: url(../images/bgr_navitop_ih.jpg) no-repeat;
	}
	.teaserbox ul li {
		display: block;
		float: left;
		width: 138px;
		height: 76px;
		margin: 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}
	.teaserbox ul li.nav6 {
		width: 137px; /* last element */
	}
	.teaserbox ul li a {
		display: block;
		width: 100%;
		height: 76px;
		overflow: hidden;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	body.g  .teaserbox ul li a {
		background-image: url(../images/bgr_navitop_g.jpg);
	}
	body.g.lang-1 .teaserbox ul li a {
		background-image: url(../images/bgr_navitop_g_en.jpg);
	}
	body.ih .teaserbox ul li a {
		background-image: url(../images/bgr_navitop_ih.jpg);
	}
	.teaserbox ul li a:hover {
		position: relative; top: 1px;
	}
	.teaserbox ul li a.active {
		cursor: default;
		top: 0 !important;
	}
	.teaserbox ul li a em {
		/* hover */
		display: block;
		width: 100%;
		height: 76px;
		overflow: hidden;
	}
	* html .teaserbox ul li a em {
		background: none !important;
	}

	.teaserbox ul li a.active em {
		/* avoid hover bgr for all elements */
		background-image: none !important;
	}
	.teaserbox ul li.nav1 a {
		/* default state */
		background-position: 0 0;
	}
	.teaserbox ul li.nav1 a:hover em,
	.teaserbox ul li.nav1 a:focus em {
		/* hover -> additional hover image */
		background: url(../images/bgr_navitop_act_g.png) repeat;
	}
	.teaserbox ul li.nav1 a.active {
		/* active element */
		background-position: 0 -76px;
	}
	.teaserbox ul li.nav2 a {
		/* default state */
		background-position: -138px 0;
	}
	.teaserbox ul li.nav2 a:hover em,
	.teaserbox ul li.nav2 a:focus em {
		/* hover -> additional hover image */
		background: url(../images/bgr_navitop_act_g.png) repeat;
	}
	.teaserbox ul li.nav2 a.active {
		/* active element */
		background-position: -138px -76px;
	}
	.teaserbox ul li.nav3 a {
		/* default state */
		background-position: -276px 0;
	}
	.teaserbox ul li.nav3 a:hover em,
	.teaserbox ul li.nav3 a:focus em {
		/* hover -> additional hover image */
		background: url(../images/bgr_navitop_act_g.png) repeat;
	}
	.teaserbox ul li.nav3 a.active {
		/* active element */
		background-position: -276px -76px;
	}
	.teaserbox ul li.nav4 a {
		/* default state */
		background-position: -414px 0;
	}
	.teaserbox ul li.nav4 a:hover em,
	.teaserbox ul li.nav4 a:focus em {
		/* hover -> additional hover image */
		background: url(../images/bgr_navitop_act_g.png) repeat;
	}
	.teaserbox ul li.nav4 a.active {
		/* active element */
		background-position: -414px -76px;
	}
	.teaserbox ul li.nav5 a {
		/* default state */
		background-position: -552px 0;
	}
	.teaserbox ul li.nav5 a:hover em,
	.teaserbox ul li.nav5 a:focus em {
		/* hover -> additional hover image */
		background: url(../images/bgr_navitop_act_g.png) repeat;
	}
	.teaserbox ul li.nav5 a.active {
		/* active element */
		background-position: -552px -76px;
	}
	.teaserbox ul li.nav6 a {
		/* default state */
		background-position: -690px 0;
	}
	.teaserbox ul li.nav6 a:hover em,
	.teaserbox ul li.nav6 a:focus em {
		/* hover -> additional hover image */
		background: url(../images/bgr_navitop_act_g.png) repeat;
	}
	.teaserbox ul li.nav6 a.active {
		/* active element */
		background-position: -690px -76px;
	}

	* html .teaserbox ul li a:hover em,
	* html .teaserbox ul li a:focus em {
		behavior: url("static/css/iepngfix.htc");
	}

	/* activity indicator */

	.teaserbox .activity-indicator {
		position: absolute; top: 76px; left: 0;
		width: 827px;
		height: 312px;
		background: url(../images/activity-indicator_bgr.png) repeat;
		visibility: hidden; /* JS toggle */
	}
	* html .teaserbox .activity-indicator {
		background: url(../images/activity-indicator_bgr_ie.png) repeat;
	}
	.teaserbox .activity-indicator img {
		position: absolute; top: 50%; left: 50%;
		margin: -16px 0 0 -16px;
	}


/* --------------------------------------------------------------------------------------
 * footer (general)
 * -------------------------------------------------------------------------------------- */

	#footer {
		width: 827px;
	}
	#footer .inner {
		background: #f5f5f5;
		padding: 20px 20px 10px 20px;
		overflow: hidden;
	}
	* html #footer .inner {
		display: inline-block;
	}
	#footer .rc-b {
		height: 16px;
		background: url(../images/bgr_footer.png) no-repeat;
	}
	* html #footer .rc-b {
		behavior: url("static/css/iepngfix.htc");
	}
	#footer p,
	#footer li {
		font-size: 12px;
	}
	#footer a {
		color: #6a6a6a;
	}

	#footer .c1 {
		width: 660px;
		float: left;
	}
	#footer .c2 {
		width: 100px;
		float: right;
		text-align: right;
	}

	#footer .c1 ul {
		margin: 0;
		padding: 0;
	}
	#footer .c1 ul li {
		display: block;
		float: left;
		margin: 0 30px 0 0;
		padding: 0;
		list-style-type: none;
	}
	body.g #footer .c1 ul li {
		margin-right: 50px; /* 4 columns only */
	}
	#footer .c1 ul li a {
		text-transform: uppercase;
		font-weight: bold;
	}
	#footer .c1 ul li ul {
		margin-top: 5px;
	}
	#footer .c1 ul li ul li,
	body.g #footer .c1 ul li ul li {
		margin-right: 0;
		float: none;
	}
	#footer .c1 ul li ul li a {
		text-transform: none;
		font-weight: normal;
	}

	#footer .c2 a {
		padding-left: 10px;
	}


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

	#content h2,
	#content h1 {
		margin: 0 0 20px -6px;
	}
	body.alert #content h2,
	body.alert #content h1 {
		margin: 0 0 30px 0;
	}


	#content .gallery {
		margin-bottom: 20px;
	}
	* html #content .gallery {
		display: inline-block;
	}
	*+html #content .gallery {
		display: inline-block;
	}
	#content .gallery a,
	#content .gallery img {
		display: block;
		float: left;
		overflow: hidden;
		position: relative;
	}
	#content .gallery a:hover {
		top: 1px;
	}
	#content .gallery .zoom {
		position: absolute; bottom: 15%; right: 15%;
		width: 17px;
		height: 17px;
		background: url(../images/icon_zoom.png) no-repeat;
		display: none;
	}
	#content .gallery a:hover .zoom,
	#content .gallery a:focus .zoom {
		display: block;
	}



	#content .greybox {
		width: 470px;
		margin-bottom: 10px;
	}
	#content .greybox .t {
		height: 10px;
		background: url(../images/greybox_t.png) no-repeat;
		overflow: hidden;
	}
	* html #content .greybox .t {
		zoom: 1;
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/static/images/greybox_t.png');
	}
	#content .greybox .b {
		height: 10px;
		background: url(../images/greybox_b.png) no-repeat;
		overflow: hidden;
	}
	* html #content .greybox .b {
		zoom: 1;
		background-image: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/static/images/greybox_b.png');
	}
	#content .greybox .c {
		background: #f5f5f5;
		padding: 5px 15px;
		overflow: hidden;
	}
	* html #content .greybox .c {
		display: inline-block;
	}


	a.download {
		display: block;
		float: left;
	}
	a.download img {
		display: inline;
		padding-right: 10px;
		vertical-align: middle;
	}
	* html a.download img {
		behavior: url("static/css/iepngfix.htc");
		padding-right: 0;
		margin-right: 10px;
	}
	a.download span {
		vertical-align: middle;
	}
	a.download:hover,
	a.download:focus {
		text-decoration: none;
	}
	a.download:hover span,
	a.download:focus span {
		text-decoration: underline;
	}



	.sidebar p,
	.sidebar li {
		font-size: 0.93em; line-height: 1.5em;
	}
	.sidebar li li {
		font-size: 1em;
	}

	.sidebar .logo {
		position: relative; left: -5px;
		margin: 0 0 10px 0;
	}

	/* feature list */

	.sidebar ul.features,
	.sidebar .features ul {
		margin: 0;
		padding: 0;
	}
	.sidebar ul.features li,
	.sidebar .features ul li {
		font-weight: bold;
		background-position: 5px 0;
		background-repeat: no-repeat;
		padding: 0 0 0 33px;
		margin: 0 0 5px 0;
		list-style-type: none;
	}
	.sidebar .augenpflaster li {
		background-image: url(../images/bullet_01.png);
		color: #00512e;
	}
	.sidebar .augenkompressen li {
		background-image: url(../images/bullet_02.png);
		color: #004284;
	}
	.sidebar .uhrglasverbaende li {
		background-image: url(../images/bullet_03.png);
		color: #4e92b7;
	}
	.sidebar .infusionspflaster li {
		background-image: url(../images/bullet_04.png);
		color: #172983;
	}
	.sidebar .pen-nadeln li,
	body.ih .sidebar .features li {
		background-image: url(../images/bullet_05.png);
		color: #003b71;
	}

	/* small buttons */

	a.s-button {
		display: block;
		width: 65px;
		height: 52px;
		overflow: hidden;
		cursor: pointer;
	}
	a.b-up,
	a.b-down {
		background: url(../images/buttons_u-d.jpg) 0 0 no-repeat;
	}
	a.b-left,
	a.b-right {
		background: url(../images/buttons_l-r.jpg) 0 0 no-repeat;
	}
	a.b-up,
	a.b-left {
		background-position: 0 0;
	}
	a.b-up:hover,
	a.b-left:hover {
		background-position: 0 -52px;
	}
	a.b-down,
	a.b-right {
		background-position: 0 -104px;
	}
	a.b-down:hover,
	a.b-right:hover {
		background-position: 0 -156px;
	}

	/* big buttons */

	a.b-button {
		display: block;
		width: 313px;
		height: 120px;
		margin-left: -3px;
		background-repeat: no-repeat;
		background-position: 0 0;
		overflow: hidden;
		cursor: pointer;
	}
	a.b-button:hover,
	a.b-button:focus {
		background-position: 0 -120px;
	}
	a.b-losgehts {
		background-image: url(../images/buttons_losgehts.jpg);
	}
	a.b-codeeingeben {
		background-image: url(../images/buttons_codeeingeben.jpg);
	}

	/* bandit */

	#bandit {
	}
	#bandit .digits {
		width: 540px;
		float: left;
		margin: 0 30px 30px 0;
	}
	#bandit .digit {
		padding: 60px 0;
		width: 96px;
		height: 116px;
		position: relative;
		float: left;
		margin: 0 10px 0 0;
	}
	#bandit .digit .icon {
		background: #ffffe6;
		width: 96px;
		height: 116px;
		overflow: hidden;
		position: relative;
	}
	#bandit .digit .icon .shadow {
		width: 96px;
		height: 116px;
		background: url(../images/bgr_code_shadow.png) no-repeat;
		position: absolute; top: 0; left: 0;
	}
	* html #bandit .digit .icon .shadow {
		behavior: url("static/css/iepngfix.htc");
	}
	#bandit .digit .icon .border {
		width: 96px;
		height: 116px;
		background: url(../images/bgr_code_digit_border.png) no-repeat;
		position: absolute; top: 0; left: 0;
	}
	#bandit .digit .icon ul {
		margin: 0;
		padding: 0;
		position: relative;
	}
	#bandit .digit .icon ul li {
		background: url(../images/icons_code.png) 0 0 no-repeat;
		display: block;
		width: 86px;
		height: 104px;
		margin: 5px 0 0 5px;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		vertical-align: bottom;
	}
	#bandit .digit .icon ul li.s-0 {
		background-position: 0 0;
	}
	#bandit .digit .icon ul li.s-1 {
		background-position: -86px 0;
	}
	#bandit .digit .icon ul li.s-2 {
		background-position: -172px 0;
	}
	#bandit .digit .icon ul li.s-3 {
		background-position: -258px 0;
	}
	#bandit .digit .icon ul li.s-4 {
		background-position: -344px 0;
	}
	#bandit .digit .icon ul li.s-5 {
		background-position: -430px 0;
	}
	#bandit .digit .icon ul li.s-6 {
		background-position: -516px 0;
	}
	#bandit .digit .icon ul li.s-7 {
		background-position: -602px 0;
	}
	#bandit .digit .icon ul li.s-8 {
		background-position: -688px 0;
	}
	#bandit .digit .icon ul li.s-9 {
		background-position: -774px 0;
	}
	#bandit .digit .icon ul li.s-a {
		background-position: -860px 0;
	}
	#bandit .digit .icon ul li.s-b {
		background-position: -946px 0;
	}
	#bandit .digit .icon ul li.s-c {
		background-position: -1032px 0;
	}
	#bandit .digit .icon ul li.s-d {
		background-position: -1118px 0;
	}
	#bandit .digit .icon ul li.s-e {
		background-position: -1204px 0;
	}
	#bandit .digit .icon ul li.s-f {
		background-position: -1290px 0;
	}
	#bandit .digit a.b-up,
	#bandit .digit a.b-down {
		position: absolute; left: 17px;
	}
	#bandit .digit a.b-up {
		top: 0;
	}
	#bandit .digit a.b-down {
		bottom: 0;
	}


	form div.error {
		background: #dd1100;
		padding: 3px 10px;
		margin: 0 0 20px 0;
	}
	form div.error p {
		color: #fff;
		margin: 0;
	}


	#bandit .error {
		width: 500px;
	}
	#bandit div.help-code {
		width: 200px;
		float: left;
	}


	.aleft {
		float: left;
		margin: 0 15px 10px 0;
	}
	.aright {
		float: right;
		margin: 0 10px 10px 5px;
	}


	#content .staff {
		width: 480px;
		overflow: hidden;
	}
	#content .staff ul {
		width: 501px;
		margin: 0;
		padding: 0;
	}
	#content .staff ul li {
		width: 230px;
		overflow: hidden;
		display: block;
		float: left;
		margin: 0 20px 20px 0;
		padding: 0;
		list-style-type: none;
		zoom: 1;
	}
	#content .staff ul li img {
		margin: 0 0 10px 0;
	}
	#content .staff ul li p {
		margin: 0;
	}


	#content .termine table {
		width: 100%;
	}
	#content .termine table td {
		padding: 0 20px 2px 0;
	}
	#content .termine table td strong {
		/* is dates only! */
		white-space: nowrap;
	}


/* --------------------------------------------------------------------------------------
 * stickerwelt page
 * -------------------------------------------------------------------------------------- */

	body.s a#home {
		position: absolute; left: 83px; top: 74px;
		width: 232px; height: 98px;
		overflow: hidden;
	}

	/* layout */

	body.s #content-wrapper {
		width: 960px;
		padding: 210px 0 0 0;
		margin: 0 0 0 10px;
	}
	body.s #footer {
		width: 814px;
		margin: 0 0 30px 72px;
	}

	body.s p.meta,
	#stickerwelt-intro p.meta {
		font-size: 12px;
		color: #888;
	}
	body.s p.meta a,
	#stickerwelt-intro p.meta a {
		color: #888 !important;
	}
	body.s #footer img.logo {
		float: left;
		margin: 0 20px 0 0;
	}
	body.s #footer p.meta {
		padding-top: 5px;
	}

	/* intro page */

	#stickerwelt-intro {
		width: 984px;
		margin: 40px auto;
		position: relative;
	}
	#stickerwelt-intro img {
		width: 984px;
		height: 624px;
	}
	#stickerwelt-intro p.meta {
		position: absolute; top: 560px; left: 190px;
	}

	/* stickerwelt: activity indicator */

	body.s #items .activity-indicator {
		position: absolute; top: 0; left: 0;
		width: 814px;
		height: 318px;
		background: #ddd;
		visibility: visible; /* JS toggle */
	}
	body.s #items .activity-indicator p {
		position: absolute; top: 20px; left: 20px;
		color: #666;
	}
	body.s #items .activity-indicator img {
		position: absolute; top: 50%; left: 50%;
		margin: -16px 0 0 -16px;
	}

	/* sticker items */

	body.s #items {
		width: 814px;
		padding: 0 72px;
		position: relative; left: -72px;
	}
	body.s #items a.b-left,
	body.s #items a.b-right {
		position: absolute; top: 110px;
	}
	body.s #items a.b-left {
		left: 0;
	}
	body.s #items a.b-right {
		right: 0;
	}
	.slidebox {
		width: 815px !important;
		height: 319px;
		overflow: hidden;
		position: relative;
	}
	.slidebox ul {
		width: 20000px;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.slidebox ul li {
		display: block;
		float: left;
		width: 194px;
		height: 316px;
		border: 1px solid #ddd;
		margin: 0 10px 0 0;
		padding: 0;
		list-style-type: none;
		position: relative;
	}
	* html .slidebox ul li {
		cursor: pointer;
	}
	.slidebox ul li .label {
		/* stickerwelt labels (Stickerbogen, Rubbelbild, Hörspiel, ..) */
		position: absolute; left: 0; bottom: 0;
		width: 194px;
		height: 26px;
		border-top: 1px solid #ddd;
		background: url(../images/stickerwelt_labels.jpg) no-repeat;
	}
	/* Stickerbogen */
	.slidebox ul li .l-1 {
		background-position: 0 0;
	}
	/* Hoerspiel */
	.slidebox ul li .l-2 {
		background-position: 0 -26px;
	}
	/* Haftspiel */
	.slidebox ul li .l-3 {
		background-position: 0 -52px;
	}
	/* Rubbelbild */
	.slidebox ul li .l-4 {
		background-position: 0 -78px;
	}
	/* Buch */
	.slidebox ul li .l-5 {
		background-position: 0 -104px;
	}
	/* Fanartikel */
	.slidebox ul li .l-6 {
		background-position: 0 -130px;
	}
	/* Spiel */
	.slidebox ul li .l-7 {
		background-position: 0 -156px;
	}

	.select ul li:hover {
		/* items are selectable */
		position: relative; top: 1px; left: 1px;
		cursor: pointer;
	}
	.slidebox ul li.not-available:hover {
		top: 0; left: 0;
		cursor: auto;
	}
	* html .slidebox ul li.not-available {
		cursor: default;
	}
	.slidebox ul li.not-available .label {
		position: absolute; left: 0; bottom: 0;
		width: 194px;
		height: 94px;
		border: 0;
		background: url(../images/stickerwelt_label_na.png) no-repeat;
	}
	* html .slidebox ul li.not-available .label {
		behavior: url("static/css/iepngfix.htc");
	}

	/* shopping cart */

	body.s #cart {
		float: right;
		margin: 0 0 10px 0;
		padding-top: 10px;
	}
	body.s #cart ul {
		margin: 0;
		padding: 0;
	}
	body.s #cart ul li {
		display: block;
		float: left;
		width: 50px;
		height: 112px;
		margin: 0 2px 0 0;
		padding: 0;
		list-style-type: none;
		position: relative;
	}
	body.s #cart ul li div.item {
		width: 48px;
		height: 78px;
		overflow: hidden;
		background: url(../images/bgr_warenkorb.png) 0 0 no-repeat;
		border: 1px solid #ddd;
	}
	body.s #cart ul li#c-1 div.item {
		background-position: 0 0;
	}
	body.s #cart ul li#c-2 div.item {
		background-position: -50px 0;
	}
	body.s #cart ul li#c-3 div.item {
		background-position: -100px 0;
	}
	body.s #cart ul li#c-4 div.item {
		background-position: -150px 0;
	}
	body.s #cart ul li#c-5 div.item {
		background-position: -200px 0;
	}
	body.s #cart ul li#c-6 div.item {
		background-position: -250px 0;
	}
	body.s #cart ul li#c-7 div.item {
		background-position: -300px 0;
	}
	body.s #cart ul li#c-8 div.item {
		background-position: -350px 0;
	}
	body.s #cart ul li#c-9 div.item {
		background-position: -400px 0;
	}
	body.s #cart ul li#c-10 div.item {
		background-position: -450px 0;
	}
	body.s #cart ul li#c-bonus div.item {
		background-position: -500px 0;
	}
	body.s #cart ul li#c-rubbel div.item {
		background-position: -550px 0;
	}
	body.s #cart ul li a.delete {
		width: 37px;
		height: 30px;
		overflow: hidden;
		background: url(../images/button_close_small.jpg) no-repeat;
		position: absolute; left: 6px; bottom: 0;
		cursor: pointer;
		display: none;
	}
	body.s #cart ul li.used a.delete {
		display: block;
	}

	/* help text */

	body.s div.help {
		width: 245px;
		margin: 0 30px 0 -60px;
		float: right;
		text-align: right;
		position: relative;
	}
	* html body.s div.help {
		display: inline-block;
	}
	*+html body.s div.help {
		display: inline-block;
	}

	/* buttons */

	body.s a.b-losgehts {
		float: none;
		margin-left: 214px;
	}


	body.s .c1-start {
		width: 392px;
		margin-right: 15px;
		float: left;
	}
	body.s .c2-start {
		width: 300px;
		float: left;
	}


	body.s .message {
		width: 550px;
	}
	body.s .message ul {
		margin: 0 1%;
		padding: 0;
	}
	body.s .mailpreview ul {
		margin: 0;
		padding: 0;
	}
	body.s .message ul li,
	body.s .mailpreview ul li {
		display: block;
		float: left;
		margin: 0 5px 5px 0;
		padding: 1px;
		list-style-type: none;
		border: 1px solid #ddd;
	}


/* --------------------------------------------------------------------------------------
 * IE additional
 * -------------------------------------------------------------------------------------- */

	/* png fixes */

	* html #logo img,
	* html #stickers img {
		behavior: url("static/css/iepngfix.htc");
	}


/* --------------------------------------------------------------------------------------
 * dm_form
 * -------------------------------------------------------------------------------------- */

	form.dm_form {
		width: 480px;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin: 0;
		padding: 0;
		border: 0;
	}
	form.dm_form div.form_wrapper {
		margin: 0 -1%;
		padding: 0;
	}
	* html form.dm_form div.form_wrapper {
		display: inline-block;
	}
	*+html form.dm_form div.form_wrapper {
		display: inline-block;
	}
	form.dm_form fieldset {
		clear: both;
		margin: 0 0 20px 0;
		padding: 0;
		border: 0;
	}
	form.preview fieldset {
		display: none;
		visibility: hidden;
	}


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

	form.dm_form label {
		margin: 0 1%;
		padding: 0;
		border: 0;
		float: left;
		display: table;
		width: 1%;
	}
	* html form.dm_form label {
		display: inline-block !important;
		width: 1%;
		height: 1%;
		margin-right: 0.9% !important; /* avoid position bugs */
	}
	*+html form.dm_form label {
		display: inline-block !important;
		width: 1%;
		height: 1%;
		margin-right: 0.9% !important; /* avoid position bugs */
	}
	form.dm_form span.wrapper {
		margin: 0;
		padding: 0;
		display: table-cell;
		width: 1%; /* firefox */
	}
	* html form.dm_form span.wrapper {
		display: block !important;
		width: 100%;
		overflow: hidden;
	}
	*+html form.dm_form span.wrapper {
		display: block !important;
		width: 100%;
		overflow: hidden;
	}
	* html form.dm_form label.radiocheck span.wrapper {
		width: auto;
	}
	*+html form.dm_form label.radiocheck span.wrapper {
		width: auto;
	}


/* --------------------------------------
 * 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%;
	}


/* --------------------------------------
 * 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;
	}

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


/* --------------------------------------
 * 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: 0;
		border-bottom: 1px solid #40ABC6;
		border-left: 8px solid #40ABC6;
		background: #e6edf0;
		padding: 4px;
		font-family: 'Consolas', 'Andale Mono', Courier, monospace;
		/* font-size-adjust: 0.51; */
		font-size: 1em;
		box-sizing: border-box;
		-moz-box-sizing: border-box; /* gecko */
		-webkit-box-sizing: border-box; /* khtml/webkit */
	}
	* html form.dm_form label input.field,
	* html form.dm_form label select.field,
	* html form.dm_form label textarea.field {
		position: relative; /* put on top */
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	*+html form.dm_form label input.field,
	*+html form.dm_form label select.field,
	*+html form.dm_form label textarea.field {
		position: relative; /* put on top */
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
		padding-top: 5px;
		padding-bottom: 5px;
	}
	form.dm_form label select.field {
		padding: 4px 1px 1px 1px; /* have to try out */
	}
	* html form.dm_form label select.field {
		width: 100%;
	}
	*+html form.dm_form label select.field {
		width: 100%;
	}

	/* Pflichtfelder
		mandatory fields */
	form.dm_form label.mandatory input.field,
	form.dm_form label.mandatory select.field,
	form.dm_form label.mandatory textarea.field {
	}
	* html form.dm_form label.mandatory input.field,
	* html form.dm_form label.mandatory select.field,
	* html form.dm_form label.mandatory textarea.field {
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
	}
	*+html form.dm_form label.mandatory input.field,
	*+html form.dm_form label.mandatory select.field,
	*+html form.dm_form label.mandatory textarea.field {
		width: expression(parentNode.offsetWidth - 18); /* - border - padding */
	}
	form.dm_form label input.field:focus,
	form.dm_form label select.field:focus,
	form.dm_form label textarea.field:focus {
		border-color: #46565A;
	}


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

	form.dm_form input.select {
		display: block;
		float: left;
		margin: 0;
	}
	* html form.dm_form input.select {
		position: relative;
		left: -2px;
		top: -2px;
	}
	*+html form.dm_form input.select {
		position: relative;
		left: -2px;
		top: -2px;
	}


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

	form.dm_form input.submit {
		font-size: 1em;
		padding: 3px 20px;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		/* font-size-adjust: 0.52; */
		font-weight: bold;
		border: 1px solid #40ABC6;
		background: #40ABC6;
		color: #fff;
	}

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


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

	form.dm_form label.inputselect span.title {
		margin: 0 0 2px 0;
		display: table; /* act as inline-block */
	}
	* html form.dm_form label.inputselect span.title {
		display: inline-block !important;
	}
	*+html form.dm_form label.inputselect span.title {
		display: inline-block !important;
	}
	form.dm_form label.mandatory span.title {
		font-weight: bold;
	}

	form.dm_form label span.title:hover,
	form.dm_form label span.title:focus {
		color: #40ABC6;
		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;
	}
	* html form.dm_form label.radiocheck {
		width: auto;
	}
	*+html form.dm_form label.radiocheck {
		width: auto;
	}
	* html form.dm_form label.radiocheck.w100 {
		width: 98%; /* avoid label being too short */
	}
	*+html form.dm_form label.radiocheck.w100 {
		width: 98%; /* avoid label being too short */
	}
	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;
	}
	* html form.dm_form label.radiocheck span.title {
		display: inline-block !important;
		margin-left: 0;
	}
	*+html form.dm_form label.radiocheck span.title {
		display: inline-block !important;
		margin-left: 0;
	}


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

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

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


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

	form.dm_form p,
	form.dm_form h3 {
		margin: 0 1% 10px 1%;
	}

	/* errors */

	form.dm_form div.errors {
		margin: 0 1% 30px 1%;
		padding: 0.5em;
		background: #dd1100;
	}
	form.dm_form div.errors p {
		margin: 0 0 0.5em 0;
		color: #fff;
	}
	form.dm_form div.errors ol {
		margin: 0;
		padding: 0;
	}
	form.dm_form div.errors ol li {
		width: auto;
		margin: 0 0 0 2.5em;
		padding: 0;
		color: #fff;
		list-style-type: decimal;
	}
	form.dm_form div.errors ol li p {
		width: auto !important;
		margin: 0 0 0.5em 0;
		color: #fff;
		font-size: 1em;
		line-height: 1.2em;
	}	

	/* preview */

	form.dm_form .mailpreview {
		background: #e6edf0;
		padding: 1em 0.3em 0.3em 0.3em;
		margin: 0 1% 10px 1%;
	}

	/* formsent (outside of form!)*/

	div.formsent {
		margin: 0 0 3em 0;
		padding: 1em 0.5em 0.5em 0.5em;
		background: #40ABC6;
	}
	div.formsent p {
		margin: 0 0 0.5em 0;
		color: #fff;
	}
	div.formsent h3 {
		margin: 0 0 0.5em 0;
		color: #fff;
	}

	/* language switch */

	.language {
		position: absolute; top: 6px; left: 850px;
	}
	.t .language {
		left: auto;
		right: 50px;
	}
	.language .sep {
		padding: 0 3px;
	}