
body { 
	margin : 0px; 
	text-align: center;
	background-color : #FFFFFF;
	font-family: 'Lucida Grande', 'trebuchet ms', arial, helvetica, verdana, sans-serif; 
	font-size: 11px;
	color: #444;
	background-image:url(http://www.netzlabor.ch/images/bg.gif);
	background-attachment:fixed;
}



.stage {
  width: 660px;
  margin:0px auto;
  background-color : #ffffff; 
  padding: 13px 17px 13px 17px;
  border-right:solid 1px #ccc;
  border-left:solid 1px #ccc;
  border-top:solid 1px #ccc;
}



.nl {
	text-align: left;
	vertical-align:bottom;
	margin: 13px 0px 13px 0px;
	height:85px;
}

.adress {
	text-align:right;
	margin-right:3px;
	font-family: Verdana, 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #339999;
	color: #999999;
	line-height: 14px;
}



.leftcon {
	background-position: left;
	width:350px;
	float:left;
	border: 0px solid #000;
}

.rightcon {
	width: 289px;
	margin-left:20px;
	float:left;
	border: 0px solid #000;
}


.probox { 
	background-color: #EEEEDD;
	border:1px solid #ccc;
	padding: 12px 12px 0px 12px;
	width: 263px;
	margin: 0px 0px 13px 0px;
	text-align: right;
	float:left;
}


.probox_large { 
	background-color: #EEEEDD;
	border:1px solid #ccc;
	padding: 12px 12px 0px 12px;
	width: 322px;
	margin: 0px 0px 13px 0px;
	text-align: justify;
	float:left;
}


.proboxmini { 
	background-color: #fff;
	border:1px solid #ccc;
	padding: 12px 12px 0px 12px;
	width: 118px;
	margin: 0px 0px 13px 0px;
	text-align: right;
	float:left;
}



.probox p, .proboxmini p, .
lboxttl { 
	font-family: 'Lucida Grande', 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: Arial;
	color: #333;
	text-align: justify;
}

.proimg {
	background-color: #fff;
	border:1px solid #ccc;
	text-align: center;
	float:left;
	margin: 0px 7px 3px 0px;
}

.proimgmini {
	background-color: #fff;
	border:1px solid #ccc;
	text-align: center;
	margin: 0px 7px 3px 0px;
}



.suolinier {
	text-align: right;
	font-family: 'Lucida Grande', 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	letter-spacing:1px;
	color: #666;
	margin:15px 0px 15px 0px;
}

  
.right { text-align: right;
	font-family: 'Lucida Grande', 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	letter-spacing:1px;
	color: #666;
	margin:0px 0px 15px 0px;
}

.left { text-align: left;
	font-family: 'Lucida Grande', 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	font-weight:bold;
	letter-spacing:1px;
	color: #666;
	margin:0px 0px 15px 0px;
}


.man { 
	background-color: #fff;
	border:0px solid #ccc;
	width: 289px;
	height: 256px;
	float:right;
	text-align: left;
	padding:0px;
}

.man p { 
	text-align: left;
	margin:0px;
	}


.crsqua {
	height:13px;
	width: 66px;
	border: solid 1px #447C84;
	margin: 0px 4px 3px 0px;
	float:left;
}



.sclbox, .topf { 
	font-family: 'Lucida Grande', 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	background-color: #ddeeee;
	border:1px solid #ccc;
	padding: 13px;
	width: 322px;
	float:left;
	overflow: auto;
	margin: 0px 0px 13px 0px;

  }
  
.sclbox {
	height:350px;
}


.sclbox p, .topf p { 
	font-size: 12px;
	color: #333;
	text-align: justify;
  }

.sclbox h1, .topf h1 {
	font-size: 14px;
	color: #333;
	text-align: left;
}

.sclbox h6, .topf h6 {
	font-size: 10px;
	color: #999;
	text-align: left;
	margin-bottom:0px;
	}
	
.topf img {
	width:275px;
	border: solid 1px #333;
}	

.colors { 
	background-color: #ffffff;
	#width: 350px;
	float:left;
	margin: 13px 0px 13px 0px;
  }
  
.netzprojekte {
	text-align:left;
}

.colors p { 
	font-size: 11px;
	color: #333;
	text-align: left;
}

.about { 
	background-color: #447C84;
	border:1px solid #bdbdbd;
	color: #ffffff;
	padding: 15px 12px 12px 12px;
	width: 634px;
	text-align: justify;
	margin: 0px 0px 20px 0px;
	font-family: arial, helvetica, arial, sans-serif;
	font-size: 18px;
	line-height: 14px;
  }



.aboutxt { 
	font-family: Verdana, 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
}

.fokus { 
	display:table-cell;
	vertical-align:top;
	width:289px;
	height:289px;
	padding:13px;
	border:1px solid #ddd;
	font-family: arial, helvetica, sans-serif;
	font-size: 22px;
	text-align: justify;
	}


.footer { 
	background-color: #447C84;
	padding: 20px 20px 10px 20px ;
	width: 620px;
	margin: 0px 0px 20px 0px;
	font-family: Verdana, 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
	text-align: right;
}

p,input,textarea { 
	font-family: 'Lucida Grande', 'trebuchet ms', arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px 0px 14px 0px; }


p.comment {
	font-style:italic;
	color: #666;
}  

input, textarea {
	width: 260px;
}

input.google {
	width: 90px;
}

form {
	text-align:left;
}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #339999;
}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #339999;
}

a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #66CCCC;
}

a:active {
	font-weight: bold;
	text-decoration: none;
	color: #99FFFF;
}
