html, body {
	font-size: 13px;
}
.error {
	margin: 1rem 0rem;
}
.error * {
	color: #CC0033;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

/*	##########################################

	Header

	####################################### */
header .title {
	font-family: 'AudiExtendedBold', Verdana, sans-serif;
}
header .language-box label, header .language-box select, header .language-box select option {
	font-family: 'AudiNormal', Verdana, sans-serif;
	font-size: 0.9rem;
}

/*	##########################################

	Footer

	####################################### */

footer {
	color: #fff;
}
footer *, footer a:focus, footer a:hover, footer a:active {
	color: #b0b6b8;
	font-family: 'AudiExtendedNormal', Verdana, sans-serif;
}

/*	##########################################

	side-bar

	####################################### */
.side-bar h1, /* <<< h1 should not exist */
.side-bar h2, .side-bar h3, .side-bar h4, .side-bar h5, .side-bar h6 {
	font-family: 'AudiExtendedBold', Verdana, sans-serif;
	font-size: 1.5rem;
	line-height: 2rem;
}

.side-bar .functionlink, .side-bar .linklist a {
	color: #000000 !important; /*important because a fucking idiot pasted inline styles to mark the actual page*/
	display: table;
}
.side-bar .functionlink:focus, .side-bar .functionlink:hover, .side-bar .functionlink:active,
.side-bar .linklist a:focus, .side-bar .linklist a:hover, .side-bar .linklist a:active {
	color: #CC0033 !important; /*important because a fucking idiot pasted inline styles to mark the actual page*/
}
.side-bar .linklist a {
	display: table;
}

/*	##########################################

	.styled

	####################################### */
.styled {
	font-family: 'AudiNormal', Verdana, sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
}
/*links*/
.styled a {
	color: #000000;
}
.styled a:focus, .styled a:hover, .styled a:active {
	color: #CC0033;
}
.styled a.functionlink, .styled .linkBlock a, .styled .linklist a, .styled .product-group a, .styled .document a {
	padding-left: 12px;
	background: url(./img/sprites.png) -561px -88px no-repeat;
	text-decoration: none;
	margin: 0.5rem 0rem;
}
.styled .linklist li {
	list-style-type: none;
}
/*buttons*/
.styled a.button, .styled .button {
	background: #000;
    color: #fff;
    display: table;
    padding: 10px 12px;
    padding-right: 27px;
    position:relative;
    font-family: 'AudiBold', Verdana, sans-serif;
    margin-bottom: 1rem;
    text-decoration: none;
    line-height: 1rem;
}
.styled a.button:after, .styled .button:after {
	content: "";
	display: block;
	width: 10px;
	height: 17px;
	position: absolute;
	top: 9px;
	right: 12px;
	background: url(./img/sprites.png) -60px -1438px no-repeat;
}
.styled a.button:focus, .styled a.button:hover, .styled a.button:active,
.styled .button:focus, .styled .button:hover, .styled .button:active {
	background: #6D7579;
}
.styled a.button.action, .styled .button.action {
	padding-right: 32px;
}
.styled a.button.action:after, .styled .button.action:after {
	width: 15px;
	background: url(./img/sprites.png) -126px -0px no-repeat;
}
.styled a.button.backwards, .styled .button.backwards {
	padding: 10px 12px;
	padding-left: 27px;
}
.styled a.button.backwards:after, .styled .button.backwards:after {
	left:10px;
	background: url(./img/sprites.png) -27px -1473px no-repeat;
}
.styled a.button.reset, .styled .button.reset {
	padding: 10px 12px;
	padding-right: 34px;
}
.styled a.button.reset:after, .styled .button.reset:after {
	right: 10px;
	top: 7px;
	width: 17px;
	background: url(./img/sprites.png) -234px -0px no-repeat;
}
.styled .button.inactive, .styled .button.inactive:focus, .styled .button.inactive:hover, .styled .button.inactive:active {
	background: #d5d9d8;
}
/*tables*/
.styled th {
	background: #8e9498;
	text-align: left;
}
.styled tr:nth-child(odd) {
	background: #e7e9ea;
}
.styled table * {
	border-spacing: 0px;
}
.styled tr.article td {
	vertical-align: top;
}
/*tooltip*/
.styled [data-tooltip], .styled .has-tooltip, .styled label[tooltip] {
	position: relative;
	cursor: help;
}
.styled label[tooltip] {
	display: inline-block;
}
.styled label[tooltip]:focus:after, .styled label[tooltip]:hover:after, .styled label[tooltip]:active:after,
.styled [data-tooltip]:focus:after, .styled [data-tooltip]:hover:after, .styled [data-tooltip]:active:after {
	display: block;
	position: absolute;
	background: #d0d3d4;
	color: #000;
	bottom: 25px;
	left: 0px;
	width: 30rem;
	padding: 1rem;
	z-index: 1;
}
.styled label[tooltip]:focus:after, .styled label[tooltip]:hover:after, .styled label[tooltip]:active:after {
	content: attr(tooltip);
}
.styled label[tooltip]:focus:before, .styled label[tooltip]:hover:before, .styled label[tooltip]:active:before,
.styled [data-tooltip]:focus:before, .styled [data-tooltip]:hover:before, .styled [data-tooltip]:active:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background: linear-gradient(to bottom right, #d0d3d4 0%, #d0d3d4 50%, transparent 51%, transparent 100%);
}
.styled label[tooltip]:focus:before, .styled label[tooltip]:hover:before, .styled label[tooltip]:active:before {
	left: 20px;
}
.styled [data-tooltip]:focus:after, .styled [data-tooltip]:hover:after, .styled [data-tooltip]:active:after {
	content: attr(data-tooltip);
}
/*forms*/
.styled input[type="radio"], .styled input[type="checkbox"] {
	display: none;
}
.styled input[type="radio"] + label:before, .styled input[type="checkbox"] + label:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.styled input[type="radio"] + label:before {
    background: url('./img/sprites.png') -74px 0px no-repeat;
    width: 32px;
    height: 31px;
}
.styled input[type="checkbox"] + label:before {
	background: #fff;
	width: 25px;
	height: 25px;
	border: 3px solid #000;
}
/*:checked*/
.styled input[type="radio"]:checked + label:before, .styled input[type="checkbox"]:checked + label:before {
    background: url('./img/sprites.png') -74px -32px no-repeat;
}
.styled input[type="checkbox"]:checked + label:before {
	background-color: #CC0033;
	width: 31px;
	height: 31px;
	border: none;
}
/*:disabled and :checked*/
.styled input[type="radio"]:checked:disabled + label:before, .styled input[type="checkbox"][disabled] + label:before {
    background: url('./img/sprites.png') -366px -30px no-repeat;
}
.styled input[type="checkbox"][disabled] + label:before {
	background-color: #666;
}
/*:disabled and not :checked*/
.styled input[type="radio"]:checked:disabled + label:before, .styled input[type="checkbox"][disabled]:not(:checked) + label:before {
    background: url('./img/sprites.png') -366px -0px no-repeat;
}
.styled input[type="checkbox"][disabled]:not(:checked) + label:before {
	background: #fff;
	width: 25px;
	height: 25px;
	border: 3px solid #666;
}
/*other fields*/
.styled input[type="text"], .styled input[type="password"], .styled select, .styled textarea {
	border: 1px solid #d0d3d4;
	padding: 0.5rem;
	font-size: 1rem;
}
.styled input[type="text"]:disabled, .styled input[type="password"]:disabled, .styled select:disabled option, .styled textarea:disabled,
.styled input[type="text"]:read-only, .styled input[type="password"]:read-only, .styled textarea:read-only {
	color: #b0b6b8;/*same as border*/
	background-color: inherit;
}
.styled input[type="text"], .styled input[type="password"], .styled select {
	height: 1.3rem;
}
.styled select {
	height: auto;
}
.styled .submit {
	position: relative;
	background: #000;
	display: inline-block;
    margin-bottom: 1rem;
}
.styled .submit:after {
	content: "";
	display: block;
	width: 10px;
	height: 15px;
	position: absolute;
	top: 10px;
	right: 12px;
	background: url(./img/sprites.png) -60px -1438px no-repeat;
}
.styled .submit.action:after {
	background: url(./img/sprites.png) -126px 2px no-repeat;
	width: 15px;
}
.styled .submit.action.reset:after {
	background: url(./img/sprites.png) -234px -0px no-repeat;
}
.styled .submit.action input {
	padding-right: 32px;
}
.styled .submit:focus, .styled .submit:hover, .styled .submit:active {
	background: #6D7579;
}
.styled .submit input {
	font-family: 'AudiBold', Verdana, sans-serif;
	color: #fff;
	background: none;
	padding: 10px 12px;
	padding-right: 27px;
	font-size: 1rem;
	border: none;
	cursor: pointer;
}/*
.styled .form-field.mandatory .description > label:first-child:after,
.styled .form-field.mandatory .description > .label:first-child:after,*/
.styled .form-field.mandatory > *:first-child >  label:first-child:after,
.styled .form-field.mandatory > *:first-child > .label:first-child:after,
.styled .form-field.mandatory .value.full-width > label:after {
	content: " *";
}
.styled .form-field .value.textonly > * {
	color: #434c53;
}

.styled .hint {
	font-style: italic;
}
.styled .value .field {
	font-style: italic;	
}

/*	##########################################

	.side-menu

	####################################### */
.styled .side-menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.styled .side-menu ul a {
	display: table;
	padding-left: 12px;
    background: url(./img/sprites.png) -561px -88px no-repeat;
    text-decoration: none;
    margin: 0.5rem 0rem;
}

/*	##########################################

	content-container.styled

	####################################### */
.content-container.styled h1, .content-container.styled h2 {
	font-family: 'AudiExtendedBold', Verdana, sans-serif;
	line-height: 2rem;
}
.content-container.styled h1 {
	font-size: 2rem;
}
.content-container.styled h2 {
	font-size: 1.5rem;
}
.content-container.styled h3, .content-container.styled h4, .content-container.styled h5, .content-container.styled h6, .content-container.styled .linkBlock a, .content-container.styled .linkBlockLast a {
	font-family: 'AudiBold', Verdana, sans-serif;
	font-size: 1.2rem;
	line-height: 1.5rem;
}
/*FIXME <em> tags in texts*/
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	font-style: normal;
}
.content-container.styled p.subtitle {
	margin-top: -1rem;
	margin-bottom: 0.5rem;
	font-style: italic;
}

