/*CSS*/

/*
   http://www.daleofnorway.de/
   css styles
   
   Copyright 2007, Markus Spiske
   http://www.temporausch.com

*/

/*------------------------------------general styles------------------------------------*/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin:0;
	padding:0;
	color:#969696;
	background: url(../img/bg.gif) repeat;
}

body {
	font:11px/160% Tahoma, Verdana, Arial, Helvetica, sans-serif, lucida grande,lucida sans,geneva;
	text-align:left;
}

img {border:none;}

a {outline: none;}

a:link, a:visited {
	color:#969696;
	text-decoration:none;
}

a:hover,a:active {
  color:#666;
}

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

a.grey:hover,a.grey:active {
  color:#969696;
}

a img, a:hover img {
	border:none;
}

h1 {
	font-size:9px;
	font-weight:normal;
	margin:0px;
	color:#999999;
	text-align:center;
}

.red  {color:#5c1515;}

/*------------------------------------container------------------------------------*/
#container {
	width:925px;
	margin:0 0;
}

/*------------------------------------head------------------------------------*/
#head {
	width:925px;
	height:190px;
	margin-top:0px;
}

/*------------------------------------logo------------------------------------*/
#logo {
	width:300px;
	float:left;
	height:105px;
	margin-top:40px;
	margin-left:40px;
}

/*------------------------------------control_panel------------------------------------*/
#control_panel {
	width:516px;
	float:left;
	height:105px;
	margin-top:40px;
	margin-left:30px;
	text-align:right;
}

/*------------------------------------mainnavi------------------------------------*/
#mainnav {
	width:885px;
	height:20px;
	float:left;
	margin-top:25px;
	margin-left:20px;
}

#mainnav ul{
	list-style:none;
}

#mainnav li{
	float:left;
	margin-left:17px;
}

#mainnav li a.home, #mainnav li a.sellroom, #mainnav li a.story, #mainnav li a.meilensteine, #mainnav li a.philosophy, #mainnav li a.produkte {
	display:block;
}

#mainnav li a.home {
	background: url(../img/navi_home.gif) no-repeat;
	width:49px;
	height:20px;
	margin-left:3px;	
}

#mainnav li a:hover.home {
	background: url(../img/navi_home_over.gif) no-repeat;
}

#mainnav li a.sellroom {
	background: url(../img/navi_sellroom.gif) no-repeat;
	width:61px;
	height:20px;
	margin-left:383px;
}

#mainnav li a:hover.sellroom {
	background: url(../img/navi_sellroom_over.gif) no-repeat;
}

#mainnav li a.story {
	background: url(../img/navi_story.gif) no-repeat;
	width:37px;
	height:20px;
	margin-left:0px;
}

#mainnav li a:hover.story {
	background: url(../img/navi_story_over.gif) no-repeat;
}

#mainnav li a.meilensteine {
	background: url(../img/navi_meilensteine.gif) no-repeat;
	width:89px;
	height:20px;
	margin-left:0px;
}

#mainnav li a:hover.meilensteine {
	background: url(../img/navi_meilensteine_over.gif) no-repeat;
}

#mainnav li a.philosophy {
	background: url(../img/navi_philosophy.gif) no-repeat;
	width:78px;
	height:20px;
	margin-left:0px;
}

#mainnav li a:hover.philosophy {
	background: url(../img/navi_philosophy_over.gif) no-repeat;
}

#mainnav li a.produkte {
	background: url(../img/navi_produkte.gif) no-repeat;
	width:63px;
	height:20px;
	margin-left:0px;
}

#mainnav li a:hover.produkte {
	background: url(../img/navi_produkte_over.gif) no-repeat;
}

#mainnav span {
	display:none;
}

/*------------------------------------pic------------------------------------*/
#pic {
	width:885px;
	margin-left:40px;
  float:left;
}

/*------------------------------------content------------------------------------*/
#content { 

	padding:0px 0px;
}

/*------------------------------------text------------------------------------*/
#box_00 {
	width:165px;
	float:left;
	margin-top:20px;
	margin-left:40px;
	padding:0px 0px;
}

#box_01 {
	width:200px;
	float:left;
	margin-top:20px;
	margin-left:40px;
	padding:0px 0px;
}

#box_02 {
	width:200px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	padding:0px 0px;
}

#box_03 {
	width:200px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	padding:0px 0px;
}

#box_04 {
	width:400px;
	float:left;
	margin-top:20px;
	margin-left:40px;
	padding:0px 0px;
}

#box_05 {
	width:200px;
	float:left;
	margin-top:20px;
	margin-left:40px;
	padding:0px 0px;
}

/*------------------------------------gotop------------------------------------*/
#gotop {     
	width:640px;
	height:20px;
	float:left;
	margin-top:40px;
	margin-left:245px;
	text-align:left;
}

/*------------------------------------footer------------------------------------*/
#footer {     
	width:885px;
	height:120px;
	float:left;
	margin-right:40px;
	text-align:right;
}