@charset "UTF-8";
/* CSS Document */

body {
		background: #000 top left fixed no-repeat;
		font: Arial, Helvetica, sans-serif 12px;
}

/* Scrollbar -----------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-button:vertical {
    border: none;
}

/* Turn on single button up on top, and down on bottom */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}

/* Turn off the down area up on top, and up area on bottom */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}

/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:vertical:increment {
    border: none;
}

/* Place The scroll up button at the up */
::-webkit-scrollbar-button:vertical:decrement {
    border: none;
}

::-webkit-scrollbar-track:vertical {
    border: none;
}

/* Top area above thumb and below up button */
::-webkit-scrollbar-track-piece:vertical:start {
    border: none;
}

/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    border: none;
}

/* Track below and above */
::-webkit-scrollbar-track-piece {
    background-color: #CCC;
}

/* The thumb itself */
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #00AEEF;
}

/* Corner */
::-webkit-scrollbar-corner:vertical {
    background-color: #CCC;
}

/* Resizer */
::-webkit-scrollbar-resizer:vertical {
    background-color: #CCC;
}

/* div Content ---------------------------------------------------------------------*/
div#content {
	background: #FFF;
	width: 607px;
	height: 435px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}

div#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00AEEF;
}

div#content h4 {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #00AEEF;
}

.picHidden {
	display: none;
	width: 0px;
	height: 0px;
}

/* Links  -------------------------------------------------------------------------------*/
a:link {
	color: #00AEEF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a:hover {
	color: #00AEEF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a:visited {
	color: #00AEEF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a:visited:hover {
	color: #00AEEF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* Button Rolls ------------------------------------------------------------------------*/
a.newsroll {
	display: block;
	width: 80px;
	height: 30px;
	background: url(../buttons/news.png) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.newsroll {
	background-position: -80px 0;
}
a.spectroll {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../buttons/spectacles.png) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.spectroll {
	background-position: -120px 0;
}
a.agendaroll {
	display: block;
	width: 111px;
	height: 30px;
	background: url(../buttons/agenda.png) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.agendaroll {
	background-position: -111px 0;
}
a.mediaroll {
	display: block;
	width: 61px;
	height: 30px;
	background: url(../buttons/media.png) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.mediaroll {
	background-position: -61px 0;
}
a.pressroll {
	display: block;
	width: 102px;
	height: 30px;
	background: url(../buttons/presse.png) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.pressroll {
	background-position: -102px 0;
}
a.contactroll {
	display: block;
	width: 89px;
	height: 30px;
	background: url(../buttons/contact.png) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.contactroll {
	background-position: -89px 0;
}
a.logoroll {
	display: block;
	width: 183px;
	height: 170px;
	background: url(../buttons/logo.png) 0 0 no-repeat;
	text-decoration: none;
}
a:hover.logoroll {
	background-position: -183px 0;
}

a.sub1roll {
	display: block;
	width: 120px;
	height: 15px;
	background: 0 0 no-repeat;
	text-decoration: none;
}
a:hover.sub1roll {
	background-position: -120px 0;
}

a.sub2roll {
	display: block;
	width: 61px;
	height: 15px;
	background: 0 0 no-repeat;
	text-decoration: none;
}
a:hover.sub2roll {
	background-position: -61px 0;
}