@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	overflow: hidden;
	background-color:#000;
	
	/*border:dotted;
	border-color: #6F0; green*/
}

#bg img {
	position: fixed;
	width: 100%;
	height: auto;
}

#box {
	position: absolute;
	display:block;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 50;
	filter:alpha(opacity=80);
	left: 2px;
	top: -2px;
	
	/*border:dotted;
	border-color:#F00; red*/
} 
 
#container {
	display: block;
	margin: 1% auto 0px auto;
	width: 1024px;
	min-height: 550px;
	padding: 0px;
	/*background: #000;
	opacity: 0.8;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;*/

	/*border:dotted;
	border-color:#FF0; yellow*/
}

#container h1 {
	border-bottom: 1px dotted #CCC;
	color: #CCC;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 50px 25px 25px 50px;
	padding-bottom: 15px;
	width: 350px;
}

#container p {
	color: #CCC;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 25px 25px 25px 50px;
	padding: 0px;	
	line-height: 2.0;
}

#index {
	margin: 5% auto 0px auto;
	width: 600px;
	min-height: 400px;
	padding: auto;
	background: #000;	
	opacity: 0.8;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;/**/
	
	/*border:dotted;
	border-color: #36F;  blue*/
}

#index img {
	margin-top: 41px;
}

#small {
	display: block;
	height: 30px;
	padding: 15px 0px 0px 140px;
	margin: 0px 0px 0px 0px;
	/*border:dotted;
	border-color: #36F;  blue*/
}

#language {
	margin-left: 800px;
	padding: 5px;
	direction:rtl;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;	
	color: #666;

	/*border:dotted;
	border-color:#F60;  orange*/
}

#lang {
	display: block;
	margin: 5% auto 0px auto;
	width: 1024px;
	background: #000;
	min-height: 465px;
	padding: 0px;
	opacity: 0.8;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
}

#lang h1 {
	border-bottom: 1px dotted #CCCCCC;
	color: #CCC;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 50px 25px 25px 50px;
	padding: 75px 0px 15px 0px;
	width: 350px;
}

#lang p {
	color: #CCC;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 25px 25px 25px 50px;
	padding: 0px;	
	line-height: 2.0;
}

#fb {
	display:run-in;
	height: 25px;
	width: 400px;
	margin-left: 600px;
	direction:rtl;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;	

	/*border:dotted;
	border-color:#F60;  orange*/
}

#footer
{
	width: 1024px;
	margin: 30px auto 0px auto;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #666;
	
	/*border:dotted;
	border-color:#F60;  orange*/
}

#footer span#copyright
{
	color: #666;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 10px;
}

a,a.visited
{
	text-decoration: none;
	color: #666;
	outline: none;
}

a.active
{
	color: #FFF;
}

a:hover
{
	color: #FFF;
}

.fRight
{
	margin-left: 55%;
}


/* Main navigation
------------------------------------------------------------------*/

ul#nav {
	width:800px;
	height:40px;
	margin-left: 0px;
	/*overflow: hidden;*/
	background: transparent url(../design/nav8_en.gif) no-repeat 0 -40px;
}

ul#nav li {
	padding: 0;
	margin: 0;
	display:block;
	float:left;
	text-indent:-9999px;	
}

ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow: hidden;
	background: transparent url(../design/nav8_en.gif) no-repeat;
	}
	
li#start a {
	width:160px;
	height:40px;
	 }
	 
li#band a {
	width:160px;
	height:40px;
	 }	 
	 
li#kollektion a {
	width:160px;
	height:40px;
	 } 	
	 
li#creative a {
	width:160px;
	height:40px;
	 } 	 	 
	 
li#kontakt a {
	width:160px;
	height:40px;
	 } 
	 
li#start a:hover, li#start a:focus {
	background-position:0px -40px;
	 }
li#band a:link, li#band a:visited {	
	background-position:-160px 0px;
	}
li#band a:hover, li#band a:focus {	
	background-position:-160px -40px;
	}
li#kollektion a:link, li#kollektion a:visited {	
	background-position:-320px 0px;
	}
li#kollektion a:hover, li#kollektion a:focus {	
	background-position:-320px -40px;
	}
