/* generated by csscreator.com */ 
html, body{ 
 margin-top:0px; 
 padding-top:5px; 
 text-align:justify;
 height: 100%;
 background-color: rgb(0,0,0);
 overflow: hidden;
 font-family: Arial;
} 
 
#layerbackground{ 
 width:800px;
 height:100%; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 padding-top:0px;
 margin-top:0px;
 background-image: url(../images/hatter1.jpg);
 background-repeat: no-repeat;
}

#layercontent{
 width: 600px;
 height:310px;
 padding-top: 0px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 z-index:1;
}

#layerfooter{
 width: 600px;
 padding-top: 0px;
 height:258px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 z-index:1;
/* background-image: url(../images/music-clipart4-background.png); */
}

.shadow { 	
	/*position above it's own shadow*/
	position:relative;	
	z-index:0; 
}

.shadow span {
	/*position directly below the text */
	position:absolute;
	z-index:-1;
	top:0; left:0;
	/*lower opacity*/
	opacity: 0.3;
	/* disable text-desection */
	-moz-user-select:none;
  color: #666666;	
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 0px;  
}

.shadow2 { 	
	/*position above it's own shadow*/
	position:relative;	
	z-index:0; 
}

.shadow2 span {
	/*position directly below the text */
	position:absolute;
	z-index:-1;
	top:0; left:0;
	/*lower opacity*/
	opacity: 0.3;
	/* disable text-desection */
	-moz-user-select:none;
  color: #666666;	
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;  
}

.shadow .level1 { left: 3px; top: 3px;}
.shadow .level2 { left: 2px; top: 2px;}
.shadow .level3 { left: 1px; top: 1px;}

.shadow2 .level1 { left: 3px; top: 3px;}
.shadow2 .level2 { left: 2px; top: 2px;}
.shadow2 .level3 { left: 1px; top: 1px;}

