/* ---

Schwarz E-Commerce GmbH & Co. KG
Stiftsbergstr. 1
74166 Neckarsulm

Inhaltsverzeichnis:
	1. "NonPrint" Elemente
	2. Grundlayout
	3. Startseite + Übersichtsseite
		3a. Kleine Teaser Boxen
		3b. Große Teaser Box
		3c. Kleine Content Box
	4. Detailseite
	5. Übersichten (Reisemerkliste, Suchergebnisseite)
	6. Formulare (Detailsuche)
	7. Formularfelder
	8. Tabellen
	9. Reiseinformationen
	10. Newsletter Anmeldung
	11. Buchungsprozess
	12. Popup

--- */

/**********************************************************
*
* 1. "NonPrint" Elemente
*
*/

.Hide,
.TopNav,
.HeadNav,
.TopTeaser,
.QuickSearch,
.Path,
.MainNavFrame,
.Marginal,
.FooterNav,
.FooterTopButton,
.DetailSubBorder,
.SideNav .button,
.PictureBoxNav,
.DetailContentTabs,
.SearchResultContent .more_info,
.MainContentSearch .button_left,
.MainContentSearch .button_right,
ul.options input,
.specialsactionpos {
	display:none;
}

img {
	border:none;
}

/**********************************************************
*
* 2. Grundlayout
*
*/

body {
	font: normal 11px Verdana, Arial;
	color: #003278;
}
.Clearer {
	clear:both;
}
.HeaderLogo a img {
	float:left;
	padding:0 5px 0 0;
}
.HeaderLogo em /* Datum */
{
	font: normal 10px/14px Verdana, Arial;
	color: #003278;
	padding:40px 0 0 0;
	display:block;
}
.TopSlogan /* Größe des Slogans */
{
	font: bold 20px  Trebuchet MS, Arial, Verdana;
	color: #0a3276;
}
.TopSlogan span /* Roter Teil der Schrift */
{
	font: bold 20px  Trebuchet MS;
	font-style: italic;
	color: #b41e0a;
}
.block {
	display:block;
}
span.pagebreak /* Seitenumbruch erzwingen */
{
	page-break-before:always;
	display:block;
	height:2px;
	width:2px;
}
div.spacer {
	height:24px;
}
div.spacer_16 {
	height:16px;
}
.red {
	color:#b41e0a;
}
.NoPrint {
	display:none;
}

/**********************************************************
*
* 3. Startseite + Übersichtsseite
*
*/

.nav_bottom {
	display:none;
}

/**********************************************************
*
* 3a. Kleine Teaser Boxen
*
*/

.Box {
	width:182px;
	height:161px;
	display:block;
	float:left;
	margin:0 8px 8px 0;
	border:1px solid #003278;
	position: relative;
}
.Info img {
	margin:1px 0 0 0;
}
.Info strong {
	font:bold 11px "Trebuchet MS";
	color:#003278;
	padding:3px 0 0 8px;
	display:block;
}
.Info small {
	font:normal 9px "Trebuchet MS";
	color:#003278;
	display:block;
	font-style: italic;
	text-align:left;
	padding:0 8px 0 8px;
	width: 100px;
}
.Info em {
	font:bold 24px "Trebuchet MS";
	color:#003278;
}
.Box span.price {
	font:bold 14px "Trebuchet MS";
	color:#003278;
	display:block;
	text-align:right;
	padding:0 8px 0 0;
	position:absolute;
	bottom:0px;
	right: 0px;
}
.Box span.price em {
	font:bold 24px "Trebuchet MS";
	color:#003278;
}

/**********************************************************
*
* 3b. Große Teaser Box
*
*/

