/* CSS Document */

html {height:100%;}

body {
	background-color:#ccc;
	font-family : Arial, Geneva, Helvetica, sans-serif;
	font-size : 11px;

	line-height:20px;
	color : #fff;
	text-decoration : none;
	margin:0;
	height:100%;
}

a {
	color:#9B9B9B;
	text-decoration:none;
	outline:none;
}

#mainWrapper {
	width:823px;
	height:585px;
	margin:0 auto;	
	border:1px solid #ccc;
	background-color:#002756;
}

#logo {
	background:url(../img/layout/logo-selvacaro.jpg) top left no-repeat;
	width:261px;
	height:43px;
	margin-top:31px;
	margin-left:530px;
}

#content {
	margin:30px 0 0 100px;	
}

#themePicHome {
	margin-top:100px;
}

#themePicPhilosophie {
	margin-top:80px;
}

#themePicAngebot {
	margin-top:100px;
}

#themePicMaschine {
	margin-top:70px;
}

#themePicDaten {
	margin-top:140px;	
}

#themePicWir {
	margin-top:30px;	
}

#themePicKontakt {
	margin-top:25px;
}

#themePicLageplan {
	margin-top:80px;
}



/*** navigation ***/

ul#navigation {
	height:32px;
	background:url(../img/layout/bg-nav.gif) top left repeat-x;
	list-style-type:none;
	padding:0;
	margin:20px 0 0 0;
	font-weight:bold;
}

ul#navigation li {
	height:32px;
	float:left;	
	padding:0 0;
	/*width:50px;*/
}

ul#navigation li.active {
	background-color:#002756;
	border-left:1px solid white;
	border-right:1px solid white;
	color:#9B9B9B!important;
}

ul#navigation li:hover {
	height:32px;
	background-color:#002756;
	border-left:1px solid white;
	border-right:1px solid white;
}

ul#navigation li.nearLeft:hover {
	height:32px;
	border-left:1px solid white!important;
	border-right:none!important;
}

ul#navigation li.nearRight:hover {
	height:32px;
	border-right:1px solid white!important;
	border-left:none!important;
}



ul#navigation li.home {
	height:32px;
	border-left:none!important;
}

ul#navigation li.home:hover {
	height:32px;
	border-right:1px solid white;
	border-left:none!important;
}



ul#navigation li a {
	display:block;
	text-decoration:none;
	color:#E5E4E4;
	width:100%;
	height:100%;
	padding:6px 20px 0 20px;
	outline:none;
}

ul#navigation li a:hover {
	color:#9B9B9B!important;
}

ul#navigation li a.active {
	color:#9B9B9B!important;
}





/*** misc ***/

.clear {clear:both;height:0;}