/*



*/

body {
	color: black;
	background-color: white; 
	font: 12px/18px helvetica, arial, sans-serif;
}

table { border: none; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
th, td { vertical-align: top; padding: 0 }

input, select { font-size: 12px!important; margin: 1px 0 }


a img { border: none }


/* Angebotstabellen */


/* unimp: Links in schwarz*/

.unimp a:link, .unimp a:visited, a:link .unimp, a:visited .unimp	{ color: black; background-color: inherit }
.unimp a:hover, .unimp a:focus, a:hover .unimp, a:focus .unimp { color: white; background-color: rgb(255,165,0) }
.unimp a:active, a:active .unimp { color: gray; background-color: rgb(249,210,128) }


/* Links generell */
a:link, a:visited, .preis a:link, .preis a:visited	{ color: rgb(255,165,0); background-color: inherit }
a:hover, a:focus, .preis a:hover, .preis a:focus { color: black; background-color: rgb(255,165,0) }
a:active, .preis a:active { color: gray; background-color: rgb(249,210,128) }






/**/

#content {
	width: 600px;
}

#content a { text-decoration: none }



/* Angebotslisten  */

ul.angebote {
	list-style-type: none;
	padding: 0;
	margin: 0; /* IE 6 & 7 */
}

ul.angebote li {
	margin: 0;
}

ul.angebote li a {
	display: block;
	width: 124px;		/* ??? */
	padding: 0 10px;
}




.viertel	{ display: block; width: 144px; }
.dreiachtel	{ display: block; width: 220px; }
.halb		{ display: block; width: 296px; }
.dreiviertel	{ display: block; width: 448px; }
.voll		{ display: block; width: 600px; }

.viertel h2.head	{ background-image: url(/page/images/autoreisen/viertel.png) }
.dreiachtel h2.head	{ background-image: url(/page/images/autoreisen/dreiachtel.png) }
.halb h2.head		{ background-image: url(/page/images/autoreisen/halb.png) }
.dreiviertel h2.head	{ background-image: url(/page/images/autoreisen/dreiviertel.png) }
.voll h2.head		{ background-image: url(/page/images/autoreisen/voll.png) }

/* für IE */
* html .viertel h2.head		{ background-image: url(/page/images/autoreisen/viertel.gif) }
* html .dreiachtel h2.head	{ background-image: url(/page/images/autoreisen/dreiachtel.gif) }
* html .halb h2.head		{ background-image: url(/page/images/autoreisen/halb.gif) }
* html .dreiviertel h2.head	{ background-image: url(/page/images/autoreisen/dreiviertel.gif) }
* html .voll h2.head		{ background-image: url(/page/images/autoreisen/voll.gif) }






/* Überschriften mit Balken */

h2.head {
	color: white;
	background: rgb(255,165,0) url(http://www.terracus.de/page/veranstalter/title-back-wide.gif) left top no-repeat;
	font-size: 1em;
	margin: 1em 0 0 0;
	padding: 2px 10px;
}


/*
a.hover { background-color: yellow!important }
*/


/* footer */

.foot { color: gray; text-align: center }
.foot a { text-decoration: underline!important }
.foot a:link, .foot a:visited	{ color: gray; background-color: transparent }
.foot a:hover, .foot a:focus	{ color: black; background-color: transparent }
.foot a:active			{ color: white; background-color: black }