.BigTeaserBox,
.BigTeaserBoxSingle {
	width:566px;
	height:340px;
	display:block;
	text-decoration: none;
	border:1px solid #003278;
	margin:8px 0 8px 0;
	position: relative;
}
.BigTeaserBoxInfo {
	padding:0;
}
.BigTeaserBoxInfo strong {
	padding:0;
	font:bold 11px "Trebuchet MS";
	color:#003278;
	margin:7px 0 0 8px;
	display:block;
}
.BigTeaserBox img {
	border:none;
}
.BigTeaserBox span.price {
	font:bold 14px "Trebuchet MS";
	color:#003278;
	display:block;
	text-align:right;
	padding:0 8px 0 0;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.BigTeaserBox span.price em {
	font:bold 24px "Trebuchet MS";
	color:#003278;
}
.TeaserSwitcher,
.TeaserSwitcherBG {
	display:none;
}
.BigTeaserBoxInfo small {
	font:normal 9px "Trebuchet MS";
	color:#003278;
	display:block;
	font-style: italic;
	text-align:left;
	padding:0 8px 0 8px;
	width: 100px;
}

/**********************************************************
*
* 3c. Kleine Content Box
*
*/

.MainContentBox {
	width:170px;
	height:145px;
	float:left;
	padding:8px 4px 8px 8px;
	border:1px solid #003278;
	margin:0 8px 0 0;
}
.Karte {
	display:none;
}
.MainContentBox h1 {
	font:bold 14px "Trebuchet MS";
	color:#003278;
	margin:0;
	padding:0 0 8px 0;
}
.MainContentBox p {
	font:normal 11px Verdana;
	color:#003278;
	padding:0;
	margin:0;
	line-height:15px;
}
.MainContentBox p.hotline {
	font:bold 20px "Trebuchet MS";
	color:#003278;
	padding:0;
	margin:8px 0 0 0;
}
.MainContentBox ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}
.MainContentBox ul li {
	font:normal 11px Verdana;
	color:#003278;
	margin:2px 0 0 0;
	padding:0;
	line-height:15px;
}
.MainContentBox ul li a {
	font:bold 11px Verdana;
	color:#b41e0a;
}
.MainContentBox ul li span {
	float:right;
	margin:0 8px -15px 0;
	position:relative;
	top:-16px;
}
.MainContentBox a.button {
	display:none;
}

/**********************************************************
*
* 4. Detailseite
*
*/

.DetailContentElement {
	padding-top:16px;
}
.DetailStatusLess {
	font:normal 10px Verdana;
	color:#ff6600;
	display:block;
	height:29px;
}

.DetailStatusEmpty {
	font:normal 10px Verdana;
	color:#b41e0a;
	display:block;
	height:29px;
}
.SideNav {
	float:left;
	width:200px;
}
.PictureBox {
	float:right;
	display:block;
}
.DetailHeader h2 {
	font: bold 20px  Trebuchet MS;
}
.DetailHeader span {
	display:block;
}
.DetailHeader span.price {
	display:block;
	text-align:right;
	font: bold 12px  Trebuchet MS;
	padding-bottom:8px;
}
.DetailHeader span.price strong {
	display: block;
	font: bold 20px  Trebuchet MS;
}

.DetailHeader span.price em {
	font:normal 9px verdana;
	font-style: italic;
}


/**********************************************************
*
* 5. Übersichten (Reisemerkliste, Suchergebnisseite)
*
*/

.MainContentSearch h1 {
	font: bold 20px  Trebuchet MS;
}
.MainContentSearch .floated_left {
	float:left;
	margin-right:8px;
}
.SearchResultContent ul li {
	margin-left:16px;
}
.MainContentSearch h2 {
	color:#b41e0a;
}
.SearchResultInfo strong {
	color:#b41e0a;
	text-decoration:underline;
}

/**********************************************************
*
* 6. Formulare (Detailsuche)
*
*/

.MainContentIBE h1 {
	font:bold 20px "Trebuchet MS";
}

.BigForm {
	padding:0 0 16px 0;
	display:block;
}
.BigFormContent {
	border:1px solid #003278;
	padding:8px 0 8px 0;
}
.BigFormContent a.link {
	font: bold 11px Verdana, Helvetica, sans-serif;
	color:#b41e0a;
	padding:0;
	margin:8px 0 0 146px;
	display:block;
}

