/*
 *	Style.css
 *
 *	#wrap: global wrapper
 *	#left, #right: sidebars for graphics
 *	#middle: wrapper for content and navigation
 *  #nav: navigation bar
 *  #content: content
 *
 *	----- Important classes for layout: -----
 *
 *	left:		used to align a block of text on the LEFT
 *	right:		used to align a block of text on the RIGHT
 *  left_img:	used to align an image on the LEFT
 *	right_img:	used to align an image on the RIGHT
 *	break:		used as a break. put after every left and/or right box to make next box apear beneath the upper box(es).
 *
 * 	h1-h6:		headlines in different sizes, h1 being the biggest, h6 the smallest, red, bold.
 *	em:			text is emphazised (red+bold)
 *
 *	maximum picture size: 400px width!
 *	all texts need to be put into a <div>-element, with specified class
 *  tags such as <a>,<h1> etc need to also be specified with the class to be used
 *
 *
 */



.out{
	list-style:none;
	margin:0px;
	padding:0px;
}
#men {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #650000;
	border-size: 0px;
	border-width: 0px;
	font-family: "century gothic";
	}

#men ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
#men li a {
	height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;

	}


#men li a:visited {
	color: #ffffff;
	display: block;
	background: url(images/v.jpg);
	background-repeat:no-repeat;
	padding: 3px 0 5px 10px;
	}
	
#men li a:link {
	color: #ffffff;
	display: block;
	background: url(images/v.jpg);
	background-repeat:no-repeat;
	padding: 3px 0 5px 10px;

	}
	

	
#men li a:hover {
	color: #ffffff;
	background: url(images/v.jpg) 0 -32px;
	background-repeat:no-repeat;
	padding: 3px 0 5px 10px;
	}

#men li a:active {
	color: #650000;
	background: url(images/v.jpg) 0 -64px;
	background-repeat:no-repeat;
	padding: 3px 0 5px 10px;
	}

 #left_g_image{
  		/*position: absolute;*/
 /*	background-color: #650000;  */
 	width: 200px;
 	height: 185px;
 		top: 0px;
 		left: 0px;
 		margin: 0px;
 		padding: 0px;
 		/*padding-top: 20px;*/

 		background: url("images/nav_gradient.jpg");
 	background-repeat: repeat;


		 }

 #left_fv_image{
  		/*position: absolute;*/
 /*	background-color: #650000;  */
 	width: 200px;
 	height: 260px;
 		top: 0px;
 		left: 0px;
 		margin: 0px;
 		padding: 0px;
 		/*padding-top: 20px;*/

 		background: url("images/fv.png");
 	background-repeat: repeat;


		 }



 body {
    text-align: center; /* ie */
    margin: auto;    /* mozilla */
 	min-width: 1200px;
 	/*background: url("images/nav_gradient.jpg");*/
 	background: url("images/2star_for_bg.gif");
 	background-repeat: repeat;
 	background-color: #e5dfdf;
 	background-attachment: fixed;
 	}

 #wrap {


 	position: relative;



 	margin: 0 auto;
 	/* border: 1px dotted white; */
 	width: 1200px;
 	min-height: 800px;
 	}

 #left{
 	position: absolute;
 /*	float: left; */

 	left: 0px;

 	margin: 0px;
 	padding: 0px;
 	margin-top: 00px;
 	width: 200px;
 	min-height: 200px;
 	/* background-color: #ffffff; */
 	/* clear: left; */

 	/*  	background: url("images/100px_left.gif"); */



/* 	background-repeat: no-repeat;  */

 	}

 #right{
   /*  float: right; */

	position: absolute;
	top: 0px;
    left: 1100px;
 	/* margin: 0px;
 	padding: 0px; */
 	width: 0px;
 	min-height: 800px;
