/*** Stylesheet-Angaben Content ***/

body	{
		font: normal 11px/14px verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		background-color: transparent;
		}
		
td, th	{
		font: normal 11px/14px verdana, Arial, Helvetica, sans-serif;
		vertical-align: top;
		text-align: left;
		}

h1 		{
		font: bold 12px/14px verdana, helvetica, sans-serif;
		margin: 0;
}

h2 		{
		font: bold 14px/18px verdana, helvetica, sans-serif;
		font-weight:bold;
		color: #FF9900;
		margin: 0;
		}

h3 		{
		font: bold 18px/20px verdana, helvetica, sans-serif;
		color: #FF9900;
		margin: 0;
		}

h4		{
		font: 20px/24px Verdana, Arial, Helvetica, sans-serif;
		}

h5		{
		font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		}

img		{
		border: 0;
		margin: 0;
		padding: 0;
		}

a		{
		color: black;
		text-decoration: none;
		margin: 0;
		}

a:link,
a:visited	
		{
		color: #666666;
		background-color: inherit;
		}

a:hover, a:focus	
		{
		color: #666666;
		background-color: rgb(249,210,128);
		}

a:active	
		{
		background-color: rgb(249,210,128);
		}

.newsbox {
		margin-left: 700px;
		border: 1px solid grey;
		padding: 10px;
		margin-right: 10px;
		}

#teaserpic {
		margin: 0 10px 0 0;
		}


/***** FAQ *****/

form { margin: 0; padding: 0 }

#faq-menu {
	float: right;
	margin: 1em 1em 1em 2em; 
	padding: 0 1.5em;
	border: 1px solid rgb(220,220,220);
	background-color: rgb(255,255,240);
}

#faq-menu h3 { margin: 0; }
#faq-menu ul { margin-left: 1em; padding: 0 }
#faq-menu ul li { list-style-type: none; margin-left: 0 }
#faq-menu ul li li { list-style-type: none; margin-left: 1em }

.bread-crumb {
	color: rgb(200,200,200)
}

ol.questions li { margin-top: 1em }

.bewertung { border: 1px solid rgb(230,230,230); background-color: rgb(240,240,240); padding: .5em; clear: both; }

/*** Stylesheet-Angaben News ***/

table.news { border: 1px solid grey; margin: 0; border-spacing: 0; border-collapse: collapse; }

table.news td {
	padding: .2em 1em .2em 1em;
}

table.news td.date {
	text-align: right; vertical-align: top; color: rgb(100,100,100); background-color: #FEFBF7;
}

table.news tr.odd td.news { background-color: #F8E0AD; }
table.news tr.even td.news { background-color: #F9F0DF; }

.current { font-weight: bold; }

.archivmenu { margin: 0 }

/*** Stylesheet-Angaben Know-How ***/

td.top {
	background-color: #F2C36E;
	padding: 5px 0 5px 10px;
}

td.odd {
	background-color: #F8E0AD;
	padding: 2px 0 2px 40px;
}

td.even {
	background-color: #F9F0DF;
	padding: 2px 0 2px 40px;
}

/*** Stylesheet-Angaben Vergütungsmodelle ***/

.verdienst {
	background: url(/style/verdienst_back.gif) no-repeat left top;
	height: 300px;
	padding: 20px 0 0 20px;
	margin-top: 20px;
}

.verdienst ul li {
	line-height: 1.2em
}

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

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

.variostar {
	background: url(/style/grad-variostar.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;
}

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.varioweb {
	border-left-color: #999999;
}

div.variostar {
	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;
}

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

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

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

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

.verguetungsmodelle ul, div.provbox ul {
	margin-left: 1em;
	padding-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 1em 1em 1em;
	width: 530px;
	background-color: white;
}

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

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

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 2em 1em 0;
}

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

/**************** Veranstalter ********************/

body.vasback {
		margin: 0;
		background: rgb(249,249,249) url(/style/vasback.gif) repeat-y center top;
		font: 12px helvetica, arial, sans-serif;
		}

table.vas {
	width: 568px;
	border-collapse: collapse;
	margin: 0;
	clear: both
}

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

table.vas tbody th {
	text-align: left
}

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

th.va {			width: 80px; }
th.kuerzel {	width: 100px }
th.leistungen {	width: 180px }
th.basis {		width: 100px }
th.fest {		width: 100px }


td.kuerzel		{ border-left: 1px solid rgb(220,220,220); border-right: 1px solid rgb(220,220,220) }
td.basis		{ border-left: 1px solid rgb(220,220,220); border-right: 1px solid rgb(220,220,220) }
td.fest			{ }

table { empty-cells: show }

.buchbar { padding: .5em; background-color: rgb(249,230,190) }

p.sonderbonus { padding: .5em; background-color: rgb(249,230,190) }


/* ***************** Fussleiste ***************** */

.copyright {
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		margin-bottom: 10px;
		}