.flatstar {
	background: url(/style/grad-flatstar.jpg) repeat-x left top
}

.variostar {
	background: url(/style/grad-variostar.jpg) repeat-x left top
}

.varioweb {
	background: url(/style/grad-varioweb.jpg) repeat-x left top
}

.varioexpert {
	background: url(/style/grad-varioexpert.jpg) repeat-x left top
}

.varioprofessional {
	background: url(/style/grad-varioprofessional.jpg) repeat-x left top
}

div.vario {
	border: 1px solid rgb(220,220,220);
	height: 350px!important;

}

div.flatstar {
	border-color: rgb(252,118,19);
	margin-top: 20px;
}

div.variostar, div.varioexpert, div.varioprofessional, div.varioweb {
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-top: 20px;
}

div.variostar {
	border-left-color: #999999;
}

div.varioweb {
	border-left-color: #999999;
}

div.varioprofessional {
	border-right-color: #999999;
}

div.vario h2 {
	font-weight: normal;
	text-align: center;
	font-size: 14px !important;
	padding: 1em 0 1em 0;
}

div.vario p { 
	margin: 0 .4em  1em .5em;
}

div.vario li { margin-right: .5em }

table.verguetungsmodelle {
	width: 420px;
	border: none;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

div.vario {
	background-color: white;
}

.verguetungsmodelle ul, div.provbox ul {
	margin-left: .1em;

}

.vario img.prov {
	float: right;
	border-top: 1px solid rgb(220,220,220);
	border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	margin: 0 0 1em 0
}

div.vario ul { clear: both }

div.provbox {
	border: 1px solid #999999;
	padding: 1em 0em 1em 1em;
	width: 510px;
	background-color: white;
}

div.provbox .flat {
	background: url(http://www.travelan.de/images/prov/grad-flatstar.jpg) repeat-x left top;
}

div.provbox .star {
	background: url(http://www.travelan.de/images/prov/grad-variostar.jpg) repeat-x left top;
	background-color: white;
}

div.provbox .expert {
	background: url(http://www.travelan.de/images/prov/grad-varioexpert.jpg) repeat-x left top
}
div.provbox .professional {
	background: url(http://www.travelan.de/images/prov/grad-varioprofessional.jpg) repeat-x left top
}

div.provbox img.prov {
	border: 1px solid #999999;
	float: right;
	margin: 0 1em 1em 1em
}

.intro {
	font-weight: bold;
	clear: both;
}

.flatstar table thead th { text-align: left; border-bottom: 1px solid rgb(220,220,220) }
.flatstar td.betrag { text-align: right }

strong.exclusive { background-color: rgb(150,150,150); color: white; padding: .1px .3em; font-weight: normal }

div.wkz h2 {
	font-size: 16px !important;
}

div.provbox h2 {
	font-size: 16px !important;
	font-weight: normal;
	padding-bottom: 15px;
}

div.provbox h3 {
	margin-bottom: 0 !important
}

div.provbox ul {
	margin-top: 0 !important
}

ul.features, p.teaser {
	font-size: 14px
}

p.teaser {
	font-weight: bold;
}

span.plus { color: rgb(252,118,20) }

table.wkz {
	border-collapse: collapse;
	margin: 2em 0
}

table.wkz td {
	border-top: 1px solid rgb(220,220,220);
	padding: .2em .5em
}

table.wkz th {
	text-align: left;
	padding: .2em .5em;
}

table.wkz thead th {
	background-color: rgb(230,230,230);
	padding-top: .5em;
	padding-bottom: .5em;
}


table.wkz .value {
	text-align: right;
	padding-right: 2em;
	font-weight: bold;
	border-left: 1px solid rgb(230,230,230);
	border-right: 1px solid rgb(230,230,230);
}

table.wkz td.important {
	color: rgb(255,153,0);
	font-weight: normal
}
table.wkz td.important strong {
	color: black
}

.auszahlungsgarantie {
	float: right; margin: 1em 3em 1em 1em
}

	table.beispiele tr td { padding: .2em .5em; border-bottom: 1px solid rgb(220,220,220)}
	table.beispiele tr td.betrag { border-left: 1px solid rgb(220,220,220); border-right: 1px solid rgb(220,220,220) }