html {
	height:96%;
	padding: 0px; 
	margin: 0px;
}

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

a { text-decoration: none; }

*, html, body, div, td {
	font-size: 11px;
	font-family: Century Gothic, Helvetica, Arial, Verdana, trebuchet, sans-serif;
}

body {
	margin:0px;
	margin-top: 20px;
	padding:0px;
	text-align:center;
	background-color: #4A1E01; 
	/*color:#666666;*/
}
body * { 
	font-family: Century Gothic, Helvetica, Arial, Verdana, trebuchet, sans-serif;
	text-align: left; 
	color: #4A1E01; 
}


div#content{
	background-color: #4A1E01; 
	padding:0px;
	padding-top: 30px;
	margin:0px auto;
	width:798px;
	padding-bottom: 20px;
}


div#breadcrumbs {
	top: 50px;
	position: absolute; 
	color:white;
}
div#breadcrumbs a { color:white; }
div#breadcrumbs a:hover { color:#B0896A; }

/* --------------------------------------------	
								HEAD
	 --------------------------------------------	*/

div#head {
	margin: 0px;
	padding: 0px;
	position:relative;
	/*
	border:1px solid yellow;
	*/
}
div#head div#lngs {
	text-align: right;
	padding-bottom: 0px;
}
div#head div#lngs a, div#head div#lngs {
	color: white;
}

a#logo {
	position:absolute;
	top: 70px;
	z-Index: 25;
}

/* LOGO */
div#head a#logo {
	position:absolute;
	top: 25px;
	left: 10px;
	/*
	border: 2px solid yellow;
	*/
	z-Index: 100;
}
/*
* html div#head a#logo {
	left: -790px;
}
*/
div#head a#logo img#logo {
	z-Index: 100;
}
div#head img.head-silhouette {
	position:absolute; 
	top:14px; 
	left: 0px;
}

/*
* html div#head img.head-silhouette {
	left:-800px;
}
*/

/* END LOGO */ 

div#foot {
	padding: 5px 0px;
	text-align: center;
	border-width: 1px 0px 1px 0px; 
	border-style: solid;
	border-color: white white #A27555 white;
	background-color: #AB8263;
}
div#foot a {
	color:white;
	margin-right: 5px;
}
div#foot a:hover {
	color: #4A1E01;
}

table#cols  {
	width: 100%;
}
table#cols td {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

	/* --------------------------------------------	
											NEWS	
				 --------------------------------------------	*/
		h1 {
			font-size: 12px;
			font-weight: bold;
		}

		div#news {
			width: 430px;
			float: right;

			/*
			border:1px solid red;
			background-color: #9A7354;
			*/

			padding-top:30px;
			margin-right: 10px;

		}

		div#news div.news-item {
			/*
			border: 1px solid #491D02;
			*/
			border: 1px solid #30180C;
			border-width: 1px 1px 1px 1px;
			padding: 0px;
			padding-left: 20px;
			margin: 0px 0px 0px 0px;
			left: 0px;
			height: 125px;

		}
		div#news div.news-shadow {
			margin-bottom:15px;
		}
		div#news div.news-item div.news-item-text {
			/*
			*/
			position:relative;
			overflow: hidden;
			width: 195px;
			float: left;
		  padding: 5px 0px 0px 0px;
			height: 105px;
		}
		div#news a { color: #A27555; }
		div#news a:hover { color: #4A1E01; }

		div#news div.news-item div.news-item-pic {
			float:right;
			padding: 0px; margin: 0px; 
			/*
			border:1px solid yellow;;
			*/
		}
		div#news div.news-item div.news-item-pic img {
			height: 125px;
		}
		#news-item-1 {	background-color: #E6CFBD; }
		#news-item-2 {	background-color: #EEE2CB; }
		#news-item-3 {	background-color: #EED9D7; }
		#news-item-4 {	background-color: #EEE1DA; }

		div#all-news div.news-item {
			margin-bottom: 20px;
			padding: 5px;

		}
		div#all-news div.news-item div.news-shadow {
		}
		div#all-news div.news-item div.news-shadow div.news-inner {
			background-color: #AB8265;
			padding: 10px;
		}
		div#all-news div.news-item div.news-img img {
			position: relative; float:left;
			margin-right: 5px;
			margin-bottom: 3px;
		}

/* --------------------------------------------	
								NAVIGATION
	 --------------------------------------------	*/
div#navi {
	padding: 0px;
	margin: 0px;
	height: 30px;
	background-color: #B0896A;
	width: 100%;

	border-width: 1px 0px;
	border-style:solid;
	border-color: white;
}
div#navi ul {
	margin:0 0 0 10;
	padding:0px 0px 0px 10px;
	width: 100%;

	list-style-image: none;
	list-style-type: none;
}
div#navi li {
	float:left;
	margin: 0px;
	padding:0px;
	text-align: right;
	height: 30px;
}
div#navi li a {
	display:block;
	color:#FFFFFF;
	margin:8px 0px 0px;
	padding:0px 10px;
	font-size: 12px;
}
div#text {
	position: relative;

	padding: 20px 0px 20px 90px;
	margin-right: 50px;

	top:0px;
	left: 0px;

	top:0px;
	bottom: 0px;
	width: 410px;
}
/*
* html div#text {
	width: 500px;
}
*/


