/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

body {
font : 0.8em Trebuchet MS, Arial, sans-serif;
color : #ffffff;
padding : 0 0 0 220px;
margin : 0;
}


body#hintergrund {
background : #ffffff url(../images/Festival01sw.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#outer {
z-index: 2;
position: absolute;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 610px;
border: solid 7px #fff;
background-color: #838281;
margin: 0 auto;
}

#header
{
position: absolut;
width: 610px;
height: 112px;
background: #2B2B2B url(../images/topbg.jpg) no-repeat;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: #183884;
height: 2.5em;
padding: 1.0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 0.4em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: #7F8400 url(../images/menuactive.gif) repeat-x top left;
}

#preamble {
padding:3px 10px;
background:#838281;
width: 410px;
}
	
#preamble {
padding : 20px 30px 0 65px;
text-align : left;
}
	
#preamble1 {
width: 410px;
background:#838281;
text-align : left;
}
	
#preamble1 {
padding : 0 0 20px 65px;
}

#gallery {
width: 500px;
background:#838281;
padding-bottom: 20px;
}

#auflistung {
line-height: 170%;
margin-top : -10px;
}

a:link, a:visited {
  color: #ffffff;
}

p, p1 {
margin : 0.5em 0 0 0;
padding : 0 0 0.5em 0;
line-height: 170%;
}

p.p5 {
margin : 1em 0 0 0;
padding : 0 0 1em 0;
line-height: 0%;
color: #ffffff;
}

h3 {
margin-top: 0.3em;
font-family: 'Trebuchet MS',Arial,Sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 2.6em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
letter-spacing: -1px;
color: #ffffff;
}

h2 {
font-family: 'Trebuchet MS',Arial,Sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1.4em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;
letter-spacing: -1px;
color: #ffffff;
}

#gallery {
width:545px; 
position:relative; 
height:60px; 
padding-top:356px; 
margin:0 113px 10px 0;
}

#gallery img.left {
width:55px; 
height:62px; 
float:left;
cursor:pointer;
}

#gallery img.right {
width:55px; 
height:62px; 
float:left;
cursor:pointer;}

#gallery ul {
list-style:none; 
padding:0; 
margin:0; 
float:left; 
background:#838281; 
border:2px solid #838281; 
border-width:5px 2px;
}

#gallery ul li {
display:inline; 
width:50px; 
height:50px; 
float:left; 
margin:0 4px; 
border:1px solid #000; 
cursor:pointer;
}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(../images/Multi01a.png);}
#gallery ul li.th2 {background:url(../images/Multi02a.png);}
#gallery ul li.th3 {background:url(../images/Multi03a.png);}
#gallery ul li.th4 {background:url(../images/Multi04a.png);}
#gallery ul li.th5 {background:url(../images/Multi05a.png);}
#gallery ul li.th6 {background:url(../images/Multi06a.png);}
#gallery ul li.th7 {background:url(../images/Multi07a.png);}
#gallery ul li.th8 {background:url(../images/Multi08a.png);}
#gallery ul li.th9 {background:url(../images/Multi09a.png);}
#gallery ul li.th10 {background:url(../images/Multi010a.png);}
#gallery ul li.th11 {background:url(../images/Multi011a.png);}
#gallery ul li.th12 {background:url(../images/Multi012a.png);}
#gallery ul li.th13 {background:url(../images/Multi013a.png);}
#gallery ul li.th14 {background:url(../images/Multi014a.png);}
#gallery ul li.th15 {background:url(../images/Multi015a.png);}

/* using background images */
#gallery ul li.in1 {background:url(../images/index01a.png);}
#gallery ul li.in2 {background:url(../images/index02a.png);}
#gallery ul li.in3 {background:url(../images/index03a.png);}
#gallery ul li.in4 {background:url(../images/index04a.png);}
#gallery ul li.in5 {background:url(../images/index05a.png);}
#gallery ul li.in6 {background:url(../images/index06a.png);}
#gallery ul li.in7 {background:url(../images/index07a.png);}
#gallery ul li.in8 {background:url(../images/index08a.png);}
#gallery ul li.in9 {background:url(../images/index09a.png);}

/* using background images */
#gallery ul li.eco1 {background:url(../images/Eco01a.png);}
#gallery ul li.eco2 {background:url(../images/Eco02a.png);}
#gallery ul li.eco3 {background:url(../images/Eco03a.png);}
#gallery ul li.eco4 {background:url(../images/Eco04a.png);}
#gallery ul li.eco5 {background:url(../images/Eco05a.png);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {
visibility:hidden; 
display:block; 
width:50px; 
height:50px;
}

#gallery ul li span {
display:none; 
position:absolute; 
left:61px; 
top:430px; 
width:411px;
font-family:verdana, arial, sans-serif; 
color:#666; 
font-size:11px; 
line-height:15px; 
text-align:justify;
}

#gallery ul li b {color:#000000;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#838281; border:1px solid #838281; border-width:1px 1px 0 1px;}
#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

#footer
{
position: relative;
height: 0.4em;
clear: both;
padding-top: 5.0em;
background: #183884;
font-size: 0.8em;
color: #ffffff;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
color: #ffffff;
}