.BigFormContent fieldset {
	border:0;
	margin:0;
	padding:0;
	font:normal 11px Verdana;
	color:#003278;
	width:100%;
}
.BigFormContent fieldset.half {
	width:50%;
	float:left;
}
.BigFormContent fieldset.three {
	width:33%;
	float:left;
}
.BigFormContent fieldset.wo_legend {
	margin:13px 0 0 0;
}
.BigFormContent fieldset legend {
	font:bold 11px Verdana;
	color:#003278;
	margin:0;
	padding:0 0 0 8px;
}
.BigFormContent fieldset div {
	padding:8px 0 0 0;
	min-height:16px;
	line-height:16px;
}
.BigFormContent fieldset div div.text_right {
	margin:0;
	padding:0 16px 0 0;
	display: block;
	width:330px;
	float:right;
	line-height:16px;
}
.BigFormContent fieldset.half div div.text_right {
	margin:0;
	padding:0 16px 0 0;
	display: block;
	width:170px;
	float:right;
	line-height:16px;
}
.BigFormContent fieldset div.wo_label {
	padding:8px 0 0 142px;
}
.BigFormContent fieldset div.text {
	padding:3px 8px 0 8px;
}
.BigFormContent fieldset.half div {
	padding:8px 0 0 0;
	min-height:16px;
	line-height:16px;
}
.BigFormContent fieldset.half div.wo_label {
	padding:8px 8px 0 142px;
}
.BigFormContent fieldset.three div {
	padding:8px 0 0 0;
	min-height:16px;
}
.BigFormContent fieldset div label {
	margin:0;
	padding:0 0 0 8px;
	width:134px;
	display: block;
	float: left;
}
.BigFormContent fieldset.half div label.newsletter {
	margin:0;
	padding:0 0 12px 0;
	/*width:184px;*/
	display: block;
}
.BigFormContent fieldset div label.block {
	margin:0;
	padding:0 0 0 8px;
	display: block;
	/*width:538px;*/
}
.BigFormContent fieldset div label.product {
	margin:0;
	padding:0 16px 0 0;
	display: block;
	width:500px;
	float:right;
}
.BigFormContent fieldset div label.product span {
	margin:0;
	padding:0;
	display: block;
	width:470px;
}
.BigFormContent fieldset div label.error {
	color:#b41e0a;
}
.BigFormContent fieldset.half div label {
	margin:0;
	padding:0 0 0 8px;
	/*width:134px;*/
	display: block;
	float: left;
}
.BigFormContent fieldset.half div label.block {
	margin:0;
	padding:0 0 0 8px;
	display: block;
	/*width:332px;*/
}
.BigFormContent fieldset.half div label.error {
	color:#b41e0a;
}
.BigFormContent fieldset.three div label {
	margin:0;
	padding:0 0 0 8px;
	display: block;
	width:200px;
}
.BigFormContent fieldset.three div label.error {
	color:#b41e0a;
}
.button_right,
.button_left,
.form_button {
	display:none;
}

.BigFormContent .ProductBox {
	float:right;
	padding-right:8px;
}

.BigFormContent fieldset div label.product_short {
	margin:0;
	padding:0 16px 0 0;
	display: block;
	width:195px;
	float:right;
}
.BigFormContent fieldset div label.product_short span {
	margin:0;
	padding:0;
	display: block;
	float:left;
}
.BigFormContent fieldset div div.infonotice {
	float:right;
	padding:0;
	margin:0;
}
.BigFormContent fieldset div div.infonotice label {
	width:342px;
	padding:0;
	font:bold 11px Verdana;
}
.BigFormContent fieldset div div.infonotice textarea /*  */
{
	font: normal 11px Verdana, Helvetica, sans-serif;
	color: #003278;
	width:320px;
	height:68px;
	border-top:1px solid #908e8e;
	border-left:1px solid #908e8e;
	border-bottom:0;
	border-right:0;
	padding: 3px 0 0 3px;
}
.BigFormContent fieldset div.text a,
.BigFormContent fieldset div.wo_label a,
a.more {
	color:#B41E0A;
	font-weight:bold;
}


/**********************************************************
*
* 7. Formularfelder
*
*/

