* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	max-height: 100%;
}
body {
	height: 100%;
	max-height: 100%;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 90%;
	*background: url(../layouts/kulturhaus/images/background.png) no-repeat bottom center;
}
a {
	color: #000;;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#wrapper {
	position: relative;
	display: table;
	margin: 0 auto;
	width: 1024px;
	/*min-height: 800px;
	height: 100%;*/
	height: 100%;
	max-height: 100%;
	background: url(../layouts/kulturhaus/images/background.png) no-repeat bottom center;
	*background: none;
}
#header {
	/*margin: 0 auto;
	margin-top: 60px;
	width: 890px;
	height: 62px;*/
	position: relative;
	top: 0;
	margin: 0 auto;
	/*margin-top: 60px;*/
	width: 1024px;
	height: 110px;
	z-index: 3;
}
#padheader {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 110px;
	background: #FFF;
}
#logo {
	position: absolute;
	bottom: 0;
	left: 60px;
	/*float: left;*/
	width: 260px;
	height: 62px;
	background: url(../layouts/kulturhaus/images/logo.png) no-repeat;
}
#menu {
	position: absolute;
	bottom: 0;
	right: 60px;
	/*float: right;*/
	margin: 0 0 0 30px;
	width: 565px;
	height: 62px;
	line-height: 62px;
}
#menu ul {
	float: right;
	position: relative;
	padding-top: 35px;
	height: 20px;
	list-style: none inside none;
}
#menu ul li {
	position: relative;
	display: inline-block;
	float: left;
	margin: 0 8px 0 0;
	width: auto;
	font-weight: bold;
}
#menu ul li a {
	color: #aa191e;
	font-size: 0.8em;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a.active {
	color: #000;
}
div#menu ul ul.submenu {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 12em !important;
	list-style: none inside none;
}
div#menu ul ul.submenu li {
	float: left;
	margin: 0 0 0 -5px;
	padding: 0 0 0 5px;
	width: 12em;
	max-width: 150%;
	/*border: 1px solid #EFEFEF;*/
	background: #FFF;
}
div#menu ul ul.submenu li a {
	/*padding: 0 0 0 5px;*/
	color: #000;
	font-size: 0.75em;
}
div#menu ul li:hover ul {
	display: block;
	z-index: 500;
}
#content {
	/*display: table;*/
	display: block;
	position: relative;
	/*float: left;*/
	/*margin: 60px auto 0;*/
	margin: 0 auto;
	margin-top: 75px;
	padding: 0 25px;
	width: 860px;
	/*height: 600px;*/
	min-height: 530px;
	/*max-height: 100%;*/
	/*height: 100%;*/
	font-size: 0.75em;
	background: #FFF;
}
#innercontent {
	display: table;
	margin: 0px auto 0;
	padding: 20px 0 0 0;
	width: 860px;
}

#padcontent {
	display: block;
	height: 100px;
}
#innercontent h1 {
	margin: 0;
	padding: 0 0 15px;
	font-size: 4em;
	font-weight: bold;
	color: #0099FF;
	border: 0;
	border-bottom: 1px solid #000;
}
#innercontent h1.noline {
	border: 0;	
}
#innercontent h2 {
	margin: 20px 0 10px;
	font-size: 1.4em;
	font-weight: bold;
	color: #0099FF;
}
#innercontent h3 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: #000;
}
#innercontent p{
	margin: 2px 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2em;
}
#footer {
	/*margin: 30px auto 0;
	width: 890px;
	height: 25px;
	background: #FFF;*/
	position: relative;
	/*bottom: 25px;*/
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 910px;
	height: 25px;
	background: #FFF;
	z-index: 2;
}
#padfooter {
	display: block;
	width: 100%;