.content-container.styled p, .content-container.styled .text, .content-container.styled .textLast {
	padding-bottom: 0.5rem;
	margin: 0px;
}
.content-container.styled .linkBlock, .content-container.styled .linkBlockLast {
	margin-top: 2rem;
}

.content-container.styled .article-list {
	list-style-type: none;
	padding: 0px;
}
.content-container.styled .article-list > li {
	margin-bottom: 1rem;
	min-height: 25px;
	padding-left: 25px;
	margin-left: 12px;
	position: relative;
}
.content-container.styled .article-list.master-first > li:first-child {
	margin-left: 0px;
	font-weight: bold;
	padding-left: 37px;/*25 + 12*/
}
.content-container.styled .article-list > li:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 25px;
	top: 0px;
	left: 0px;
	background: url(./img/sprites.png) -195px -381px no-repeat;
}
.content-container.styled .article-list.master-first > li:first-child:before {
	width: 25px;
	background: url(./img/sprites.png) -119px -2081px no-repeat;
}

.with-popup-icon {
	text-align: right;
}
.with-popup-icon > *:first-child {
	float: left;
}
.with-popup-icon > img {
	cursor: pointer;
}
.popup-content {
	display: none;
}
#MB_window .popup-content {
	display: block;
}
.popup-content button {
	clear:both;
	float:right;
}