.BigForm select,
.SmallForm select /*  */
{
	font: normal 11px Verdana, Helvetica, sans-serif;
	color: #003278;
	width:163px;
	border-top:1px solid #908e8e;
	border-left:1px solid #908e8e;
	border-bottom:0;
	border-right:0;
	height:15px;
}
.BigForm select.small /*  */
{
	font: normal 11px Verdana, Helvetica, sans-serif;
	color: #003278;
	width:69px;
	border-top:1px solid #908e8e;
	border-left:1px solid #908e8e;
	border-bottom:0;
	border-right:0;
	margin-bottom:4px;
}
.BigForm input.date /*  */
{
	font: normal 11px Verdana, Helvetica, sans-serif;
	color: #003278;
	width:143px;
	border-top:1px solid #908e8e;
	border-left:1px solid #908e8e;
	border-bottom:0;
	border-right:0;
	padding: 3px 0 0 3px;
	height:15px;
}
.BigForm input.field,
.SmallForm input.field /*  */
{
	font: normal 11px Verdana, Helvetica, sans-serif;
	color: #003278;
	width:160px;
	border-top:1px solid #908e8e;
	border-left:1px solid #908e8e;
	border-bottom:0;
	border-right:0;
	padding: 3px 0 0 3px;
	height:15px;
}
.BigForm input.street /*  */
{
	width:125px;
	margin-right:1px;
}
.BigForm input.nr /*  */
{
	margin-left:1px;
	width:29px;
}
.BigForm input.zip /*  */
{
	width:47px;
	margin-right:1px;
}
.BigForm input.city /*  */
{
	width:107px;
	margin-left:1px;
}
.BigForm input.bday /*  */
{
	width:25px;
}
.BigForm input.bmonth /*  */
{
	width:25px;
}
.BigForm input.byear /*  */
{
	width:40px;
}
.BigForm textarea.info /*  */
{
	font: normal 11px Verdana, Helvetica, sans-serif;
	color: #003278;
	width:500px;
	height:78px;
	border-top:1px solid #908e8e;
	border-left:1px solid #908e8e;
	border-bottom:0;
	border-right:0;
	padding: 3px 0 0 3px;
}
div#kreditkarte {
	padding-top:16px;
}
.BigForm input.cc /*  */
{
	width:33px;
}
.BigForm select.cc_month /*  */
{
	width:50px;
}
.BigForm select.cc_year /*  */
{
	width:75px;
}
.BigForm input.price /*  */
{
	width:69px;
}
.BigForm select.kind /*  */
{
	width:90px;
	margin-bottom:8px;
}
.text_right select.kind /*  */
{
	width:80px;
	margin-bottom:8px;
}
input#newsletter,
input#dachtraeger,
input#winterreifen,
input#schneeketten,
input#mietwagen_ja,
input#mietwagen_nein,
input#versicherung1,
input#versicherung2,
input#versicherung3,
input#chk_ueberweisung,
input#chk_kreditkarte
 {
	border:0;
	margin:0;
	padding:0;
}
.BigForm input.error /*  Hellrote Textbox mit rotem Rand */
{
	border:1px solid #b41e0a;
	background-color:#f8c8c8;
	margin:0;
}
.BigForm select.error /*  Hellrote Textbox mit rotem Rand */
{
	border-left:1px solid #b41e0a;
	border-top:1px solid #b41e0a;
	border-bottom:1px solid #b41e0a;
	background-color:#f8c8c8;
}
.BigForm td.error /*  Tabellenspalte mit roter Schrift */
{
	color:#b41e0a;
}

/**********************************************************
*
* 8. Tabellen
*
*/

.ContentTable /*  */
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin:0 0 16px 0;
}
.ContentTable thead tr th /*  */
{
	font: bold 11px/16px Verdana, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	padding: 8px;
	color: #003278;
	white-space: nowrap;
}
.ContentTable tfoot tr td /*  */
{
	font: bold 11px/16px Verdana, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	padding: 8px;
	color: #003278;
	white-space: nowrap;
}
.ContentTable tbody tr td /*  */
{
	font: normal 11px/16px Verdana, Helvetica, sans-serif;
	vertical-align: top;
	text-align: left;
	padding: 8px;
	color: #003278;
	white-space: nowrap;
}
th.ContentTableCell0 /*  */
{
	border-right: 1px solid #B8C6DA;
	border-bottom: 1px solid #B8C6DA;
}
td.ContentTableCell0 /*  */
{
	border-right: 1px solid #B8C6DA;
	border-bottom: 1px solid #B8C6DA;
}
th.ContentTableCell1 /*  */
{
	border-right: 1px solid #B8C6DA;
	border-bottom: 1px solid #B8C6DA;
}
td.ContentTableCell1 /*  */
{
	border-right: 1px solid #B8C6DA;
	border-bottom: 1px solid #B8C6DA;
}
td.ContentTableCellLast, /*  */
th.ContentTableCellLast
{
	border: none;
	border-bottom: 1px solid #B8C6DA;
}
.ContentTableCellLast a,
th.ContentTableCell0 a, /*  */
th.ContentTableCell1 a,
td.ContentTableCell0 a,
td.ContentTableCell1 a {
	font: bold 11px/16px Verdana, Helvetica, sans-serif;
	color: #b41e0a;
}
td.ContentTableCell0 strong, /*  */
td.ContentTableCell1 strong 
{
	display: block;
}

td.ContentTableCell0 small, /*  */
td.ContentTableCell1 small 
{
	font:normal 9px "Trebuchet MS";
	font-style: italic;
	color:#003278;
	margin:0;
	padding:0;
}

/**********************************************************
*
* 9. Reiseinformationen
*
*/

.SmallContent h1 {
	font:bold 20px "Trebuchet MS";
}
.SmallContent h2 {
	font:bold 20px "Trebuchet MS";
	padding:0;
	margin:0;
}

/**********************************************************
*
* 10. Newsletter Anmeldung
*
*/

