/* 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: 100%;
  height: 11em;
  float: left;
  text-align: justify;
  padding: 0.5em;
  border: 1px solid #ddd;
  background-color: #fff;
}

dl {
	
}

dt {
	
}

em {
	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,textarea,select { 

}

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

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

.mandatory {
  border: 1px solid #2274AC;
}

.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;
}

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