/*
Projektname: BWRmedia Relaunch 2011
Erstellt am: 27.10.2011 von WD
Bearbeitet am: 05.11.2012 von AL
QS am 31.11.2011  von KD
*/

/* HTML Elemente global */
/* Body */
body {
	background: #fff;
	color: #3c3c3c;
}

a {
	background: transparent;
	color: #0568ae;
	text-decoration: underline;
}

a:visited {
	background: transparent;
	color: #0568ae;
	text-decoration: underline;
}
a:hover {
	background: transparent;
	color: #0568ae;
	text-decoration: none;
}
a:focus {
	background: transparent;
	color: #0568ae;
	text-decoration: none;
}
a:active  {
	background: transparent;
	color: #0568ae;
	text-decoration: none;
}

button {
	display: inline;
	padding: 0;
	line-height: 1em; /* Kann nicht in FF funktionieren */
	font-style: inherit;
	margin: 0;
	outline: 0 none;
	vertical-align: baseline;
	width: auto; /* IE7 */
	overflow: visible; /* IE7 */
}

/* Firefox */
button:hover span {
	text-decoration: underline;
}

#wrapper #inner-wrapper button span {
	display: inline-block;
	margin-top: -1px;
	padding: 0 0 0 22px;
	white-space: nowrap; /* IE7 */
	background-position: 0 0;
}

/* um durch name-attribut (anker) "verlinkte" texte wieder "normal"
zu formtieren (fuer IEs nur mit zusaetzlicher Klasse ".name") */
/* anker */
a[name],
a:hover[name],
a.name {
	color: inherit;
	background: transparent;
	text-decoration: none;
}

/* verlinkte Ueberschriften sollen nicht unterstrichen sein */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
	display: block;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h5 a:active {
	text-decoration: underline;
}

/* Standard Text-Auszeichnungen */
h1 {
	margin: 0;
	font: normal 2em/1.2 Arial, Verdana, sans-serif;
}

h2 {
	margin: 0 0 5px;
	font: normal 2em/1.2 Arial, Verdana, sans-serif;
}

h3 {
	margin: 0 0 18px;
	font: bold 1.6em/1.25 Arial, Verdana, sans-serif;
}

h4 {
	margin: 0 0 6px;
	font: normal 1.4em/1.2857 Arial, Verdana, sans-serif;
}

p,
blockquote,
ul li,
ol li,
dl dt,
dl dd,
img {
	font-size: 1.3em;
}

p {
	margin-bottom: 15px;
}

p a,
p a:link,
p a:visited,
p a:hover,
p a:focus,
p a:active {
	color: #0568ae;
}

p b,
p strong,
ul b,
ul strong,
ol b,
ol strong,
dd b,
dd strong {
	font-weight: bold;
}

p i,
p em {
	font-style: italic;
}

address {
	font-size: 1.3em;
	line-height: 1.3846em;
	color: #a4a4a4;
	margin-bottom: 3px;
}

address em {
	font-style: normal;
}

address a,
address a:link,
address a:visited,
address a:hover,
address a:focus,
address a:active {
	color: #a4a4a4;
	text-decoration: none;
}

address a:hover,
address a:focus,
address a:active {
	text-decoration: underline;
}

/* Gleiche Schriftgroessen bei mehreren Einrueckungen hintereinander */
blockquote p,
blockquote blockquote,
blockquote blockquote blockquote,
address em,
dl dl dt,
dl dl dd {
	font-size: 1em;
	line-height: 1.363;
}

p,
blockquote,
ul li,
ol li,
dl dt,
dl dd,
img {
	line-height: 1.3846em;
}

ul ul,
ul ol,
ol ol,
ol ul,
ul dl,
dl dl,
dl ul,
ol dl,
dl ol,
li li,
li dd,
p img,
p ul,
p a,
ul input,
ul label,
ul select {
	font-size: 1em;
	line-height: 1;
}

ul p,
ol p,
dl p {
	font-size: 1em;
}

ol {
	list-style: outside decimal;
	margin: 0 0 20px 20px;
}

ol li {
	margin-bottom: 10px;
}

dl dt {
	font-weight: bold;
}

dd li, dd label, dd button {
	font-size: 1em;
}

/* Datentabellen */
table {
	width: 100%;
	margin-bottom: 20px;
	font-size: 1.3em;
	line-height: 1.3846em;
	border-collapse: collapse; /* IE7 */
}

th {
	padding: 1px 5px 5px 9px;
	border: 1px solid #dcdcdc;
	font-weight: bold;
}

td {
	padding: 6px 5px 5px 9px;
	border: 1px solid #dcdcdc;
}

table .last {
	border-right: 0;
}

.even td {
	background: #f7f9f9;
}

table strong,
table b {
	font-weight: bold;
}

/* Formularelemente */
.honeypot {
	display: none;
}

label,
input,
button,
textarea,
select,
.fakelabel {
	font-size: 1.2em;
}

label input,
label textarea {
	font-size: 1em;
}

/* Wrapper */
#wrapper {
	display: block;
	margin: 0 auto;
	width: 980px;
	padding: 0 14px 0 15px;
}

/* Inner Wrapper: haelt eigentlichen Content ausser Werbebanner zusammen */
#inner-wrapper {
	position: relative;
	width: 980px;
	background: url(../images/bg_cont_wrap.gif) 0 0 repeat-x;
}

/* Werbebanner in horizontaler Ausrichtung */
#adwrapper-horizontal {
	position: relative;
	width: 980px; /* gleiche Breite wie #wrapper */
	/* margin-left: -15px; uebermalt den Schatten der eigentlichen Seite */
	/* padding-left: 15px; uebermalt den Schatten der eigentlichen Seite */
	overflow: hidden;
	background: #fff; /* uebermalt den Schatten der eigentlichen Seite */
}

/* Werbebanner in vertikaler Ausrichtung/Skyscraper */
#adwrapper-vertical {
	position: absolute;
	left: 102%;
	top: 0;
}

/* Werbebanner im Content ueber volle Breite */
#content .schattenbox.werbebanner,
#content-wide .schattenbox.werbebanner {
	position: relative;
	z-index: 3;
	background: transparent;
	margin-bottom: -8px;
}

.werbebanner .inner {
	text-align: center;
}

.adwrapper-content-full,
.adwrapper-content-full:after {
	display: inline-block;
	width: 555px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	clear: both;
}

.adwrapper-content-full img,
.adwrapper-content-full embed,
.adwrapper-content-full object,
.adwrapper-content-full iframe,
.adwrapper-content-full table {
	margin: 10px 0;
}

.adwrapper-content-full object embed,
.adwrapper-content-full table table {
	margin: 0;
}

#content-wide .adwrapper-content-full {
	width: 750px;
}

.adwrapper-content-full.linksbuendig,
.adwrapper-content-full.linksbuendig:after,
.adwrapper-content-full .linksbuendig {
	text-align: left;
}

/* Header */
#header {
	padding: 25px 10px 0;
	background: #e7ebee;
}

/* Meta */
#meta {
	display: inline;
	float: right;
	margin: 45px 0 0 0;
}

#meta li {
	display: inline;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0 0 0 5px;
}

#meta li strong,
#meta li .active,
#meta li .active:link,
#meta li .active:visited,
#meta li .active:hover,
#meta li .active:focus,
#meta li .active:active {
	color: #0568ae;
	font-weight: bold;
}

#meta li a,
#meta li a:link,
#meta li a:visited {
	color: #0568ae;
	text-decoration: none;
	padding: 2px 3px;
}

#meta li a:hover,
#meta li a:focus,
#meta li a:active {
	padding: 2px 3px;
	color: #0568ae;
	text-decoration: underline;
}

#meta li a span {
	color: #0a4480;
	padding: 4px 3px 6px;
	background: #d9d9d9;
}

/* ausgezeichneter Punkt "Download-Center" */
#inner-wrapper #meta .auszeichnung a {
	padding: 4px 5px 6px;
	background: #c2244a;
	color: #fff;
}

#inner-wrapper #meta .auszeichnung.active a {
	background: #fff;
}

#inner-wrapper #meta .auszeichnung strong {
	padding: 4px 5px 6px;
	background: #fff;
	color: #0568ae;
}

/* Logo */
#header .logo {
	display: inline;
	float: left;
	margin: 0 0 27px;
	font: 2em/1.2 Arial,Verdana,sans-serif;
}

#header .logo img {
	float: left;
}

#header .logo a,
#header .logo a:link,
#header .logo a:visited,
#header .logo a:hover,
#header .logo a:focus,
#header .logo a:active {
	text-decoration: none;
}

#header .logo em {
	float: left;
	clear: both;
	color: #0568ae;
	font-size: 0.7em;
	line-height: 1em;
	line-height: 1.5em;
	margin: -4px 0 0;
	font-style: normal;
	font-weight: normal;
}

/* Hauptnavigation */
#main-nav {
	display: block;
	float: left;
	width: 760px;
	margin-bottom: 0;
}

#main-nav li {
	float: left;
	font-size: 1.20em;
}

#main-nav li a,
#main-nav li strong {
	color: #fff;
	float: left;
	margin: 0 1px 0 0;
	padding: 0 0 0 6px;
	text-decoration: none;
	background: url(../images/bg_navigation.gif) 0 0 no-repeat;
	height: 31px;
}