div#text a {
	color: white;
}

div#slave {
	background-color: #A27555;
	/*
		position:relative;
	*/
}



/* ===========================================
    markup for pdm
   =========================================== */
  div#menu { }

  /* first level menu entries */
  ul#menu li a {
		z-Index: 100;
  }
  ul#menu li ul li a {
		/*
		color: #331501;
		color: #4A1E01;
		*/
		padding-left: 10px;
		padding-right: 3px;

		/*
		border: 1px solid yellow;
		*/
		padding-top: 3px;
		padding-bottom: 3px;
		height: 100%;
		width: 100%;
  }

  ul#menu li {

		border-width: 0px 1px 0px 0px;
		border-style: solid;
		border-color: white;
		height: 30px;

		background-color: #B0896A;
		/*
		border: 1px solid yellow;
		*/
		z-Index: 1;
  }
  ul#menu li ul li ul li,
  ul#menu li ul li ul li a{
		z-index: 2500;
	}

  ul#menu li:hover {
    color: white;
    text-decoration: none;
    background-color: #4A1E01;
  }

	/* set text color to white for menu and submenu on hover */
  ul#menu li a:hover, ul#menu li ul li:hover > a  {
    color:white;
  }

 /* submenus */
  ul#menu li ul li {
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: white;

		/*
		width: auto;
		*/
		padding-top: 1px;
		padding-bottom: 1px;
		height: auto;

		width: 13.5em;

		opacity: 0.85;

  }

	ul#menu li ul li ul {
		position:absolute;
		top: -1em;
		opacity: 1;
		/*
		border: 5px solid green;
		visibility:visible;
		*/

		width: 13.5em;
	}

	ul#menu li ul li ul li {
		left: -1px;
		border: 1px solid white;
		border-width: 0px 2px 1px 1px;
		background-color: #7B4e31;;
		opacity: 1;
	}
	

  ul#menu li ul {
		border-width: 1px 1px 0px 1px;
		border-style: solid;
		border-color: white;

		bottom: 29px;

    width: 13.5em;
		/*
		*/
    /* dont't set padding here, because borders are wrong in firefox */
    padding: 0px;
    margin: 0px;
		z-Index: 100;

    height: auto;
  }

/* selected subitems */
  ul#menu li a.selected {
		color: #4A1E01 !important;
    font-weight: bold;
  }
  ul#menu li:hover a.selected {
		color: white !important;
  }

/*
  ul#menu li ul li:hover {
      background-color: #EEE;
  }
  */

  /* set size, don't float */
  ul#menu li ul li {
      float: none;
  }

  ul#menu li ul li.submenu {
    background-image: url(/dc_components/site/pdm/css/images/arrow-b.gif);
    background-position: right center;
    background-repeat: no-repeat;
  }
  ul#menu li ul li.submenu:hover {
    background-image: url(/dc_components/site/pdm/css/images/arrow-w.gif);
	}


/* END markup for pdm */





/* ======================================
				INFOBITS
   ====================================== */



/*
div.Article {
  background: url(images/custom_corners_topleft.gif) top left no-repeat;
  } 
div.Article h3 {
  background: url(images/custom_corners_topright.gif) top right no-repeat;
  padding:15px;
  margin:0;
  }
div.ArticleBody {
  background: url(images/custom_corners_rightborder.gif) top right repeat-y;
  }
div.ArticleFooter {
  background: url(images/custom_corners_bottomleft.gif) bottom left no-repeat;
  }
div.ArticleFooter p {
  background: url(images/custom_corners_bottomright.gif) bottom right no-repeat;
  }


*/

div#infobits {
	padding-top: 30px;
	border: 1px solid #AB8263;

}
div#infobits a { color:white; }
div#infobits a:hover { text-decoration:underline; }
td#infobits {
	background-color: #AB8263;
}

div#index div#paragraphs a { color:white; }
div#index div#paragraphs a:hover { text-decoration:underline; }


/* ----------------------------------------
		style for liquid boxes with shadow 
   ----------------------------------------- */
