body {
	background-color: #FFFFFF;
	color: #554F4F;
	font-size: 11px;
	letter-spacing: normal;
	font-family:  Verdana, Helvetica, Arial, Geneva, sans-serif; 
	margin: 0px;
	padding: 0px; 
	text-align: center;
}
a:link, a:visited {
	color: #2B2929;
	text-decoration: none;
}

a:hover, a:active {
	color: #999999;
	text-decoration: none;
}

ul, li {
	list-style: none;
    margin: 0px 0px 18px 0px;
	padding: 0px 0px 0px 0px;
}

p {
    margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

acronym {
	border: 0px;
}

img {
	border: 0px;
    margin: 0px;
}

.pix img {
    padding: 9px 0px 0px 0px;
}

.link {
    padding-left: 18px;
	background-image: url("icon/next.gif");
	background-repeat:  no-repeat;
}
/* ----------container zentriert das layout-------------- */
#container {
width: 1000px;
margin-top: 24px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto; 
text-align: left;
}

/* -----------------Inhalt--------------------- */

#contenu {
	float: left;
	width: 990px;
	margin: 0px 0px 0px 0px;
	height: 610px;
}

/* ----------navigation-------------- */
#navigation {
	width: 600px;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 12px;
	font-variant : normal;
	font-weight : normal;
	font-stretch : normal;
	letter-spacing : normal;
	color: #999999;
}

#navigation ul {
	display: inline;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navigation li {
	display: inline;
    margin: 0px 27px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navigation a:link, #navigation a:visited {
	text-decoration: none;
}

#navigation a:hover, #navigation a:active {
	color: #999999;
	text-decoration: none;
}

#milieu {
	width: 990px;
	height: 523px;
}

#texte {
	float: left;
	width: 710px;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 18px 0px;
	text-align: left;
}

.de {
width: 450px;
	margin-left: 30px;
}

#texte h2 {
font-size: 12px;
color: #2B2929;
font-weight: normal;
margin: 0px 0px 6px 0px;
}

.position_img {
	border: 1px solid #CBC5C5;
    margin: 0px 0px 0px 110px;
	position: absolute;
	z-index: 10;
}

#diapo, #article {
    margin: 0px 0px 0px 0px;
}

#postit {
    margin: 0px 0px 0px 0px;
}

#postit h1, #diapo h1 {
	color: #000;
	font-variant : normal;
	font-weight : normal;
	font-stretch : normal;
	letter-spacing : normal;
	font-size: 11px;
	/*line-height: 16px;*/
    margin: 0px 0px 3px 0px;
}

/*#postit #postit1*/ #diapo #text1 {
    margin: 35px 0px 0px 35px;
	position: absolute;
	z-index: 3;
	border: 1px solid #CBC5C5;
	height: 175px;
	width: 270px;
	padding: 6px;
	background-color: #EDEAEA;
	font-size: 10px;
	color: #212121;
	/*-moz-opacity:.7;
	-khtml-opacity:.7;
	filter: alpha(opacity=70);
   	opacity:.7;*/
}

#postit #buro1 {
    margin: 30px 0px 0px 0px;
	position: absolute;
	z-index: 60;
	border: 1px solid #CBC5C5;
	/*height: 175px;*/
	width: 270px;
	padding: 6px;
	background-color: #EDEAEA;
	/*-moz-opacity:.7;
	-khtml-opacity:.7;
	filter: alpha(opacity=70);
   	opacity:.7;*/
}

/*#postit #postit2 */ #diapo #text2 {
    margin: 140px 0px 0px 0px;
	position: absolute;
	z-index: 4;
	border: 1px solid #CBC5C5;
	height: 175px;
	width: 270px;
	padding: 6px;
	background-color: #F2EBEB;
	font-size: 10px;
	color: #212121;
	/*-moz-opacity:.7;
	-khtml-opacity:.7;
	filter: alpha(opacity=70);
   	opacity:.7;*/
}

#diapo img, #article img, #postit img {
	border: 1px solid #CBC5C5;
}

.imgfade {
	-moz-opacity:0;
	-khtml-opacity:0;
	filter: alpha(opacity=0);
   	opacity:0;
      }
.transparence {
	-moz-opacity:.8;
	-khtml-opacity:.8;
	filter: alpha(opacity=80);
   	opacity:.8;
      }