#main-nav li a span,
#main-nav li strong span {
	padding: 0 6px 0 0;
	line-height: normal;
	background: transparent url(../images/bg_navigation.gif) right -36px no-repeat;
	height: 22px;
	display: block;
	padding-top: 9px;
}

#main-nav li strong,
#main-nav li a:hover,
#main-nav li.active a {
	color: #666;
	background-position: 0 -72px;
}

#main-nav li strong span,
#main-nav li a:hover span,
#main-nav li.active a span {
	background-position: right -108px;
}

#main-nav li.blue a:hover,
#main-nav li.active.blue a,
#main-nav li.blue strong {
	color: #fff;
	background: url(../images/bg_navigation.gif) 0 -144px no-repeat;
}

#main-nav li.blue a:hover span,
#main-nav li.active.blue a span,
#main-nav li.blue strong span {
	background: url(../images/bg_navigation.gif) right -179px no-repeat;
}

#main-nav li.green:hover a,
#main-nav li.active.green a,
#main-nav li.green strong {
	color: #fff;
	background: url(../images/bg_navigation.gif) 0 -215px no-repeat;
}

#main-nav li.green a:hover span,
#main-nav li.active.green a span,
#main-nav li.green strong span {
	background: url(../images/bg_navigation.gif) right -250px no-repeat;
}

#main-nav li.red a:hover,
#main-nav li.active.red a,
#main-nav li.red strong {
	color: #fff;
	background: url(../images/bg_navigation.gif) 0 -286px no-repeat;
}

#main-nav li.red a:hover span,
#main-nav li.active.red a span,
#main-nav li.red strong span {
	background: url(../images/bg_navigation.gif) right -321px no-repeat;
}

#main-nav li.lila a:hover,
#main-nav li.active.lila a,
#main-nav li.lila strong {
	color: #fff;
	background: url(../images/bg_navigation.gif) 0 -357px no-repeat;
}

#main-nav li.lila a:hover span,
#main-nav li.active.lila a span,
#main-nav li.lila strong span {
	background: url(../images/bg_navigation.gif) right -392px no-repeat;
}

#main-nav li.orange a:hover,
#main-nav li.active.orange a,
#main-nav li.orange strong {
	color: #fff;
	background: url(../images/bg_navigation.gif) 0 -428px no-repeat;
}

#main-nav li.orange a:hover span,
#main-nav li.active.orange a span,
#main-nav li.orange strong span {
	background: url(../images/bg_navigation.gif) right -463px no-repeat;
}

#main-nav li.dark-blue a:hover,
#main-nav li.active.dark-blue a,
#main-nav li.dark-blue strong {
	color: #fff;
	background: url(../images/bg_navigation.gif) 0 -499px no-repeat;
}

#main-nav li.dark-blue a:hover span,
#main-nav li.active.dark-blue a span,
#main-nav li.dark-blue strong span {
	background: url(../images/bg_navigation.gif) right -534px no-repeat;
}

/* Suchschlitz */
#header .search {
	float: left;
	display: block;
	height: 30px;
	overflow: hidden; /* Webkit */
}

#header .search input {
	border: none;
	width: 157px;
	color: #464646;
	float: left;
	font-size: 1.2em;
	margin: 0; /* Webkit */
	padding: 8px 4px;
	background: url(../images/bg_search_input.gif) 0 0 no-repeat;
}

/* IE 7 Hack */
* + html #header .search input {
	width: 147px;
}

#header .search .button {
	width: 35px;
	height: 30px;
	padding: 7px 4px;
	background: url(../images/bg_search_button.gif) 0 0 no-repeat;
}

/* linke Spalte mit Navitation vertikal */
#wrapper-left {
	float: left;
	position: relative;
	width: 189px;
}

#navigation-vertical {
	width: 189px;
	margin-top: 3px;
	background: transparent;
}

/* Zierleiste zwischen Haupt- und seitlicher Navigation */
.main-nav-bar {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	width: 980px;
	height: 3px;
}

/* strong im Headlineformat */
.schattenbox .head strong,
.schattenbox .head h1.keyword {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	text-transform: none;
}

/* Farbigkeit nach Belieben erweitern */
.personal-arbeitsrecht #navigation-vertical,
.personal-arbeitsrecht .main-nav-bar {
	background: #168db3;
}

.personal-arbeitsrecht h1,
.personal-arbeitsrecht h2,
.personal-arbeitsrecht h3,
.personal-arbeitsrecht h4,
.personal-arbeitsrecht .schattenbox h3 a,
.personal-arbeitsrecht .schattenbox .head strong {
	color: #168db3;
}

.personal-arbeitsrecht .downloadteaser {
	background: #168db3 url(../images/bg_90prozent_transparent.png) 0 0 repeat;
}

.personal-arbeitsrecht .downloadteaser .abschluss,
.newsletter .downloadteaser .abschluss {
	background: #e8f3f7;
}

.downloadteaser .auszeichnung {
	margin-bottom: 10px;
}

.lohn-gehalt #navigation-vertical,
.lohn-gehalt .main-nav-bar {
	background: #416902;
}

.lohn-gehalt h1,
.lohn-gehalt h2,
.lohn-gehalt h3,
.lohn-gehalt h4,
.lohn-gehalt .schattenbox h3 a,
.lohn-gehalt .schattenbox .head strong {
	color: #416902;
}

.lohn-gehalt .downloadteaser {
	background: #416902 url(../images/bg_90prozent_transparent.png) 0 0 repeat;
}

.lohn-gehalt .downloadteaser .abschluss {
	background: #ecf0e6;
}

.steuern-bilanzierung #navigation-vertical,
.steuern-bilanzierung .main-nav-bar {
	background: #8d0000;
}

.steuern-bilanzierung h1,
.steuern-bilanzierung h2,
.steuern-bilanzierung h3,
.steuern-bilanzierung h4,
.steuern-bilanzierung .schattenbox h3 a,
.steuern-bilanzierung .schattenbox .head strong {
	color: #8d0000;
}

.steuern-bilanzierung .downloadteaser {
	background: #8d0000 url(../images/bg_90prozent_transparent.png) 0 0 repeat;
}

.steuern-bilanzierung .downloadteaser .abschluss {
	background: #f3e6e6;
}

.datenschutz #navigation-vertical,
.datenschutz .main-nav-bar {
	background: #4a2566;
}

.datenschutz h1,
.datenschutz h2,
.datenschutz h3,
.datenschutz h4,
.datenschutz .schattenbox h3 a,
.datenschutz .schattenbox .head strong {
	color: #4a2566;
}

.datenschutz .downloadteaser {
	background: #4a2566 url(../images/bg_90prozent_transparent.png) 0 0 repeat;
}

.datenschutz .downloadteaser .abschluss {
	background: #ede9f0;
}

.arbeitssicherheit #navigation-vertical,
.arbeitssicherheit .main-nav-bar {
	background: #a33d00;
}

.arbeitssicherheit h1,
.arbeitssicherheit h2,
.arbeitssicherheit h3,
.arbeitssicherheit h4,
.arbeitssicherheit .schattenbox h3 a,
.arbeitssicherheit .schattenbox .head strong {
	color: #a33d00;
}

.arbeitssicherheit .downloadteaser {
	background: #a33d00 url(../images/bg_90prozent_transparent.png) 0 0 repeat;
}

.arbeitssicherheit .downloadteaser .abschluss {
	background: #f6ebe6;
}

.produktion-technik #navigation-vertical,
.produktion-technik .main-nav-bar {
	background: #00375f;
}

.produktion-technik h1,
.produktion-technik h2,
.produktion-technik h3,
.produktion-technik h4,
.produktion-technik .schattenbox h3 a,
.produktion-technik .schattenbox .head strong {
	color: #00375f;
}

.produktion-technik .downloadteaser {
	background: #00375f url(../images/bg_90prozent_transparent.png) 0 0 repeat;
}

.produktion-technik .downloadteaser .abschluss {
	background: #f6ebe6;
}

.sonstige-navigation #navigation-vertical,
.sonstige-navigation .main-nav-bar {
	background: #838483;
}

.newsletter h1,
.newsletter h2,
.newsletter h3,
.newsletter h4,
.newsletter .schattenbox h3 a,
.newsletter .schattenbox .head strong {
	color: #3c3c3c;
}

.newsletter .downloadteaser {
	background: #838483 url(../images/bg_90prozent_transparent.png) 0 0 repeat;
}

.newsletter .downloadteaser .abschluss {
	background: #f2f2f2;
}

/* Dankeschoen fuer Newsletteranmeldung */
.giftbox {
	margin-bottom: 10px;
	padding: 10px;
	background: #e7f3f7;
}

#wrapper .gewinnauszeichnung {
	color: #168DB3;
	font-weight: bold;
}

#navigation-vertical a {
	display: block;
	padding: 5px 10px 7px 14px;
	color: #fff;
	text-decoration: none;
}

#navigation-vertical a:hover,
#navigation-vertical a:focus,
#navigation-vertical a:active {
	background: #fff;
	color: #3c3c3c;
	min-height: 5px; /* IE7 */
}

#navigation-vertical strong {
	display: block;
	padding: 5px 10px 7px 14px;
	background: #fff;
	color: #333;
}

#navigation-vertical strong a {
	padding: 0;
	color: #333;
}

#navigation-vertical li {
	margin: 0;
}

