*{
     margin:0;
     padding:0;
}

body
{
	background: #000000 url(../images/fond_int.jpg) no-repeat center top;
	color: #ffffff;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
    font-size:100.1%;
}

body.item_4,
body.item_15,
body.item_23,
body.item_44,
body.item_45,
body.item_46,
body.item_47,
body.item_51,
body.item_53
{
	background: #000000 url(../images/fond_int_2.jpg) no-repeat center top;
}

body.item_5,
body.item_17
{
	background: #000000 url(../images/fond_int_3.jpg) no-repeat center top;
}

/* ################   Position ################  */
.spacer{
    clear:both;
}

#all
{
	color: #ffffff;
	font-size: 0.8em;
	margin: 0 auto;
	width: 1054px;
    height: 720px;
	padding: 0 3px 3px 3px;
	text-align: left;
}

#header
{
	background: transparent;
	color: #ffffff;
	position: relative;
	text-align: center;
    height:129px;
    margin:45px 0 0;
}

#contentarea,#contentarea2
{
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}

#right
{
	color: #ffffff;
	float:left;
	width: 100%;
	padding-top:10px;
}

#page{
    padding:27px;
    color:#000000;
    margin:0;
    height:428px;
    width:543px;
    overflow: auto;
}

#main
{
	background: transparent;
	margin: 0;
	padding: 0;
	position: relative;
    width:1139px;
}

.menu{
    display:block;
    height:34px;
    margin:0;
    padding:0;
    width:659px;
}

ul li{
    list-style:none;
    color:#ffffff;
}

ul li{
    list-style:none;
    float:left;
    color:#ffffff;
}

ul li.item48{
    display:none;
}

#main ul li img{
    border:none;
}

.xmap ul li{
    float:none;
    }


/* ###################### generell ###################### */
.unsichtbar,.u2,.invisible , .unseen
{
	display: inline;
	height: 0px;
	left: -3000px;
	position: absolute;
	top: -2000px;
	width: 0px;
	z-index: 200;
}

#logo
{
	position: relative;
    background:url(../images/logo.jpg) no-repeat;
    text-indent:-9999px;
	text-align: left;
	z-index: 0;
    width: 178px;
    height: 130px;
    float:left;
    overflow:hidden;
    padding:0;
    margin:0;
}

#logo a
{
    background: url(../images/logo.jpg) no-repeat;
    display:block;
    width: 178px;
    height: 130px;
    overflow:hidden;
}

body.item_4 #logo a,
body.item_15 #logo a,
body.item_23 #logo a,
body.item_44 #logo a,
body.item_45 #logo a,
body.item_46 #logo a,
body.item_47 #logo a,
body.item_51 #logo a,
body.item_53 #logo a
{
    background: url(../images/logo_decouverte.jpg) no-repeat;
}

body.item_5 #logo a,
body.item_17 #logo a
{
    background: url(../images/logo_contact.jpg) no-repeat;
}

/* ###############  main * ########################### */
/* position */
.right2{
    float:left;
    background:url(../images/fond_texte.jpg) no-repeat left center;
    width:603px;
    height:554px;
    margin: 0;
    overflow-x:hidden;
}

.img_left{
    float:left;
    background:url(../images/left_origine.jpg) no-repeat;
    width:441px;
    height:555px;
}

body.item_4 .img_left,
body.item_15 .img_left,
body.item_23 .img_left,
body.item_44 .img_left,
body.item_45 .img_left,
body.item_46 .img_left,
body.item_47 .img_left,
body.item_51 .img_left,
body.item_53 .img_left
{
    background:url(../images/left_decouverte.jpg) no-repeat;
}

body.item_5 .img_left,
body.item_17 .img_left
{
    background:url(../images/left_contact.jpg) no-repeat;
}

.cols1
{
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols2 { width: 45%; }
.cols3 { width: 30%; }

.column1 , .column2
{
	border: solid 0px #D4A7C5;
	margin: 0 5px 0 0;
	position: relative;
}

.column2 , .column1
{
	float: left;
	margin: 0;
}

.column2
{
	float: right;
	margin: 0;
	width: 45%;
}

.xmap{
    padding: 20px 20px 0 20px;
}

.xmap h2{
color:#8A6F2E;
margin:20px 0 20px 0;
}

.menu_footer img{
    float:left;
    width:26px;
    height:36px;
    margin:0;
}