@charset 'utf-8';
@import url('fonts.css');
/**
 **************************************************
 * Ravenol / http://ravenol.cms-komplett.de
 * main.css
 *
 * @author:HDNET GmbH & Co. KG
 * @version:3.3
 * @updated:2012-05-09 (VH)
 **************************************************
**/



/**
 **************************************************
 * CSS RESET
 *
 * @description:general reset for all browsers
 **************************************************
**/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/*font-weight:inherit;
	font-style:inherit;
	font-family:inherit;*/
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

h1, h2, h3, h4, h5, h6, strong, b, th, dt {
	font-size:100%;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

caption, th {
	text-align:left;
}

img, abbr, acronym, a img {
	border:0;
}

em, i, dfn, cite, var, address {
	font-style:normal;
}

pre, code {
	font-family:'Courier New', courier, mono;
	font-size:12px;
}

q:before, q:after {
	content:'';
}

:focus {
	outline:0;
}



/**
 **************************************************
 HELPER CLASSES 
 *
 * @description:helper classes for common problems or quick fixes
 **************************************************
**/
.clearOnly {
	clear:both;
}

.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.noPadding {
	padding:0 !important;
}

.noMargin {
	margin:0 !important;
}

.none {
	display:none;
}

.hidden {
	visibility:hidden;
}

.invisible {
	border:0;
	clip:rect(0,0,0,0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

.error {
	color:red;
	font-weight:bold;
}

.sprite, .sprite a {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

.clearfix:after {
	content:".";
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* Hide from IE Mac \*/.clearfix {
	display:block;
}
/* End hide from IE Mac */



/**
 **************************************************
 GENERAL DEFINITIONS
 *
 * @description:define the basic appearance of the site
 **************************************************
**/
html {
	height:100%;
	/*Defaults to ~16px across browsers*/
	/*font-size:100.01%;*/
	/*Defaults to ~12px across browsers*/
	font-size:75.01%;
}

body {
	height:100%;
	font-family:arial,sans-serif;
	font-size:13px;
	line-height:18px;
	color:#5a5a5a;
	background:#f5f5f5;
}

h1 {
	font-size:26px;
	line-height:30px;
	letter-spacing:-0.01em;
	margin-bottom:20px;
	padding:10px 0 0 0;
	color:#325aa5;
	font-weight:bold;
}

h2 {
	font-size:18px;
	line-height:24px;
	margin-bottom:6px;
	color:#325aa5;
	font-weight:bold;
}

h3 {
	font-size:13px;
	line-height:18px;
	margin-bottom:0;
	color:#325aa5;
	font-weight:bold;
}

h4, h5, h6 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
	color:#325aa5;
}

h1 span, h2 span {
	display:none;
}

p, ol, ul, dl {
	margin-bottom:18px;
}

ul {
	padding-left:13px;
	list-style:disc outside;
}

ol {
	padding-left:27px;
	list-style:decimal-leading-zero outside;
}

dt {
	font-weight:bold;
}

a {
	color:#325aa5;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.button {
	font-weight: bold;
	font-size: 1.1em;
}

strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

/* BEN:Keep line-height while using these */
sub, sup {
	line-height:0;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}
/* :NEB */

hr {
	clear:both;
	/*Only chance to get the standard visuals away*/
	border-width:0;
	border-bottom:1px dotted #c4c4c4;
}

table {
	margin-bottom:18px;
}

table caption {
	font-size:13px;
	font-weight:bold;
	padding:0 0 3px 3px;
}

table tr {
}

table th,
table td {
	padding:1px 4px 1px 4px;
	vertical-align:top;
}

table th {
	font-weight:bold;
}

table p {
	margin-bottom:0;
}

form {
}

form legend {
	display:none;
	padding:5px 5px 5px 0;
}

form label {
	clear:left;
	float:left;
	width:135px;
}

form label em {
	font-style:normal;
	color:red;
}

form input.text,
form input.checkbox,
form input.radio,
form select,
form textarea {
	float:left;
	width:194px;
	height:16px;
	padding:2px 2px 1px 2px;
	border:1px solid #cacaca;
	margin:0 0 5px 0;
	font:inherit;
	color:#666;
}

form textarea {
	height:64px;
}

form input.w1 {
	width:44px;
}

form input.w2 {
	width:94px;
}

form input.w3 {
	width:144px;
}

form input.checkbox,
form input.radio {
	width:auto;
	height:auto;
	border:0 none;
	margin:3px 0 5px 1px;
}

form select {
	/* Selects have wrong box model. Add all paddings/margins/borders from above */
	width:200px;
	height:21px;
	padding:1px;
	/* BEN:FF 3.6X seems to have std-bg-color now. Overriding */
	background-color:#fff;
}

/* Selects with a defined size (listboxes) */
form select.listbox {
	height:auto;
}

form select option {
}

form input.submit,
form input.reset,
form input.button {
	float:left;
    height:20px;
	padding:1px 2px 0 18px;
	border:1px solid #cacaca;
	border-right:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	margin:0 0 5px 0;
	font-weight:bold;
	color:#888;
	/*background:#f3f3f3 url(../img/ico-submit.png) no-repeat 2px 2px;*/
	background:#f3f3f3 url(../img/ico-tick.png) no-repeat 2px 2px;
}

form p {
	clear:left;
	margin-bottom:0;
}



/**
 **************************************************
 LAYOUT
 *
 * @description:building the design
 **************************************************
**/
#page {
	position:relative;
	width:1001px;
	margin:0 auto;
	text-align:left;
}

#header {
	position:relative;
	width:1001px;
	height:167px;
	z-index:2;
}

h1#logo {
	position:absolute;
	padding:0;
	width:275px;
	height:62px;
	left:-4px;
	top:26px;
}

ul#navMain {
	position:absolute;
	top:99px;
	left:2px;
}

ul#navLang {
	position: absolute;
	top: 10px;
	right: 360px;
	padding:0;
}

div#headerButton {
	position: absolute;
	top: 10px;
	right: 0;
}

form#searchbox {
	position:absolute;
	top:106px;
	right:16px;
	width:139px;
	padding:0;
	margin:0;
	z-index:10;
}

#contentArea {
	position:relative;
	width:1001px;
	z-index:1;
}

#secondaryContent {
	float:left;
    position:relative;
    width:200px;
}

ul#navSub {
    margin:0 0 27px;
    padding:0;
    list-style-type:none;
}

#primaryContent {
	width:1001px;
	margin:0 0 30px;
	/*background:green;*/
}

#primaryContent.sub-exists {
	width:760px;
	float:right;
}

h1.pageTitle {
}

#footer {
	width:1001px;
	height:41px;
	/*background:transparent url(../img/footer-top.png) 0 0 no-repeat;*/
	position:relative;
}

ul#navBreadcrumb {
	position:absolute;
	width:620px;
}

ul#navMisc {
	
}

/* *** 404 LAYOUT *** */
.errorPage #header {
	background:none;
}

.errorPage ul#navMain {
	left:10px;
	top:127px;
}

.errorPage #primaryContent {
	float:none;
}

.errorPage #pageTitle {
	padding-top:230px;
    text-align: center;
	font-size:40px;
	font-family:'Olnova Condensed Demibold';
	line-height:40px;
	color:#cb1529;
}

.errorPage ul#navMisc {
    padding: 13px 20px 0 0;
}



/**
 **************************************************
 LAYOUT SPECIFIC (LOGO,NAVIGATION,SEARCHBOX...)
 *
 * @description:detailed formatting of the basic elements
 **************************************************
**/
/*
a#oldSite {
    float: right;
    padding: 4px 12px 4px;
    background: #e2e2e2;
    text-decoration: none;
    color: #525252;
    font-size: 0.9em;
}
a:hover#oldSite {
   text-decoration: underline;
}
*/

h1#logo a {
	width:275px;
	height:62px;
	display:block;
}

ul#navMain {
	padding:0;
	margin:0;
	list-style:none;
	width:1001px;
	height:41px;
	background:url('../img/sprite.png') 0 -86px no-repeat;
}

ul#navMain li {
	float:left;
	height:41px;
	border-right:1px solid #fff;
	position:relative;
}

ul#navMain li.first {
	
}

ul#navMain li.last {
}