.teaser.t-hellblau,
.teaser.t-orange,
.teaser.t-blau,
.teaser.color-sonstiges,
.teaser.color-personal,
.teaser.color-lohn,
.teaser.color-steuern,
.teaser.color-datenschutz,
.teaser.color-arbeitssicherheit,
.teaser.color-produktion {
	width: auto;
	padding: 10px 10px 1px;
}

.teaser.t-hellblau,
.teaser.t-orange,
.teaser.t-blau,
.teaser.color-sonstiges {
	background: #f0f0f0;
}

.color-personal {
	background: #e8f3f7;
}

.color-lohn {
	background: #bcd397;
}

.color-steuern {
	background: #f3e6e6;
}

.color-datenschutz {
	background: #e0bbfb;
}

.color-arbeitssicherheit {
	background: #ffd3b8;
}

.color-produktion {
	background: #cee6f7;
}


/* Weitere Links - werden grundsaetzlich unterhalb der vertikalen Navigaion ausgegeben */
.weitere-links {
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	min-height: 5px; /* IE7 */
}

.weitere-links li {
	margin: 0;
	padding: 0;
	line-height: 1.1538em; /* IE7 */
	border-bottom: 1px solid #fff;
	background: transparent url(../images/bg_50prozent_transparent.png) 0 0 repeat;
	min-height: 5px; /* IE7 */
}

.weitere-links .last {
	border: 0;
}

#navigation-vertical .weitere-links a,
#navigation-vertical .weitere-links a:link,
#navigation-vertical .weitere-links a:visited {
	padding: 7px 10px 6px 14px;
	color: #333;
	min-height: 5px; /* IE7 */
}

#navigation-vertical .weitere-links a:hover,
#navigation-vertical .weitere-links a:focus,
#navigation-vertical .weitere-links a:active {
	background: #fff;
}

/* IE7 */
* + html #navigation-vertical .weitere-links a:hover,
* + html #navigation-vertical .weitere-links a:focus,
* + html #navigation-vertical .weitere-links a:active {
	height: 1%; /* IE7 */
}

.weitere-links strong {
	padding: 7px 10px 6px 14px;
	color: #fff;
	min-height: 5px; /* IE7 */
}

/* Content */
#content {
	float: left;
	width: 561px;
	padding: 4px 7px 60px 10px;
}

#content-wide {
	float: left;
	width: 759px;
	margin: 0 4px 10px 0;
	padding: 4px 0 60px 7px;
}

/* Breadcrumb */
#breadcrumb {
	float: left;
	width: 560px;
	margin: 0 0 0;
	padding: 12px 205px 0 15px;
}

#breadcrumb dt {
	float: left;
	font-size: 1.1em;
	margin-right: 5px;
	font-weight: normal;
}

#breadcrumb dd {
	float: left;
	font-size: 1.1em;
}

#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited {
	margin-right: 5px;
	padding-right: 10px;
	background: url(../images/bg_breadcrumb_bullet.gif) right 4px no-repeat;
	color: #3c3c3c;
	text-decoration: underline;
}

#breadcrumb a:hover,
#breadcrumb a:focus,
#breadcrumb a:active {
	color: #3c3c3c;
	text-decoration: none;
}

#breadcrumb .last a {
	margin: 0;
	padding: 0;
	background: transparent;
}

/* Teaser Startseite */
.teaser {
	float: left;
	margin: 0 2px 5px 0;
	width: 251px;
	padding: 0 0 4px;
	background: url(../images/bg_start_teaser_bottom.png) 0 bottom no-repeat;
}

.teaser .inner-top {
	padding: 0 0 0;
	display: block;
	height: 3px;
	background: url(../images/bg_start_teaser_top.png) 0 0 no-repeat;
}

.teaser .inner {
	padding: 0 3px;
	background: url(../images/bg_start_teaser_inner.png) 0 0 repeat-y;
}

.teaser .cont {
	padding: 9px 10px 40px;
	position: relative;
}

.teaser .inner > a {
	display: block;
	color: #fff;
	font-size: 1.8em;
	line-height: 1.2em;
	padding: 7px 10px 7px;
	margin: 0 0 5px 0;
	background: url(../images/bg_start_teaser_headlines.gif) 0 0 repeat-x;
	color: #fff;
	text-decoration: none;
}

.teaser .inner > a:hover,
.teaser .inner > a:focus,
.teaser .inner > a:active {
	text-decoration: underline;
}

/* IE Hack */
* + html .teaser h2 {
	padding: 0;
}

* + html .teaser h2 a {
	background: url(../images/bg_start_teaser_headlines.gif) 0 0 repeat-x;
	padding: 7px 10px 7px;
}

/* Headlinefarben */
.blue .inner > a {background-position: 0 0;}
.green .inner > a {background-position: 0 -36px;}
.red .inner > a {background-position: 0 -72px;}
.lila .inner > a  {background-position: 0 -108px;}
.orange .inner > a  {background-position: 0 -144px;}
.dark-blue .inner a  {background-position: 0 -180px;}

.teaser dl {
	display: block;
}

.teaser dl dt {
	font-weight: bold;
	margin: 0 0 8px;
}

.teaser dl dt,
.teaser dl dd {
	color: #3c3c3c;
	line-height: 1.66em;
	font-size: 1.2em;
}

.teaser dl dd {
	margin: 0;
}

/* IE 7 Hack */
* + html .teaser dl dd {
	margin: 0 0 4px;
}

.teaser .cont ul {
	margin-bottom: 25px;
}

.teaser ul li {
	display: block;
}

.teaser ul li a,
.teaser ul li a:link,
.teaser ul li a:visited {
	display: block;
	color: #3c3c3c;
	padding: 0 0 0 12px;
	background: url(../images/bg_pfeil_blue.png) 0 5px no-repeat;
	text-decoration: underline;
}

.teaser ul li a:hover,
.teaser ul li a:focus,
.teaser ul li a:active {
	text-decoration: none;
}

/* andere Linkpfeile */
.teaser.green ul li a {
	background: url(../images/bg_pfeil_green.png) 0 4px no-repeat;
}

.teaser.red ul li a {
	background: url(../images/bg_pfeil_red.png) 0 4px no-repeat;
}

.teaser.lila ul li a {
	background: url(../images/bg_pfeil_lila.png) 0 4px no-repeat;
}

.teaser.orange ul li a {
	background: url(../images/bg_pfeil_orange.png) 0 4px no-repeat;
}

.teaser.dark-blue ul li a {
	background: url(../images/bg_pfeil_dark-blue.png) 0 4px no-repeat;
}

/* Button im Teaser */
.teaser .button {
	display: block;
	position: absolute;
	right: 11px;
	bottom: 10px;
}

.teaser a.button  {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 7px 10px 6px 10px;
	background: url(../images/bg_start_teaser_headlines.gif) 0 -217px repeat-x;
}

.teaser a.button span {
	padding: 7px 10px 6px 35px;
	background: url(../images/bg_teaser_link.gif) 0 2px no-repeat;
}

.teaser a.button span:hover {
	text-decoration: underline;
}

/* Standardbox mit Schattenwurf */
.schattenbox {
	display: block;
	padding: 0 0 4px;
	margin: 0 0 7px 0;
	background: url(../images/bg_abschnitt_wide_bottom.png) 0 bottom no-repeat;
}

.schattenbox .inner-top {
	padding: 4px 0 0;
	background: url(../images/bg_abschnitt_wide_top.png) 0 0 no-repeat;
}

.schattenbox .inner {
	background: url(../images/bg_abschnitt_wide_inner.png) 0 0 repeat-y;
}

/* Standardbox mit Schattenwurf in 544px Breite in Abhaengigkeit von #content */
#content .schattenbox {
	margin-bottom: 7px;
	background: url(../images/bg_abschnitt_bottom.png) 0 bottom no-repeat;
}

#content .schattenbox .inner-top {
	padding: 4px 0 0;
	background: url(../images/bg_abschnitt_top.png) 0 0 no-repeat;
}

#content .schattenbox .inner {
	padding: 0 3px 0 3px;
	background: url(../images/bg_abschnitt_inner.png) 0 0 repeat-y;
}

#content-wide .schattenbox .inner {
	padding: 0 6px 0 3px;
}

/* Standardbox mit Schattenwurf wird mit Sonderklasse ueberzeichnet, so dass der Container grau ist */
#content .schattenbox.grau {
	background-image: url(../images/bg_abschnitt_bottom_grau.png);
}

#content .schattenbox.grau .inner-top {
	background-image: url(../images/bg_abschnitt_top_grau.png);
}

#content .schattenbox.grau .inner {
	background-image: url(../images/bg_abschnitt_inner_grau.png);
}


/* Standardbox mit Schattenwurf wird mit Sonderklasse ueberzeichnet, so dass zwei div.schattenbox aussehen als seien sie eins */
#content .schattenbox.einleitungstext {
	position: relative;
	z-index: 2;
	background: transparent;
	margin-bottom: -8px;
}

/* Schattenbox wird in iframe ausgegeben und soll keine Stile mehr haben */
#iframe-body .schattenbox {
	padding: 0;
	margin: 0;
	background: transparent;
}

#iframe-body .schattenbox .inner-top {
	padding: 0;
	background: transparent;
}

#iframe-body .schattenbox .inner {
	background: transparent;
}

#iframe-body .schattenbox .head {
	border: 0;
}