/*	height: 50px;*/
	float: left;
	background: #FFF;
}
#copyright {
	/*float: left;*/
	position: absolute;
	left: 30px;
	margin: 0 0 0 30px;
	height: 25px;
	line-height: 25px;
	font-size: 0.75em;
}
#copyright em {
	font-style: normal;
	font-weight: bold;
}
#langs {
	/*float: right;*/
	position: absolute;
	right: 30px;
	margin: 0 30px 0 0;
	width: 250px;
	height: 25px;
	line-height: 25px;
	font-size: 0.75em;
	font-weight: bold;
}
#langlabel {
	float: left;
}
#langmenu {
	float: right;
	display: inline;
	list-style: none inside none;
}
#langmenu li {
	float: left;
	display: inline-block;
	margin: 0 5px;
	height: 25px;
	line-height: 25px;
}
#langmenu li a {
	color: #000;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	text-decoration: none;
}

/* AGENDA CALENDRIER */
div#innercontent > div.datepicker {
	display: inline;
	float: left;
	padding: 5px;
	width: 100%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
div#innercontent > div.datepicker ul {
	display: inline-block;
	list-style: none inside none;
}
div#innercontent > div.datepicker ul li {
	float: left;	
}
div#innercontent > div.datepicker ul li a.active, div#innercontent > div.datepicker ul li a:hover {
	font-weight: bold;
	text-decoration: none;
}

/* AGENDA STYLE */
div#innercontent > div.event {
	float: left;
	margin: 1px 0 5px 0;
	padding: 15px;
	width: 370px;
	height: 95px;
	border-bottom: 1px solid #B2B2B2;
	overflow: hidden;
}
div#innercontent > div.event div.image img {
	float: left;
	width: 90px;
	height: 90px;
}
div#innercontent > div.event div.description {
	float: left;
	margin: 0 0 0 10px;
	width: 265px;
}
div#innercontent > div.event div.description h1 {
	padding: 0 0 5px 0;
	font-size: 1em;
	font-weight: bold;
	border: 0;
}
div#innercontent > div.event div.description h2 {
	margin: 0;
	padding: 0 0 2px 0;
	color: #000;
        font-size: 0.9em;
        font-weight: bold;
}
div#innercontent > div.event div.description h3 {
	margin: 0;
	padding: 0 0 2px 0;
	color: #000;        
	font-size: 0.8em;
        font-weight: normal;
}
div#innercontent > div.event div.description div.box {
	height: 70px;
	overflow: hidden;
}
div#innercontent > div.event div.description div.box div.date {
	font-size: 0.9em;
	font-weight: bold;
}
div#innercontent > div.event div.description div.box p {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
div#innercontent > div.separator {
	float: left;
	width: 40px;
	height: 95px;
}
div#innercontent > div.event div.past {
	position: absolute;
	width: 370px;
	height: 100px;
	background: transparent url(../layouts/kulturhaus/images/event-overlay.png) repeat;
}
/* AGENDA DETAILS STYLE */
div#innercontent > div.event.details {
	float: left;
	margin: 0;
	padding: 15px;
	width: 810px;
	/*height: 480px;*/
	min-height: 100%;
	height: 100%;
	line-height: 1.2em;
	border: 0;
}
div#innercontent > div.event.details div.detailsBox {
	float: left;
	margin: 20px 0 10px 0;
	padding: 0;
	/*height: 450px;*/
}
div#innercontent > div.event.details div.detailsBox div.left {
	float: left;
	width: 270px;
	/*height: 450px;*/
}
div#innercontent > div.event.details div.detailsBox div.left div.image {
	position: relative;
	float: left;
}
div#innercontent > div.event.details div.detailsBox div.left div.image img {
	width: 250px;
	height: auto;
}
div#innercontent > div.event.details div.detailsBox div.left div.image div.copyright {
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 2px 0;
	width: 100%;
	color: #9C9E9F;
	font-size: 0.8em;
	font-weight: normal;
	text-align: left;
	/*background: #E2E2E2;*/
}
div#innercontent > div.event.details div.detailsBox div.left div.dates, div#innercontent > div.event.details div.detailsBox div.left div.prices {
	float: left;
	margin: 10px 0;
	width: 270px;
}
div#innercontent > div.event.details div.detailsBox div.left div.dates {
	font-weight: bold;
}
div#innercontent > div.event.details div.detailsBox div.left div.options div span {
	margin: 0 10px 0 0;
	padding: 0;	
}
div#innercontent > div.event.details div.detailsBox div.left div.reservation {
	margin: 10px 0;
	padding: 0;
}
div#innercontent > div.event.details div.detailsBox div.left div.reservation span {
	display: block;
	font-weight: bold;
}
div#innercontent > div.event.details div.detailsBox div.right {
	float: left;
	width: 540px;
}
div#innercontent > div.event.details div.detailsBox div.right div.title h1 {
	margin: 0;
	padding: 0 0 0.1em 0;
	color: #000;
	font-size: 1.2em;
	border: 0;
}
div#innercontent > div.event.details div.detailsBox div.right div.title h2 {
	margin: 0;
	padding: 2px 0;
	color: #000;
	font-size: 1em;
}
div#innercontent > div.event.details div.detailsBox div.right div.title h3 {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 0.9em;
}
div#innercontent > div.event.details div.detailsBox div.right div.description {
	margin: 20px 0 0 0;
	width: 540px;
	padding-bottom: 30px;
	/*height: 400px;*/
	/*overflow: auto;*/
}