ul#navMain a {
	display:block;
	height:41px;
	width:138px;
	text-align:center;
	text-decoration:none;
	font-size:15px;
	line-height:41px;
	font-weight:bold;
	color:#ffffff;
	/*text-indent:-99999px;
	overflow:hidden;*/
}

ul#navMain a:hover,
ul#navMain li.act a,
ul#navMain li:hover a {
	background:url('../img/nav/active.png') 0 0 repeat-x;
}

ul#navMain li.first a:hover,
ul#navMain li.first.act a,
ul#navMain li.first.act:hover a {
	background:url('../img/nav/active-first.png') 0 0 no-repeat;
}

ul#navMain li div.dropdown{
	padding:3px 0 0 0;
	margin:0;
	list-style:none;
	width:auto;
	height:auto;
	position:absolute;
	left:-1px;
	top:41px;
	background:url('../img/subnav/bg.png') 0 0 repeat-x #153570;
	border-left:2px solid #63b1d8;
	border-right:2px solid #09142d;
	border-bottom:2px solid #09142d;
	display:none;
}

ul#navMain li div.dropdown.products{
	width:495px;
}

ul#navMain li div.dropdown .imgs{
	float:right;
	width:100px;
	/*height:125px;*/
	margin:-3px 0 0 0;
	position:relative;
}

ul#navMain li div.dropdown .imgs img{
	position:absolute;
	left:0;
	top:0;
	display:none;
}

ul#navMain li div.dropdown .imgs img.act{
	display:block;
}

ul#navMain li div.dropdown ul{
	float:left;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	list-style-type:none;
}

ul#navMain li:hover div.dropdown{
	display:block;
}

ul#navMain li ul li{
	float:none;
	height:auto;
	border-right:0;
	width:197px;
	background:url('../img/subnav/sep.png') 5px bottom no-repeat;
}

ul#navMain li ul li.bgnone{
	background:none !important;
}

ul#navMain li ul li a {
	display:block;
	height:auto;
	width:auto;
	margin:0 5px;
	padding:6px 15px 6px 6px;
	text-align:left;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	color:#ffffff;
	background:none !important;
}

ul#navMain li ul li.last {
	background:none !important;
}

ul#navMain li ul li a:hover {
	background:url('../img/subnav/act.png') left center no-repeat !important;
	text-decoration:none;
}

ul#navMain li ul li.act a {
    background:url('../img/subnav/act.png') left center no-repeat !important;
    text-decoration:none;
}

form#searchbox label {
	display:block;
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
}

form#searchbox input.text {
	width:99px;
	height:27px;
	line-height:27px;
	padding:0 10px 0 30px;
	border:0;
	margin:0;
	background:url('../img/sprite.png') -352px -51px no-repeat;
	color:#000;
	font-size:12px;
}

form#searchbox input.submit {
	float:left;
	width:16px;
	height:16px;
	padding:0;
	margin:2px 0 0 5px;
	border:0 none;
	cursor:pointer;
	background:transparent url(../img/submit-searchbox.png) no-repeat;
}

form#searchbox a {
	font-size:11px;
	color:#fff;
	border-color:#fff;
}

ul#navSub li {
	padding:0;
	margin:0;
    list-style-type:none;
}

ul#navSub li a {
	padding:6px 10px 6px 19px;
    display:block;
    text-decoration:none;
    background:#fff;
    color:#5a5a5a;
    font-size:13px;
    line-height:17px;
    border-bottom:1px solid #d3d3d3;
    border-top:1px solid #f4f4f4;
}

ul#navSub li.first a{
    border-top:0;
}

ul#navSub li.last a{
    border-bottom:0;
}

ul#navSub li.act a{
    /*color:#325aa5;*/
    color:#FFFF00;
    font-weight:bold;
}

ul#navSub li a:hover{
    color:#325aa5;
}

ul#navMisc {
	padding:13px 0 0 0;
	margin:0;
	list-style:none; 
	font-size:11px;
	float:right;
}

ul#navMisc li {
	float:left;
	margin-right:5px;
	padding-right:6px;
	background:url(../img/footer/sep.png) right 5px no-repeat;
}

ul#navMisc li.last {
	margin-right:0;
	padding-right:0;
	background:none;
}

ul#navMisc a {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

ul#navLang {
	list-style:none; 
	font-size:12px;
}

ul#navLang li {
	float:left;
	margin-right:5px;
	padding-right:6px;
	background:url(../img/nav-lang-sep.png) right 5px no-repeat;
}

ul#navLang li.last {
	margin-right:0;
	padding-right:0;
	background:none;
}

ul#navLang a {
	color:#5a5a5a;
	font-size:12px;
	letter-spacing:-0.04em;
}

ul#navLang a:hover,ul#navLang li.act a {
	color:#325aa5;
	text-decoration:none;
}

div#headerButton .button,
div#headerButton .buttonImg {
	float: left;
	margin-left: 10px;
}

div#headerButton .buttonImg {
	height: 60px;
	width: auto;
}

div#headerButton .button {
	padding: 6px 10px;
	width: 145px;
	height: 48px;
	border-radius: 5px;
	background:url('../img/button-bg.png') 0 0 repeat-x;
	overflow: hidden;
}

div#headerButton .button p {
	margin: 0 0 5px 0;
	line-height: 14px;
	font-weight: bold;
	color: #f1d325;

}

div#headerButton .button p.link {
	margin: 0;
	font-size: 11px;
}

div#headerButton .button p.link a {
	text-decoration: underline;
	text-transform: uppercase;
	color: #fff;
}

div#headerButton .button p.link a:hover {
	color: #0092d1;
}

#loginLink {
	color:#5a5a5a;
	font-size:12px;
	position:absolute;
	right:17px;
	top:48px;
}

#loginLink a{
	color:#5a5a5a;
	font-size:12px;
}

#newsletterLink {
	color:#5a5a5a;
	font-size:12px;
	position:absolute;
	right:17px;
	top:64px;
}

#newsletterLink a{
	color:#5a5a5a;
	font-size:12px;
}

#loginLink a:hover,#newsletterLink a:hover {
	color:#325aa5;
	text-decoration:none;
}

ul#navBreadcrumb {
	padding:22px 0 0 215px;
	margin-bottom:0;
	list-style:none;
	font-size:11px;
	color:#b4b4b4;
}

ul#navBreadcrumb li {
	float:left;
	margin-right:3px;
}

ul#navBreadcrumb li.last {
	margin-right:0;
}

ul#navBreadcrumb a {
	color:#b4b4b4;
	border-color:#b4b4b4;
}

#footer a.yt,#footer a.tw,#footer a.fb,#footer a.tw{
	display:block;
	float:right;
	background-image:url(../img/sprite.png);
	background-repeat:no-repeat;
	text-decoration:none;
	text-indent:-999em;
}

#footer a.yt{
	width:80px;
	height:39px;
	background-position:-252px -44px;
	margin:0 13px 0 7px;
}

#footer a.tw{
	width:116px;
	height:37px;
	background-position:-126px -44px;
	margin:3px 0 0 5px;
}

#footer a.fb{
	width:116px;
	height:36px;
	background-position:0 -44px;
	margin:3px 0 0 15px;
}

#cycle {
    position:relative;
    top:-10px;
    padding:0;
    margin:0 0 11px;
    width:1001px;
    height:389px;
}

#primaryContent #cycle ul{
    position:relative;
    padding:0;
    margin:0;
    list-style-type:none;
    width:1002px;
    height:389px;
    overflow:hidden;
}

#primaryContent #cycle ul li {
    padding:0;
    margin:0;
    list-style-type:none;
    width:1002px;
    height:389px;
    overflow:hidden;
    background:none;
}

#cycle ul li h2{
    padding:23px 0 0 27px;
    margin:0 0 12px;
    font-weight:normal;
    font-size:47px;
    line-height:50px;
    color:#f5f5f5;
    width:340px;
}

#cycle ul li p{
    padding:0 0 0 27px;
    margin:0 0 15px;
    font-weight:normal;
    font-size:20px;
    line-height:26px;
    color:#fff;
    width:340px;
}

#cycle .pager{
    position:absolute;
    z-index:200;
    left:27px;
    bottom:21px;
}

#cycle .pager a{
    display:block;
    float:left;
    margin-right:4px;
    width:12px;
    height:12px;
    text-decoration:none;
    background:url(../img/sprite.png) -502px -65px no-repeat;
}

