/* General
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body { 
background:  url(img/bg_rouge.jpg);
font: 13px/16px  Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
color: #333333;
}
p {
	margin-bottom: 0;
}

img { border: none; }

/* Links 2098AB
----------------------------------------------- */

a:link, a:visited {color: #626262; text-decoration: underlined;}
	a:hover {color: #07343B; text-decoration: underlined;}


/* Layout
----------------------------------------------- */


div#bak {
    position: absolute; /*wichtig*/
    top: 60px;
    left: 50%; /*wichtig*/
    margin: 0 -465px; /*wichtig*/
    width: 930px;
    height: 509px;
    background:  url(img/bg_cadre.gif);
	background-color: #FFFFFF;
	z-index:2;
}
div#menu {
    position: absolute; /*wichtig*/
    top: 96px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 13px;
	z-index:5;
}

div#photo {
    position: absolute; /*wichtig*/
    top: 117px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 390px;
	z-index:5;
}
div#photo_index {
    position: absolute; /*wichtig*/
    top: 117px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 390px;
	background: url(img/390_ferme01.jpg) no-repeat;
	z-index:5;
}
div#photo_plan {
    position: absolute; /*wichtig*/
	padding: 1px;
    top: 117px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 388px;
    height: 388px;
    background-color: #aaaaaa ;
	z-index:5;
}
div#amis {
    position: absolute; /*wichtig*/
    top: 518px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 10px;
	z-index:2;
}
div#right {
	position: absolute; /*wichtig*/
    top: 90px;
    left: 50%; /*wichtig*/
    margin: 0 -40px; /*wichtig*/
    width: 495px;
    height: 459px;
	z-index:9;
	overflow: auto;
}

div#titre {
    position: absolute;
	top: 6px;
	left: 20px;
    width: 43px;
}

div#text {
    position: absolute;
	top: 1px;
	left: 66px;
    width: 300px;
	text-align: left;
	background: url(logo_bg.gif) no-repeat;
}

div#textindex {
    position: absolute;
	top: 1px;
	left: 66px;
    width: 400px;
	text-align: left;
}
.textpt {
	font: 11px/13px Trebuchet MS, Verdana, Geneva, Arial, sans-serif; 
    color: #333333;
}
div#photopt {
    position: absolute;
	top: 0px;
    left: 380px;
    width: 83px;
}
div#adresse {
    position: absolute; /*wichtig*/
    top: 574px;
    left: 50%; /*wichtig*/
    margin: 0 -464px; /*wichtig*/
    width: 930px;
    height: 20px;
	padding: 0px;
	font: 10px Verdana, Geneva, Arial, sans-serif;  
	color: #BE797A; 
	z-index:3;
	text-align: center;
}

#adresse a:link, #adresse a:visited { 
	color: #C7C1B9;
}
#adresse a:hover { 
	color: #E6DFD5;
}

.liste_photo a img
	{
	padding: 4px;
	background: transparent url(img/img-bg.gif) no-repeat;
	border: none;
	}
	
.liste_photo a:hover img { background-position: 0 -91px; }



/* TopNavigation
----------------------------------------------- */

#nav {
    position: absolute; /*wichtig*/
    top: 96px;
    left: 50%; /*wichtig*/
    margin: 0 -430px; /*wichtig*/
    width: 390px;
    height: 12px;
	z-index:5;
}

#nav ul {display:inline;
	list-style: none;
	overflow: hidden;
}

#nav ul {
	padding: 0px;
}

#nav li {
	float: left;
}

#nav li a {
	display: block;
	padding-top: 12px; height: 0px !important; 
	overflow: hidden;
}

#n1 { 
	width: 56px;
	background: transparent url(img/navbar.gif) 0 0 no-repeat;
}
#n2 { 
	width: 66px;
	background: transparent url(img/navbar.gif) -57px 0 no-repeat;
}
#n3 { 
	width: 34px;
	background: transparent url(img/navbar.gif) -123px 0 no-repeat;
}
#n4 { 
	width: 88px;
	background: transparent url(img/navbar.gif) -157px 0 no-repeat;
}
#n5 { 
	width: 46px;
	background: transparent url(img/navbar.gif) -245px 0 no-repeat;
}
#n6 { 
	width: 47px;
	background: transparent url(img/navbar.gif) -291px 0 no-repeat;
}
#n7 { 
	width: 52px;
	background: transparent url(img/navbar.gif) -338px 0 no-repeat;
}