/* Set the colors for the h1 titles in details agenda */
/** purple **/
/*div#menu ul.submenu li a.danse,*/
#innercontent h1.danse, 
div#innercontent > div.event div.description h1.danse a, 
div#innercontent > div.event.details h1.danse, 
div#innercontent > div.event.details div.detailsBox div.right div.title h1.danse {
	color: #CC0099;
}
/** green **/
/*div#menu ul.submenu li a.expositions,*/
#content h1.expositions, 
div#innercontent > div.event div.description h1.expositions a, 
div#innercontent > div.event.details h1.expositions, 
div#innercontent > div.event.details div.detailsBox div.right div.title h1.expositions {
	color: #99CC33;
}
/** green/blue **/
/*div#menu ul.submenu li a.commune,*/
#content h1.commune, 
div#innercontent > div.event div.description h1.commune a, 
div#innercontent > div.event.details h1.commune, 
div#innercontent > div.event.details div.detailsBox div.right div.title h1.commune {
	color: #006666;
}
/** blue **/
/*div#menu ul.submenu li a.musique,*/
#content h1.musique, 
div#innercontent > div.event div.description h1.musique a,
div#innercontent > div.event.details h1.musique,
div#innercontent > div.event.details div.detailsBox div.right div.title h1.musique {
	color: #0099FF;
}
/** orange **/
/*div#menu ul.submenu li a.enfantscaku,*/
#content h1.CAKU, 
div#innercontent > div.event div.description h1.caku a, 
div#innercontent > div.event.details h1.caku, 
div#innercontent > div.event.details div.detailsBox div.right div.title h1.caku {
	color: #FF9933;
}
/** red **/
/*div#menu ul.submenu li a.adolescentstrio,*/
#content h1.adolescentstrio, 
div#innercontent > div.event div.description h1.adolescentstrio a, 
div#innercontent > div.event.details h1.adolescentstrio, 
div#innercontent > div.event.details div.detailsBox div.right div.title h1.adolescentstrio {
	color: #A61D34;
}
/*div#menu ul.submenu li a.ateliers,*/
#content h1.ateliers, 
div#innercontent > div.event div.description h1.ateliers a, 
div#innercontent > div.event.details h1.ateliers, 
div#innercontent > div.event.details div.detailsBox div.right div.title h1.ateliers {
	color: #FFCC33;
}
/** red->theater **/
/*div#menu ul.submenu li a.theatre,*/
#content h1.theatre,
div#innercontent > div.event div.description h1.theatre a, 
div#innercontent > div.event.details h1.theatre, 
div#innercontent > div.event.details div.detailsBox div.right div.title h1.theatre {
	color: #CC3333;
}

