@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0
}

/* ++++++++++++++++++++++++++ */
body {
	height: 100%;
	width:100%;
	background-image:url(img/bg.jpg);
	background-repeat: repeat;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color:#222020;
	text-align:left;
}

h1 {
	font-size:16px;
	color:#000000;
	margin-bottom:5px;
}

p {
	padding-bottom:6px;
}

h1.box {
	font-size:16px;
	color:#FFFFFF;
}

p.box {
	color:#FFFFFF;
	line-height:1.1
}

a.navi {
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	margin-right:25px;
}

a.navi:hover {
	color:#CCCCCC;
	text-decoration:underline;
}


#SITE {
	position:absolute;
	left:0px;
	top:35px;
	width:980px;
	height:100%;
	left: 50%;
	margin-left: -490px;
}

#header {
	background-image:url(img/metz_header.jpg);
	left:0px;
	width:980px;
	height:214px;
}

#content {
	background-image:url(img/content_bg.jpg);
	background-repeat:repeat-y;
	width:980px;
	min-height:500px;
}

#content_left {
	float:left;
	width:600px;
	margin-left:30px;
}

#content_right {
	float:right;
	width:219px;
	margin-right:28px;
}



#footer {
	background-image:url(img/footer.jpg);
	background-repeat:no-repeat;
	width:980px;
	height:34px;
	padding-top:40px;
	text-align:center;
	font-size:10px;
	color:#333333;
}



#video {
	width:600px;
	height:338px;
	margin-bottom:25px;
}

#boxtop {
	background-image:url(img/bg_box_top.jpg);
	background-repeat:no-repeat;
	width:219px;
	height:23px;
}
#boxcontent {
	background-image:url(img/bg_box_content.jpg);
	background-repeat:repeat-y;
	padding-left:13px;
	padding-right:13px;
	width:219px;
	color:#FFFFFF;

}
#boxbottom {
	background-image:url(img/bg_box_bottom.jpg);
	background-repeat:no-repeat;
	width:219px;
	height:19px;
}


#boxbottom {
	background-image:url(img/bg_box_bottom.jpg);
	background-repeat:no-repeat;
	width:219px;
	height:19px;
}


#navigation {
	color:#FFFFFF;
	padding-top:129px;
	padding-left:45px;
}





div.clearer {clear: left; line-height: 0; height: 0;}