/* Unterschiedliche Anbschnitte */
.schattenbox .head {
	padding: 4px 15px 5px 10px;
	margin: 0;
	border-bottom: 1px solid #acc5cc;
}

.schattenbox .head a,
.schattenbox .head a:link,
.schattenbox .head a:visited,
.schattenbox .head a:hover,
.schattenbox .head a:focus,
.schattenbox .head a:active {
	padding: 0;
	font-size: 1.2em;
	background: none;
}

.schattenbox h2 {
	float: left;
	margin-bottom: 0;
	font-size: 2em;
}

.schattenbox h3 {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0 0 5px;
	line-height: 1.3em;
}

.schattenbox h3 a {
	font-size: 1em;
	padding: 0;
	text-decoration: none;
	background: none;
}

.schattenbox h3 a:hover {
	text-decoration: none;
}

.schattenbox .head a {
	color: #666;
	float: right;
	margin: 7px 0 0 20px;
	font-size: 1.1em;
}

.schattenbox .rss {
	width: 14px;
	height: 14px;
	background: url(../images/icon_rss.gif) 0 0 no-repeat;
}

.pfeilicon,
.pfeilicon:link,
.pfeilicon:visited,
.pfeilicon:hover,
.pfeilicon:focus,
.pfeilicon:active {
	padding-left: 12px;
	background: url(../images/bg_pfeile_grau.png) 0 2px no-repeat;
}

.abschnitt p {
	font-size: 1.2em;
	line-height: 1.58em;
	margin: 0 0 10px;
}

.abschnitt .button {
	float: right;
}

.abschnitt a,
.abschnitt a:link,
.abschnitt a:visited {
	color: #0568AE;
	text-decoration: none;
	font-size: 1em;
	text-decoration: underline;
}

.abschnitt a:hover,
.abschnitt a:focus,
.abschnitt a:active {
	text-decoration: none;
}

.abschnitt strong a,
.abschnitt strong a:link,
.abschnitt strong a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

.abschnitt strong a:hover,
.abschnitt strong a:focus,
.abschnitt strong a:active {
	text-decoration: none;
	color: #0568AE;
}

.abschnitt .right.pfeilicon {
	font-size: 1.2em;
	margin-bottom: 10px;
}

.abschnitt strong {
	display: block;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0 0 5px;
}

.abschnitt .topline {
	display: block;
	margin: 0 0 7px;
	text-transform: uppercase;
}

.abschnitt .img {
	float: left;
	width: 110px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	display: inline-block;
}

.abschnitt .img a {
	padding: 0;
	background: none;
}

.abschnitt .cont {
	margin: 0 13px 0 10px;
	border-bottom: 1px solid #dcdcdc;
	border-top: none;
	padding: 15px 0 0;
}

.abschnitt .button {
	margin-bottom: 10px;
}

.abschnitt .buts {
	display: block;
	float: right;
}

.abschnitt .buts li {
	display: inline;
	margin: 0 0 0 7px;
	font-size: 1.2em;
	line-height: 1.7em;
}

.abschnitt .buts li img {
	margin: 3px 0 0 0;
}

.abschnitt .buts li a {
	color: #777;
	font-size: 1em;
	text-decoration: none;
	padding: 2px 10px 3px;
	background: #eee;
}

.abschnitt .buts li a:hover {
	color: #fff;
	background: #0568AE;
}

.abschnitt .buts li.img a {
	padding: 0;
	background: none;
}

.abschnitt .cont .link-space {
	clear: both;
}

.abschnitt .cont.last {
	border: none;
	padding-top: 15px;
}

/* Downloadteaser */
.abschnitt .downloadteaser {
	position: relative;
	margin: 0 0 -1px;
	padding: 15px 13px 0 10px;
	border-bottom: 0;
}

.abschnitt .downloadteaser .trenner {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 1px;
	background: url(../images/bg_downloadteaser_trenner.gif) 0 bottom repeat-x;
}

.downloadteaser .abschluss {
	position: absolute;
	left: -1px;
	bottom: -1px;
	display: block;
	width: 547px;
	height: 1px;
	/* Die verschiedenen Hintergrundfarben werden bei "Farbigkeit nach belieben erweitern" vergeben */
}

/* Formularfehlerausgabe */

.form-error-box {
	color: #ff0000;
	padding: 5px 10px 5px 5px;
	margin: 0 0 10px 115px;
}

.form-error-box ol {
	margin: 0 0 0 20px;
}

.inner .form-error-box ul {
	margin-left: 0;
}

.inner .form-error-box ul li {
	margin-bottom: 0;
	list-style-type: none;
}

.form-error-box ol li,
.form-error-box ul li {
	margin: 0;
	font-weight: bold;
}

#content-wide .form-error-box {
	margin-left: 250px;
	padding: 0 10px 0 0;
}

#content .form-error-box {
	width: 260px;
	margin-left: 150px;
}

/* Checkboxen auf linker Seite, Labels rechts daneben */
.checkbox-links input {
	float: left;
	margin: 6px 0 0 155px;
	line-height: 1.25em;
}

#inner-wrapper .checkbox-links label {
	width: 240px;
	margin-left: 6px;
	text-align: left;
	line-height: 1.25em;
}

#inner-wrapper .checkbox-links textarea {
	clear: both;
	margin: 10px 0 10px 155px;
}

/* Paginierung */
.inner .paginierung {
	display: inline-block;
}

.inner .paginierung li {
	float: left;
	display: list-item;
	overflow: hidden;
	margin-right: 3px;
	padding-right: 3px;
	background: url(../images/bg_paginierung_trenner.gif) right 4px no-repeat;
}

.inner .paginierung .last {
	margin-right: 0;
	padding-right: 0;
	background: transparent;
}

.inner .paginierung li a,
.inner .paginierung li a:link,
.inner .paginierung li a:visited,
.inner .paginierung li a:hover,
.inner .paginierung li a:focus,
.inner .paginierung li a:active,
.inner .paginierung li strong {
	float: left; /* IE7 */
	display: inline;
	margin: 0;
	padding: 1px 3px;
	font-size: 1em;
	line-height: 1.25em;
	color: #3c3c3c;
	text-decoration: none;
}

.inner .paginierung li a:hover,
.inner .paginierung li a:focus,
.inner .paginierung li a:active,
.inner .paginierung li strong {
	font-weight: bold;
	color: #fff !important;
	background: #888;
}

.schattenbox .paginierung {
	float: right;
	margin-bottom: 10px;
}

.head .paginierung {
	float: right;
	height: 20px;
	margin: 5px 0 0 15px;
}

div.head h1.archivePage {
	display: inline;
}


/* Stage */
#content .stage img {
	height: 210px;
	width: 535px;
	padding: 9px 10px;
}

#content-wide .stage img {
	height: 210px;
	width: 730px;
	padding: 9px 10px;
}

/* Context-Teaser */
.context-teaser img {
	width: 183px;
	padding: 9px 10px;
}


/* News sortieren */
.news-sortieren {
	float: right;
	min-height: 20px;
	margin: 0 0 10px 3px;
	height: 10px;
}

.head .news-sortieren {
	margin: 3px 0 0 3px;
}

.news-sortieren fieldset {
	float: left;
	display: inline;
	height: 10px;
}

.news-sortieren dl {
	display: inline;
	height: 10px;
	margin: 3px 0 0 15px;
	list-style: none;
	font-size: 1em;
}

.news-sortieren dd {
	display: inline-block;
}

.news-sortieren form {
	display: inline;
}

.news-sortieren select {
	float: left;
	font-size: 1em;
	line-height: 18px;
}

#inner-wrapper .news-sortieren .button {
	float: left;
	height: 20px;
	margin: 0 0 0 5px;
	font-size: 0.8462em;
	line-height: 1em;
}

/* Newsbutton */
#wrapper .button,
#inner-wrapper .button,
#inner-wrapper button {
    display: inline-block;
    height: auto;
    padding: 1px 10px;
    color: #fff;
    font-size: 1.3em;
    line-height: 2.1538em;
    font-weight: bold;
    text-decoration: none;
    background: linear-gradient(to bottom, #9ea0a0 0%,#737575 100%);
    border: 0;
}

#wrapper #inner-wrapper button span,
#wrapper #inner-wrapper .button span,
#wrapper .button span {
	padding: 2px 5px 1px 25px;
	background: url(../images/bg_abschnitt_news_link.png) 0 6px no-repeat;
	background-size: 20px;
	display: block;
}

#inner-wrapper .button span:hover {
	text-decoration: underline;
}

#inner-wrapper .auszeichnung,
#wrapper .auszeichnung {
	background: linear-gradient(to bottom, #c2244a 0%,#a61d3e 100%);
}

/* Fliesstext/Artikeldetailseite */
.fliesstext {
	padding: 6px 10px 0 10px;
}

.fliesstext h1,
.fliesstext h2 {
	float: none;
	margin-bottom: 10px;
}

.fliesstext ul {
	list-style: disc;
	list-style-position: outside;
	margin: 0 0 20px 20px;
}

.fliesstext ul li {
	display: list-item;
	margin-bottom: 10px;
}

.fliesstext img {
	margin-bottom: 10px;
}

/* Freitextfeld - kann auf Artikeldetailseiten vorkommen */
.freitext {
	font-weight: bold;
	color: #ff9900;
}