/*	##########################################

	"modal stuff"

	####################################### */
.remodal-wrapper .remodal-confirm {
	background-color: #000;
}
.remodal-wrapper .remodal-confirm:focus, .remodal-wrapper .remodal-confirm:hover, .remodal-wrapper .remodal-confirm:active {
	background-color: #6D7579;
}
/* overwrite text-align:center given by remodal.css */
.popup-content * {
    text-align: left;
}
#serviceHints:not(.remodal) {
	color: #CC0033;
}


/*	##########################################

	paginated table navigation

	####################################### */
.prev {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') -16px -48px;
}
.next {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') 0 -48px;
}

.lastp {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') -16px 0;
}
.firstp {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') 0 0;
}

.lastpDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') 0 -32px;
}
.firstpDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') -16px -32px;
}
.prevDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') 0 -16px;
}
.nextDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/NavSprites.png') -16px -16px;
}
.lastp:hover {
    background: url('./img/NavSprites.png') 0 -32px;
}

.firstp:hover {
    background: url('./img/NavSprites.png') -16px -32px;
}
.prev:hover {
    background: url('./img/NavSprites.png') 0 -16px;
}

.next:hover {
    background: url('./img/NavSprites.png') -16px -16px;
}



.pageBox {
    padding-left: 5px;
    padding-right: 5px;
    border: solid black 1px;
    display: inline-block;
}