#cycle .pager a.activeSlide,#cycle .pager a:hover{
    background-position:-502px -51px;
}

.hp-teaser {
    width:332px;
    height:217px;
    cursor: pointer;
}

.hp-teaser-bg {
    width:332px;
    height:217px;
}

/* BEN: Additions for slider (.teaser.cycle) */
.hp-teaser-bg h3,
.teaser.cycle h3 {
    font-size:26px;
    font-weight:normal;
    color:#325aa5;
    padding:14px 0 0 19px;
    margin:0 0 7px;
    letter-spacing:0.02em;
}

.teaser.cycle {
	position:relative;	
}

.teaser.cycle h3 {
	position:absolute;
	z-index:999;	
}
/* Need to prepend #primaryContent as somebody prefixed all lists with that... */
#primaryContent .teaser.cycle li {
	padding-left:0;
	background:none;
}

.teaser.cycle ul {
	border-radius: 6px;
	box-shadow:2px 2px 2px -1px #444;
	background-color:#fff;
}

.teaser.cycle ul li div {
	width:330px;
	height:215px;
	text-align:center;
}

.teaser.cycle ul img {
	/*padding-top: 30px;*/
	border-radius: 5px;
	vertical-align:top;	
}

/* :NEB */

.hp-teaser-bg h3 a{
    color:#325aa5;
}

.hp-teaser-bg p{
    font-size:15px;
    line-height:18px;
    margin:0 0 0 19px;
}

.hp-teaser-bg p a{
    color:#325aa5;
}

#eventplan {
    height:282px;
    width:1001px;
    margin:0 0 21px;
    overflow:hidden;
}

#eventplan .inner{
    height:282px;
    width:1001px;
    background-repeat:no-repeat;
}

#eventplan .inner .headlines{
    padding:34px 0 1px 0;
    margin:0 0 10px 27px;
}

#eventplan .inner .headlines.icon{
    background:url('../img/sprite.png') -1130px -233px;
    min-height:70px;
    padding-top:17px;
}

#eventplan .inner .headlines h4{
    padding:0 0 0 2px;
    margin:0 0 1px;
    font-size:42px;
    line-height:45px;
    color:#325aa5;
    font-weight:normal;
}

#eventplan .inner .headlines h5{
    padding:0 0 0 5px;
    margin:0 0 5px;
    font-size:17px;
    line-height:20px;
    color:#5a5a5a;
    font-weight:normal;
    letter-spacing:0.04em;
}

#eventplan .inner .headlines.icon h4{
    padding:0 0 0 80px;
}

#eventplan .inner .headlines.icon h5{
    padding:0 0 0 80px;
}

#eventplan .inner p{
    padding:0 0 0 32px;
    margin:0 0 18px;
    font-size:13px;
    line-height:16px;
    color:#5a5a5a;
    font-weight:normal;
    width:460px;
    letter-spacing:0.02em;
}

#eventplan .inner a.btn{
    padding:0 0 0 54px;
    height:69px;
    display:inline-block;
    background:url('../img/sprite.png') -1146px 0 no-repeat;
    margin:0 0 0 27px;
}

#eventplan .inner a.btn span{
    padding:0 62px 0 0;
    height:69px;
    line-height:70px;
    letter-spacing:0.03em;
    color:#fff;
    text-decoration:none;
    display:inline-block;
    background:url('../img/sprite.png') right -132px no-repeat;
    font-size:18px;
}

#typo3-messages {
	margin-bottom: 10px;
	font-family: arial, sans-serif; }

.typo3-message {
	margin-bottom: 4px;
	padding: 12px;
	padding-left: 36px; }

.typo3-message ul, .typo3-message ol {
	padding-left: 16px; }

.typo3-message .message-header {
	display: block; }

.typo3-message {
	border: 1px solid;
	background-position: 10px 12px;
	background-repeat: no-repeat; }

.typo3-message a {
	text-decoration: underline; }

.typo3-message li {
	margin-bottom: 10px;
	list-style: disc; }

.typo3-message .message-header {
	font-size: 11px;
	font-weight: bold; }

.message-notice {
	color: #777;
	background-color: #f6f7fa;
	background-image: url("../../../typo3/sysext/t3skin/icons/gfx/notice.png");
	border-color: #c2cbcf; }

.message-notice a {
	color: #777; }

.message-information {
	color: #4c73a1;
	background-color: #eaf7ff;
	background-image: url("../../../typo3/sysext/t3skin/icons/gfx/information.png");
	border-color: #c5dbe6; }

.message-information a {
	color: #4c73a1; }

.message-ok {
	color: #3b7826;
	background-color: #cdeaca;
	background-image: url("../../../typo3/sysext/t3skin/icons/gfx/ok.png");
	border-color: #58b548; }

.message-ok a {
	color: #3b7826; }

.message-warning {
	color: #9e7d4a;
	background-color: #fbf6de;
	background-image: url("../../../typo3/sysext/t3skin/icons/gfx/warning.png");
	border-color: #b1905c; }

.message-warning a {
	color: #9e7d4a; }

.message-error {
	color: #aa0225;
	background-color: #f6d3cf;
	background-image: url("../../../typo3/sysext/t3skin/icons/gfx/error.png");
	border-color: #d66c68; }

.message-error a {
	color: #aa0225; }

/**
 **************************************************
 CSS STYLED CONTENT
 *
 * @description:just a copy from the extension output
 * @beware:margins to text that are set here have to be changed in TS constants too
 **************************************************
**/
/* Captions */
div.csc-textpic-caption-c .csc-textpic-caption {
	text-align:center;
}

div.csc-textpic-caption-r .csc-textpic-caption {
	text-align:right;
}

div.csc-textpic-caption-l .csc-textpic-caption {
	text-align:left;
}

/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
	float:left;
	display:inline;
}

/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
div.csc-textpic-border div.csc-textpic-single-image img {
	border:1px solid black;
	padding:0px 0px;
}

div.csc-textpic-imagewrap {
	padding:0;
}

div.csc-textpic img {
	border:none;
}

/* div:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
	float:left;
}

/* UL:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap UL {
	list-style:none;
	margin:0;
	padding:0;
}

div.csc-textpic div.csc-textpic-imagewrap UL LI {
	float:left;
	margin:0;
	padding:0;
}

/* dl:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:left;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
	float:none;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
	float:none;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
	border:none;
}

/* FE-Editing Icons */
dl.csc-textpic-image {
	margin:0;
}

dl.csc-textpic-image dt {
	margin:0;
	display:inline;
}

dl.csc-textpic-image dd {
	margin:0;
}

/* Clearer */
div.csc-textpic-clear {
	clear:both;
}

/* Margins around images:*/
/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-right:10px;
}

/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}

/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline; /* IE fix for double-margin bug */
	margin-left:10px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin:0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	margin:0;
	vertical-align:bottom;
}

/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:10px;
}

div.csc-textpic-equalheight div.csc-textpic-imagerow {
	margin-bottom:10px;
	display:block;
}

div.csc-textpic div.csc-textpic-imagerow {
	clear:both;
}

div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom:30px;
}

/* IE7 hack for margin between image rows */
*+html div.csc-textpic div.csc-textpic-imagerow .csc-textpic-image {
	margin-bottom:0;
}

*+html div.csc-textpic div.csc-textpic-imagerow {
	margin-bottom:10px;
}

/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
	margin-left:0px !important;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
	margin-right:0px !important;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin-right:10px !important;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:20px !important;
    margin-top: 60px;
}


/* Positioning of images:*/
/* Above */
div.csc-textpic-above div.csc-textpic-text {
	clear:both;
}

/* Center (above or below) */
div.csc-textpic-center {
	text-align:center; /* IE-hack */
}

div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 auto;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	text-align:left; /* Remove IE-hack */
}

div.csc-textpic-center div.csc-textpic-text {
	text-align:left; /* Remove IE-hack */
}

/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
	float:right;
}

div.csc-textpic-right div.csc-textpic-text {
	clear:right;
}

/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
	float:left;
}

div.csc-textpic-left div.csc-textpic-text {
	clear:left;
}

/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
	float:left;
}

/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	float:right;
}

/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	float:right;
	clear:both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
	height:1%;
}

/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	float:left;
	clear:both;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text,