/* 	background-color: #ff66ff;  */
/* 	background: url("images/100px_right.gif");  */
 	background-repeat: no-repeat;

 	}

	
	ul {
		/*list-style-type: disc;*/
		margin-left: 10px;
		padding-left: 0px;

}
	
 #middle {

 		/* float: left; */



 		/* position: relatve; */
 	/*	margin-left: auto;
 		margin-right: auto; */

 		position: absolute;
 		left: 200px;
 		background-color: #ffffff;
 }

 #nav{
 	position: absolute;
 	top: 0px;
 	left: 0px;
	margin: 0px;
 	padding: 0px;
 	width: 988px;
 	height: 225px;
 	/* border: 1px dotted #ff0000; */
 	border-left: 6px solid #650000;
 	border-right: 6px solid #650000;
 	background: url("images/nav_gradient.jpg");
 	background-repeat: repeat;


 	/* background-color: #009900 */
 	}

 #nav a, .nav_img {
 		float: left;
 		display: block;
 		font-size: 22pt;
 		font-weight: bold;
 		font-family: "century gothic";
 		color: #ffffff;
 		padding-left: 10px;
 		padding-right: 10px;
 		position: relative;
 		top: 100px;
	/*	text-transform: uppercase; */
 		text-decoration: none;

 				width: 135px;
		position: relative;
		text-align: left;



 		}
 #nav .nav_img {
 	padding: 0px;
 	margin: 0px;
 	padding-left: 20px;
 	padding-right: 20px;
 	width: 30px;
 	}


 #nav a:hover{
 		color: #650000;
 		}
 /* #nav a:active{
 	    color: #650000;
 		} */


  #nav .g_logo {
 		position: absolute;
 		top: 0px;
 		left: 820px;
 		margin: 0px;
 		padding: 0px;
 }

 #nav .g_image{
  		position: absolute;
 		top: 0px;
 		left: 0px;
 		margin: 0px;
 		padding: 0px;
		 }

/*  #nav p img  */


/* ------------------Content Layout-----------------*/


 #content{
 	position: absolute;
 	top: 225px;
 	left: 0px;
	margin: 0px;
 	padding: 0px;
 	width: 988px;
 	min-height: 600px;
 	/* border: 1px dotted #ff0000; */
 	border-left: 6px solid #650000;
 	border-right: 6px solid #650000;
    background: url("images/gemini_red.gif");
	background-repeat: no-repeat;
	background-position: center top;
 	background-color: #ffffff;
	}

 #content a, table {
 		color: #000000;
 		font-size: 12pt;
 		font-family: "century gothic";
 		text-decoration: none;

 	/*	margin: 0px;
 		padding: 0px; */
 		}


	 #content .middle{
 		position:relative;
 		float: left;
 		margin: 0px;
 		margin-left: 20px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 		padding: 0px;
 		width: 800px;
 		text-align: left;
 		border: none;
 	}
		

 #content .left{
 		position:relative;
 		float: left;
 		margin: 0px;
 		margin-left: 20px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 		padding: 0px;
 		width: 400px;
 		text-align: left;
 		border: none;
 	}

 #content .left_img {
		position:relative;
 		float: left;
 		margin: 0px;
 		margin-left: 20px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 		padding: 0px;
 		border: none;

 }

  #content .right{
    position:relative;
 	float: right;
 	margin: 0px;
 	margin-right: 20px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	padding: 0px;
 	width: 400px;
 	text-align: right;
 	border: none;
 	}
	
	  #content .right_youtube{
    position:relative;
 	float: right;
 	margin: 0px;
 	margin-right: 60px;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	padding: 0px;
 	width: 400px;
 	text-align: left;
 	border: none;
 	}
	
  #content .right_img {
		position:relative;
 		float: right;
 		margin: 0px;
 		margin-right: 20px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 		padding: 0px;
 		border: none;

 	}
 						/*--- preview images ---*/
  #content .prev_img {
		position:relative;
 		float: left;
 		margin-right: 10px;
 		margin-left: 10px;
 		margin-top: 10px;
 		margin-bottom: 10px;
 		padding: 0px;
 		border: none;
    }

  #content .break{
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 900px;
  float: left;
  }


  #content .break_sortiment{
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 900px;
  float: left;
  }

  #content .break_pictures{
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 900px;
  float: left;
  }




							/* headlines, h1= biggest, h6= smallest */
 #content h1 {
 	font-weight: bold;
 	font-size: 26pt;
 	color: #650000;
 	font-family: "century gothic";
 }

  #content h2 {
 	font-weight: bold;
 	font-size: 22pt;
 	color: #650000;
 	font-family: "century gothic";
 }


 #content h3 {
 	font-weight: bold;
 	font-size: 18pt;
 	color: #650000;
 	font-family: "century gothic";
 }

  #content h4 {
 	font-weight: bold;
 	font-size: 18pt;
 	color: #650000;
 	font-family: "century gothic";
 }

  #content h5 {
 	font-weight: bold;
 	font-size: 16pt;
 	color: #650000;
 	font-family: "century gothic";
 }

  #content h6 {
 	font-weight: bold;
 	font-size: 14pt;
 	color: #650000;
 	font-family: "century gothic";
 }

					/*emphasized*/

 #content em {
 		font-weight: bold;
 		color: #650000;
 		font-style: normal;
 }

 			/*--- use to underline <a>-elements ---*/

 #content .underline{
 		text-decoration: underline;

 }

  #content .underlinehover:hover{
 		text-decoration: underline;
 		/* color: #650000; */
 		}