.freitext img {
	float: left;
	margin: 0 10px 10px 0;
}

/* Unterstrichene Überschriften */
.underlined-headline {
	border-bottom: 1px solid #acc5cc;
	padding: 4px 10px 5px 10px;
	margin-bottom: 4px;
}

.underlined-headline h2 {
	float: none;
}

/* Text auf Newsarchivseite */

.fliesstext p.newsarchiv {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 5px;
}

/* Liste mit check-Haken */

ul.check {
	padding-left: 0 !important;
}

ul.check li {
	background: url("../images/bg_bullet_haken.png") no-repeat scroll left 3px transparent;
	list-style: none outside none;
	padding-left: 30px;
}

.bild-links-text-rechts img {
	float: left;
	margin: 0 10px 5px 0;
}

.bild-rechts-text-links img {
	float: right;
	margin: 0 0 5px 10px;
}

.sprungmarke {
	margin-bottom: 20px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dcdcdc;
}

.sprungmarke h3 {
	float: left;
	width: 440px;
	margin-bottom: 0;
	line-height: 1.5em;
}

.sprungmarke a {
	float: right;
	margin-top: 3px;
	padding-left: 14px;
	font-size: 1.3em;
	background: url(../images/bg_pfeil_grau_oben.gif) 0 4px no-repeat;
}

/* Social Liste */

.inner .social-liste {
	list-style: none;
	width: 100%;
	height: 41px;
	margin: 0 0 10px;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	list-style: none;
}

#wrapper .social-liste li {
	float: left;
	padding: 10px 0 10px 1px;
	height: 21px;
	list-style: none;
}

#wrapper .social-liste li span {
	float: left;
}

.inner .infobox .social-liste {
	margin: -10px 0 10px;
	padding: 0;
	border-top: 0;
	border-bottom: 1px solid #53BCD5;
}

.social-liste .twitter {
	width: 111px;
}

.social-liste .facebook {
	width: 122px;
}

.social-liste .print a {
	background: url(../images/icon_printer.png) 0 11px no-repeat;
	padding: 12px 20px 8px 20px;
	text-decoration: none;
}

.social-liste .send a {
	background: url(../images/icon_email.png) 0 12px no-repeat;
	padding: 12px 20px 8px 20px;
	text-decoration: none;
}

.social-liste .print a:hover,
.social-liste .send a:hover {
	text-decoration: underline;
}

.social-bottom {
	margin-top: 20px;
	padding: 5px 10px;
}


/* Context */
#context {
	float: right;
	width: 200px;
	margin: 6px 10px 0 0;
	padding: 0 0 10px 0;
}

/* Werbung im Context wird mit Tabelle ausgeliefert */
#context table,
#context td {
	padding: 0;
	border: 0;
}

/* Footer */
#footer {
	clear: both;
	padding: 15px 10px 5px;
	background: #ccd1d4;
}

#footer ul {
	float: left;
	margin: 0 30px 0 0;
}

#footer ul li {
	display: inline;
	color: #666;
	font-size: 1.2em;
	line-height: 1.7em;
}

#footer ul li a,
#footer ul li strong {
	color: #666;
	padding: 0 6px 0 7px;
	border-right: 1px solid #666;
	text-decoration: none;
}

#footer ul li strong,
#footer ul li .active {
	color: #0a4480;
	font-weight: bold;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul li.last a {
	border: none;
}

#footer .social {
	float: right;
	margin: 0;
}

#footer .social li {
	float: left;
	margin: 0 0 0 7px;
}

#footer ul.social li a {
	padding: 0;
	margin: 0;
	border: none;
}

#footer ul.social li img {
	margin: -5px 0 0 0;
}

/* Newsletteranmeldung */

.newsletter-reg p {
	padding: 15px 20px 0 20px;
}

.newsletter-reg ol {
	list-style-position: inside;
	margin: 0 20px 20px 20px;
	line-height: 20px;
}

.newsletter-reg dd ol {
	margin-left: 0;
}

.newsletter-reg ol li{
	list-style-type: decimal;
	font-weight: bold;
	margin: 0;
}

.newsletter-reg .register {
	width: 730px;
}

.register p {
	margin-bottom: 0;
	padding: 0 0 0 0;
}

.newsletter-reg .register p + p {
	margin-right: 305px;
}

.newsletter-form {
	margin-left: 118px;
}

.form-error-box {
	margin-left: 118px;
	padding: 0 10px 0 0;
}

.newsletter-form .form-error-box dl,
.newsletter-form .form-error-box dl {
	margin-left: 0;
}

#content-wide .newsletter-folgeseite .form-error-box {
	margin-left: 255px;
}

#content-wide .newsletter-reg .form-error-box {
	margin-left: 120px;
}



.newsletter-form input[type="text"] {
	float: left;
	width: 256px;
	font-size: 1.2em;
	margin: 0 20px 6px 0;
	padding: 6px 4px;
	background: #ceedf4;
}

/* IE 7 Hack */
* + html .newsletter-form input[type="text"] {
	margin-left: -120px;
}

.newsletter-form .datenschutz {
	font-size: 1em;
	background: none;
	color: #3c3c3c;
	float: right;
	margin: 5px 0 20px 0;
}

.newsletter-form .form-error-box dl {
	margin: 0 0 20px 20px;
}

.newsletter-choose {
	display: block;
	width: 362px;
	border: solid 1px #dcdcdc;
	border-bottom: none;
	float: left;
	min-height: 126px;
	margin-left: 10px;
}

.newsletter-choose input[type="checkbox"] {
	float: right;
	margin: 15px 10px 0 10px;
}

.newsletter-choose img {
	float: left;
	margin: 15px 10px 0 10px;
}

.newsletter-choose .description {
	display: inline-block; /* IE7 */
	width: 240px;
	margin: 15px 0 0 0;
	padding: 1px;
}

.newsletter-choose strong {
	float: none;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: #0a4480;
}

.newsletter-choose em {
	padding: 0;
	margin-bottom: 0;
	line-height: 1.3846em;
	font-style: normal;
}

.newsletter-choose.last {
	border-right: none;
}

.borderless {
	border-left: none;
	margin-left: 0;
}

#inner-wrapper .choose-all {
	width: 725px;
	min-height: 46px;
	border: solid 1px #dcdcdc;
	margin: 0 0 20px 10px;
}

#inner-wrapper .choose-all label {
	color: #0a4480;
	font-size: 1.4em;
	font-weight: bold;
	float: right;
	margin: 15px 10px 0 0;
}

/* Newsletter Archiv */

.newsletter .archiv {
	margin-top: 9px;
}

.newsletter .archiv ul {
	list-style: none;
	margin: 0;
	width: 690px;
	padding: 0;
}

.newsletter .archiv .pfeil {
	background: url(../images/bg_pfeile_grau.png) 0 4px no-repeat;
	padding: 0 0 0 12px;
}

.newsletter .archiv ul li {
	margin: 0 0 5px 0;
}

.newsletter .archiv ul li a {
	margin: 0;
	padding: 0;
}

.newsletter .archiv form {
	margin-bottom: 13px;
}

.newsletter .archiv h4 {
	margin: 0;
}

.newsletter .archiv select {
	display: block;
	margin-bottom: 10px;
}

.newsletter .archiv button {
	clear: both;
}

/* Themenuebersicht */
.themenuebersicht .head {
	padding: 4px 10px 5px;
}

.themenuebersicht .cont {
	margin: 0 13px 0 10px;
	padding: 15px 0 10px;
}

.personal-arbeitsrecht .themenuebersicht li {
	margin-left: 30px;
	background: url("../images/icon_themenuebersicht_personal.png") no-repeat scroll left 0 transparent;
	padding-left: 30px;
}

.lohn-gehalt .themenuebersicht li {
	margin-left: 30px;
	background: url("../images/icon_themenuebersicht_lohn.png") no-repeat scroll left 0 transparent;
	padding-left: 30px;
}

.steuern-bilanzierung .themenuebersicht li {
	margin-left: 30px;
	background: url("../images/icon_themenuebersicht_steuern.png") no-repeat scroll left 0 transparent;
	padding-left: 30px;
}

.datenschutz .themenuebersicht li {
	margin-left: 30px;
	background: url("../images/icon_themenuebersicht_datenschutz.png") no-repeat scroll left 0 transparent;
	padding-left: 30px;
}

.arbeitssicherheit .themenuebersicht li {
	margin-left: 30px;
	background: url("../images/icon_themenuebersicht_arbeitssicherheit.png") no-repeat scroll left 0 transparent;
	padding-left: 30px;
}

.produktion-technik .themenuebersicht li {
	margin-left: 30px;
	background: url("../images/icon_themenuebersicht_produktion.png") no-repeat scroll left 0 transparent;
	padding-left: 30px;
}