* html .csc-textpic-intext-left ol,
* html .csc-textpic-intext-left ul {
	height:1%;
}

/* End hide from IE5/mac */

div.csc-textpic div.csc-textpic-imagerow-last {
	margin-bottom:0;
}

/* Browser fixes:*/
/* Fix for unordered and ordered list with image "In text,left" */
.csc-textpic-intext-left ol,
.csc-textpic-intext-left ul {
	padding-left:40px;
	overflow:auto;
}


/**
 **************************************************
 CSS STYLED CONTENT SPECIALS
 *
 * @description:formatting of more specific csc-output
 **************************************************
**/
.csc-header {
	clear:both;
}

.csc-header-n2{
	padding-top:25px;
}

.csc-textpic-text{
	min-height:103px;
	margin-bottom:15px;
}

.csc-textpic-image a {
	border:0;
}

p.csc-textpic-caption {
	font-size:11px;
	color:#666;
}

.indent {
	margin-left:50px;
}

/* Tables */
table.contenttable {
	margin-bottom:20px;
}

table.contenttable th{
	font-size:14px;
	padding:1px 15px 1px 0;
	font-weight:bold;
}

table.contenttable td{
	font-size:14px;
	padding:1px 0 1px 0;
}

table.contenttable-2 th {
	border:1px solid #fff;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	background:#cb1529;
}

table.contenttable-2 td {
	border:1px solid #fff;
	background:#efe3e1;
}

table.contenttable-3 {
	width:100%;
	color:#fff;
}

table.contenttable-3 caption {
	text-align:right;
	color:#222;
}

table.contenttable-3 th, .contenttable-3 td {
	border:2px solid #222;
}

table.contenttable-3 th {
	font-weight:bold;
	text-transform:uppercase;
	background:#333;
}

table.contenttable-3 th.td-0, .contenttable-3 td.td-0 {
	width:10%;
}

table.contenttable-3 th.td-1, .contenttable-3 td.td-1, .contenttable-3 th.td-2, .contenttable-3 td.td-2, .contenttable-3 th.td-3, .contenttable-3 td.td-3 {
	width:30%;
}

table.contenttable-3 tr.tr-even {
	background:#444;
}

.contenttable-3 tr.tr-odd {
	background:#555;
}

/* CSC-Uploads */
table.csc-uploads {
	background:none;
	border:0 none;
}

table.csc-uploads th, table.csc-uploads td {
	border:0 none;
}

table.csc-uploads td.csc-uploads-fileSize {
	padding-left:5px;
	color:#999;
}

td.csc-uploads-icon {
	padding:2px;
}

td.csc-uploads-icon a {
	border:0 none;
}

/* Standard frames */
.csc-frame {
}

.csc-frame-frame1 {
	padding:5px;
	border:10px solid #999;
	margin-bottom:18px;
}

.csc-frame-frame2 {
	padding:5px;
	border:10px solid #cb1529;
	margin-bottom:18px;
}

.csc-frame-rulerBefore {
	padding-top:8px;
	border-top:1px solid #999;
}

.csc-frame-rulerAfter {
	border-bottom:1px solid #999;
	margin-bottom:17px;
}

.csc-frame-indent {
	margin-left:50px;
}

.csc-frame-indent3366 {
	margin-left:33%;
}

.csc-frame-indent6633 {
	margin-left:66%;
}

/* Sitemap */
.csc-sitemap {
	margin-bottom:12px;
}

.csc-sitemap ul {
	margin-bottom:6px;
}

.csc-sitemap ul ul {
	font-size:11px;
	margin-bottom:0 !important;
	padding:5px 0 !important;
}

.divider hr {
	clear:both;
	/*Only chance to get the standard visuals away*/
	border-width:0;
	background:url('../img/hr.png') 0 0 repeat-x;
	height:4px;
	display:block;
	padding:10px 0 0 0;
    margin:0 0 20px;
}

#sponzorship {
    padding:5px 15px 15px 15px;
    margin:0 0 30px;
}

#sponzorship h1{
    margin:0 0 10px;
}

#sponzorship .left-col{
    float:left;
    width:464px;
}

#sponzorship .right-col{
    float:right;
    width:464px;
}

/**
 **************************************************
 LAYOUT SPECIFIC CHANGES OF BASE FORMATS
 *
 * @description:overwrite base formats depending on layout
 * @example:make text smaller in secondary content area
 **************************************************
**/
#secondaryContent p, #secondaryContent ol, #secondaryContent ul {
	font-size:11px;
	line-height:16px;
}

#primaryContent p em{
    color:#325aa5;
    font-weight:bold;
    font-style:normal;
}

#primaryContent ul {
	padding:0;
	margin:0 0 20px;
	list-style:none;
}

#primaryContent ul li{
	padding:0 0 0 15px;
	margin:0;
	overflow-x:hidden;
	list-style:none;
	line-height:17px;
	background:url(../img/sprite.png) no-repeat -1189px -585px;
}

/**
 **************************************************
 FCES
 *
 * @description:formatting of flexible content elements
 **************************************************
**/

/* FCE - Grid:Accordion */

.acc-container {
	position: relative;
	padding: 25px 60px 30px 60px;
}

.acc-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 7px;
	margin: auto;
	background: url(../img/testdriver/testfahrer-bg_557.jpg) no-repeat scroll center center transparent;
	background-size: cover;
	opacity: 0;
	transition: opacity 1s ease;
}

.acc-background.bg1 {
	background-image: url(../img/testdriver/testfahrer-bg_557.jpg);
	opacity: 1;
}

.acc-background.bg2 {
	background-image: url(../img/testdriver/testfahrer-bg_754.jpg);
}

.acc-background.bg3 {
	background-image: url(../img/testdriver/testfahrer-bg_1152.jpg);
}

.acc-background.bg4 {
	background-image: url(../img/testdriver/testfahrer-bg_1310.jpg);
}

.acc-container > .column.single {
	position: relative;
	z-index: 2;
}

span.acc-bg {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	bottom: 20px;
	width: 350px;
	border-radius: 10px;
	margin: auto;
	background: rgba(255,255,255,0.5);
	z-index: 1;
}

.acc-element {
	padding-bottom: 90px;
	background: url(../img/testdriver/arrow.png) no-repeat scroll center bottom transparent;
}

.acc-element.last {
	padding-bottom: 0;
	background: none;
}

.acc-element > .acc-headline,
.acc-element > .acc-content {
	box-sizing: border-box;
}

.acc-element > .acc-headline {
	width: 270px;
	height: 90px;
	padding: 0 10px;
	margin: 15px auto 10px auto;
	border-radius: 5px;
	background: url(../img/testdriver/accordion-bg.jpg) repeat scroll 0 0 rgba(0, 0, 0, 0);
	cursor: pointer;
}

.acc-element > .acc-headline .csc-header {
	display: table;
	height: 90px;
	width: 100%;
}

.acc-element > .acc-headline h1,
.acc-element > .acc-headline h2,
.acc-element > .acc-headline p {
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.25em;
	color: #fff;
}

.acc-element > .acc-content {
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	background: #e6e6e6;
}

.acc-element.testdriver {
	margin-top: 0;
}

.acc-element div.csc-textpic-border img {
	border: 1px solid #5a5a5a;
	margin: 2px;
}

.acc-element div.csc-textpic-center div.csc-textpic-text {
	min-height: 0;
}


/* FCE - Grid:Image */

.moduleImage {
	padding-bottom:18px;
	margin-bottom:0;
}

.moduleBodyBleed .moduleImage {
	padding-bottom:0;
}

.moduleImage a {
	border:0;
}



/* FCE - Grid:Modules */
h3.moduleHeader,
h3.moduleFooter {
	height:auto;
	min-height:15px;
	padding:6px 10px 4px 10px;
	margin-bottom:0;
	font-size:13px;
	color:#fff;
	background:#939fa4;
}

.moduleHeader,
.moduleFooter {
	height:1px;
	background:#939fa4;
}

h3.moduleHeader .moduleHeaderInnerWrap,
h3.moduleFooter .moduleFooterInnerWrap {
	/*display:block;
	padding:4px 0 6px 5px;
	background:#939fa4;*/
}

.module h3 a {
	/*display:block;*/
	min-height:15px;
	/*border-bottom:0;*/
	border-color:#fff;
	color:#fff;
}

