@charset "utf-8";
/*** CSS Document for Rusell-Koglin-Architekten */

HTML, BODY {
	background-color: 	#4E483E;
	height: 			100%;
	margin: 			0;
	padding: 			0;
	color: 				#fff;
	font: 				1em helvetica, arial, sans-serif;} 

IMG {
	border: 		none;}

/************* fonts */

A {
	color: 				#fff;
	outline:			none;
	text-decoration: 	none;}

A:hover, a.active, .gruen, #west em strong, #west span:hover, #west span p:hover {
	color: 				#a8ae0e !important;}

h1 {
	color: 				#a8ae0e;
	font-weight:		normal;
	font-size: 			1.1em;
	margin: 			0 0 25px 0;
	letter-spacing: 	2.5px;} 

h1 span {
	font-size: 			0.65em;
	font-weight:		bold;	
	color: 				#fff;}

#content p, #content ul {
	font-size: 			0.75em;
	font-weight:		normal;
	line-height: 		140%;
	letter-spacing: 	0.25px;	}

.partner {
	line-height: 		160%;
	font-size: 			1.0em;
	font-weight:		bold;
	letter-spacing:		3px;} 

.impressum {
	font-size: 			0.9em;}

.partner h1 {
	font-size: 			1.3em;
	font-weight:		normal;
	letter-spacing:		3px;
	color: 				#B7B3AA;}

#west span em {
	color: 				#B7B3AA;
	font-size: 			0.75em;
	margin: 			0;
	padding: 			5px;
	font-style: 		normal;
	display: 			block;}


.projekte-west b {
	display: 			block;
	font-size: 			0.95em;
	padding: 			3px 0 0 4px;
	line-height: 		110%;}

.projekte-west a {
	color: 				#B7B3AA;}

.pp, .np {
	background: 		url(../_bilder/arrow-left.png) 90% 50% no-repeat;
	height: 			13px;
	line-height: 		13px;
	font-size: 			10px;
	padding-right: 		30px;}

.np {
	background: 		url(../_bilder/arrow-right.png) 10% 50% no-repeat;
	padding: 			0 0 0 30px;}

/************* structure */

#fakehorizont { 
	display: 			block;
	height: 			1px;
	left: 				0px;
	overflow: 			visible;
	position: 			absolute;
	top: 				50%;
	visibility: 		visible;
	width: 				100%;}

#russell-koglin {
	width: 				850px;
	height: 			516px;
	left: 				50%;
	margin-left: 		-425px;
	position: 			absolute;
	top: 				-258px;}

#abcom {
	display: 			block;
	width: 				19px;
	height: 			100px;
	position: 			absolute;
	right: 				20px;
	bottom: 			20px;}


/************* start */

#startseite {
	height: 			382px;
	border-top:			6px solid #4f483e;
	background: 		#767266;}

#startseite h1 {
	margin: 			75px 0 25px 175px;
	padding: 			0;
	letter-spacing: 	3px;}

#startseite ul {
	list-style: 		none;
	padding: 			0;
	margin: 			0;}

#startseite ul li {
	display: 			inline;}

#startseite a {
	display: 			block;
	float: 				left;
	height: 			26px;
	width: 				158px;
	background: 		#5C554C url(../_bilder/startseite/start.jpg) 0 0 no-repeat;
	color: 				#5C554C;
	font-size: 			0.8em;
	padding-top: 		167px;
	text-align: 		center;
	margin-right: 		15px;}

#startseite li.last a {
	margin-right: 		0;}

#startseite a:hover {
	color: 				#a8ae0e;}

#startseite .home {
	background-position: 	0 0;
	font-size:				0.70em;
	font-weight:			bold;
	letter-spacing:			1px;}

#startseite .home:hover {
	background-position: 	-158px 0;
	font-size:				0.70em;
	font-weight:			bold;		
	letter-spacing:			1px;}

#startseite .ueberuns {
	background-position: 	-316px 0;
	font-size:				0.70em;
	font-weight:			bold;	
	letter-spacing:			1px;}

#startseite .ueberuns:hover {
	background-position: 	-474px 0px;
	font-size:				0.70em;
	font-weight:			bold;
	letter-spacing:			1px;}

#startseite .projekte {
	background-position: 	-632px 0;
	font-size:				0.70em;
	font-weight:			bold;	
	letter-spacing:			1px;}	

#startseite .projekte:hover {
	background-position: 	-790px 0;
	font-size:				0.70em;
	font-weight:			bold;	
	letter-spacing:			1px;}	

#startseite .kontakt {
	background-position: 	-948px 0;
	font-size:				0.70em;
	font-weight:			bold;	
	letter-spacing:			1px;}	

#startseite .kontakt:hover {
	background-position: 	-1106px 0;
	font-size:				0.70em;
	font-weight:			bold;	
	letter-spacing:			1px;}	

#startseite .impressum {
	background-position: 	-1264px 0;
	font-size:				0.70em;
	font-weight:			bold;	
	letter-spacing:			1px;}	

#startseite .impressum:hover {
	background-position: 	-1422px 0;
	font-size:				0.70em;
	font-weight:			bold;	
	letter-spacing:			1px;}	

