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

body {
	margin				: 0px;
	padding				: 0px;
	background			: url(../_images/body_bg.jpg) top left repeat-x;
	background-color	: #FFF;
	font-family			: Tahoma, Georgia, "Times New Roman", Times, serif;
	font-size			: 12px;
	color				: #333;
}	

#contact_top {
	padding-top			: 19px;
	color				: #FF0000;
}
#contact_top a {
	text-decoration		: underline;
	color				: #F00;
}

#contact_top a:hover {
	text-decoration		: none;
	color				: #333;
}

#wrapper {
	margin				: 0px auto 0px;
	padding-top			: 0px;
	width				: 900px;
	background			: url(../_images/top.jpg) top center no-repeat;
	position			: relative;
}

#header {
	width				: 325px;
	padding				: 30px 0;
	margin				: 0px 50px 0px;
	color				: #FFF;
	text-align			: right;
}

#membres {
	position			: absolute;
	width				: 400px;
	height				: 57px;
	line-height			: 57px;	
	top					: 135px;
	left				: 444px;
	text-align			: right;
}

#navi {
	margin				: 0px auto;
	padding-top			: 192px;
	width				: 800px;
}

#navi ul {
	margin				: 0px;
	padding				: 0px;	
	list-style			: none;
	width				: 800px;
	float				: left;
}

#navi ul li {
	float				: left;
}

#navi ul a {
	display				: block;
	padding				: 0px;
	width				: 200px;
	line-height			: 50px;
	color				: #FFF;
	text-decoration		: none;
	font-weight			: bold;
	font-size			: 14px;
}

#navi ul a:hover {
	background-color	: #BB0000;
}

#navi_clear {
	clear				: both;
}

#flash {
	margin				: 16px auto 0px auto;
	padding				: 0px 76px 0px 76px;
	width				: 748px;
	background-image	: url(../_images/middle.jpg);
}	

#end{
	margin				: 0px auto;
	padding				: 0px;
	width				: 900px;
	height				: 35px;
	background-image	: url(../_images/bottom.jpg);
}

#content {
	margin				: 0px auto;
	padding-top			: 0px;
	width				: 800px;
}

#leftcol {
	float				: left;
	width				: 337px;
	padding-right		: 35px;
	padding-bottom		: 20px;
	background			: url(../_images/trenner.jpg) top right repeat-y;
}			

#rightcol {
	float				: right;
	margin-right		: 76px;
	width				: 300px;
}

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

#rbox01 ul li {
	line-height			: 22px;
	padding-bottom		: 10px;
	padding-top			: 10px;
	background			: url(../_images/trenner_hor.jpg) bottom repeat-x;
}

#rbox01 a {
	text-decoration		: underline;
	color				: #333;
}

#rbox01 a:hover {
	text-decoration		: none;
	color				: #F00;
}

#lbox01 a {
	color				: #333;
}

#lbox01 a:hover {
	text-decoration		: none;
	color				: #F00;
}

#rbox02 {
	padding-top			: 15px;
}

#rbox02 ul {
	margin				: 0px;
	padding				: 15px;
	list-style			: none;
	color				: #FFF;
	background			: url(../_images/vita_bg.jpg) bottom left repeat-x;
}

#rbox02 ul li {
	line-height			: 22px;
}			

#col_clear {
	clear				: both;
}

#footer {
	margin				: 0px auto;
	padding-top			: 30px;
	padding-bottom		: 30px;
	width				: 800px;
	background			: url(../_images/trenner_hor.jpg) top left repeat-x;
}

#footer a {
	color				: #333;
	text-decoration		: none;
}

#footer a:hover {
	color				: #F00;
	text-decoration		: none;
}																


.h1 {font-size: 14px; color: #F00; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px;}
.h2 {font-size: 12px; color: #333; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 0px;}
.box {padding: 6px; background-color: #ECFFFF;}
.rot {color: #F00;}
.small {font-size: 0.8em;}
.img {border: 5px solid #CCC;}