/** lisiere **/
/*div#menu ul.submenu li a.theatre,*/
#content h1.lisiere,
div#innercontent > div.event div.description h1.lisiere a,
div#innercontent > div.event.details h1.lisiere,
div#innercontent > div.event.details div.detailsBox div.right div.title h1.lisiere {
        color: #CCB42E;
}


/** div#menu ul.submenu li a.classes : hover **/
div#menu ul.submenu li a.danse:hover, div#menu ul.submenu li a.danse.active,
div#menu ul.submenu li a.expositions:hover, div#menu ul.submenu li a.expositions.active,
div#menu ul.submenu li a.musique:hover, div#menu ul.submenu li a.musique.active,
div#menu ul.submenu li a.caku:hover, div#menu ul.submenu li a.caku.active,
div#menu ul.submenu li a.adolescentstrio:hover, div#menu ul.submenu li a.adolescentstrio.active,
div#menu ul.submenu li a.ateliers:hover, div#menu ul.submenu li a.ateliers.active,
div#menu ul.submenu li a.lisiere:hover, div#menu ul.submenu li a.lisiere.active {
	color: #000;
}

div#innercontent div.event div.description h1 a, div#innercontent div.event div.description h1 a:hover,
div#innercontent div.event div.description div.box a, div#innercontent div.event div.description div.box a:hover {
	text-decoration: none;
}

/* News page */
div#innercontent div.news.header div.news.date {
	margin: 15px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 0.9em;
	font-weight: bold;
}
div#innercontent div.news.header div.news.title h1 {
	padding: 5px 0 5px 5px;
	font-size: 1.5em;
}
div#innercontent div.news.header div.news.content {
	margin: 0 0 10px 0;
}
/* Newsletter page */
form.newsletter ul.newsletter {
	list-style: none inside none;
}
form.newsletter ul.newsletter li {
	margin: 3px 0;
}
form.newsletter ul.newsletter li label {
	display: inline-block;
	width: 90px;
	font-weight: bold;
}
form.newsletter ul.newsletter li input[type="text"] {
	width: 250px;
	height: 15px;
	line-height: 13px;
	font-size: 0.9em;
	border: 1px solid #CCC;
}
form.newsletter ul.newsletter li.buttons {
	margin: 10px 0 0 90px;
}
	
fieldset.form legend {
	display: none;
}
fieldset.form div.message, form.newsletter div.message {
	margin: 10px 0;
	padding: 10px;
	width: 340px;
	color: #000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 1px dotted;
}
fieldset.form div.message.success, form.newsletter div.message.success {
	border-color: #395F1D;
	background-color: #D1FFAF;
}
fieldset.form div.message.error, form.newsletter div.message.error {
	border-color: #5F1215;
	background-color: #FFCFD1;
}
fieldset.form form#form1 {
	margin: 0;
}
fieldset.form form#form1 div.formline {
	margin: 3px 0;
	width: 100%;
	height: 16px;
	*height: 20px;
}
fieldset.form form#form1 div.formline label {
	display: inline-block;
	float: left;
	width: 90px;
	font-weight: bold;
}
fieldset.form form#form1 div.formline input[type="text"] {
	width: 250px;
	height: 15px;
	line-height: 13px;
	font-size: 0.9em;
	border: 1px solid #CCC;
}
fieldset.form form#form1 div.formline input[type="submit"] {
	margin: 10px 0 10px 90px;
	*margin: 2px 0 0 0;
}
fieldset.form form#form1 div.formline div.option {
	display: inline-block;
	float: left;
	width: 50%;
	line-height: 20px;
}
fieldset.form form#form1 div.formline div.option label {
	width: auto;
	vertical-align: middle;
}
fieldset.form form#form1 div.formline div.option input {
	margin: 2px 0 0 10px;
	width: 20px;
	vertical-align: middle;
}