/* Elements */
img.prev {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') -14px -106px;
}
img.next {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') -14px -121px;
}

img.lastp {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') -14px -166px;
}
img.firstp {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') -14px -181px;
}

img.lastpDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') 0 -166px;
}
img.firstpDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') 0 -181px;
}
img.prevDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') 0 -106px;
}
img.nextDisabled {
    height: 14px;
    width: 15px;
    background: url('./img/tools-sprites-trans.gif') 0 -121px;
}

img.prev:hover {
    background: url('./img/tools-sprites-trans.gif') 0 -106px;
}

img.next:hover {
    background: url('./img/tools-sprites-trans.gif') 0 -121px;
}

img.lastp:hover {
    background: url('./img/tools-sprites-trans.gif') 0 -166px;
}

img.firstp:hover {
    background: url('./img/tools-sprites-trans.gif') 0 -181px;
}

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


a {
	color: #2274AC;
	text-decoration: none;
}
.content a.functionlink, a.systemrequirements {
	background: url("./img/linkarrow-orange-alpha.gif") no-repeat scroll 0 0 transparent;
	padding-left: 0.75em;
}
.content a.functionlink:focus, a.systemrequirements:focus, .content a.functionlink:hover, a.systemrequirements:hover {
	background: url("./img/linkarrow-blue-alpha.gif") no-repeat scroll 0 0 transparent;
	text-decoration: underline;
}
.content form a,
.content .form-like a {
	background: url("./img/linkarrow-orange-alpha.gif") no-repeat scroll 0 0 transparent;
	padding-left: 0.75em;
}
.content form a:hover,
.content .form-like a:hover {
	background: url("./img/linkarrow-blue-alpha.gif") no-repeat scroll 0 0 transparent;
}
.content .blank a {
	background: url("./img/linkarrow-orange-alpha.gif") no-repeat scroll 0 0 transparent;
	padding-left: 0.75em;
}

.link-without-decoration {
	background: none !important;
}
.content .blank a:hover {
	background: url("./img/linkarrow-blue-alpha.gif") no-repeat scroll 0 0 transparent;
}
.homeODIS .first,
a.code,
.shoppingcart-table .col5 a,
#headline-2 a,
.homeODIS a,
.serviceNet a {
	background: none !important;
	padding: 0 !important;
	text-indent: 0 !important;
}
.homeODIS .last {
	background: url("./img/linkarrow-orange-alpha.gif") no-repeat scroll 0 50% transparent;
	padding: 0.75em;
	position: relative;
	top: -51px;
	left: 20px;
}
.homeODIS .last:hover {
	background: url("./img/linkarrow-blue-alpha.gif") no-repeat scroll 0 50% transparent;
	text-decoration: underline;
}
.homeODIS a {
	text-decoration: none !important;
}

.content a.icon, .content a.icon:focus, .content a.icon:hover, .content a.icon:active {
	background: none;
}



abbr {

}

acronym {

}

address {

}

big {

}

blockquote {

}

br {
}

button {

}

caption {

}

cite {

}

code {
	white-space: normal;
}

col {

}

colgroup {

}

dd {

}

del {

}

dfn {

}

div {
}
/* 1-col layout */
div.cell-1of1 {
}
/* 3-col layout */
#register br {
  clear: both;
}
#register div,
div.cell-1of2,
div.cell-1of3,
div.cell-1of3_flatrate {
  width: 195px;
  float: left;
}
div.cell-2of3 {
  margin-left: 215px;
  width: 215px;
}
.hform div.cell-2of3 input,
.hform div.cell-2of3 select {
	width: 215px;
}

div.cell-2of2,
div.cell-2and3of3,
div.cell-2and3of3_flatrate {
  margin-left: 215px;
  width: 440px;
}
.hform div.cell-2of2 input,
.hform div.cell-2and3of3 input,
.hform div.cell-2and3of3_flatrate input,
.hform div.cell-2of2 select,
.hform div.cell-2and3of3 select,
.hform div.cell-2and3of3_flatrate select {
	width: 440px;
}
.hform div.cell-2of2 input.radio,
.hform div.cell-2and3of3 input.radio,
.hform div.cell-2and3of3_flatrate input.radio {
	width: auto;
}

div.cell-3of3 {
  width: 33%;
  margin: -2.4em 0 0 66%;
}
#register div#gtb {
  overflow: auto;
  width: auto;
  height: 11em;
  float: left;
  text-align: justify;
  padding: 0.5em;
  border: 1px solid #ddd;
  background-color: #fff;
}

#gtbAcceptance div#gtb {
	overflow: auto;
	width: auto;
	height: 30em;
	float: left;
	text-align: justify;
	padding: 0.5em;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 1em;
}

dl {

}

dt {

}

em, #eventMessages {
	font-weight: bold !important;
	font-style: normal;
}