#n1 a:hover { background: transparent url(img/navbar.gif) 0 -12px no-repeat; }
#n2 a:hover { background: transparent url(img/navbar.gif) -57px -12px no-repeat; }
#n3 a:hover { background: transparent url(img/navbar.gif) -123px -12px no-repeat; }
#n4 a:hover { background: transparent url(img/navbar.gif) -157px -12px no-repeat; }
#n5 a:hover { background: transparent url(img/navbar.gif) -245px -12px no-repeat; }
#n6 a:hover { background: transparent url(img/navbar.gif) -291px -12px no-repeat; }
#n7 a:hover { background: transparent url(img/navbar.gif) -338px -12px no-repeat; }

/* Navigation deutsch
----------------------------------------------- */

#n1_de { 
	width: 62px;
	background: transparent url(img/navbar_de.gif) 0 0 no-repeat;
}
#n2_de { 
	width: 50px;
	background: transparent url(img/navbar_de.gif) -63px 0 no-repeat;
}
#n3_de { 
	width: 72px;
	background: transparent url(img/navbar_de.gif) -113px 0 no-repeat;
}
#n4_de { 
	width: 76px;
	background: transparent url(img/navbar_de.gif) -185px 0 no-repeat;
}
#n5_de { 
	width: 36px;
	background: transparent url(img/navbar_de.gif) -261px 0 no-repeat;
}
#n6_de { 
	width: 40px;
	background: transparent url(img/navbar_de.gif) -297px 0 no-repeat;
}
#n7_de { 
	width: 53px;
	background: transparent url(img/navbar_de.gif) -337px 0 no-repeat;
}

#n1_de a:hover { background: transparent url(img/navbar_de.gif) 0 -12px no-repeat; }
#n2_de a:hover { background: transparent url(img/navbar_de.gif) -63px -12px no-repeat; }
#n3_de a:hover { background: transparent url(img/navbar_de.gif) -113px -12px no-repeat; }
#n4_de a:hover { background: transparent url(img/navbar_de.gif) -185px -12px no-repeat; }
#n5_de a:hover { background: transparent url(img/navbar_de.gif) -261px -12px no-repeat; }
#n6_de a:hover { background: transparent url(img/navbar_de.gif) -297px -12px no-repeat; }
#n7_de a:hover { background: transparent url(img/navbar_de.gif) -337px -12px no-repeat; }

/* Navigation english
----------------------------------------------- */

#n1_en { 
	width: 60px;
	background: transparent url(img/navbar_en.gif) 0 0 no-repeat;
}
#n2_en { 
	width: 75px;
	background: transparent url(img/navbar_en.gif) -61px 0 no-repeat;
}
#n3_en { 
	width: 37px;
	background: transparent url(img/navbar_en.gif) -136px 0 no-repeat;
}
#n4_en { 
	width: 55px;
	background: transparent url(img/navbar_en.gif) -173px 0 no-repeat;
}
#n5_en { 
	width: 55px;
	background: transparent url(img/navbar_en.gif) -228px 0 no-repeat;
}
#n6_en { 
	width: 52px;
	background: transparent url(img/navbar_en.gif) -283px 0 no-repeat;
}
#n7_en { 
	width: 55px;
	background: transparent url(img/navbar_en.gif) -335px 0 no-repeat;
}

#n1_en a:hover { background: transparent url(img/navbar_en.gif) 0 -12px no-repeat; }
#n2_en a:hover { background: transparent url(img/navbar_en.gif) -61px -12px no-repeat; }
#n3_en a:hover { background: transparent url(img/navbar_en.gif) -136px -12px no-repeat; }
#n4_en a:hover { background: transparent url(img/navbar_en.gif) -173px -12px no-repeat; }
#n5_en a:hover { background: transparent url(img/navbar_en.gif) -228px -12px no-repeat; }
#n6_en a:hover { background: transparent url(img/navbar_en.gif) -283px -12px no-repeat; }
#n7_en a:hover { background: transparent url(img/navbar_en.gif) -335px -12px no-repeat; }