.themenuebersicht ul li {
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

.themenuebersicht ul li a {
	color: #3c3c3c;
	font-size: 1em;
	font-weight: bold;
	background: none;
}

.themenuebersicht fieldset {
	width: 283px;
	height: 80px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

.themenuebersicht .search label {
	display: block;
	margin-bottom: 18px;
	font-size: 1.5em;
	font-weight: bold;
}

.themenuebersicht .search input {
	border: none;
	width: 240px;
	height: 16px;
	color: #464646;
	font-size: 1.2em;
	margin: 0; /* Webkit */
	padding: 8px 4px;
	background: url(../images/bg_themenuebersicht_search.png) 0 0 no-repeat;
}

.themenuebersicht .icons {
	text-align: center;
	margin: 20px 0 20px 0;
}

.themenuebersicht .icons a {
	background: none;
}

/* IE 7 Hack */
* + html .themenuebersicht .search input {
	width: 220px;
}

* + html .themenuebersicht fieldset{
	width: 273px;
}

#inner-wrapper .themenuebersicht .search .button {
	float: left;
	width: 35px;
	height: 30px;
	padding: 7px 4px;
	background: url(../images/bg_themenuebersicht_searchbut.png) 0 0 no-repeat;
}

/* Premiumbereich */

.premium .head {
	border-bottom: 1px solid #eeefe1;
}

.premium h2 {
	font-weight: bold;
}

.premium label {
	font-size: 1.5em;
	font-weight: bold;
}

.premium fieldset {
	margin: 35px 0;
	width: 400px;
}

.premium input {
	width: 205px;
	padding: 5px 0 5px 5px;
	margin-top: 20px;
}

* + html .premium button {
	margin-left: 3px;
}

/* Kontaktformular */



/* Downloaddetail */
.downloaddetail h1 {
	color: #f90;
	margin: 0 0 10px 0;
}

.downloaddetail h2 {
	color: #f90;
}

.downloaddetail .rightside {
	float: right;
	padding: 0 0 0 0;
	width: 230px;
}

.downloaddetail .rightside ul {
	margin: 0 0 0 0;
}

.downloaddetail .rightside li {
	margin-left: 15px;
}

.downloaddetail .back,
.shopdetail .back {
	width: 500px;
	padding: 10px 0 20px 0;
}

.downloaddetail .back a,
.shopdetail .back a {
	display: inline-block;
	color: #3c3c3c;
	padding: 0 0 0 12px;
	background: url(../images/bg_pfeile_grau_zurueck.png) 0 3px no-repeat;
	text-decoration: underline;
	font-size: 1.3em;
}

.downloaddetail .back a:hover,
.shopdetail .back a:hover {
	text-decoration: none;
}

#inner-wrapper .downloaddetail a.button {
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 7px 103px 6px 10px;
	background: url(../images/bg_button.jpg) repeat-x;
	height: auto;
	line-height: normal;
}

#inner-wrapper .downloaddetail a.button span {
	padding: 7px 10px 6px 35px;
	background: url(../images/bg_teaser_link.gif) 0 2px no-repeat;
}

.downloaddetail .datenschutz {
	padding-left: 190px;
	top: 5px;
	color: #3c3c3c;
}


/* Buttonstil für deaktiviertes JavaSkript */
#inner-wrapper .downloaddetail button.button {
	text-align: left;
	font-size: 1.2em;
	width: 287px;
	margin-bottom: 5px;
}

.downloaddetail .button-wrapper {
	width: 287px;
}

.downloaddetail .infobox {
	background-color: #cee5eb;
	border: solid 1px #53bcd5;
	width: 426px;
	float: left;
	padding: 20px;
	margin-bottom: 20px;
}

.downloaddetail .infobox h2 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 10px;
	color: #168db3;
}

.downloaddetail .infobox ul {
	margin: 0;
	padding-left: 30px;
}

.downloaddetail .infobox ul li {
	display: list-item;
}

.downloaddetail .infobox input {
	width: 278px;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 4px;
}

.downloaddetail .infobox .image {
	position: relative;
	float: left;
	margin: 4px 15px 5px 0;
}

.downloaddetail .infobox .content-wrapper {
	float: left;
	width: 287px;
	margin-bottom: 20px;
}

.downloaddetail .infobox .content-wrapper-no-img {
	width: auto;
	margin-bottom: 20px;
}

.downloaddetail .infobox p.emailerror {
	color: red;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: -15px;
}

.downloaddetail .infobox .image a {
	position: absolute;
	left: -15px;
	bottom: -20px;
}

/* Datenschutzlink unter Buttons */

.standardformular {
	font-size: 1em;
	background: none;
	color: #3c3c3c;
	margin: 5px 0 20px 0;
}

/* Formularstile für Kommentare, Shopdetailseite & Newsletterfolgeseite */
.standardformular {
	display: block;
	width: 530px;
	margin: 20px 0;
}

.standardformular fieldset {
	width: 530px;
}

.standardformular .formreihe {
	clear: both;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.standardformular label,
.standardformular .fakelabel {
	float: left;
	width: 150px;
	margin-right: 5px;
	padding-top: 8px;
	text-align: right;
}

.standardformular #overlay {
	width: 265px;
	float: right;
	text-align: center;
}

.standardformular input[type="text"] {
	float: left;
	width: 250px;
	padding: 5px;
}

.standardformular input[type="radio"] {
	margin: 2px 5px 0 0;
}

/* IE 7 */
* + html .standardformular input[type="radio"] {
	margin: -2px 0 0;
}

.standardformular select {
	float: left;
	width: 264px;
	margin-top: 4px;
}

.standardformular textarea {
	float: left;
	height: 175px;
	width: 258px;
	margin: 0;
}

.standardformular .hinweis {
	float: right;
	margin: 0 108px 10px 0;
	text-align: right;
}

.standardformular button {
	clear: both;
	float: right;
	margin-right: 108px;
}

.standardformular .radio-wrapper {
	float: right;
	width: 230px;
	margin: 7px 0 0;
}

.standardformular .radio-wrapper label {
	width: auto;
	margin-right: 20px;
	padding-top: 1px;
}

.standardformular .radio-wrapper input {
	float: left;
}

#inner-wrapper .kommentare .button {
	margin-top: 20px;
}

/* Standardformular in #content-wide */
#content-wide .standardformular {
	width: 580px;
}

#content-wide .standardformular label,
#content-wide .standardformular .fakelabel {
	width: 250px;
}

#content-wide .standardformular .radio-wrapper {
	width: 260px;
	margin-right: 10px;
}

#content-wide .standardformular .radio-wrapper label {
	width: auto;
	margin-right: 20px;
}

#content-wide .standardformular .hinweis,
#content-wide .standardformular button {
	margin-right: 10px;
}

#content-wide .standardformular .formreihe-image-left img {
	float: left;
	margin: 0 30px 0 15px;
}

#content-wide .standardformular .formreihe-image-left button {
	float: left;
	clear: none;
}

#content-wide .standardformular .formreihe-image-left .hinweis {
	text-align: left;
	float: left;
	width: 66%;
}

/* Standardformular zweispaltig */

#content-wide .standardformular.zweispaltig {
	margin: 0 0 0 40px;
}

.standardformular.zweispaltig fieldset {
	width: 290px;
	float: left;
}

#content-wide .standardformular.zweispaltig label {
	width: 107px;
}

#content-wide .standardformular.zweispaltig input,
#content-wide .standardformular.zweispaltig select {
	width: 161px;
}

#content-wide .standardformular.zweispaltig .hinweis,
#content-wide .standardformular.zweispaltig button {
	margin-right: 115px;
}

#content-wide .newsletter-folgeseite .form-error-box {
	margin-left: 157px;
}

#content-wide .zweispaltig .formreihe p {
	height: 22px;
	margin: 0;
}

/* Formular mit Bild */
#content-wide .form-image-right {
	width: 100%;
}

#content-wide .form-image-right fieldset {
	width: 400px;
	float: left;
	margin-left: 30px;
	margin-right: 35px ;
}

#content-wide .form-image-right .formreihe {
	width: 100%;
}

#content-wide .form-image-right .radio-wrapper {
	width: 278px;
}

#content-wide .form-image-right label {
	width: 105px;
}

#content-wide .form-image-right .radio-wrapper label {
	width: auto;
}

#content-wide .form-image-right .image-wrapper {
	padding-top: 41px;
}

/* Listenstil fuer Redakteursuebersicht & Kommentaruebersicht */

.kommentare ul,
ul.redakteursuebersicht {
	padding-right: 4px;
	list-style: none;
	margin: 0;
}

.kommentare ul li,
.redakteursuebersicht li {
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 10px;
}

.kommentare ul li.last,
.redakteursuebersicht li.last{
	border-bottom: none;
}

.kommentare ul li p,
.redakteursuebersicht li p {
	line-height: 1.2308em;
}

.kommentare ul li h3 {
	font-size: 1em;
}

#wrapper .kommentare ul li .button {
	font-size: 1em;
	margin-top: 0;
	float: right;
}

.kommentare p.autor {
	color: #999;
	margin: 0;
}

.redakteursuebersicht .image-wrapper {
	float: left;
	width: 110px;
	overflow: hidden;
	margin: 5px 15px 0 0;
}

.imagewrapper .button {
	margin-bottom: 0;
}

.redakteursuebersicht h3 a,
.redakteursuebersicht h3 a:link,
.redakteursuebersicht h3 a:visited {
	text-decoration: none;
	color: #3C3C3C;
}

.redakteursuebersicht h3 a:hover,
.redakteursuebersicht h3 a:focus,
.redakteursuebersicht h3 a:active {
	text-decoration: none;
	color: #0568AE;
}

/* Shopdetail */

.shopdetail h2 {
	color: #f90;
	padding: 0;
	margin: 0 0 4px 0;
}

