/* EVERWELL HK - NuminA - Jimmy Gorilla */

/* === all over ===================================================== */
* { padding: 0; margin: 0; }

html { height: 101%; }

body {
	background-image: url(../img/bg04.jpg);
	background-repeat: repeat-x;
	background-color: white;
  	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: medium;
}

a img { border: none;  }
a { text-decoration: none; outline: none; }
a:link { color: #231F20; }
a:visited { color: #231F20; }
a:hover, a:focus { #231F20: yellow; text-decoration: none; outline: none; }
a:active { color: #808080; }

p	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px; 
	color: black; 
	font-weight:normal;
}

h1 { 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 21px;
	color: black;
}

h2 { 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 14px;
	color: white;
	font-weight:400;
}

a.off:link, a.off:visited, a.off:active	{
	color: #000000; 
	text-decoration:none;
}

a.on:link, a.on:visited, a.on:active	{
	color: #808080; 
	text-decoration:none;
}

a.text:link, a.text:visited, a.text:active	{
	color: black; 
	text-decoration:none;
}

/* === wrapper and big styles ===================================================== */

#wrapper {
	width: 855px;
	height: 605px; /* must be fixed */
	margin-top: 0px;
  	margin-right: auto;
  	margin-bottom: 10px;
  	margin-left: auto;
    vertical-align: top;
    /* background-color: cyan; */
}

#logobox {
	width: 855px; 
	height: 72px;
	vertical-align: top;
	/* background-color: red; */
}

#navi1box {
	width: 855px; 
	height: 26px;
	vertical-align: top;
	/* background-color: yellow; */
}

#line {
	width: 855px; 
	height: 1px;
	vertical-align: top;
	background-color: #79768C;
}

#contentbox {
	width: 855px; 
	height: 520px;
	vertical-align: top;
	/* background-color: grey; */
}

#footerbox {
	width: 855px;
	height: 40px;
	vertical-align: top;
	/* background-color: grey; */
	text-align:center; 
}

/* ============================ smaller boxes ============================ */
#realnavibox {
	width:735px;
	height: 20px;
	vertical-align: top;
	/* background-color: blue; */
	float: left;
	margin-top: 6px;
}

#timebox {
	width: 120px;
	height: 16px;
	vertical-align: top;
	/* background-color: cyan; */
	float: left;
	font-size: 10px;
	margin-top: 10px;
	text-align: right;
	color: #808080;
}

#realnavibox li {
	display:inline;
	list-style-type: none;
	color: white;
	margin-right: 30px;
}

#realnavibox a {
	font-size: 15px;
}
	
#realnavibox_off
	{
	  text-decoration: none; /* Unterstreichung aus */
}
		
#realnavibox_on
	{
	  text-decoration: none; /* Unterstreichung aus */
}
		
#navifooter li {
	display:inline;
	list-style-type: none;
	color:#FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 10px;
	font-weight:bold;
}

h5 { 
	font-size: 10px;
	font-weight:200;
}

#navi2 {
	width:114px;
	height: 430px; /* should be 450... but does not matter */
	vertical-align: top;
	/* background-color: blue; */
	float: left;
	margin-top: 15px;
	font-size: 12px;
}

#navi2 li {
	list-style-type: none;
	color:#FFFFFF;
	margin-bottom: 10px;
}

#contentinside {   /*text*/
	width:741px;
	height: 450px;
	vertical-align: top;
	float: left;
	margin-top: 15px;
	/* background-color: blue; */ 
}

#contentinside-factory {  /*text*/
	width:741px;
	height: 205px;
	vertical-align: top;
	margin-top: 15px;
    /* background-color: pink; */ 
}

#contentinside-aboutus {
	width:741px;
	height: 179px; /* total space 450px */
	vertical-align: top;
	/* background-color: pink; */
}

#brands-image {     /*Image*/
	width:741px;
	height: 230px; /* total space 450px */
	vertical-align: top;
	background-color: white;
	float: right;
}

#brands-text {     /*text*/
	width:741px;
	height: 120px; /* total space 450px */
	vertical-align: top;
	/* background-color: red; */
	float: right;
	padding-top: 10px;
}

#brands-link {     /*link*/
	width:741px;
	height: 90px; /* total space 450px */
	vertical-align: top;
	/* background-color: blue; */
	float: right;
	text-align:left;
}

a.outsidelink:link, a.outsidelink:visited, a.outsidelink:active	{
	color: #000000; 
	text-decoration:none;
	font-size: 16px;
}
	
#contentimages-factory {
	width:741px;
	height: 156px;
	vertical-align: top;
	/* background-color: cyan; */	
}

#contentimages-aboutus {
	width:741px;
	height: 271px;
	vertical-align: top;
	background-color: grey; 
}
	

#blackbox {
	width:741px;
	height: 30px;
	vertical-align: top;
	background-color: black;
	text-align:center;
	padding-top: 10px;
}

#contentlogobox {
	width:741px;
	height: 89px; /* logo height!!! */
	vertical-align: top;
	/*background-color: cyan; */ 
	text-align:center;
}

#contentlogobox-factory {
	width:684px;
	height: 89px; /* logo height!!! */
	vertical-align: top;
	/* background-color: cyan; */ 
	text-align:center;
	padding-right:57px;
}

#innercontent {
	width:741px;
	height: 410px;
	vertical-align: top;
	border:none;
}

#innercontent-image {
	width:247px;
	height: 205px;
	vertical-align: top;
	border:none;
	float: left;
}

#imprint {
	width:741px;
	height: 450px;
	vertical-align: top;
	float: left;	
}

#disclaimer {
	width:741px;
	height: 450px;
	vertical-align: top;
	float: left;	
}

a.contact:link, a.contact:visited, a.contact:active	{
	color: grey; 
	text-decoration:none;
	font-size:24px;
}

/* ============================ contact ============================ */

#contact {
	width:741px;
	height: 450px;
	vertical-align: top;
	float: left;	
}

#contactformular {  /* contactformular */
	background-color: #eee;
	width:370px; /* Breite Formular */
	padding: 20px
	boarder: 1px #8c8c8c;	
}

label {   /* Beschriftung auf eigener Zeile */ 
	display: Block;
	cursor:pointer; /* Mauszeiger wird zur Hand */	
}

input#absender,
textarea {
	width: 300px;
	boarder: 1px solid #8c8c8c;
	margin-bottom: 1em;
}
textarea {
	height:7em;
}

input#absender:focus,
textarea:focus {
backgroundcolor:#d9d9d9;
}






	
	


	
/* ============================ finally: SNAFU ;-) ============================ */