html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
html,body { background:#000000; height:100%; }
ul,ol { list-style-type:none; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:arial; font-size:12px; color:#ffefc1; font-weight:normal; }
.txt { font-size:11px; color:#000000; padding:3px 3px 2px 3px; border:1px solid #999999; }
.btn { border:0; height:20px; cursor:pointer; }
textarea { overflow: auto; }
img { display:block; border:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
table td { vertical-align:top; }
table td.label { font-size:11px; color:#666666; text-align:right; height:22px; padding:5px 5px 0 0; }
table td.field { height:28px; }

.success { color:#009900; font-weight:bold; text-align:center; padding:0 0 0 0; }
.error { color:#FF0000; font-weight:bold; text-align:center; padding:0 0 0 0; }

#container { width:100%; height:100%; }
#container td { height:100%; vertical-align:middle; }

#frame { width:990px; height:500px; background:url(/images/bg.jpg) no-repeat; margin:0 auto; }


#frame #menu { position:absolute; width:240px; margin:160px 0 0 258px; }
#frame #menu h1 { font-family:Times New Roman, Times, serif; font-size:14px; line-height:20px; color:#fcc832; padding-left:4px; }
#frame #menu h1 span { font-size:28px; }
#frame #menu a div.bg { position:absolute; width:236px; padding:4px 0 4px 4px; margin-top:9px; font-family:Times New Roman, Times, serif; font-size:13px; line-height:13px; background:none; }
#frame #menu a div.text { position:relative; display:block; width:236px; padding:4px 0 4px 4px; margin-top:9px; font-family:Times New Roman, Times, serif; font-size:13px; line-height:13px; color:#fcc832; }
#frame #menu a:hover div.bg { background:#480812; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
#frame #menu a.active div.bg { background:#480812; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }

#frame #title { position:absolute; margin:22px 0 0 498px; }
#frame #title h2 { float:left; padding:2px 4px 2px 4px; font-family:Times New Roman, Times, serif; font-size:11px; font-weight:bold; line-height:11px; color:#000000; text-transform:uppercase; background:#fcc832; }
#frame #title div.print { float:left; padding-left:8px; }
#frame #title div.print img { width:21px; height:19px; margin-top:-2px; }

#frame #content { position:absolute; overflow:hidden; width:456px; height:402px; margin:60px 0 0 524px; }
#frame #content h3 { font-weight:bold; font-size:15px; width:397px; }
#frame #content h4 { font-weight:bold; width:397px; }
#frame #content p { line-height:16px; padding-bottom:10px; width:430px; }
#frame #content img { margin-top:5px; }

#frame #content div.text-home p { font-size:13px; line-height:18px; padding-left:10px; width:387px; }

#frame #content #photos-big { width:430px; height:278px; margin-top:27px; }
#frame #content #photos-big img { margin:0 auto; }
#frame #content #photos-highlight { position:absolute; margin-top:10px; }
#frame #content #photos-thumbnails  { position:absolute; width:263px; height:39px; padding:5px; margin:25px 0 0 91px; }
#frame #content #photos-thumbnails div { float:left; width:39px; height:39px; margin-right:8px; }
#frame #content #photos-thumbnails div a { display:block; width:39px; height:39px; background:#252015; }
#frame #content #photos-thumbnails div a img { filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; }
#frame #content #photos-thumbnails div a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#frame #content #photos-thumbnails div a.active img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#frame #content #photos-thumbnails div a img { margin:0; }
#frame #content #photos-thumbnails-prev { position:absolute; width:14px; height:29px; padding-top:10px; margin:24px 0 0 74px; background:url(/images/galerie-prev-off.png) 0 15px no-repeat; }
#frame #content #photos-thumbnails-next { position:absolute; width:14px; height:29px; padding-top:10px; margin:24px 0 0 332px; background:url(/images/galerie-next-off.png) 0 15px no-repeat; }

#frame #content #spectacle-2 { height:231px; }
#frame #content #spectacle-2 div.spectacle-2-image { position:absolute; visibility:hidden; width:352px; height:231px; }
#frame #content #spectacle-2 div.spectacle-2-image img { width:352px; height:231px; }
#frame #content #spectacle-2 div.spectacle-2-button { position:absolute; width:18px; height:18px; margin-left:364px; }
#frame #content #spectacle-2 div.spectacle-2-button img { position:absolute; width:18px; height:18px; margin:0; }
#frame #content #spectacle-2 #spectacle-2-prev { background:url(/images/prev-off.png); margin-top:99px; }
#frame #content #spectacle-2 #spectacle-2-prev img { visibility:hidden; }
#frame #content #spectacle-2 #spectacle-2-next { background:url(/images/next-off.png); margin-top:123px; }

#frame #footer { position:absolute; width:498px; margin-top:463px; text-align:right; }
#frame #footer a { position:relative; float:right; display:block; padding:2px 4px 2px 4px; margin-top:1px; font-family:Times New Roman, Times, serif; font-size:11px; font-weight:bold; line-height:11px; color:#000000; background:#fcc832; }
#frame #footer a.credits { font-weight:normal; color:#fcc832; background:#000000; margin-right:5px; }
#frame #footer a.facebook { padding:0; background:#000000; margin-top:0; margin-right:5px; }

/* VERSION IMPRIMABLE */

#print { width:550px; padding:25px; }
#print * { color:#000000; }

#print h1 { font-size:24px; font-weight:bold; }
#print span { font-size:14px; font-weight:normal; }
#print h2 { font-size:20px; font-weight:bold; border-top:1px solid #000000; padding:20px 0 20px 0; margin-top:10px; }
#print h3 { font-weight:bold; font-size:15px; }
#print h4 { font-weight:bold; }
#print p { padding-bottom:10px; }
#print img { display:none; }