.shopdetail .fliesstext {
	padding: 0 15px 0 15px;
}
/*
OLD SHOP FROM HERE

.shopdetail h2 {
color: #f90;
}

.shopdetail.schattenbox {
margin-bottom: 0;
}

.shopdetail a.more {
background: url("../images/bg_pfeile_grau.png") no-repeat scroll 0 3px transparent;
padding: 0 0 0 12px;
text-decoration: underline;
}

.shopdetail a:hover.more {
text-decoration: none;
}

.shopdetail #productDetailText {
margin-top: 25px;
}

.shopdetail .preis b {
font-size: 1.4em;
}

.shopdetail .infobox {
background-color: #cee5eb;
border: solid 1px #53bcd5;
min-height: 266px;
width: 685px;
float: left;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
}

.shopdetail .infobox .vorteile {
list-style-type: none;
width: 450px;
margin: 0 0 30px 20px;
}

.shopdetail .infobox .check li {
padding-left: 30px;
}

.shopdetail .infobox .image {
position: relative;
float: left;
margin: 0 40px 5px 0;
}

.shopdetail .infobox .image a {
position: absolute;
left: -10px;
bottom: -20px;
}

.shopdetail .infobox .textwrapper {
display: table-cell;
}

.shopdetail .infobox .whitebox {
background: #fff;
list-style-type: none;
padding: 20px;
margin: 15px auto 20px auto;
width: 645px;
}

.shopdetail .infobox .whitebox li {
padding: 5px 0 0 0;
line-height: 1.3846em;
}

.shopdetail .infobox .whitebox .hervorgehoben {
color: #f90;
}

.shopdetail .infobox .garantie {
margin: 0 auto 20px auto;
list-style-type: none;
width: 150px;
padding: 10px 275px 1px 260px;
background: #fff;
}*/
/*OLD SHOP UNTIL HERE*/


/* Suche im Content */
.suchformular fieldset {
	padding: 13px 5px 10px;
}

.suchformular ul {
	position: relative;
	width: 750px;
}

.suchformular li {
	float: left;
	width: 195px;
	margin: 0 10px 6px 0;
}

.suchformular .alle-anzeigen {
	position: absolute;
	right: 0;
	top: 0;
	width: 140px;
}

.suchformular label {
	padding-left: 8px;
	font-weight: bold;
}

.suchformular .sucheingabe {
	position: relative;
	margin: -1px 0px 0px 0px;
	padding: 18px 40px 20px;
	border-top: 1px solid #acc5cc;
	border-bottom: 1px solid #acc5cc;
	background: #edf8fc;
}

.suchformular .button {
	float: right;
	margin-right: 30px;
}

.sucheingabe #produktsuchschlitz {
	float: left;
	width: 296px;
	margin: 0;
	padding: 5px 50px 5px 10px;
	height: 30px;
	background: url(../images/bg_sucheingabe.png) 0 0 no-repeat;
}

div.no-product-found {
	margin: 10px 10px 0 10px;
	border-bottom: 10px solid #ffffff;
	font-size: 120%;
}

/* IE7 */
* + html .sucheingabe #produktsuchschlitz {
	line-height: 16px;
}

.sucheingabe label {
	float: left;
	margin-top: 11px;
	font-size: 1.5em;
}

.gratisdownloadcenter .sucheingabe input[type="text"] {
	margin-left: 32px;
}

.sucheingabe input[type="text"] {
	float: left;
	width: 295px;
	margin: 11px 0 11px 45px;
	padding-top: 12px;
	border: 0;
	font-size: 1.4em;
	background: transparent;
	color: #464646;
	vertical-align: baseline;
}

/* IE7 */
* + html #content-wide .sucheingabe input[type="text"] {
	padding-top: 12px;
}

.sucheingabe input[type="image"] {
	float: left;
	display: block;
	width: 35px;
	height: 28px;
	margin: 6px 10px 0 -45px;
	text-indent: -999em;
	border: 0;
}

.suchformular .sucheingabe div div {
	position: relative;
	float: left;
	margin-left: 10px;
	padding: 0 5px 0 5px;
	background: url(../images/bg_sucheingabe_rechts.png) right 0 no-repeat;
}

#inner-wrapper .auto-complete {
	float: none;
	position: absolute;
	left: 10px;
	top: 40px;
	width: 340px;
	height: auto;
	margin-left: 0;
	background: none;
}

#inner-wrapper .plugin-list {
	position: static;
	width: auto;

}

#inner-wrapper .plugin-list li {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

#inner-wrapper .auto-complete .plugin-result-list {
	width: 340px;
	background: #fff;
	border: 1px solid #edf8fc;
}

#inner-wrapper .themenuebersicht .auto-complete,
#inner-wrapper .themenuebersicht .auto-complete .plugin-result-list {
	width: 280px;
	top: 66px;
}

/* IE7 */
* + html #inner-wrapper .themenuebersicht .auto-complete .plugin-result-list {
	width: 261px;
	top: 45px;
}
/* IE7 */
* + html #inner-wrapper .themenuebersicht .auto-complete {
	margin-left:-9px;
}

#inner-wrapper .plugin-result-list li {
	padding: 10px 5px;
	margin: 0;
	background: none;
	float: none;
	text-align: left;
}

#inner-wrapper .auto-complete .second {
	background: #edf8fc;
}

#inner-wrapper .plugin-result-list li:hover,
#inner-wrapper .plugin-result-list .selected {
	background: #F0F0F0;
	cursor: pointer;
}

#inner-wrapper .plugin-result-list li a {
	color: #0568AE;
	font-weight: normal;
}


/* Suchergebnisse sortieren */
.ergebnisse-sortieren {
	margin: 0 10px 20px;
	padding: 10px 5px 7px;
	background: #f0f0f0;
}

.ergebnisse-sortieren .news-sortieren {
	float: left;
	width: auto;
	height: auto;
	margin: 1px 5px 0 5px;
}

.ergebnisse-sortieren .news-sortieren dt {
	float: left;
	margin-right: 10px;
	color: #888;
	font-weight: normal;
}

#inner-wrapper .ergebnisse-sortieren .button {
	height: 20px;
	font-size: 1em;
	padding-bottom: 2px;
	display: inline-block;
	margin-top: 1px;
	float: left;
}

.ergebnisse-sortieren .paginierung {
	float: right;
	margin: 1px 5px 0 0;
}

.ergebnisse-sortieren .ergebniss-anzahl {
	display: inline;
	float: left;
	margin: 0 0 0 5px;
	padding-bottom: 0;
}

/* Suchergebnisse */

#suchergebnis .meldung {
	padding-left: 10px;
}

.suchergebnisse {
	margin: 0 13px;
}

.suchergebnisse li {
	margin-bottom: 12px;
	padding: 0;
	border-bottom: 1px solid #d4d4d4;
}

.suchergebnisse li:last-child {
	margin-bottom: 0;
}

.suchergebnisse li .content-wrapper {
	width: 590px;
	float: left;
}

.suchergebnisse li ul li {
	margin-bottom: 0;
	padding: 0 0 5px 0;
	border-bottom: none;
}

.inner .imagewrapper,
.inner .imagewrapper:link,
.inner .imagewrapper:visited,
.inner .imagewrapper:hover,
.inner .imagewrapper:focus,
.inner .imagewrapper:active {
	float: left;
	position: relative;
	display: block;
	width: 110px;
	overflow: hidden;
	margin: 0 20px 12px 0;
	text-decoration: none;
}

.suchergebnisse .imagewrapper,
.suchergebnisse .imagewrapper:link,
.suchergebnisse .imagewrapper:visited,
.suchergebnisse .imagewrapper:hover,
.suchergebnisse .imagewrapper:focus,
.suchergebnisse .imagewrapper:active {
	margin-top: 4px;
}

.imagewrapper img {
	display: block;
}

#wrapper .schattenbox .imagewrapper em {
	position: absolute;
	bottom: 0;
	display: block;
	width: 90px;
	margin: 0;
	padding-left: 18px;
	font-style: normal;
}

.ergebnis-fliesstextwrapper {
	display: table-cell !important;
}

.suchergebnisse h3 {
	margin-bottom: 9px;
	font-size: 1.5385em;
	line-height: 1.2em;
}

.suchergebnisse h3 a {
	display: inline;
}

/* Die Icons sind auskommentiert, da der Kunde sich hier noch in einer Entscheidungsphase befindet.
.suchergebnisse .download,
.suchergebnisse .tools,
.suchergebnisse .news,
.suchergebnisse .shop {
width: 550px;
display: inline-block;
padding-left: 28px;
background: url(../images/icon_download.png) 0 1px no-repeat;
}

.suchergebnisse .tools {
background: url(../images/icon_tools_blue.png) 0 1px no-repeat;
}

.suchergebnisse .news {
background: url(../images/icon_blog-news_blue.png) 0 2px no-repeat;
}

.suchergebnisse .shop {
background: url(../images/icon_shop_blue.png) 0 4px no-repeat;
}*/

.suchergebnisse h3 a,
.suchergebnisse h3 a:link,
.suchergebnisse h3 a:visited {
	text-decoration: none;
	color: #3C3C3C;
}

.suchergebnisse h3 a:hover,
.suchergebnisse h3 a:focus,
.suchergebnisse h3 a:active {
	text-decoration: none;
	color: #0568AE;
}

.suchergebnisse p {
	line-height: 1.2308em;
}

.suchergebnisse .preis {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.2308em;
	display: block;
}

