@charset "UTF-8";


/* GENERAL */


  * { margin: 0; padding: 0; }

  option { padding-left: 0.4em; } /* LTR */
  select { padding: 1px; }

  * html body * { overflow: visible; }

  * html iframe, * html frame { overflow: auto; }

  * html frameset { overflow: hidden; }


  html { height: 100%; margin-bottom: 1px; }

  body {
	
	color: white;
	font-size: 100.01%;
	font-family: Geneva, Arial, Verdana, sans-serif;
	background: black;
	margin:0 auto;
	
	}

	a:link { color: #CC6633; text-decoration: none; }
	a:visited { color: #996666;  text-decoration: none; }
	a:hover, a:active { color: #ff9900; text-decoration: none; } 

	p {
	   text-align: left;
	}

	h1, h2, h3, h4, h5, h6 { color: #AC995E; padding: 5px; margin-top: 10px; }

	hr {
		margin-top: 10px;
		color: grey;
	}

	table {
	   width: 100%;
		text-align: center;
		vertical-align: middle;
		border: 0 black;
		
		
	}
	
	td {
		padding: 3px;
		background: #222;
	
	}
	

  img { border: 0 solid; padding: 3px;}
	
	
	
  ul, ol, dl { margin: 0 0 1em 1em } /* LTR */

  li {
    margin-left: 0.8em; /* LTR */
    line-height: 1.5em;
  }


  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote { margin: 0 0 1em 0.8em; } /* LTR */

  blockquote:before, blockquote:after, q:before, q:after { content: ""; }



 /* LAYOUT MAIN ELEMENTS*/


  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */

  body { text-align: center; }

  .page_margins { text-align: left; margin: 0px auto; min-width: 740px; max-width: 1000px; background: #000 url(gfx/header2.jpg) no-repeat top;; }
  .page { margin: 0px; }

  .clearfix:after {

    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;

  }

  .clearfix { display: block; }

  .floatbox { overflow:hidden; }

  #ie_clearing { display: none; }


  #header, #nav, #main, #footer { clear:both; font-size: 80%; }


  #header {
	 position: relative; 
     color: #fff;
     /* background: #000 repeat-x top left; */
     padding: 35px 2em 1em 10px;
	 border: 0px red solid;
	height: 100px;
  }

	#header h1 { color: #330000; font-size: 36px; } 


  #nav ul { margin-left: 200px; }


  #main { background: #333 repeat-y; padding: 0px 0; }



	#col1 { float: left; width: 200px; }
	#col2 { float: right; width: 200px; }
	#col3 { width: auto; margin: 0 200px }

  #col1_content, #col2_content, #col3_content { position:relative; }

  #col1_content { padding: 10px; border: 0px grey solid; }
  #col2_content { padding: 10px; border: 0px grey solid; text-align: center; }
  #col3_content { padding: 10px; border: 0px grey solid; text-align: center; background: black; }


	#col1_content { text-align: center; }

  #footer {

    color:#666;
    background: black;
    padding: 10px 20px;
    border-top: 5px #efefef solid;
    line-height: 1.5em;

  }

/* LAYOUT SUB ELEMENTS  */

  #topnav {
	color: #aaa;
	background: transparent;
	text-align: right; /* LTR */
	}

  #header #topnav {

    position:absolute;
	 color: #330000;
	 top: 10px;
    right: 10px; /* LTR */

  }

   #header #topnav a:link, #header #topnav a:visited {
		color: #330000;

	}

#tuypromo {
margin: auto;
padding: 5px;
text-align: center;
width: 80%;
border: 3px grey solid;
background: #222;
}


/* LAYOUT CLASSES */

.divider {
width: 100%;
color: #222;
font-weight: bold;
background-color: #AC995E;
padding: 2px;
}


.text {
text-align: justify;
text-indent: 5mm;
}

.price {
	color: yellow;
	font-weight: bold;
}

 .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width: 100%;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    position: relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #c0c0c0 url("gfx/bbackground.png") repeat-x center right transparent;

    line-height: 0;
	 font-size: 1.2em;
	 text-transform: uppercase;
  }

  .hlist ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
   float: left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    margin: 0 0 0 50px; /* LTR */
    padding: 0;
	 border: 1px #333 solid;
    border-bottom: 0px;
   -- border-right: 1px #333 solid;
  }

  .hlist ul li {
    border-left: 1px #ddd solid;
    border-right: 1px #999 solid;
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left; /* LTR */
    font-size: 1.0em;
    line-height: 1em;
    list-style-type: none;
    margin: 0;
    padding: 5;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background: transparent;
    color: #330000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
    text-decoration: none;
    width: auto;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { background: #FFFFCC; color: #333; text-decoration: none; }

  .hlist ul li.active {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #272727 url("gfx/background_active.png") repeat-x center right;
    border-left: 1px #444 solid;
    border-right: 1px #888 solid;
  }

  .hlist ul li.active strong,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }