body {
	margin:0;
	}	/* for ie mac*/
	
html, body {
	height:100%;
	padding:0;
	background-color: #d8d8d8;
	} 
	
/* commented backslash hack v2 \*/	
* html, * html body {
	overflow:hidden;
	padding:30px 0;
	margin:-30px 0;
	padd\ing:0;
	ma\rgin:0;
	}
	
* html #outer { 
	overflow:auto;
	height:99.9%;
	
	voice-family: "\"}\""; voice-family:inherit; 
	}

* html #contain-all {
	position:absolute;
	overflow-y:scroll;
	width:100%;
	height:100%;
	z-index:1;
	}
/* end hack */ 


#outer {
	overflow:auto;
	height:100%;
	}	

#contain-all {
	position:absolute;
	/*overflow-y:scroll;*/
	width:100%;
	height:100%;
	z-index:1;
	}



html, body {
	margin:0;
 /* height: 100.01%; */
 /* nur nötig für firefox, scrollbar ständig da */
}


body {
  color: #333;
  font-family: Calibri,Arial, Verdana;
}

#pagecontainer {
  margin: 0 auto;
  width: 932px;
  background-color: #ffffff;
  text-align: left;
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#contentcontainer {
  padding: 0 0 40px 0;
  background-color:#FFFFFF;
  font-size:14px;
  line-height:20px;
  background:url(http://www.northernlights.cc/img/backcont.gif) no-repeat left top;
}
/*
#contentcontainer {
  padding: 0 0 40px 0;
  background-color:#fff;
  font-size:14px;
  line-height:20px;
}
*/

#contentcontainer:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}












#myscrollbar {
	display: none;
	}

html>body #myscrollbar {
	position: absolute;
	z-index: 1;
	bottom: -1px;
	left: 0;
	width: 1px;
	height: 1px;
	display: block;
	font-size: 0;
	}

#logo {
	position:absolute;
	left:406px;
	top:0px;
	z-index:100;
}
#slogan {
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}
#watermark {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#content {
	/*position:absolute;
	left:406px;
	top:182px;
	width:460px;
	z-index:100;
	*/
	margin-top:182px;
	margin-right:66px;
	width:460px;
	float:right;
	*display:inline;
}

#lauftext {
	width:435px;
}
#menucontainer {
	float:left; margin-top:175px; margin-left:81px; width:315px; position:relative; *display:inline;
	}

#menu {
	position:absolute;
	/*left:81px;
	top:175px;*/
	left:0;
	top:0;
	width:133px;
	z-index:100;
	font-size:15px;

}
#menu a {
	color:#7d7d7d;
	text-decoration:none;

}

#menu a:hover {
	color:#000000;
}
#menu .aover {
	color:#000;
}
#menuitem {
	font-weight:bold;
	color:#7d7d7d;
	padding-top:10px;
	padding-bottom:2px;
	
}
#menuitemover {
	font-weight:bold;
	color:#7d7d7d;
	border-bottom:2px solid #d4e5bd;
	padding-top:10px;
	
}

#submenu {
	position:absolute;
	/*left:218px;*/
	left:137px;

	width:170px;
	z-index:100;
	color:#898888;
	line-height:18px;
	font-weight:bold;
}
#submenu a {
	color:#898888;
	text-decoration:none;

}

#submenu a:hover {
	color:#7fb741;
}
#submenu .aover {
	color:#7fb741;
}


li {
}
ul {
	padding-left:15px;
	margin:0px;
}

.text13 {
	font-size:13px;
}
#projektetopcontainer {
	width:455px;
	height:430px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}

.projektecontainer {
	width:455px; 
	overflow:hidden;
	margin:0 auto;
	position:relative;
	zoom:1;
	}

#projektecont {
	width:15000px;
	margin:0;
	overflow:hidden;
	padding:0;
	text-align:left;
	}
	
.workimg {
	border:1px solid #7fb741;
}
.text12 {
	font-size:12px;
}

.clear { clear:both; }