.moduleBody {
	/* These values must correspond to the moduleBodyXXXBuffer values in grid.constants.ts */
	padding:10px 10px 0 10px;
}

/* Standard header inside of a module */
.moduleBody h1,
.moduleBody h2,
.moduleBody h3,
.moduleBody h4,
.moduleBody h5,
.moduleBody h6 {
	color:#fff;
}

/* Due to CSS-bug at least in FF we have to change from margin to padding inside modules */
.moduleBody p,
.moduleBody ol,
.moduleBody ul {
	margin-bottom:0;
	padding-bottom:18px;
}

/* Please note that the thickness values on the two border values will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
.moduleBodyWrap {
	border-left:1px solid #939fa4;
	border-right:1px solid #939fa4;
	background:#939fa4;
}

.unframed .moduleBody, .unframed .moduleBodyWrap {
	padding:0;
	border:0;
	background:none;
}

.moduleBodyBleed {
	/* BEN:Padding of zero leads to a bug in FF! (The margin of contained <p>s breaks the module-border) */
	padding:0;
	/* BEN:This crazy fix will make it work as expected... */
	/*padding:1px;
	margin:-1px;*/
}

/* BEN:Make sure ALL images inside a bleeding module don't have margins */
.moduleBodyBleed div.csc-textpic-imagewrap {
	margin:0 !important;
}

.moduleGroup {
	margin-bottom:20px;
}



/* FCE - Grid:Columns */
.columnGroup {
	margin-bottom:20px;
}

.columnGroupRule {
	border-bottom:1px solid #c4c4c4;
}



/**
 **************************************************
 NEWS
 *
 * @description:css definitons for EXT:tt_news
 * @beware:is dependent on the modified template
 **************************************************
**/
.news.latest {
    background:url('../img/news/bg.jpg') 0 0 repeat-y;
    width:980px;
    padding:12px 0 20px 21px;
    margin:0 0 26px;
    min-height:298px;
}

.news.latest .item{
    float:left;
    width:465px;
    margin:0 20px 0 0;
}

.news.latest h2{
    font-size:26px;
    color:#325aa5;
    font-weight:bold;
    margin:0 0 13px;
}

.news.latest h3{
    margin:0 0 15px;
}

.news.latest p{
    font-size:13px;
    line-height:17px;
    padding-right:30px;
}

.news.latest h3 a,.news.list h3 a{
    font-size:18px;
    color:#325aa5;
    font-weight:bold;
}

.news.latest p.date a{
    font-size:13px;
    color:#325aa5;
    font-weight:bold;
}

.news p.date, .news p.timeData, .news p.author, .news p.imgCaption, .news p.back {
	margin-bottom:2px;
	font-size:13px;
	font-weight:bold;
}

.news p.timeData {
	margin-top:-6px;	
}

.news p.imgCaption {
	margin-bottom:6px;	
}

.news span.more {
	white-space:nowrap;
}

.news p.back {
	clear:both;
	border-top:1px solid #c4c4c4;
	margin-top:20px;
}

.news .images {
	float:left;
	margin:3px 20px 0.25em 0;
}

.news.latest .images {
	float:none;
	margin:0 0 6px;
	display:block;
}

.news .images a {
	border-bottom:0;
}

.news .addInfo dl {
	padding-top:5px;
	border-top:1px dotted #c4c4c4;
}

.news .addInfo .related span.timeData {
	margin-left:5px;
	color:#999;	
}

.news .addInfo .files dd {
	margin-bottom:2px;
}

.news .addInfo .files dd img {
	margin-right:5px;	
	vertical-align:middle;
}

.news .addInfo .files span.size {
	margin-left:5px;
	color:#999;	
}

/* List */
.news.list{
    /*background:url('../img/hr.png') 0 0 repeat-x;
    padding:10px 0 0 0;*/
    margin:0 0 20px;
}

.news.list h2{
    font-size:26px;
    color:#325aa5;
    font-weight:bold;
    margin:0 0 13px;
}

.news.list .item{
    background:url('../img/hr.png') 0 bottom repeat-x;
    padding:0 0 23px 0;
    margin:0 0 20px;
}

/* Pagebrowser */
.news.list .browse {
}

.news.list .browse p {
	position:relative;
	margin-bottom:0;
}

.news.list .browse p.results {
	float:left;
}

.news.list .browse p.nav {
	float:right;
}

.news .browse ul.nav {
	text-align: center;
}

#primaryContent .news .browse ul.nav li {
	display: inline;
	margin-right: 10px;
	padding: 2px 15px 0 0;
	background: none;
}

.news .browse ul.nav li a {
	border-color: #b4b4b4;
	color: #b4b4b4;
}

.news .browse ul.nav li.act {
	border-color: #b4b4b4;
	color: #b4b4b4;
	font-weight: bold;
}



/**
 **************************************************
 INDEXED SEARCH
 *
 * @description:css definitons for EXT:indexed_search
 * @beware:is dependent on the modified template
 **************************************************
**/
.tx-indexedsearch {
}

.tx-indexedsearch .tx-indexedsearch-res {
}

.tx-indexedsearch .result {
	padding-top:5px;
	border-top:1px dotted #c4c4c4;
}

.tx-indexedsearch h3 {
	position:relative;
}

.tx-indexedsearch h3 span {
	display:inline;
}

.tx-indexedsearch h3 span.icon {
	vertical-align:text-bottom;
}

.tx-indexedsearch h3 span.percent {
	position:absolute;
	right:0;
	color:#c4c4c4;
}

.tx-indexedsearch table.info {
}

.tx-indexedsearch table.info th,
.tx-indexedsearch table.info td {
	padding:0 5px 0 0;
}

.tx-indexedsearch .tx-indexedsearch-redMarkup {
	background:#bbd8fa;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	padding-left:0;
	font-size:13px;
}

#primaryContent .tx-indexedsearch .tx-indexedsearch-browsebox li {
	margin-right:10px;
	display:inline;
    padding:2px 15px 0 25px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox a {
	border-color:#b4b4b4;
	color:#b4b4b4;
}



/**
 **************************************************
 TMailform
 *
 * @description:css definitons for EXT:pil_mailform
 * @beware:is dependent on the modified template
 **************************************************
**/
.tx-pilmailform-pi1 {
}

.tx-pilmailform-pi1 fieldset {
	padding:5px 10px 10px 10px;
	border:1px solid #dadada;
	margin:0 0 25px 0;
}

.tx-pilmailform-pi1 legend {
	display:block;
	font-weight:bold;
}

.tx-pilmailform-pi1 p.formNotice {
	font-size:11px;
}

/**
 **************************************************
 Form
 *
 * @description:css definitons for EXT:form
 **************************************************
**/
.csc-mailform fieldset {
	padding:5px 10px 10px 10px;
	border:1px solid #dadada;
	margin:0 0 25px 0;
}
.csc-mailform fieldset li {
    padding:2px !important;
}
.csc-mailform label em { 
	display:inline; 
	margin-left:2px;
}
.csc-mailform form legend {
	display:block;
}
.csc-mailform label strong,
.csc-mailform legend strong {
	text-transform:none;
}
div.csc-mailform li label {
    width:110px !important;
}

/**
 **************************************************
 Extension - products
 *
 * @description:formatting of product list and product detail pages
 **************************************************
**/

.products .left-navigation {
    float:left;
    width:200px;
    position:relative;
    top:-6px;
}

.products .left-navigation h3{
    margin:0;
    padding:10px 0 10px 19px;
    /*height:41px;*/
    line-height:20px;
    font-size:15px;
    font-weight:bold;
    color:#fff;
    /*background:url(../img/sprite.png) 0 -141px no-repeat;*/
    background:url(../img/products-nav-headline-bg.png) top left no-repeat;
}

.products .left-navigation h3 a {
	color:#fff;
}
.products .left-navigation h4{
    margin:0;
    padding:0 0 0 19px;
    height:32px;
    line-height:32px;
    font-size:15px;
    font-weight:normal;
    color:#fff;
    background:#9b9c9c;
    border-top:1px solid #a4a5a5;
    border-bottom:1px solid #a4a5a5;
}

.products .left-navigation ul{
    margin:0 0 27px !important;
    padding:0;
    list-style-type:none;
    /*height:122px;*/
	max-height:122px;
    overflow:auto;
}

