@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
*
* (en) Uniform design of standard content elements
* (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.6.0
*/

@media all
{
  /**
  * Fonts
  * (en) font-family and font-size selection for headings and standard text elements
  * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
  *
  * @section content-fonts
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 83.00%; 
  }

 /* ######################################################################################################
** # Standard-Vorgaben ##################################################################################
** ######################################################################################################
**
*/
h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.00em; color: #000; margin: 0 0 0 0;  font-weight:bold; }
h2 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; font-weight:bold; border-bottom: 1px #ddd solid;}
h3 {font-size: 1.0em; color: #000; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h4 {color: #000; padding-top: 0.3em; font-weight:bold; border-bottom: 1px #C5C5C5 solid;}

#teaser h1 { font-size: 1.2em; border: 0; }
#teaser a {
	color:#fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

p,ul,dd,dt { line-height: 1.5em;}
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

#col3_content h4 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; padding-top:1em; font-weight:bold; border-bottom: 1px #ddd solid;}


/* ######################################################################################################
** # YAML für xt:commerce (c) by Björn Teßmann http://www.zerosoftware.de  ######
** ######################################################################################################
**
**  YAML für xt:commerce Version: 1.0.2
**  Dateiversion: 18.05.07
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/
/* ###################################################################################################### */
/* ### Allgemeine Angaben ############################################################################### */
/* ###################################################################################################### */

/* ### beende Umfluß in Abschnitt ### */
.clearHere { clear: both; }

/* ### CSS für floatende Inhaltselemente ### */
/* ### DIV-Tags ### */
.leftCol {
	margin-top:4px;
	float:left;
}

.rightCol {
	position:absolute;
	margin-top:4px;
	right:0;
	padding-right:4px;
}

/* ### Ausblenden von underline und Rahmen bei Bildern als Link  ### */
a.imgLink {
	border: 0px none; text-decoration: none;
}

.dontShow {
 	position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

.optionsBg { background-color: #F1F1F1;  margin: 0; padding: 5px;}

#col3_content .longInput, #col3_content .longTextarea textarea {
	width: 99%;
}

#col3_content label.longLabel {
	width: 99%;
	float: none;
}



/* ### Auszeichnung lokaler und externer Links ######################################################## */
a, a em.file {color: #222; text-decoration:none;}
a:hover {text-decoration:underline;}
/** UB [ 20111107 link color product listing and info (e.g. product name / Versandkosten) */
a:hover { color:#003333; }
a:link, a:visited { color:#006666; } 
/** UB ] 20111107 link color */

#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover{ text-decoration:underline; background-color: transparent;}

#footer a { color: #3299FF; }
#footer a:hover { text-decoration:underline; }

#footer .copyright a:link, #footer .copyright a:visited { color:#5E697F; }

/** links to pickup locations (note that below id="footer" the style above counts) */
a.link_location { color:#3299FF; }

/* ### Stehen lassen ### */
#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

/* ### Formatierung "benötigte Felder"-Anzeige ### */
.inputRequirement { font-size: 11px; color: #ff0000; }
/* ### Copyright-Vermerk von xt:C #### */
.copyright {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

A.copyright {
  color: #000000;
}

A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}
/* ### Parse-Time-Anzeige von xt:C #### */
.parseTime {
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

/* ### Stehen lassen ###*/
TD.main, P.main {
  font-size: 12px;
  line-height: 1.5;
}

/* ### Formatierung für Anzeige ausverkaufte Artikel ### */
SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
/* ### Formatierung Sonderpreis ### */
SPAN.productSpecialPrice {
  color: #ff0000;
}
/* ### Formatierung alter Preis ### */
SPAN.productOldPrice {
	color: #ff0000;
	text-decoration: line-through;
}

SPAN.errorText {
  color: #ff0000;
}

SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}


/* ######################################################################################################
** ### Tabellen #############################################################################
** ######################################################################################################
*/




/* ### Inhalt: Tabelle ### */
table { width: 100%; margin-bottom:0.5em; }
caption { border-bottom: 4px solid #fff; padding: 10px; background: #F79430; text-align: left; color: #fff; }
/*tbody { background: #fff; }*/
tbody td, th { border-bottom: 0px solid #fff; border-left: 0px dotted #fff; vertical-align: top; padding:5px; }
thead th { padding: 5px; text-align: left; background: #CCCCCC; color: #333; font-weight: bold; }
tbody th { padding: 5px; text-align: left; color: #000; line-height: 1.5em; font-weight: normal; }
tbody tr.odd, tbody tr.odd th { background: #FEE9BD; }
tbody tr.odd2, tbody tr.odd2 th { background: #D0FFD0; }

tfoot th, tfoot td { margin: 0; border-top: 2px solid #fff; padding: 5px 10px; text-align: left; background: #CCCCCC; color: #333; }
tfoot th { border: none; }
tfoot td { padding-left: 10px; }

tbody td.main { border-bottom: 0px solid #fff; border-left: 1px dotted #fff; vertical-align: top; padding:2px; }

tbody td.attribute , tbody td.value{
	margin:0;
	padding:0;
	border:0;
	font-size:0.9em;
	line-height:1.5em;
}







#col3_content td.prodRow1 {
	background-color:#CCCCCC;
}

hr.dis {
    color: #D0D0D0; /* IE */
    border: 1px solid #D0D0D0; /* Opera */
    background-color: #D0D0D0; /* Mozilla */
    margin-bottom: 1em;
}

hr {
    color: #D0D0D0; /* IE */
    border: 1px solid #D0D0D0; /* Opera */
    background-color: #D0D0D0; /* Mozilla */
    height:2px; /* Mozilla, Opera */
}

hr.cart {
	color: #333333;
	background-color:#333333;
	height:1px;
  	margin-right:0;
	text-align:right;
	width:80%;
	margin: 0;
	padding: 0;
	border:0;
}

.hrDiv {
	padding-bottom: 1px;
	padding-top: 1px;
	height: 0pt;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	line-height: 0px;
	background-color: #999999;
}

.hrDiv {
	margin-top:3px;
	margin-bottom:3px;
}


.error { color: #FF0000; }
.must { color: #FF0000; }

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}


img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }

div.agbframe {
    /*width:100%;*/
    height:200px;
    overflow:auto;
    padding:10px;
    background:url(../../img/input_bg.gif) no-repeat;
    border:1px solid #666;
 }
 
/* popup content shipping info*/ 
 
.ship_overlay tbody td.main {
	border-left:0px;
}

/* ### stehen lassen ### */
}

.boxtext {
	font-size: 10pt;
	color: #FFFFFF;
	margin-left: 5;
	margin-right: 5;
		}

.boxtext a:link { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtext a:visited { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtext a:hover { font-size:10pt;text-decoration: underline;font-weight: bold; color: #ffff00; /*background-color: #D6D6D6 */}



		
.boxtext_link {
	font-size: 10pt;
	color: ##1DE8E8;
	text-decoration:underline;
		}
		

		
.boxtabelle {
width: 350px;
float:right;
background-color: #787878;
cellpadding: 4;
cellspacing: 0;
margin:13px 17px 13px 17px;

}


.boxtabelle550 {
width: 550px;
float:right;
background-color: #787878;
cellpadding: 4;
cellspacing: 0;
margin:13px 17px 13px 17px;

}



.boxtabelle_info {
width: 500px;
float:right;
background-color: #787878;
cellpadding: 4;
cellspacing: 0;
margin:13px 17px 13px 17px;

}


.boxtabelle_trans {
width: 300px;
float:right;
cellpadding: 4;
cellspacing: 0;
margin:0px 0px 0px 0px;

}


.boxtabelle a:link { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle a:visited { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle a:hover { font-size:10pt;text-decoration: underline;font-weight: bold; color: #ffff00; /*background-color: #D6D6D6 */}

.boxtabelle_links {
width: 400px;
float:left;
background-color: #787878;
cellpadding: 4;
cellspacing: 0;
margin:13px 17px 13px 17px;

}
.boxtabelle_links a:link { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle_links a:visited { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle_links a:hover { font-size:10pt;text-decoration: underline;font-weight: bold; color: #ffff00; /*background-color: #D6D6D6 */}




.boxtabelle2 {
width: 710px;
background-color: #787878;
align: center;
cellpadding: 4;
cellspacing: 0;
margin:17px 17px 17px 17px;

}

.boxtabelle2_camtest {
width: 80%;
background-color: #dddddd;
align: center;
cellpadding: 4;
cellspacing: 0;
margin:17px 17px 17px 17px;

}


.boxtabelle2 a:link { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle2 a:visited { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle2 a:hover { font-size:10pt;text-decoration: underline;font-weight: bold; color: #ffff00; /*background-color: #D6D6D6 */}




.boxtabelle3 {
width: 95%;
background-color: #787878;
align: center;
cellpadding: 4;
cellspacing: 0;
margin:17px 17px 17px 17px;

}

.boxtabelle3b {
background-color: #666666;
border-width: 0;
}

.boxtabelle3 a:link { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle3 a:visited { font-weight: bold;font-size:10pt;color: #F8F898 }
.boxtabelle3 a:hover { font-size:10pt;text-decoration: underline;font-weight: bold; color: #ffff00; /*background-color: #D6D6D6 */}


.boxtabelle_schraffiert {
width: 710px;
align: center;
border-collapse:collapse;
cellpadding: 0;
cellspacing: 0;
margin:17px 17px 17px 17px;
}

.boxtabelle_schraffiert td {
border: #999 1px solid;
}

.boxtabelle_schraffiert tr:nth-child(even) { /*(even) or (2n 0)*/
background: #f5f5f5;
}
.boxtabelle_schraffiert tr:nth-child(odd) { /*(odd) or (2n 1)*/
background: #ffffff;
}

.boxtabelle2_g {
width: 710px;
background-color: #cccccc;
align: center;
cellpadding: 4;
cellspacing: 0;
margin:17px 17px 17px 17px;

}


.unterschrift1 {

font-size: 18pt;
background-image:url(http://www.traumflieger.de/reports/images/reports/back_grey_zwiueb);
}

.unterschrift2 {

margin-top: -10;
color:gray; height: 4px;

}


#mediaplayer {
   width: 700px;
   height: 400px;
   border-width:5px;
   border-style: solid;
   border-color:gray
}

#mediaplayer1 {
   width: 700px;
   height: 400px;
   border-width:5px;
   border-style: solid;
   border-color:gray
}

#mediaplayer2 {
   width: 700px;
   height: 400px;
   border-width:5px;
   border-style: solid;
   border-color:gray
}

#mediaplayer550 {
   width: 536px;
   height: 300px;
   
}



.mediaplayerspace { height:400px; }

}