.SmallForm {
	padding:0 0 16px 0;
	width:497px;
}
.SmallFormContent {
	border:1px solid #003278;
	padding:8px 0 8px 0;
}
.newsletter_gewinnspiel {
	margin:0 0 16px 0;
}
.newsletter_preview {
	float:right;
	padding:0 24px 0 0;
}
.SmallFormContent fieldset {
	border:0;
	margin:0;
	padding:0;
	font:normal 11px Verdana;
	color:#003278;
	width:100%;
 }
.SmallFormContent fieldset legend {
	font:bold 11px Verdana;
	color:#003278;
	margin:0;
	padding:0 0 0 8px;
}
.SmallFormContent fieldset div {
	padding:8px 0 0 0;
	min-height:16px;
	line-height:16px;
}
.SmallFormContent fieldset div label {
	margin:0;
	padding:0 0 0 8px;
	width:134px;
	display: block;
	float: left;
}
.SmallFormContent fieldset div label.newsletter {
	margin:0;
	padding:0 0 12px 0;
	width:184px;
	display: block;
}
.SmallFormContent fieldset div.wo_label {
	padding:8px 0 0 142px;
}
.SmallFormContent fieldset div.text {
	padding:3px 8px 0 8px;
}
.SmallFormContent fieldset.newsletter {
	width:350px;
}

/**********************************************************
*
* 11. Buchungsprozess
*
*/

.InfoBar /*  */
{
	font:normal 11px Verdana;
	color:#003278;
	display: block;
	margin: 20px 0px 20px 0px;
	padding: 0 0 0 0;
	height: 18px;
	border-bottom: 2px solid #003278;
}
ul.InfoBarUl /*  */
{
	margin: 0;
	padding: 0 0 0 8px;
	list-style-type:none;
}
li.InfoBarLi  /*  */
{
	margin: 0;
	padding: 0;
	float: left;
	background-image: none;
}
li.InfoBarLi div /*  */
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 11px;
	color: #9cadc9;
	line-height: 15px;
}
li.InfoBarLi.Done div /*  */
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 11px;
	color: #003278;
	line-height: 15px;
}
li.InfoBarLi.Active div /*  */
{
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
	font-weight: bold;
	color: #b31c1c;
	line-height: 15px;
}

.BigFormError /*  */
{
	margin:0;
	padding:0 0 16px 0;
}
.BigFormContentError /*  */
{
	padding:8px;
	border:1px solid #b41e0a;
}
.BigFormContentError div.error {
	font:normal 11px Verdana;
	color:#b41e0a;
}

.MainContentBig h2 {
	font:bold 18px "Trebuchet MS";
	color:#b41e0a;
	display:block;
}
.MainContentBig div.sum {
	font:bold 16px "Trebuchet MS";
	color:#003278;
	margin-left:490px;
}
.MainContentBig div.sum span {
	font:bold 16px "Trebuchet MS";
	color:#b41e0a;
	text-decoration:underline;
}
.MainContentBig p.notice a {
	color:#b41e0a;
	font:bold 11px Verdana;
}
.BigFormContent fieldset div.addon strong {
	display:block;
}

.BigFormContent fieldset div.addon small {
	font:normal 9px "Trebuchet MS";
	color:#003278;
	display:block;
	font-style: italic;
	padding-left: 14px;
	text-align:left;
}
ul.ProductOptions {
	margin:0 0 0 188px;
	padding:0;
	list-style-type:none;
	display:block;
}
ul.ProductOptions li {
	margin:0;
	padding:8px 5px 16px 0;
	float:left;
	display:block;
}
ul.ProductOptions li label {
	display:inline;
	width:auto;
	padding:0;
	margin:0;
}
ul.ProductOptions li input {
	display:block;
	float:left;
}
ul.ProductOptions li img {
	display:block;
	float:left;
	border: 1px solid #003278;
}
ul.ProductOptions li span {
	display:block;
}
ul.ProductOptions li strong {
	display:block;
}

ul.ProductOptions li small {
	font:normal 9px "Trebuchet MS";
	color:#003278;
	display:block;
	font-style: italic;
	padding-left: 14px;
	text-align:left;
}
/**********************************************************
*
* 12. Popup
*
*/

.PopupIBE {
	font:normal 11px/16px Verdana;
	color:#003278;
	width: 541px;
	height: 493px;
	margin:0 0 16px 0;
	padding:8px;
	background-color:#fff;
	border:1px solid #003278;
	display:block;
}

.PopupIBE a.closer {
	display:none;
}

.PopupIBE span {
	font:bold 12px "Trebuchet MS";
	display:block;
	height:19px;
	padding:2px 0 8px 0;
}

.PopupIBEContent {
	display:block;
	height:460px;
	overflow:auto;
	padding:0 8px 0 0;
}