.products .left-navigation ul.full-height {
    height:auto;
}

.products .left-navigation ul li{
    margin:0 !important;
    padding:0 !important;
    list-style-type:none;
    background:none !important;
}

.products .left-navigation ul li a{
    padding:6px 10px 6px 19px;
    display:block;
    text-decoration:none;
    background:#fff;
    color:#5a5a5a;
    font-size:13px;
    line-height:17px;
    border-bottom:1px solid #d3d3d3;
    border-top:1px solid #f4f4f4;
}

.products .left-navigation form ul li label{
	padding:6px 10px 6px 19px;
	display:block;
	width:171px;
	text-decoration:none;
	background:#fff;
	color:#5a5a5a;
	font-size:13px;
	line-height:17px;
	border-bottom:1px solid #d3d3d3;
	border-top:1px solid #f4f4f4;
}

.products .left-navigation form ul.multiselect li label{
	/*width:154px; */
    cursor: pointer;
}

.products .left-navigation ul li input.checkbox {
	width:0;
	height:0;
	margin:0;
	padding:0;
	border:0;
	line-height:0;
}

.products .left-navigation ul li.first a,
.products .left-navigation ul li.first label{
    border-top:0;
}

.products .left-navigation ul li.last a,
.products .left-navigation ul li.last label{
    border-bottom:0;
}

.products .left-navigation ul li.act > a,
.products .left-navigation ul li.act > label{
    color:#325aa5;
    font-weight:bold;
    background:url(../img/cross.png) 180px 10px #ffffff no-repeat;
}

.products .left-navigation ul li a:hover,
.products .left-navigation ul li label:hover{
    color:#325aa5;
}

.products .product-right-col {
    float:right;
    width:760px;
}

.printonly{
	display:none;
}

.products .product-right-col h1{
    padding-top:5px;
}

.products .product-right-col .data-right{
    float:right;
    width:496px;
    margin:4px 0 30px;
}

.products .product-right-col .data-right p{
    margin-bottom:10px;
    line-height:16px;
}

.products .product-right-col .img-left{
    float:left;
    width:220px;
    margin:0 0 30px;
}

.products .product-right-col .img-left img{
    margin:0 0 20px;
}

.products .product-right-col .img-left p{
    margin:0;
    width:185px;
    text-align:right;
    line-height:20px;
	cursor:pointer;
	cursor:hand;
}

.products .product-right-col .img-left p.act{
    color:#3c5aa5;
}

.products .product-right-col .img-left p:hover{
    font-weight:bold;
    color:#3c5aa5;
}

.products .product-right-col .img-left .data-label:hover{
    font-weight:normal;
    color:#5A5A5A;
 }

.products .product-right-col .img-left p.data-label{
    line-height:20px;
    width:auto;
    text-align:left;
    margin:0 0 2px;
}

.products .product-right-col .img-left p span{
    padding:0 10px;
}

.products table.data-table {
    width:100%;
    border-spacing:0;
    padding:0;
    margin:0;
}

.products table.data-table th{
    text-align:left;
    padding:0 2px 0 19px;
    height:27px;
    vertical-align:middle;
    font-size:13px;
    font-weight:bold;
    color:#fff;
    background:#9b9b9b;
}

.products table.data-table td{
    text-align:left;
    padding:2px 2px 2px 19px;
    height:16px;
    vertical-align:top;
    font-size:13px;
    font-weight:normal;
    color:#5a5a5a;
    background:#fff;
}

.products table.data-table tr.odd td{
    background:#e0e6f2;
}

.products p.table-note{
    padding:10px 0 0 19px;
    margin:0 0 3px;
}

.products p.file-download-link {
    text-align:right;
    margin:0 0 40px;
}

.products p.file-download-link a {
    display:inline-block;
    color:#325aa5;
    font-weight:bold;
    margin-right:5px;
    background:url(../img/ico-pdf.png) right top no-repeat;
    line-height:16px;
    padding:10px 28px 8px 0;
}

.products .item-line {
    background:url('../img/hr.png') 0 bottom repeat-x;
    width:760px;
    padding:10px 0 4px;
    margin:0 0 10px;
}

.products .item-line.last {
    background:none;
}

.products .item-line .item{
    float:left;
    width:246px;
	margin:0 10px 0 0;
}

.products .item-line .item.last{
    margin-right:0;
}

.products .item-line .item .img{
	background-color:#ffffff;
    height:200px;
	margin:0 0 10px 0;
    overflow:hidden;
    text-align:center;
}

.products .item-line .item h3{
    margin:0;
    font-size:13px;
    color:#5a5a5a;
    font-weight:normal;
}

.products .item-line .item h3 a{
    color:#5a5a5a;
}

.products .item-line .item p{
    margin:0 0 15px;
}


/**
 **************************************************
 * Newsletter
 *
 * @description: styles the newsletter register box
 **************************************************
**/
.newsletter {
	position: relative;
}

.newsletter.register {
	margin-top: 20px;
}

.newsletter form {
	position: relative;
}

.newsletter form input.text {
	width: 250px;
	padding: 4px 10px 4px 10px;
	margin: 0 5px 10px 0;
}

.newsletter form input.text.w1 {
	width: 50px;
}

.newsletter form input.text.w3 {
	width: 173px;
}

.newsletter form select {
	width: 272px;
	height: 26px;
	margin: 0 5px 10px 0;
}

.newsletter form input.checkbox {
	margin-top: 1px;
	float: left;
}

.newsletter form label.checkbox {
	clear: none;
	float: left;
	width: 770px;
	margin-left: 5px;
	font-size: 11px;
	line-height: 16px;
}

.newsletter form .checkboxBox {
	margin: 20px 0 10px 0;
}

.newsletter form input.submit {
	height: auto;
	padding: 6px 15px 6px 15px;
	border: 0;
	margin-top: 10px;
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	background: #33a5c8; /* Old browsers */
	background: -moz-linear-gradient(top,  #33a5c8 0%, #33a5c8 1%, #0074ae 3%, #0080bd 6%, #00649d 50%, #005990 51%, #003568 98%, #00294e 99%, #041827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a5c8), color-stop(1%,#33a5c8), color-stop(3%,#0074ae), color-stop(6%,#0080bd), color-stop(50%,#00649d), color-stop(51%,#005990), color-stop(98%,#003568), color-stop(99%,#00294e), color-stop(100%,#041827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* W3C */
	cursor: pointer;
}

.newsletter p.unsubscribe {
	padding-bottom: 0;
	margin-bottom: 0;
}

.newsletter form label {
	width: 100px;
	font-size: 15px;
	line-height: 26px;
}

.newsletter.unregister form input.submit {
	margin-top: 0;
	line-height: 12px;
}

/**
 **************************************************
 * Testdriver
 *
 * @description: styles the newsletter register box
 **************************************************
**/

.testdriver {
	margin-top: 20px;
}

.testdriver h3 {
	margin-top: 15px;
}

.testdriver.register fieldset {
	float: left;
	width: 49%;
}

.testdriver.register fieldset.left {
	margin-right: 1%;
}

.testdriver.register fieldset.right {
	margin-left: 1%;
}

.testdriver form {
	position: relative;
}

.testdriver form input.text {
	box-sizing: border-box;
	width: 100%;
	padding: 4px 10px 4px 10px;
	margin: 0 0 10px 0;
	height: 26px;
}

.testdriver form input.text.w1 {
	width: 29%;
	margin-right: 1%;
}

.testdriver form input.text.w3 {
	width: 69%;
	margin-left: 1%;
}

.testdriver form select {
	width: 100%;
	height: 26px;
	margin: 0 0 10px 0;
}

.testdriver form textarea {
	box-sizing: border-box;
	width: 100%;
	height: 65px;
	padding: 4px 10px 4px 10px;
	margin: 0 5px 10px 0;
}

.testdriver form input.checkbox {
	margin-top: 1px;
	float: left;
}

.testdriver form label.checkbox {
	clear: none;
	float: left;
	width: 95%;
	margin-left: 1%;
	font-size: 11px;
	line-height: 16px;
}

.testdriver form .checkboxBox {
	clear: both;
	margin: 20px 0 10px 0;
}

.testdriver form input.submit {
	height: auto;
	padding: 6px 15px 6px 15px;
	border: 0;
	margin-top: 10px;
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	background: #33a5c8; /* Old browsers */
	background: -moz-linear-gradient(top,  #33a5c8 0%, #33a5c8 1%, #0074ae 3%, #0080bd 6%, #00649d 50%, #005990 51%, #003568 98%, #00294e 99%, #041827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a5c8), color-stop(1%,#33a5c8), color-stop(3%,#0074ae), color-stop(6%,#0080bd), color-stop(50%,#00649d), color-stop(51%,#005990), color-stop(98%,#003568), color-stop(99%,#00294e), color-stop(100%,#041827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #33a5c8 0%,#33a5c8 1%,#0074ae 3%,#0080bd 6%,#00649d 50%,#005990 51%,#003568 98%,#00294e 99%,#041827 100%); /* W3C */
	cursor: pointer;
}

.testdriver p.unsubscribe {
	padding-bottom: 0;
	margin-bottom: 0;
}

.testdriver form label {
	width: 100%;
	font-size: 15px;
	line-height: 26px;
}

.testdriver.documentation .images label {
	width: 29%;
	height: 26px;
	float: left;
	margin-bottom: 10px;
}

.testdriver.documentation .images input {
	width: 69%;
	height: 26px;
	float: right;
}

.testdriver.display .item {
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 20px;
}

.testdriver.display .item:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.testdriver.display p.date {
	margin-bottom: 0;
}

.testdriver.display h2 {
	margin-bottom: 15px;
}

#primaryContent .testdriver.display .imageList > li  {
	background: none;
	display: inline;
	padding: 10px 15px 10px 0;
}

#primaryContent .testdriver.display .imageList > li a:hover  {
	text-decoration: none;
}

