/* CSS Document */
 

html, body { width: 100%; height: 100%; margin: 0; padding:0;  }
body {  background-color: #000; color: #fff; font-family: Lato, Helvetica, sans-serif; font-size: 14px; position: relative;overflow: hidden; font-weight:300; -webkit-font-smoothing: subpixel-antialiased; 	}
strong, b, h1, h2, h3, h4, h5 { font-weight: 400; }
img, a { border: none }
h1 { font-size: 24px;}
h2 { font-size: 14px; color: #42a4b5; }
a { text-decoration:none; color: #2e9bd6; outline:none; -moz-outline:none; outline-style:none;}
a:hover { text-decoration:underline; }
div { outline:none; -moz-outline:none; outline-style:none;}

ul#menu  { margin:0; padding:0; list-style:none; margin-top: 0px; margin-left: 40px; z-index:50}
ul#menu li { list-style:none; font-size: 18px; line-height: 1.5em; max-width: 220px; }
ul#menu ul.submenu { margin:0; padding:0; margin-left: 0px; margin-bottom: 4px; display:none;}
ul#menu ul.submenu li { list-style:none; font-size: 14px; line-height: 1.3em }
ul#menu li span#gallerylink { cursor:pointer }
ul#menu li span#gallerylink:hover {color: #2e9bd6 }
ul li a { color: #fff; }
ul li a:hover { text-decoration:none;color: #2e9bd6 }
ul li.active > a { color: #2e9bd6 }
ul#menu li img.gallerythumbs { padding:0; margin-top: 10px; margin-right: 10px; }
p#langselect { padding-left:41px; padding-top: 30px; text-transform:uppercase; font-size: 12px; opacity: 0.3 }
p#langselect:hover { opacity: 1 }
p#langselect a { padding-right: 3px; color: #fff }
p#langselect a.active { color: #2e9bd6}
.left #pagetext td { vertical-align:top; padding-bottom: 3px; }

.left { width: 280px; height: 100%; position: absolute; top:0; left:0; z-index: 30; background: rgba(0, 0, 0, 0) url(/images/bg_trans.png); }
.left #logo { margin-left: 38px; margin-top: 40px; width: 230px; height: 100px; z-index:50}
.left #textblock { margin-left: 310px; margin-top: 30px; width: 180px; height: 80px; z-index:50; }

#leftbackground { width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgb(0, 0, 0) transparent ; background: rgba(0, 0, 0, 0) ; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000, endColorstr=#aa000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000, endColorstr=#aa000000)";*/ z-index:-1;}
.left #menuborder { width: 50px; height: 100%; position: absolute; top:0; right:0; background:url(/images/menuborder.png) repeat-y right; }
.left #pagetext { position:absolute; top: 128px; left: 280px; width: 370px; padding-bottom: 100px; z-index: 40; padding-right: 5px; }
.left #pageoverlay { position:absolute; top: 128px; left: 280px; height: 451px; width: 356px; z-index: 50; display:none;  }
.left #pageoverlay #topfade { width: 100%; height: 60px; position: absolute; top:0; left:0; background:url(/images/topfade.png) repeat-x; z-index: 55;  }
.left #pageoverlay #bottomfade { width: 100%; height: 60px; position: absolute; left:0; bottom:0; background:url(/images/bottomfade.png) repeat-x; z-index: 55 }

.left #bottomcontainer { position:absolute; bottom: 20px; left: 40px; width: 220px; z-index:50 }
.left #bottomcontainer #imagedescription { height: 52px; overflow:hidden }
.left #bottomcontainer #prevnext { padding-top: 10px; }
.left #bottomcontainer #prevnext img { cursor: pointer }

.leftwide { width: 660px !important; background-color: #000; }



#imagecontainer { background-color: #000; width: 100%; height: 100%; position: absolute; top:0; left:280px; z-index: 20; overflow:hidden; }
#imagecontainer img { display:none; position:absolute; top:50%; left:50%; }