div.news-shadow {
	
	position: relative;
	padding-right: 9px;
	padding-bottom: 9px;

	background-image:url(/cu/paris/img/shade.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	opacity: 1;
}

/*
* html div.news-shadow {
	background-image:url(/cu/paris/img/shade.gif);
}
*/

div.shadow {
	
	width: 201px;
	/*
		position: relative;
	*/

	padding-right: 6px;
	padding-bottom: 8px;

	background-image:url(/cu/paris/img/shade.png);
	background-position: bottom right;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	/*
		opacity: 0.9;
	*/
}
/*
* html div.shadow {
	background-image:url(/cu/paris/img/shade.gif);
}
*/

div.shadow div.shadow-bl, div.news-shadow div.shadow-bl {
	background-image:url(/cu/paris/img/shade-bl.png);
	width: 4px; 
	height: 4px;
	position:absolute;
	bottom:2px;
	left:0px;
	/*
	border: 1px solid blue;
	*/
}
div.news-shadow div.shadow-bl {
	bottom: 3px;
	height: 6px;
}

div.shadow div.shadow-tr, div.news-shadow div.shadow-tr {
	background-image:url(/cu/paris/img/shade-tr.png);
	background-repeat: no-repeat;
	width: 9px; 
	height: 9px;
	position:absolute;
	top:-1px;
	right:-2px;
	/*
		border: 1px solid green;
	*/
}
div.news-shadow div.shadow-tr {
	right: 0px;
}

div.box {

	margin: 0px;
	margin-bottom: 0px;
	border-color: #461F02;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	/*
	position: relative;
	*/

	/*
	background: url(/cu/smsduell/images/boxes/box-corner-rb.gif) no-repeat bottom right;
	*/

}

div.box div.head {
	top:0px;
	background-color: #B19276;
	border:1px solid #B19276;
	background-repeat: repeat-y;

	/*
	background: url(/cu/smsduell/images/boxes/box-corner-rt.gif) no-repeat top right;
	*/

	
}
div.box div.head h2 {
	font-size: 1.2em;
	padding: 2px 0px;
	margin: 0px;
	text-align:center;

	/*
	background: url(/cu/smsduell/images/boxes/box-corner-lt.gif) no-repeat top left;
	*/

}

div.box div.body {
	background-color: #C8AE97;
	padding: 10px 15px 10px 15px;
	/*
	background: url(/cu/smsduell/images/boxes/box-corner-lb.gif) no-repeat bottom left;
	*/

}

/* For IE 5 PC */
/*
* html div.box div.head h2 {height: 5%;} 
*/



/*
div.box {
	margin: 0 auto; / center for now /
	background: url(/cu/smsduell/images/boxes/box-corner-rb.gif) no-repeat bottom right;
	background-color: #083063;
}

div.box .head {
	background: url(/cu/smsduell/images/boxes/box-corner-rt.gif) no-repeat top right;
	margin: 0;
	padding: 0;

	text-align: center;
}
div.box div.head h2 {
	background: url(/cu/smsduell/images/boxes/box-corner-lt.gif) no-repeat top left;
	margin: 0;
	padding: 10px 30px 0px;

	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 

}
div.box div.body {
	background: url(/cu/smsduell/images/boxes/box-corner-lb.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 5px;
	color: white;
}

*/


/* ----------------------------------------
		style for sitemap
   ----------------------------------------- */
ul#sitemap { 
	margin: 0px;
	list-style-image:url(/cu/paris/img/eiffel_H20.png);
}
/*
* html ul#sitemap {
	list-style-image:url(/cu/paris/img/eiffel_H20.gif);
}
*/
ul#sitemap ul {
	list-style-type:circle;
	list-style-image:none;
}
ul#sitemap a { 
	color:white;
}

/* ----------------------------------------
		style for galleries 
   ----------------------------------------- */
div#webfoto-gallery {
	background-image:url(/cu/paris/bg-column.gif);
	background-repeat:repeat-y;
	position: relative;
}
div#webfoto-gallery div#text {
	padding-right: 0px; 
	padding-left: 10px; 
	margin: 0px; 
	float:left; 
	width: 320px;
	/*
	border:2px solid red; 
	*/
}

div#webfoto-gallery a.webfoto img.webfoto {
	border: 2px solid #4A1E01;
	padding: 1px;
	background-color: white;
}
div#webfoto-gallery div#preview {
	position: absolute;
	background-color: white;
	padding: 10px 0px;
	margin-top: 5px;

	left: 398px;
	width: 400px;
	text-align: center; 
	top: 50px;
}
/*
* html div#webfoto-gallery div#preview {
		left: 28px;
}
*/
div#webfoto-gallery div#preview img {}
div#webfoto-gallery div#thumbs{
	width: 360px; 
	float:left;
}

div#slideshow div, div#slideshow h1 {
	text-align: center;
}
div#slideshow div#slideshow-navi {
	padding: 10px;
}
div#slideshow div#slideshow-pic {
	padding: 10px;
	background-color: #C8AE97;
}


img#silhouette-right {
	position: absolute;
	right: 0px;
	bottom: -55px;
	z-Index: 5;
}
img#silhouette-left {
	position: absolute;
	left: 0px;
	bottom: -55px;
	/*
	border:1px solid yellow;
	*/
	z-Index: 5;
}

div#navi 		{ z-index: 100; position: relative; }
div#foot a 	{ z-index: 10; position:relative; }
div#text 		{ z-index: 100; position: relative; }
div#webfoto-gallery { z-index: 100; position: relative; }
div#index { z-index: 100; position: relative; }



div#Contact input.inputBox, div#Contact textarea {
	border: 1px solid grey;
	padding: 3px;
	margin: 3px;
}
.mandatory {
	color: #FA0002;
}