fieldset {
	border: 1px solid #CFD7D9;
	margin-left: -0.5em;
	padding: 0.5em;
	margin-bottom: 0.5em;
}
.form-like.blank,
form.blank {
	background: transparent;
	padding: 0;
	margin-bottom: 0;
}
.form-like.inline,
form.inline {
	margin-left: -1em;
}
form,
.form-like {
	background: #EAEEED;
	padding: 1em;
	margin-bottom: 2em;
}
.content-container.styled .contentForm {
	background: #EAEEED;
	padding: 1em;
	margin-bottom: 2em;
}
form div,
.form-like div {
	padding: 0.5em 0 0.5em 0;
}
form div p,
.form-like div p {
	margin: 0 !important;
}
/* Clearing floats without extra markup  */
form div p,
.form-like div p {
	display: inline-block;
}
form div p:after,
.form-like div p:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html form div p,
* html .form-like div p {
	height: 1%;
}
form div p,
.form-like div p {
	display: block;
}

#additional-content-2 form {
	padding: 0;
}

.form-field.mandatory > *:first-child >  label:first-child:after,
.form-field.mandatory > *:first-child > .label:first-child:after,
.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;
}

frame {

}

frameset {

}

h1 {
	font-family: VWHeadlineOT-Black;
	font-size: 16px !important;
	line-height: 110%;
}
#register p + h1 {
	font-size: 100%;
	margin-top: 1em !important;
}
br + h1 {
	margin-top: 1em !important;
}

h2,
h3,
h4 {
	color: #111111;
	font-size: 100%;
	font-weight: bold !important;
	margin-bottom: 1em !important;
}

h3 {

}

h4 {

}

h5 {

}

h6 {

}

hr {

}

i {
	font-style: normal;
}

img {

}
img[src="./images/volkswagen/icons/infoicon.gif"] {
	vertical-align: bottom;
}

input {
}
.hform input.checkbox { width: auto; }
.hform input.radio { width: auto; }
#sbs span,
#sbs a,
a.button,
input.button,
.button-wizard,
a.button-wizard,
a.button-main,
input.button,
input.button-main,
input.button-subUser,
.button-wizard-inactive {
	font-family: VWHeadlineOT-Book;
	font-size: 12px;
	border: none;
	padding: 0.2em 0.5em !important;
	background: #2274AC !important; /* overwrite ".content form a" */
	display: inline-block;
	color: #FFFFFF;
	width: auto;
	margin-right: 0.5em;
	line-height: 1.5em;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 2px 3px -2px #999999;
	-moz-box-shadow: 0px 2px 3px -2px #999999;
	box-shadow: 0px 2px 3px -2px #999999;

	/* svg doesn't work correct */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMjI3NGFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMjI3NGFjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMDAzYzY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/
	background: -moz-linear-gradient(top,  rgba(125,185,232,1) 0%, rgba(34,116,172,1) 9%, rgba(34,116,172,1) 90%, rgba(0,60,101,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,1)), color-stop(9%,rgba(34,116,172,1)), color-stop(90%,rgba(34,116,172,1)), color-stop(99%,rgba(0,60,101,1)));
	background: -webkit-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(34,116,172,1) 9%,rgba(34,116,172,1) 90%,rgba(0,60,101,1) 99%);
	background: -o-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(34,116,172,1) 9%,rgba(34,116,172,1) 90%,rgba(0,60,101,1) 99%);
	background: -ms-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(34,116,172,1) 9%,rgba(34,116,172,1) 90%,rgba(0,60,101,1) 99%);
	background: linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(34,116,172,1) 9%,rgba(34,116,172,1) 90%,rgba(0,60,101,1) 99%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#003c65',GradientType=0 );*/
}
a.button,
.button-wizard,
a.button-wizard,
a.button-main {
	padding: 0.2em 0.5em !important;
}