#postit #buro2 {
    margin: 240px 0px 0px 450px;
	position: absolute;
	z-index: 80;
}

#postit #buro3 {
    margin: 140px 0px 0px 350px;
	position: absolute;
	z-index: 100;
}

#diapo #diapo1 {
    margin: 310px 0px 0px 20px;
	position: absolute;
	z-index: 5;
}

#diapo #diapo2 {
    margin: 330px 0px 0px 510px;
	position: absolute;
	z-index: 9;
}

#diapo #diapo3 {
    margin: 130px 0px 0px 280px;
	position: absolute;
	z-index: 6;
}

#diapo #diapo4 {
    margin: 20px 0px 0px 490px;
	position: absolute;
	z-index: 1;
}

#diapo #diapo5 {
    margin: 275px 0px 0px 245px;
	position: absolute;
	z-index: 7;
}

#diapo #diapo6 {
    margin: 0px 0px 0px 245px;
	position: absolute;
	z-index: 2;
}

#diapo #diapo7 {
    margin: 190px 0px 0px 525px;
	position: absolute;
	z-index: 8;
}

#diapo #diapo8 {
    margin: 0px 0px 0px 0px;
	position: absolute;
	z-index: 8;
}

#postit #buro4 {
    margin: 0px 0px 0px 450px;
	position: absolute;
	z-index: 100;
}

.fr    {
	width: 450px;
	color : #999292;
	text-align: right;
	margin-left: 180px;
}

#hosting4pages, #catering, #stephanieboisset, #pascalrichter, #alexiscordesse, #sitespecific, #laperipherie, #martinecamillieri, #annewilli, #dap, #daubal, #mariechristophe, #elflech, #adl, #jw, #metissage, #mailinh, #olivierbadie, #iconclub, #pal, #mobilestudios, #katiachaix, #designaparis, #challengingwalls, #mobicase, #thomaspaquet, #valeryassenat, #mgsv, #alexiscordesse, #box, #design-hexadecimal, #daybyday, #boisset, #neverback, #latentesehnsucht, #stephan_i_e, #ampel, #an2000, #intramuros03, #intramuros02, #intramuros01, #revers, #file, #sitesp, #dap, #netart, #skopje, #catprod, #objetsperdus, #poutydesign, #atelierstephanieboisset, #magnano, #willishop, #williblog, #nextlevel, #taniaboisset, #woodmood, #ldp, #edouard-durand, #aap, #recitscroises, #axelheise, #cdv, #nord, #zazurca, #rc-lab, #sophiedescourtis, #desalmand, #vial, #tran, #cocktail-me, #sra, #marieleduc {
	display: none;
	color: #554F4F;
	font-size: 11px;
	line-height: normal;
	margin: 36px 0px 0px 0px;
}

.gauche {
	position: absolute;
	z-index: 50;
	background-color: #EDEAEA;
	-moz-opacity:.9;
	-khtml-opacity:.9;
	filter: alpha(opacity=90);
   	opacity:.9;
	border: 1px solid #999292;
	margin: 260px 0px 0px 0px;
	padding: 6px;
}

.gauche a:link, .gauche a:visited {
	color: #999999;
	text-decoration: none;
}

.gauche a:hover, .gauche a:active {
	text-decoration: none;
color: #2B2929;
}

.droite {
float: right;
width: 270px;
}

/* --------------right navigation------------- */
#menu {
float: right;
padding: 0px 0px 0px 0px;
width: 200px;
font-size: 11px;
color: #999999;
	text-align: right;
}

#menu h1 {
font-size: 11px;
color: #554F4F;
font-weight: normal;
margin: 0px 0px 9px 0px;
	background-color: #EDEAEA;
	padding: 1px 1px 1px 1px;
}

#menu h1 a:link, #menu h1 a:visited {
	color: #554F4F;
	text-decoration: none;
	background-color: #EDEAEA;
	padding: 1px 1px 1px 1px;
}

#menu h1 a:hover, #menu h1 a:active {
	color: #2B2929;
	text-decoration: none;
	background-color: #EDEAEA;
}

#menu ul {
margin: 0px;
padding: 3px 0px 3px 0px;
}

#menu li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 0px 18px;
}