li#creative a:link, li#creative a:visited {	
	background-position:-480px 0px;
	}
li#creative a:hover, li#creative a:focus {	
	background-position:-480px -40px;
	}
li#kontakt a:link, li#kontakt a:visited {	
	background-position:-640px 0px;
	}
li#kontakt a:hover, li#kontakt a:focus {	
	background-position:-640px -40px;
	}

/* Main navigation "active tabs"
------------------------------------------------------------------*/

body#start ul#nav li#start a {
	background-position: 0px -80px;
	}
body#band ul#nav li#band a {
	background-position:-160px -80px;
	}
body#kollektion ul#nav li#kollektion a {
	background-position:-320px -80px;
	}
body#creative ul#nav li#creative a {
	background-position:-480px -80px;
	}
body#kontakt ul#nav li#kontakt a {
	background-position:-640px -80px;
	}

/* Main content
------------------------------------------------------------------*/

#content {
	display: block;
	/*width: 100%;*/
	min-height: 450px;
	padding: 0px;
	opacity: 0.8;/**/
	background: #000;
	/*border:dotted;
	border-color: #C6C;  lila*/
}

/*contact content
------------------------------------------------------------------*/

form {
	width:400px; 
	margin:0px; 
	padding:0px;
	clear:both;
}

ul {
	margin:0px; 
	padding:0px;
	list-style:none;
	border:none;
}

fieldset {
	margin:0; 
	padding:0; 
	border:0;
}

label {
	display:block; 
	float:left; 
	width:100px; 
	line-height:20px; 
	text-align:right; 
	color: #CCC;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-right:5px; 
	margin:0 0 0 5px;
}

label.town {
	display:block; 
	float:left;
	width: 0px;
	line-height:20px; 
	text-align:right; 
	color: #CCC;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	padding: 0px;
}

input, .text{
	color: #000;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.text {
	width:200px; 
	padding:5px 5px 5px 5px; 
}

textarea.text {
	height:100px
}

.zahl {
	width:50px; 
	padding:5px 5px 5px 5px; 
}

textarea.zahl {
	height:50px
}

input.submit {
	width:100px; 
	height:20px; 
	cursor:pointer; 
	border:0; 
	font-weight: bold; 
	margin-left:65px;
	text-align: center;
	float: right;
	margin-right: 30px;
}


/* contact content
------------------------------------------------------------------*/

.detail ul {
	list-style: none;
	padding: 0px;
	margin: 5px;
}

.detail li {
	margin: 25px 5px 5px 5px;
	float:left;
}

.detail #detailViewer:after
	{
	display: block;
	width: 0px;
	height: 0px;
	visibility: hidden;
	clear: both;
}

		
/* menu content
------------------------------------------------------------------*/

	ul#menu{ font-size: 10pt; color: #FFF;}
	ul#menu li.item{ float: left; margin: 0px 0px 0px 50px; padding: 0px; position: relative; color: #FFF;}

		ul#menu li.item a.visit{}
		ul#menu li.item a.link{}
		ul#menu li.item a.link:hover{text-decoration: none;}
		
/* menu collection
------------------------------------------------------------------*/

	ul#menuc{ font-size: 10pt; color: #FFF;}
	ul#menuc li.item{ float: left; margin: 0px 0px 0px 50px; padding: 0px; position: relative; color: #FFF;}

		ul#menuc li.item a.visit{}
		ul#menuc li.item a.link{}
		ul#menuc li.item a.link:hover{text-decoration: none;}

/* impressum 
------------------------------------------------------------------*/



#termsofuse {
	margin-left: 25px;
}

#termsofuse h1 {
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom: 1px dotted #CCCCCC;
	width: 800px;
	padding-bottom: 0px;
}

#termsofuse p {
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-top: 0px;
	margin-left: 25px;
}

/* bestellung 
------------------------------------------------------------------*/

ul#form li.radio{ margin: 25px 10px 10px 50px; padding-left:10px; color: #CCC; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; word-spacing: 20px;}

ul#form li.preis{ padding-left:10px; color: #CCC; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px;}

ul#form li.pflicht{ padding-left:300px; color: #CCC; font-family: verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px;}