.suchergebnisse .preis span.netto-gross-tag {
	font: 62.5% Arial,Verdana,sans-serif;
	font-size: .8em;
	color: #6f6f6f;
	margin-top: -5px;
	display: inline-block;
}

.fehlermeldung {
	padding: 1em 0 20px 10px;
}

.fehlermeldung h2 {
	float: none;
	padding-bottom: 0.25em;
}

.fehlermeldung ul {
	margin-left: 15px;
	list-style: disc;
}

.kurztext,
.kurztext:link,
.kurztext:visited {
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
	color: #3c3c3c;
}

.kurztext:hover,
.kurztext:focus,
.kurztext:active {
	text-decoration: underline;
	color: #0568ae;
}

.pfeilicon {
	display: inline-block;
	line-height: 1;
}

.artikel-trail {
	clear: right;
	margin-bottom: 10px;
	padding-top: 10px;
	height: 15px;
}

.artikel-trail li {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
}

.artikel-trail li a {
	display: inline-block;
	padding-left: 12px;
	line-height: 1;
	background: url("../images/bg_pfeile_grau.png") no-repeat scroll 0 2px transparent;
}

#wrapper .suchergebnisse .button {
	font-size: 1em;
	margin-bottom: 10px;
}

/* Sitemap */
.sitemap {
	padding: 15px 0 10px 0;
	float: left;
}

.sitemap ul {
	padding-left: 12px;
	width: 345px;
}

.sitemap li {
	display: list-item;
	vertical-align: top; /* IE */
	margin-bottom: 10px;
}

/* IE 7 */
* + html .sitemap li ul {
	margin-bottom: -10px;
}

.sitemap h3 {
	margin: 0;
}

.sitemap li h3 a,
.sitemap li h3 a:link,
.sitemap li h3 a:visited{
	padding: 0;
	background: none;
}

.sitemap li a,
.sitemap li a:link,
.sitemap li a:visited {
	background: url("../images/bg_pfeile_grau.png") no-repeat scroll 0 3px transparent;
	padding-left: 10px;
	text-decoration: none;
	color: #3c3c3c;
}

.sitemap li a:hover,
.sitemap li a:focus,
.sitemap li a:active {
	color: #0568ae;
}

.sitemap ul ul {
	margin-top: 10px;
}
/*
.sitemap ul ul ul {
background: red;
}

.sitemap ul ul ul {
background: green;
}

.sitemap ul ul ul ul {
background: blue;
}

.sitemap ul ul li {
background: yellow;
}
*/
/* Bild-Text-Klasse */

.right-image {
	float: right;
	margin: 5px 0 5px 5px;
}

.left-image {
	float: left;
	margin: 5px 5px 5px 0;
}

.image-wrapper-block {
	float: left;
	margin: 5px 10px 0 0;
}

.image-wrapper-block img {
	margin-bottom: 5px;
}

.image-wrapper-block em {
	display: block;
	font-size: 1em;
	font-style: normal;
}

.text-wrapper-block {
	display: table-cell;
}

/* Helfer */
/* --- Clearfix --- */
.clear {
	clear: both;
}
br.clear {
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
}

/* nicht sichtbare - versteckt Inhalte */
.invisible {
	display: block;
	height: 0;
	width: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: -4000px;
	top: -4000px;
}

/* Textteile in Grossbuchstaben (Uppercase) */
.gbs {
	text-transform: uppercase;
}

/* generelle floats */
.left {
	float: left;
}

.right {
	float: right;
}

/* zusammen mit Teasertext */
img.right,
img.left {
	margin-top: 0.308em;
}

/* entspricht im wesentlichen display none , ist aber screenreaderfreundlich */
.ahem {
	position: absolute;
	overflow: hidden;
	height: 0px;
	width: 0px;
	left: -1000px;
	top: -1000px;
}

tfoot.ahem {
	display: none;
}

/* Floats ohne zusaetzliches Element aufheben */
.clearfix:after,
.logo:after {
	content: ".";
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
}

/* Wird fuer IE 8 per Conditional Comment ueberschrieben */
@media screen {
	#innercontent {
		display: inline-block;
	}
	#innercontent:after {
		content: "";
		visibility: hidden;
		display: block;
		clear: both;
		height: 0;
	}
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* display bei listen wieder auf Std.-Wert */
ol li.clearfix,
ul li.clearfix {
	display: list-item;
}

/* BWR Floater - Werbepopup */
.floater table,
.floater td {
	border: 0;
	padding: 0;
}

timedBanner {
	left: 50%;
	margin: 0 0 0 -250px;
	padding: 0;
	position: fixed;
	top: 50px;
	width: 500px;
	height: 430px;
	z-index: 1005;
}

div.scroll-floater-container {
	display: block;
	bottom: 0;
	display: none;
	padding: 10px 10px 0px 10px;
	position: fixed;
	right: 0;
}

/* Shop Layout */

div#shop-left {
	float: left;
	width: 650px;
	margin: 0 4px 10px 0;
	padding: 4px 0 60px 7px;
}

div#shop-right {
	margin: 5px 10px 0px 0px;
	padding: 0px 0px 10px;
	width: 309px;
	float: left;
}

div#tx-con-shop .schattenbox {
	background: url(../images/bg_abschnitt_shop_bottom.png) 0 bottom no-repeat;
}

div#tx-con-shop .schattenbox .inner-top {
	background: url(../images/bg_abschnitt_shop_top.png) 0 0 no-repeat;
}

div#tx-con-shop .schattenbox .inner {
	background: url(../images/bg_abschnitt_shop_inner.png) 0 0 repeat-y;
}


/* Shop Misc */

div.ergebnis-fliesstextwrapper p {
	font-size: 1em;
}

div.abschnitt ul.suchergebnisse li:first-child {
	margin-top: 12px;
}

div.abschnitt ul.suchergebnisse li h3 {
	font-size: 1.2em;
}

.float-left {
	float: left;
	margin-right: 1.25em;
}

/* RTE Styles */

div#shop-left ul.check li,
div#shop-right ul.check li,
div#shop-checkout-blank ul.check li,
div#shop-checkout-widget ul.check li {
	background: url(../images/icon_shop_check.png) no-repeat 0 2px;
	padding: 2px 0 0 22px;
	list-style: none outside none;
}

ul.question li {
	background: url(../images/icon_shop_question.png) no-repeat 0 2px;
	padding: 2px 0 0 22px;
	list-style: none outside none;
}

ul.answer li {
	background: url(../images/icon_shop_answer.png) no-repeat 0 2px;
	padding: 2px 0 0 22px;
	list-style: none outside none;
}

p.citation {
	margin: 10px 0;
	padding: 0 5% 0 5%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}

p.author {
	padding-right: 5%;
	text-align: right;
	margin-bottom: 2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #22609b;
}

/* jquery loadMask */
.loadmask {
	z-index: 100;
	position: absolute;
	top:0;
	left:0;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: #CCC;
	width: 100%;
	height: 100%;
	zoom: 1;
}
.loadmask-msg {
	z-index: 20001;
	position: absolute;
	top: 0;
	left: 0;
	border:1px solid #CCCCCC;
	background: #FFFFFF;
	padding:5px;
}
.loadmask-msg div {
	padding: 10px 10px 10px 40px;
	background: transparent url('../images/loading.gif') no-repeat 0px 0px;
	cursor:wait;
}
.masked {
	overflow: hidden !important;
}
.masked-relative {
	position: relative !important;
}
.masked-hidden {
	visibility: hidden !important;
}

/* Shop Paginierung */

.pagination {
	padding: 10px 10px 7px 10px;
	margin: 0px 10px;
	border-top: 10px solid #ffffff;
	border-bottom: 10px solid #ffffff;
	background: #f0f0f0;
}
.f3-widget-paginator {
	text-align: right;
	display: block;
}

.f3-widget-paginator li {
	display: inline;
}

.f3-widget-paginator li:after,
.f3-widget-paginator li.current + li:before {
	content: " | ";
}

.f3-widget-paginator li:last-child:after,
.f3-widget-paginator li.current:after {
	content: none;
}

.f3-widget-paginator li.current {
	font-weight: bold;
	color: #ffffff;
	background-color: #888888;
	padding: 0px 5px;
	margin: 0px 2px;
}

.f3-widget-paginator li a {
	text-decoration: none;
	color: #3c3c3c;
}

.f3-widget-paginator li a:hover {
	text-decoration: underline;
}

.float-left {
	float: left;
	margin-right: 1.25em;
}

/* Cookieconsent */

body .cc_banner-wrapper{
	height: 40px;
}
body .cc_banner-wrapper{
	-webkit-animation-duration:0.9s;
	-moz-animation-duration:0.9s;
	-o-animation-duration:0.9s;
	animation-duration:0.9s;

	-webkit-animation-name:growDownCustom;
	animation-name:growDownCustom;
}

@keyframes growDownCustom {
	0%{height:0}
	100%{height:40px}
}

.cc_banner-wrapper .cc_container {
	font-size: 14px;
	padding: 7px;
	border: none;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.cc_banner-wrapper .cc_container .cc_btn {
	background-color: #dadada;
	color: #ffffff;
	width: auto;
	padding: 5px 7px;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.cc_banner-wrapper .cc_container .cc_btn:hover {
	background-color: #dedede;
	color: #ffffff;
}