#primaryContent .testdriver.display .imageList > li.youtube a img {
	background: #aaaaaa;
}

#primaryContent .testdriver.display .imageList > li.youtube:hover a img {
	background: #b31217;
}

.testdriver div.error {
	margin-top: 15px;
}

label.checkbox.f3-form-error {
	color: #ff0000;
}




/**
 **************************************************
FooterSiteMap
 *
 * @description:css definitons for FooterSiteMap
 **************************************************
**/
#footer{
	height: auto;
}

#footer .fsitemap{
	padding: 25px 20px 10px;
	background: url(../img/fsitemap-bg.jpg) 0 0 no-repeat;
}

#footer .fsitemap div{
    float: left;
    width: 165px;
}

#footer .fsitemap div h4{
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
}

#footer .fsitemap div ul{
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 12px;
}

#footer .fsitemap div li{
	list-style-type: none;
    max-width: 250px;
}

#footer .fsitemap div h4 a,
#footer .fsitemap div li a{
	font-weight: bold;
	color: #fff;
}

#footer .fsitemap div.c2{
	width: 580px;
	padding-left: 20px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#footer .fsitemap div.c2{
	background:url(../img/stripline-vertical.jpg) 275px 0 no-repeat;
}

#footer .fsitemap div.c2>ul{
	float: left;
	width: 280px;
}

#footer .fsitemap div.c3{
	padding-left: 20px;
}

#footer .fsitemap div.c3 ul li{
	padding: 5px 0 5px;
	border-bottom: 1px solid #fff;
}

#footer .fsitemap div.c3 ul li.first{
	padding: 0 0 5px;
}

#footer .fsitemap div.c3 ul li.last{
	border-bottom:none;
}

#footer .fsitemap div.c3 ul li a{
	text-transform: uppercase;
}

#footer .fsitemap div.c3 p{
	margin: 10px 0 5px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

#footer .fsitemap div.c3 ul.shop li{
	border-bottom: none;
	padding: 0;
}

#footer .fsitemap div.c3 ul.shop li a{
	font-size: 14px;
	font-weight: normal;
	text-transform: none;
}

#footer .fsitemap .footerBottom{
	position: absolute;
	left: 0;
	bottom: -40px;
	width: 1001px;
	height: 40px;
	background: url(../img/fbottom-bg.jpg) 0 0 no-repeat;
	z-index: -1;
}

/**
 **************************************************
 BAG IN BOX (STATIC HTML)
 *
 * @description: css definitons for static html part in "back-in-box"
 **************************************************
**/

.bag-in-box {

}

.bag-in-box > header{
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
}

.bag-in-box .content {
	position: relative;
	float: left;
	width: 600px;
	z-index: 2;
	padding-right: 20px;
}

.bag-in-box .sidebar {
	position: relative;
	float: right;
	width: 290px;
	min-height: 200px;
	margin: 37px 0 0 0;
	padding: 30px 70px 30px 20px;
	background-color: #F6E41E;
	border-radius: 20px 0 0 20px;
	z-index: 2;
}

.bag-in-box .content .header-content {
	float: right;
	margin: 20px 0 20px 20px;
}

.bag-in-box .content hgroup {
	background: transparent url(../img/bag-in-box/gradient-border.svg) 0 bottom no-repeat;
	background-size: 650px 3px;
	margin-right: -25px;
	height: 70px;
}

.bag-in-box .content hgroup h1 {
	margin: 0 0 28px 50px;
	font-size: 4em;
	font-style: italic;
	color: #212472;
}

.bag-in-box .content h2 {
	margin: 28px 150px 20px 50px;
	font-size: 1.7em;
	font-style: italic;
	line-height: 1.2em;
	color: #212472;
}

.bag-in-box .content h3 {
	margin: 28px 150px 20px 50px;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.2em;
	color: #212472;
}

.bag-in-box .content > p {
	margin: 0 120px 10px 50px;
}

.bag-in-box .content p.spot {
	margin-top: 15px;
}

.bag-in-box .teaser img {
	width: 100%;
	height: auto;
}

.bag-in-box .sidebar .teaser {
	margin-bottom: 40px;
}

.bag-in-box .sidebar .teaser img {
	margin-bottom: 3px;
}

.bag-in-box .sidebar .teaser:last-child,
.bag-in-box .sidebar .teaser:last-child p{
	margin-bottom: 0;
}

.bag-in-box .teaser p span.inf,
.bag-in-box .teaser p a {
	padding-left: 18px;
	color: #212472;
	background: url(../img/bag-in-box/link-icon.png) scroll no-repeat center left;
}

.baginbox div.csc-textpic-intext-right div.csc-textpic-imagewrap,
.baginbox div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-top: 0;
}

.baginbox .csc-textpic-text {
	min-height: 20px;
}

.baginbox .column.c2 {
	border-radius: 20px 0 0 20px;
	background-color: #f6e41e;
}

.baginbox .column.c2 > * {
	padding: 20px 20px 0 20px;
}

.baginbox .column.c2 > a {
	padding: 0;
}

.baginbox .column.c2 .csc-textpic-imagewrap,
.baginbox .column.c2 .csc-textpic-imagewrap img {
	width: 100% !important;
}



/**
 **************************************************
 PACKAGING INNOVATION (STATIC HTML)
 *
 * @description: css definitons for static html part in "packaging innovation"
 **************************************************
**/
.packaging {
    position: relative;
}

.packaging .num {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 1.15em;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background: url("../img/packaging/b_number.png");
    z-index: 10;
}

.packaging a:hover {
    text-decoration: none;
}

.packaging .description {
    position: absolute;
    top: 216px;
    left: 342px;
    width: 225px;
    height: 225px;
    color: #535353;
    background: url("../img/packaging/b_text.png");
}

.packaging .description.label {
    top: 248px;
}

.packaging .description p {
    margin: 15px 15px 15px 30px;
}

.packaging .description .active {
    top: -13px;
    left: -28px;
}

.packaging .arrow {
    position: absolute;
    top: 0px;
    left:12px;
    width: 585px;
    height: 485px;
}

#description16 .arrow {
	top: 157px;
	left: -208px;
}