ul#item01, ul#item02, ul#item03, ul#item04, ul#item05, ul#item06, ul#item07, ul#item08, ul#item09, ul#item10, ul#item11, ul#item12, ul#item13, ul#item14, ul#item15 {
    display: none;
	margin: 0px 0px 18px 9px;
	padding: 0px 0px 0px 0px;
	color: #2B2929;
}

#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu07, #menu08, #menu09, #menu10, #menu11, #menu12, #menu13, #menu14, #menu15 {
	list-style : none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu a:link, #menu a:visited {
	color: #666666;
	text-decoration: none;
	background-color: #EDEAEA;
	padding: 1px 1px 1px 60px;
}

#menu a:hover, #menu a:active {
	color: #2B2929;
	text-decoration: none;
	background-color: #EDEAEA;
}

ul#item01 li a:link, ul#item01 li a:visited, ul#item02 li a:link, ul#item02 li a:visited, ul#item03 li a:link, ul#item03 li a:visited, ul#item04 li a:link, ul#item04 li a:visited, ul#item05 li a:link, ul#item05 li a:visited, ul#item06 li a:link, ul#item06 li a:visited, ul#item07 li a:link, ul#item07 li a:visited, ul#item08 li a:link, ul#item08 li a:visited, ul#item09 li a:link, ul#item09 li a:visited, ul#item10 li a:link, ul#item10 li a:visited, ul#item11 li a:link, ul#item11 li a:visited, ul#item12 li a:link, ul#item12 li a:visited, ul#item13 li a:link, ul#item13 li a:visited, ul#item14 li a:link, ul#item14 li a:visited, ul#item15 li a:link, ul#item15 li a:visited {
	color: #2B2929;
	text-decoration: none;
	border-bottom: 1px solid #DDD8D8;
	background-color: transparent;
	font-size: 10px;
	padding: 1px 1px 1px 40px;
}

ul#item01 li a:hover, ul#item01 li a:active, ul#item02 li a:hover, ul#item02 li a:active, ul#item03 li a:hover, ul#item03 li a:active, ul#item04 li a:hover, ul#item04 li a:active, ul#item05 li a:hover, ul#item05 li a:active, ul#item06 li a:hover, ul#item06 li a:active, ul#item07 li a:hover, ul#item07 li a:active, ul#item08 li a:hover, ul#item08 li a:active, ul#item09 li a:hover, ul#item09 li a:active, ul#item10 li a:hover, ul#item10 li a:active, ul#item11 li a:hover, ul#item11 li a:active, ul#item12 li a:hover, ul#item12 li a:active, ul#item13 li a:hover, ul#item13 li a:active, ul#item14 li a:hover, ul#item14 li a:active, ul#item15 li a:hover, ul#item15 li a:active {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background-color: transparent;
	font-size: 10px;
}
.on {
	color: #2B2929;
}

#menu h2 {
font-size: 11px;
color: #666;
font-weight: normal;
margin: 0px 0px 9px 18px;
}

/* -----------footer--------------------------- */
#footer {
float: left;
width: 990px;
height: 12px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 12px;
font-size: 10px;
color: #999999;
border-top: 1px solid #CBC5C5;
/*text-align: right; */
}

#footer a:link, #footer a:visited {
	color: #2B2929;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	color: #999999;
	text-decoration: none;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.marge_bas {
margin: 0px 18px 9px 0px;
}

.formulaire {
	margin-top: -6px;
			}

.formulaire_text {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 1px;
	background-position: center bottom;
	height: 16px;
	width: 160px;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	margin-bottom: 6px;
			}

.formulaire_question {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 1px;
	background-position: center bottom;
	height: 120px;
	width: 260px;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	margin-top: 6px;
			}
			
.formulaire_submit {
	background-color: #eeeeee; 
	border: 1px solid #999999;
	padding: 3px; 
	height: 22px; 
	width : 40px; 
	background-position: center; 
	margin: 9px 9px 3px 0px;
	color: #333333;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-size: 11px;
	}

.formulaire {
	margin-left: 118px;
			}

#impressum {
width: 300px;
margin-top: 24px;
margin-bottom: 10px;
padding-left: 24px; 
text-align: left;
}

#impressum h1 {
font-size: 11px;
color: #554F4F;
font-weight: normal;
margin: 0px 0px 3px 0px;
}

#impressum h2 {
font-size: 11px;
font-weight: normal;
margin: 0px 0px 6px 0px;
}

.rosebonbon {
color: #CC3399;
}