/*===================================================================*/
/*============================ CLEAR ================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend/*,
table, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
ol, ul, li { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
ul { list-style: disc; }
ol {list-style: decimal; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
.hidden { display: none; }
.error_message, .info_message, .indicator_message { padding: 15px 10px; margin: 20px; }
.error_message { background: #F4CACA; border: 2px solid #CC0000; color: #CC0000; }
.info_message { background: #CAF4CA; border: 2px solid #090; color: #090; }
.indicator_message { background: #F4F4F4; border: 2px solid #999; color: #999; }
.error_message ul, .info_message ul, .indicator_message ul { list-style: none; }
/*===================================================================*/
/*============================ GLOBAL ===============================*/
body, table { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
body { text-align: center; background: url('../images/design/body_bg.gif') repeat-x; }
/*===================================================================*/
/*=========================== CONTAINER =============================*/
.container { width: 911px; text-align: left; margin: 0 auto; }
/*===================================================================*/
/*============================ HEADER ===============================*/
.header { background: url('../images/design/header_bg.png') no-repeat; height: 71px; position: relative; }
.header h1 a { display: block; height: 71px; width: 330px; }
.header h1 a span { display: none; }
.menu_top {
	position: absolute;
	top: 5px;
	right: 0;
}
.menu_top ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu_top li {
	float: left;
}
.menu_top li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 23px;
	margin-left: 17px;
	color: #FFF;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 center;
}
.menu_top li.home a 	{ background-image: url("../images/design/menu_top_home.png"); }
.menu_top li.carte a 	{ background-image: url("../images/design/menu_top_carte.png"); }
.menu_top li.photos a 	{ background-image: url("../images/design/menu_top_photos.png"); }
.menu_top li.downloads a { background-image: url("../images/design/menu_top_downloads.png"); }
.menu_top li.sitemap a 	{ background-image: url("../images/design/menu_top_sitemap.png"); }
.menu_top li.contact a 	{ background-image: url("../images/design/menu_top_contact.png"); }
.menu_top li a:hover {
	text-decoration: underline;
}
/*===================================================================*/
/*========================= CONTAINER BIS ===========================*/
.container_bis { margin-top: -26px;  }
.contenu {
	margin-top: 30px;
}
.home_box {
	background: url("../images/design/home_box_bg.png") no-repeat;
	height: 283px;
	width: 202px;
	float: left;
	margin: 0 26px 18px 0;
	overflow: hidden;
}
.box_last {
	margin-right: 0;
}
.home_box .content_box {
	padding: 21px;
	color: #000;
	font-size: 11px;
	text-align: center;
	line-height: 13px;
}
.home_box .content_box h2 {
	display: none;
}
.home_box .content_box a {
	background-image: url("../images/design/logos.jpg");
	display: block;
	height: 160px;
	width: 160px;
	margin-bottom: 10px;
}
.home_box .content_box a.haus { background-position: 0 0; }
.home_box .content_box a.sac { background-position: -160px 0; }
.home_box .content_box a.fest { background-position: -320px 0; }
.home_box .content_box a.gartchen { background-position: -480px 0; }
.home_box .content_box a.holzfrenn { background-position: -640px 0; }
.home_box .content_box a.internet { background-position: -800px 0; }
.home_box .content_box a.klammschoul { background-position: -960px 0; }
.home_box .content_box a.bummelbus { background-position: -1120px 0; }
.home_box .content_box a span {
	display: none;
}
.middle {
	clear: both;
	height: 102px;
	background: url("../images/design/middle_bg.jpg") no-repeat;
	margin-bottom: 18px;
	position: relative;
}
.middle a.fpe {
	display: block;
	width: 636px;
	height: 80px;
	position: absolute;
	top: 11px;
	left: 11px;
}
.middle .langs {
	position: absolute;
	z-index: 100;
	bottom: 20px;
	right: 271px;
}
.middle .rightnewsletter {
	position: absolute;
	right: 24px;
	width: 202px;
	height: 101px;
	background: url("../images/design/newsletter_bg.png") no-repeat;
	overflow: hidden;
	color: #FFF;
}
.middle .rightnewsletter .box {
	padding: 20px 25px 15px;
	font-size: 12px;
	text-align: center;
}
.rightnewsletter .box .infobox a { color: #fff; text-decoration: none; }
.rightnewsletter .box .infobox a:hover { color: #002d59; text-decoration: none; }

.middle .rightnewsletter .box h2 {
	color: #002d59;
	font-size: 13px;
	margin-bottom: 10px;
}
.middle .rightnewsletter .box p {
	line-height: 15px;
	letter-spacing: 1px;
}
/*===================================================================*/
/*=============================== LEFT ==============================*/

/******** TOOLS & COPYRIGHT ********/
#tools {
	text-align: right;
	clear: both;
	font-size: 12px;
	padding: 20px 0;
	color: #999;
}
#tools a, .copyright a { color: #999; text-decoration: none; }
#tools a:hover, .copyright a:hover { color: #333; text-decoration: underline; }
.copyright {
	font-size: 12px;
	color: #999;
	text-align: center;
	padding: 10px 0 25px;
}
/*===================================================================*/
/*============================ MESSAGE ==============================*/

#highlight_message_container {
	height: 100%;
	width: 100%;
	background: url('../images/design/transparent.png') repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999999;
	text-align: center;
}
#highlight_message {
	background: #fff;
	margin: auto;
	text-align: left;
	margin-top: 150px;
	padding: 10px;
	width: 680px;
	position: relative;
}
#highlight_message h1, #highlight_message h2 { display: none; }
#highlight_message p { margin: 0; }
#highlight_message_close_text {
	color: #fff;
	cursor: pointer;
	background: url("../images/design/highlightbox_close_bg.png") repeat-x scroll 0 0 transparent;
	margin: auto;
	font-size: 14px;
	padding-top: 5px;
	height: 40px;
	line-height: 40px;
	padding-bottom: 10px;
}
#highlight_message_close {
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 10px;
	background: #fff url("../images/design/cross.png") no-repeat center;
	height: 20px;
	width: 20px;
}