/* Canister 1 */
.packaging .pos1 {
    top: 17px;
    left: 60px;
}
/* Canister 2 */
.packaging .pos2 {
    top: 60px;
    left: 223px;
}
/* Canister 3 */
.packaging .pos3 {
    top: 94px;
    left: 251px;
}
/* Canister 4.1 */
.packaging .pos4 {
    top: 128px;
    left: 78px;
}
/* Canister 4.2 */
.packaging .pos5 {
    top: 255px;
    left: 282px;
}
/* Canister 5 */
.packaging .pos6 {
    top: 482px;
    left: 257px;
}
/* Canister 6 */
.packaging .pos7 {
    top: 490px;
    left: 95px;
}
/* Canister 7 */
.packaging .pos8 {
    top: 325px;
    left: 23px;
}
/* Canister 8 */
.packaging .pos9 {
    top: 270px;
    left: 30px;
}
/* Canister 9 */
.packaging .pos10 {
    top: 15px;
    left: 350px;
}
/* Canister 10 */
.packaging .pos11 {
    top: 50px;
    left: 362px;
}
/* Canister 11 */
.packaging .pos12 {
    top: 15px;
    left: 470px;
}
/* Canister 12 */
.packaging .pos13 {
    top: 58px;
    left: 460px;
}

/* Label 1 */
.packaging .pos14 {
    top: 205px;
    left: 165px;
}
/* Label 2 */
.packaging .pos15 {
    top: 277px;
    left: 88px;
}
/* Label 3 */
.packaging .pos16 {
    top: 293px;
    left: 67px;
}
/* Label 4 */
.packaging .pos17 {
    top: 358px;
    left: 68px;
}
/* Label 5 */
.packaging .pos18 {
    top: 398px;
    left: 120px;
}
/* Label 6 */
.packaging .pos19 {
    top: 373px;
    left: 145px;
}
/* Label 7 */
.packaging .pos20 {
    top: 433px;
    left: 260px;
}
/* Label 8 */
.packaging .pos21 {
    top: 392px;
    left: 255px;
}
/* Label 9 */
.packaging .pos22 {
    top: 347px;
    left: 264px;
}
/* Label 10 */
.packaging .pos23 {
    top: 320px;
    left: 260px;
}
/* Label 11 */
.packaging .pos24 {
    top: 300px;
    left: 240px;
}
/* Label 12 */
.packaging .pos25 {
    top: 262px;
    left: 257px;
}
/* Label 13 */
.packaging .pos26 {
    top: 216px;
    left: 230px;
}
/* Label 14 */
.packaging .pos27 {
    top: 101px;
    left: 410px;
}
/* Label 15 */
.packaging .pos28 {
    top: 400px;
    left: 85px;
}

/* Label 16 */
.packaging .pos29 {
	top: 160px;
	left: -205px;
}

.pos_img5 {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.pos_img15 {
    float: right;
    margin-top: -10px;
    margin-right: -10px;
}

/**
 **************************************************
 * EVENTPLANER
 *
 * @description: css definitons for static html part in "eventplaner"
 **************************************************
**/

.ravenol.eventplaner .event {
    clear:both;
	cursor: pointer;
}

.ravenol.eventplaner  input.radio,
.ravenol.eventplaner #eplaner .submit{
	display: none;
}

.ravenol.eventplaner .view {
    float:right;
    width: 748px;
    margin: 0 3px 20px 0;
    padding: 7px;
    background-color: #e6e6e6;
    box-shadow: 3px 3px 3px #aaa;
    border-radius: 0 5px 5px 0;
}

.ravenol.eventplaner .view p {
    color: #646464;
}

.ravenol.eventplaner .date {
    float: left;
    height:90px;
    width: 230px;
    margin-right: 5px;
    border-radius: 5px 0 0 5px;
    box-shadow: 3px 3px 3px #aaa;
}

.ravenol.eventplaner .event .date {
    background: url(../img/eventplaner/date-grey-bg.jpg);
}

.ravenol.eventplaner .event.category-1 .date {
	background: url(../img/eventplaner/date-yellow-bg.jpg);
}

.ravenol.eventplaner .event.category-2 .date {
	background: url(../img/eventplaner/date-orange-bg.jpg);
}

.ravenol.eventplaner .event.category-3 .date {
	background: url(../img/eventplaner/date-red-bg.jpg);
}

.ravenol.eventplaner .event.category-4 .date {
	background: url(../img/eventplaner/date-blue-bg.jpg);
}

.ravenol.eventplaner .event.category-5 .date {
	background: url(../img/eventplaner/date-cyan-bg.jpg);
}

.ravenol.eventplaner .date h2 {
    color: #fff;
    margin: 10px;
}

.ravenol.eventplaner .shortView {
    height:76px;
}

.ravenol.eventplaner .shortView h2 {
    margin: 7px 0 4px 0;
    font-size: 1.7em;
    color: #646464;
}

.ravenol.eventplaner .shortView h3 span {
    padding: 4px 3px;
    font-size: 0.85em;
    text-transform: uppercase;
    color: #fff;
    background: #646464;
}

.ravenol.eventplaner .content {
    margin-top: 8px;
}

.ravenol.eventplaner .description {
    margin-top: 5px;
}

.ravenol.eventplaner .category {
	margin-bottom: 30px;
}

.ravenol.eventplaner .category>ul {
	margin: 0 !important;
	padding: 0;
}

.ravenol.eventplaner .category>ul>li,
.ravenol.eventplaner .calender>ul>li,
.ravenol.eventplaner .period>ul>li {
	padding-left: 0 !important;
	background-image: none !important;
}

.ravenol.eventplaner .category>ul>li,
.ravenol.eventplaner .calender>ul>li,
.ravenol.eventplaner .period>ul>li {
	float: left;
}

.ravenol.eventplaner .category>ul>li {
	margin: 0 3px 3px 0 !important;
	box-shadow: 3px 3px 3px #aaa;
}

.ravenol.eventplaner .calender {
	float: right;
	display: inline;
}

.ravenol.eventplaner .calender>ul>li label:hover,
.ravenol.eventplaner .calender>ul>li.act label{
	text-decoration: underline;
}

.ravenol.eventplaner .calender>ul>li.clearFloat {
	clear: both;
}

.ravenol.eventplaner .calender>ul>li label {
	width: 70px;
	margin-bottom: 15px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}

.ravenol.eventplaner .category>ul>li.first {
	border-radius: 5px 0 0 5px;
}

.ravenol.eventplaner .category>ul>li.last {
	border-radius: 0 5px 5px 0;
}

.ravenol.eventplaner .category>ul>li label,
.ravenol.eventplaner .period>ul>li label{
	width: auto;
}

.ravenol.eventplaner .category>ul>li.category-0{
	background: url(../img/eventplaner/category-0-bg.jpg) repeat-x transparent !important;
}
.ravenol.eventplaner .category>ul>li.category-1{
	background: url(../img/eventplaner/category-1-bg.jpg) repeat-x transparent !important;
}
.ravenol.eventplaner .category>ul>li.category-2{
	background: url(../img/eventplaner/category-2-bg.jpg) repeat-x transparent !important;
}
.ravenol.eventplaner .category>ul>li.category-3{
	background: url(../img/eventplaner/category-3-bg.jpg) repeat-x transparent !important;
}
.ravenol.eventplaner .category>ul>li.category-4{
	background: url(../img/eventplaner/category-4-bg.jpg) repeat-x transparent !important;
}
.ravenol.eventplaner .category>ul>li.category-5{
	background: url(../img/eventplaner/category-5-bg.jpg) repeat-x transparent !important;
}

.ravenol.eventplaner .category>ul>li label {
	padding: 0 30px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
}

.ravenol.eventplaner .events {
	padding-top: 30px;
	background: url(../img/eventplaner/divider-bg.jpg) 0 0 repeat-x transparent;
}

.ravenol.eventplaner .period>ul>li {
	position: relative;
	overflow: inherit !important;
	height: 35px;
	margin-right: 3px !important;
	box-shadow: 3px 3px 3px #aaa;
	background: url(../img/eventplaner/past-bg.png) repeat-x transparent !important;
}

.ravenol.eventplaner .period>ul>li.next{
	border-radius: 5px 0 0 5px;
}

.ravenol.eventplaner .period>ul>li.past{
	border-radius: 0 5px 5px 0;
}

.ravenol.eventplaner .period>ul>li.act{
	background: url(../img/eventplaner/next-bg.png) repeat-x transparent !important;
}

.ravenol.eventplaner .period>ul>li.act:after{
	position: absolute;
	top: 88%;
	left: 50%;
	border: solid transparent;
	content: url(../img/eventplaner/arrow-bg.png);
	height: 0;
	width: 0;
}

.ravenol.eventplaner .period>ul>li label {
	padding: 0 30px;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
}