body {
		background-color: white; 
		color: black;
		font: 12px/18px helvetica, arial, sans-serif;
}
h3 {
		font-size: 12px;
}
a { 
		text-decoration: none
}

td, th {
		vertical-align: top;
		text-align: left;
}

input { 
		font-size: 11px 
}

th,
strong,
dt {
		font-weight: bold;
		color: black; background-color: inherit;
}

dt, dd {
		margin-top: 1em;
}

img{ 
		border: none;
}

a:link,
a:visited	{
		color: black;
		background-color: inherit; 
		text-decoration: none;
}

a:hover, a:focus	{
		color: inherit; 
		background-color: inherit; 
		text-decoration: underline;
}

a:active	{
		color: black; background-color: inherit;
}




#layout table{
		width: 620px;
}





div.angebotsbox a:link,
div.angebotsbox a:visited	{
		color: #F36701; 
		background-color: inherit;
}

div.angebotsbox span.preis {
		color: #F36701;
		font-weight: bold;
}

div.linkbox h2 {
		font-size: 14px;
		color: #F36701;
		background: url(verlauf-ueberschrift.jpg) repeat-x top left;
		padding: .2em 1em;
}


div.angebotsbox {
  		background: url(verlauf-angebote.jpg) repeat-x top left;
		padding: inherit;
		
}


div.angebotsbox h3  {
		font-weight: bold;
		font-size: 12px;
		color: #F36701;
		margin: 0;
}		



table.angebotstabelle {		
		width: 615px;
		margin: 10px 0 20px 0;
		
		border-spacing: 0;
		border-collapse: collapse;
		line-height: 15px;
}

table.angebotstabelle td {
		text-align: right;
		padding-right: 1em;
}

table.angebotstabelle td a:link,
table.angebotstabelle td a:visited {		
		color: #F36701;
		background-color: inherit;
		text-align: right;
		font-weight: bold;
		
}

table.angebotstabelle th {		
		font-weight: normal;
		text-align: left;
		text-decoration: none;
}		

table.angebotstabelle th.abstand {		
		padding: 0  0 0 55px;
}




/* schnellsuche-tabs */

#schnellsuche {
		font: 12px helvetica, arial, sans-serif;
		font-weight: bold;
		width: 465px; 
		height: 23px;
		background: url(schnellsuche-tabs.gif);
		margin: 0; 
		padding: 0;
		position: relative; 
		top: 0px; 
		left: 0px;
	
}
#schnellsuche li {

		margin: 0; 
		padding: 0; 
		list-style: none; 
		position: absolute; 
		top: 0; 
		text-align: left; 
}


#schnellsuche li, #schnellsuche a {
		height: 23px; 
		display: block;
		}

#pauschal  { left:   0px; width: 116px;}
#flug      { left: 116px; width: 117px;}
#hotel     { left: 233px; width: 116px;}
#mietwagen { left: 349px; width: 116px;}
 
#pauschal  a { padding-left:11px;}
#flug	   a { padding-left:36px;}
#hotel     a { padding-left:32px;}
#mietwagen a { padding-left:12px;}
 
 
#schnellsuche a { padding-top: 4px; height: 19px }
 
 
 
/* x-offset, width */
 
#pauschal a:hover, #pauschal a.active    { background: transparent url(schnellsuche-tabs.gif)    0   -23px no-repeat; }
#flug a:hover, #flug a.active            { background: transparent url(schnellsuche-tabs.gif) -116px -46px no-repeat; }
#hotel a:hover, #hotel a.active          { background: transparent url(schnellsuche-tabs.gif) -233px -23px no-repeat; }
#mietwagen a:hover, #mietwagen a.active  { background: transparent url(schnellsuche-tabs.gif) -349px -46px no-repeat; }
 
/* x-offset as same as above, y-offset */
 
#schnellsuche a:link, #schnellsuche a:visited { 
		color: #979797 
}


#schnellsuche a:hover, #schnellsuche a:active, #schnellsuche a.active  { 
		color: #000000; 
		text-decoration:none; 
}

/* schnellsuche-ende */





table.schnellsuche {		
		background: url(verlauf-schnellsuche.jpg) repeat-x top left;
		width: 615px;
		height: 105px;
}

table.schnellsuche th  {
		padding: 2px 10px;
}

th.headline {
		font-size: 10px;
}


th.headline select{
		font-size: 10px!important;
}


table.mietwagen th.datum,
table.hotel th.datum{
		padding-right: 150px;
}


div.newsletter-abo {
		width: 175px;
		height: 250px;
		color: #000000;
		background: url(grafik-newesletter-abo.jpg) no-repeat;
		
}


div.newsletter-abo h2{
		font-size: 14px;
		font-weight: bold;
		padding: 30px 0 0 18px;
}

div.newsletter-abo p.inhalt-newsletter{
		font-size: 11px;
		font-weight: normal;
		padding: 0 0 0 18px;
}


div.newsletter-abo h2.inhalt-newsletter-groese{
		font-size: 12px;
		font-weight: bold;
		padding: 0 0 0 18px;
}





h2.statistik{
		font-size: 19px;
		margin: 30px 0 5px 0;
}

 
th.abstand-logo{
		padding-left: 8px; 
}



table.key-visual{
		background: url(gb-matratzen-oben.jpg) top left no-repeat;
		width: 621px;
		border: none; 
		margin: 0;
		border-spacing: 0;
		border-collapse: collapse;
}

table.key-visual tr.preis td {
		text-align: right; 
		vertical-align: bottom;
		width: 33%; 
		height: 179px;
		padding: 0 23px 0 0;
		font-size: 24px;
		line-height: 20px;
		color:#F36701;
}


tr.key-visual-unten td{		
		height: 70px;
		font-size: 14px;
		padding: 10px 0 0 5px;
		font-weight: bold;
		color: #000000;		
}


tr.key-visual-unten td{
		background: url(gb-matratzen-unten.jpg) top left no-repeat;
}


#navi-tabs {
  		float: left;
  		width: 100%;
  		background: #ffffff url("bg.gif") repeat-x bottom;
  		font-size: 93%;
 		line-height: normal;
}


#navi-tabs ul {
  		margin: 0;
  		padding: 10px 0 0 0;
	 	list-style: none;
}


#navi-tabs li {
  		float: left;
  		background: url("left_on.gif") no-repeat left top;
  		margin: 0;
 		padding: 0 1px 0 9px;
}



#navi-tabs a {
  		float: left;
  		display: block;
 		background: url("right_on.gif") no-repeat right top;
  		padding: 5px 9px 4px 2px;
  		text-decoration: none;
  		font-weight: bold;
  		color: #ffffff;
 }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navi-tabs a {
		float: none;
}
/* End IE5-Mac hack */
#navi-tabs a:hover {
  		color: #000000;
}

#navi-tabs #current a:hover {
		color: #000000;
}


#navi-tabs .extra-tab {
  		background-image: url("left.gif");
		
}


#navi-tabs .extra-tab a {
  		background-image: url("right.gif");
  		color: #ffffff;
  		padding: 5px 9px 4px 2px;
}

#navi-tabs .extra-tab a:hover {
		color: #000000;
}