/************* main */

#logo {
	height: 				63px;
	text-align: 			right;
	border-bottom: 			8px solid #a8ae0e;}

#content {
	height: 				260px;
	background: 			#767266;
	overflow: 				hidden;}

#west {
	width: 					330px;
	height: 				235px;
	margin-right:			15px;}

#west span {
	display: 				block;
	height: 				230px;
	background: 			#5C554C;}

#west ul {
	list-style: 			none;
	padding:				0;
	margin: 				0;}

#west span.smaller {
	width: 					157px;
	float: 					right;
	height: 				194px;}

#east {
	width: 					480px;
	float: 					right;
	padding-right: 			25px;
	height: 				260px;
	overflow: 				hidden;}

#east ul {
	list-style: 			none;
	margin: 				0;
	padding: 				0;}

#east li {
	background: 			url(../_bilder/bullet.png) 0 50% no-repeat;
	padding-left: 			23px;}

#footer {
	height: 		17px;
	font-weight: 	bold;
	font-size: 		0.8em;
	overflow: 		hidden;
	text-align: 	justify;
	color: 			#767266;
	padding-top: 	5px;}

/************* content classes */

.kontakt-main {
	margin-left: 		80px;
	padding-left: 		105px;
	background: 		url(../_bilder/kontakt/kontakt.jpg) no-repeat;
	width: 				295px !important;}

.partner {
	width: 				295px !important;
	padding-left: 		35px;}

#pane1 {
	width: 				495px;
	height: 			240px;}

.hasSrcoll {
	padding-left: 		10px;}

.projekte-west {
	width: 				490px !important;}

.projekte-west li {
	display: 			inline;}

.projekte-west li a {
	height: 			123px !important;
	float: 				left;
	display: 			block;
	overflow: 			hidden;
	width: 				90px;
	background: 		#5C554C;
	margin-right: 		10px;}

.projekte-west li.last a {
	margin:				0;}

.projekte-east {
	width: 				320px !important;}

.projectList {
	width: 				180px;
	margin: 			0 5px 0 0 !important;
	float: 				left;}

.projectList li {
	display: 			inline !important;
	padding: 			0 !important;
	background: 		none !important;}

.projectList li img {
	padding: 			0 10px 10px 0;}

/************* navi */

#navi-lvl1 {
	height: 			30px;	
	border-top: 		6px solid #4f483e;
	background: 		#767266;
	font-size: 			0.70em;
	font-weight:		bold;
	padding-top: 		10px;
	letter-spacing: 	1px;} 

#navi-lvl2 {
	height: 			82px;
	background: 		#767266;
	font-size: 			0.70em;
	line-height: 		170%;
	padding-left: 		3px;
	font-weight: 		bold;
	letter-spacing: 	1px;}

#navi-lvl3 {
	height: 			25px;
	background: 		#767266;
	border-bottom: 		8px solid #a8ae0e;
	padding-right: 		30px;}
	
#navi-start {
	height: 			25px;
	background: 		#767266;
	border-bottom: 		8px solid #a8ae0e;
	padding-right: 		30px;}	

#navi-lvl1 ul, #navi-lvl2 ul {
	list-style: 		none;
	margin: 			0;
	padding: 			0;}

#navi-lvl1 ul li {
	display: 			inline;}

#navi-lvl1 a {
	width: 				150px;
	text-align: 		center;
	display: 			block;
	float: 				left;
	margin: 			0 10px;
	outline:			none;}

#navi-lvl3 a {
	float: 				right;
	outline:			none;}

#navi-lvl3 span a {
	float: 				none;
	font-size: 			0.8em;
	font-weight: 		bold;
	color: 				#a8ae0e;
	padding-left: 		10px;
	outline:			none;	}

#navi-lvl3 a span {
	font-size: 			13px;
	line-height: 		13px;
	font-weight: 		bold;
	color: 				#b7b3aa;
	width: 				40px;
	height: 			13px;
	overflow: 			hidden;
	text-align: 		center;
	display: 			block;
	float:			 	left;
	outline:			none;	}

#navi-lvl3 span em {
	font-size: 			0.8em;
	padding-left: 		2.5em;
	background:			url(../_bilder/bullet.png) 15% 50% no-repeat;}

#navi-lvl3 a img {
	float: 				left;
	outline:			none;	}

#navi-lvl2 .ueberuns {
	padding-left: 		210px;
	outline:			none;	}

#navi-lvl2 .projekte {
	padding-left: 		397px;
	outline:			none;	}

#navi-lvl2 a {
	color: 				#b7b3aa;
	outline:			none;	}	

/* IE 6 double-margin bug */

* html #navi-lvl1 a {
	margin-left: 		5px;}

/************* clearfix */

.clearfix:after {
content: 				".";
display: 				block;
height: 				0;
font-size: 				0;
clear: 					both;
visibility: 			hidden;}

.clearfix {display: 	inline-block;}

/* hide from IE-mac \*/
* html .clearfix {		height: 1%;}
.clearfix {display: 	block;}
/* end hide from IE-mac */

/************* lightbox */
#imageDataContainer {
	display: 			none !important;}
	
/************* ENDE */