.glow { 	
	/*position above it's own shadow*/
	position:relative;	
	z-index:0; 
}
.glow span {
	/*position directly below the text */
	position:absolute;
	z-index:-1;
	top:0; left:0;
	/*lower opacity*/
	opacity:1;
	/* disable text-desection */
	-moz-user-select:none;
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;	
  color: #ffffff;	
}
/* knockout styles */
.knockout {color:#fff;}
.knockout span {color:#000;}

/*positioning all shadows*/
/*	first layer*/
.glow .a1, .glow .a5, .glow .a7 {left:-1px;}
.glow .a2, .glow .a6, .glow .a8 {left: 1px;}
.glow .a3, .glow .a5, .glow .a8 {top :-1px;}
.glow .a4, .glow .a6, .glow .a7 {top : 1px;}

/*	second layer*/
.glow .b1, .glow .b5, .glow .b7 {left:-2px;}
.glow .b2, .glow .b6, .glow .b8 {left: 2px;}
.glow .b3, .glow .b5, .glow .b8 {top :-2px;}
.glow .b4, .glow .b6, .glow .b7 {top : 2px;}

/*	third layer*/
.glow .c1, .glow .c5, .glow .c7 {left:-3px;}
.glow .c2, .glow .c6, .glow .c8 {left: 3px;}
.glow .c3, .glow .c5, .glow .c8 {top :-3px;}
.glow .c4, .glow .c6, .glow .c7 {top : 3px;}

/*	fourth layer*/
.glow .d5, .glow .d7 {left:-4px;}
.glow .d6, .glow .d8 {left: 4px;}
.glow .d5, .glow .d8 {top :-4px;}
.glow .d6, .glow .d7 {top : 4px;}

/*	better shadow trick */
.glow .d1 {left:-5px;}
.glow .d2 {left: 5px;}
.glow .d3 {top :-5px;}
.glow .d4 {top : 5px;}

h1
{
  left: 100px; 
  font-family: Arial;
  font-style: normal;
  font-size: 25pt;
  color: rgb(255,255,255);
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 0px;  
  margin-bottom: 10px;
} 

h2
{
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;  
  width: 100%;
  font-family: Arial;
  font-style: normal;
  font-size: 14pt;
  color: rgb(255,255,255);
  font-weight: bold;
  text-transform: uppercase;
} 

p.shadow{
  padding-top: 10px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;  
  width: 100%;
  font-family: Arial;
  font-style: normal;
  font-size: 14pt;
  color: rgb(255,255,255);
  font-weight: bold;
  text-transform: uppercase;
}

p.shadow2{
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;  
  width: 100%;
  font-family: Arial;
  font-style: normal;
  font-size: 14pt;
  color: rgb(255,255,255);
  font-weight: bold;
  text-transform: uppercase;
}

p.glow{
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;  
  width: 100%;
  font-family: Arial;
  font-style: normal;
  font-size: 14pt;
  color: rgb(0,0,0);
  font-weight: bold;
  text-transform: uppercase;
}

p.infotext{
  margin-top: 10px;
  padding-top: 0px;
  width: 100%;
  font-family: Arial;
  font-style: normal;
  font-size: 12pt;
  color: rgb(0,0,0);
  font-weight: bold;
  text-transform: uppercase;
}

p.content{
  padding-left: 3px;
  padding-right: 3px;
  width: 100%;
  font-family: Arial;
  font-style: normal;
  font-size: 10pt;
  color: rgb(0,0,0);
}

p.menu{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  font-family: Arial;
  font-style: normal;
  font-size: 10pt;
  color: rgb(255,255,255);
  text-align: center;
}

.formtext
{
  font-family: Arial;
  font-style: normal;
  font-size: 12pt;
  color: rgb(255,255,255);
  font-weight: bold;
  text-transform: uppercase;
}

.formtitle{
  font-family: Arial;
  font-style: normal;
  font-size: 14pt;
  color: rgb(255,255,255);
  font-weight: bold;
  text-transform: uppercase;
}

.inputlong
{
  width: 350px;
  border: 1px solid rgb(255,255,255);
  font-family: Arial;
  font-style: normal;
  font-size: 12pt;
  color: rgb(0,0,0);
}

.inputshort
{
  width: 100px;
  border: 1px solid rgb(255,255,255);
  font-family: Arial;
  font-style: normal;
  font-size: 12pt;
  color: rgb(0,0,0);
}

a {
  text-decoration: underline;
  color: #ffffff;
}
a:anchor {
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  text-decoration: underline;
}
a:visited {
  text-decoration: underline;
}
a:link {
  text-decoration: underline;
}

a.infobox {
  text-decoration: underline;
  color: #000000;
}


#imgPartnerklub
{
  margin-right: 40px;
}

#imgHazibuliklub
{
  margin-left: 40px;
}

.contentholder{
  margin-top: 10px;
  border: 1px solid #fff;
}

.scroll-pane {
	width: 100%;
	height: 250px;
	overflow: auto;
}

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.white-bar .jScrollPaneTrack {
	/* background: #f60; */
	background-color: transparent;
	border-left: 1px solid #fff;
}
.white-bar .jScrollPaneDrag {
	background: #fff url(../images/drag_grab.gif) no-repeat 50% 50%;
	/* background: #fff; */
}

.white-bar .scroll-pane {
	background-color: transparent;
}

#contactcontent{
  position: relative;
  z-index:0;
}

#map_canvas{
  width: 100%;
  height: 250px;
  z-index:-1;
  position:relative;
  left:0px;
  top:0px;
}

#contacttext{
  width: 100%;
  height: 250px;
  z-index:-2;
  position:absolute;
  left:0px;
  top:0px;
}

#gallery {
  background-color: transparent;
	width: 100%;
  height: 250px;
}
#gallery div {
  margin-top: 21px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 1px solid #fff;
	border-width: 1px 1px 1px;
	margin-left: 25px;
	margin-bottom: 2px;
}
#gallery ul a:hover img {
	border: 1px solid #3e3e3e;
	border-width: 1px 1px 1px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }