body{
	font-family : "Trebuchet MS", "Lucida Grande", Verdana, Arial, SunSans-Regular, Sans-Serif; 
	background-color:#ffffff;
	font-size:13px;
	line-height: 1.4; 
	color:#6c6d71;
}

#outersite{
	background:url(media/MS_back.jpg) center no-repeat;
	position:absolute;
  	top:50%;
  	left:50%;
  	width:100%;
  	height:500px;
  	margin-left:-50%;
  	margin-top:-250px;
  	border:0px solid red;
}

#site{
	position:absolute;
  	top:50%;
  	left:50%;
  	width:1000px;
  	height:500px;
  	margin-left:-500px;
  	margin-top:-250px;
  	border:0px solid red;
}

#head{
	margin:50px 0 20px 0;
  	border:0px solid red;
}

#menu{
	width:110px;
	float:left;
  	border:0px solid red;
	padding-left:40px;
	margin-top:50px;
}

#menu .menulink, #menu .menulink_a{
	display:block;
	width:110px;
	background:url(media/button_off.png) left no-repeat;
	text-indent:25px;
	margin-bottom:15px;
	color:#6c6d71;
	text-decoration:none;
}

#menu .menulink_a{
	background:url(media/button_on.png) left no-repeat;
	color:#000000;
}

#menu a:hover{
	background:url(media/button_on.png) left no-repeat;
	color:#000000;
}

#picture{
	float:left;
	width:170px;
	border:0px solid red;
	margin-top:102px;
	margin-left:20px;
}

#content{
	border:0px solid red;
	width:627px;
	height:355px;
	overflow:auto;
	float:left;
	color:#6c6d71;
	padding-right:10px;
	margin-top:95px;
	margin-left:15px;
}

h1{
	color:#303890;
	margin:0;
	font-size:15px;
	display:inline;
 }
 
 .inline{
	text-decoration:none;
	color:#6c6d71;
 }
 .inline:hover{
	color:#black;
	text-decoration:underline;
 }

 
 ul, ul li{
	text-indent:-18px;
	list-style-image:url(media/button_on.png);
 }

li{
	line-height: 1.7; 
}
/*
Blauton: #303890
Grauton: #6c6d71
*/