#sbs span,
#sbs a {
	margin-right: 0.5em;
	color: #fff !important;
}
#sbs span {
	margin-left: 0 !important;
}
#sbs span,
#sbs span:hover,
#sbs a:hover,
a.button:hover,
a.button-main:hover,
input.button:hover,
input.button-main:hover,
.button-wizard:hover,
a.button-wizard:hover,
input.button-subUser:hover {
	background: #003C65 !important; /* overwrite !important of buttons without hover effect*/
	text-decoration: none;
	cursor: pointer;

	/* svg doesn't work correct*/
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyNzRhYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjMDAzYzY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMDAzYzY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/
	background: -moz-linear-gradient(top,  rgba(34,116,172,1) 0%, rgba(0,60,101,1) 9%, rgba(0,60,101,1) 90%, rgba(0,0,0,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,116,172,1)), color-stop(9%,rgba(0,60,101,1)), color-stop(90%,rgba(0,60,101,1)), color-stop(99%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(34,116,172,1) 0%,rgba(0,60,101,1) 9%,rgba(0,60,101,1) 90%,rgba(0,0,0,1) 99%);
	background: -o-linear-gradient(top,  rgba(34,116,172,1) 0%,rgba(0,60,101,1) 9%,rgba(0,60,101,1) 90%,rgba(0,0,0,1) 99%);
	background: -ms-linear-gradient(top,  rgba(34,116,172,1) 0%,rgba(0,60,101,1) 9%,rgba(0,60,101,1) 90%,rgba(0,0,0,1) 99%);
	background: linear-gradient(top,  rgba(34,116,172,1) 0%,rgba(0,60,101,1) 9%,rgba(0,60,101,1) 90%,rgba(0,0,0,1) 99%);
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2274ac', endColorstr='#000000',GradientType=0 ); */
}
a.button.disabled,
.button-wizard.disabled,
a.button-wizard.disabled,
a.button-main.disabled,
input.button.disabled,
input.button-main.disabled,
input.button-subUser.disabled,
.button-wizard-inactive {
	background: #fff;
	color: #33434C;
}
input#agreeToDisclaimerButton {
	padding: 0.2em 0.5em;
	float: right;
}
input.button-subUser {
	float: left;
	margin-right: 0.5em;
}

.functionlink,
.function-button-wizard {
	background-image: url("../images/volkswagen/icons/arrows_sprite.png");
    background-position: -412px -79px;
    background-repeat: no-repeat;
    margin-left: 10px;
    min-height: 1.182em;
    padding: 0 0 0 0.75em;
}

.functionlink:hover,
function-button-wizard:hover {
	text-decoration: underline;
}

input[disabled], textarea[disabled], select[disabled] {
	color: #8994A0;
	background-color: #EAEEED;
}

div#register input[type="text"] {
	border: 1px solid;
	width: 15em;
}

div#register select.mandatory,
div#register input[type="text"].mandatory{
	border: 1px solid #2274AC;
}

div#register select{
	width: 15.4em;
}

ins {

}

kbd {

}

label {

}

legend {

}

li {
	list-style-type: square;
}
#additional-content-2 li {
	list-style-type: none;
	margin-left: -15px;
	padding-left: 0.75em;
	background: url(./img/linkarrow-orange-alpha.gif) no-repeat 0 1px;
}
#additional-content-2 li:hover {
	background: url(./img/linkarrow-blue-alpha.gif) no-repeat 0 1px;
}
.links li {
	list-style-type: none;
}

noscript {

}

object {

}

ol {

}

optgroup {

}

option {

}

p {
	margin-bottom: 1em !important;
}

pre {

}

q {

}

samp {

}

select {
	max-width: 440px;
}

small {

}

span {

}
#headline-2 h2 span {
	color: #2274AC;
	margin-left: 5px;
}

strong {

}

sub {

}

sup {
	vertical-align: baseline;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0.5em;
}
table.layout-table {
	width: auto;
}
tbody {

}
td {
	border-bottom: 1px solid #CFD7D9;
	padding: 0.5em !important;
}
td.col4 a.button {
	float: right;
}
.layout-table td {
	width: 215px;
	border-bottom: 0 !important;
}
.serviceNet td[colspan="2"],
.homeODIS .last,
.layout-table td[colspan="2"] {
	width: 450px;
}
.serviceNet td,
.homeODIS .first {
	width: 235px !important;
}


textarea {

}

tfoot {
	font-style: normal;
}

th {
	font-weight: bold;
	padding: 0.5em;
	text-align: left;
}

thead {
}
thead td {
	background: #F0F0F5;
	border-top: 1px solid #CFD7D9;
	border-bottom: 1px solid #CFD7D9;
	font-weight: bold;
	padding: 0.5em;
}

tr {

}
.layout-table tr {
}

tt {
	display: inline;
	font-family: Arial, sans-serif !important;
	background: #EAEEED;
	color: #2274AC;
	padding: 0.1em !important;
}

ul {
}
ul.links {
	margin: 0;
}

img.add-hardware-button {
	position: relative;
	left: 330px;
	top: -46px;
}

/* Classes */

table.assistant-table,
table.blank {
 }

.shoppingcart-table {
	width: 100%;
	margin-bottom: 0;
}

 .wizzardLabel,
 .infoMessage2 {
 	vertical-align: top;
 	padding-top: 15px;
}


.with-popup-icon {
	text-align: right;
}
.with-popup-icon > *:first-child {
	float: left;
}
.with-popup-icon > img {
	cursor: pointer;
}

.with-popup-icon-rde {
	cursor: pointer;
}

.popup-content {
	display: none;
}
#MB_window .popup-content {
	display: block;
}
.popup-content button {
	clear:both;
	float:right;
}

/* Ids */
#error li {
	list-style: none;
	margin-left: -18px;
}
.error, .error * {
	color: #E4002C;
}