/*Design -STYLE Copyright GLORIEN || GMASK Europe*/
/*############ Body ##################*/
* { margin:0; padding:0; list-style:none; font-style:normal; font-weight:normal;}
html,body { height:100%; margin:0px; padding:0px; background:#330000 url('img/bgr.jpg') top repeat-x; font-size:12px; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif;}

img {border:none;}

p { margin:0; padding:0 100px 10px 0; font-size:12px;}
p.clean { margin:0; padding:0}
p.logoWrap {font-size:16px; line-height:50px; color:#53534D; font-style:italic;}

h1 { margin:0 0 10px 0; padding:15px 0 6px 0; color:#FFF; font-size:24px; font-weight:normal; background:url('img/h1-line.png') bottom left no-repeat;}
h2 {font-size:22px; margin:25px 50px 0 0; font-style:italic;float:left;}
h3 {font-size:18px; margin:25px 0 0 0; font-weight:bold}
h4 {font-size:14px; padding:15px 0 5px 0; font-weight:bold}

ul.list { margin:0 0 10px 15px;}
li.list { padding:0 0 3px 0; list-style:disc}
.headWrap {width:100%; height:97px; background:url('img/bgr-head.jpg') bottom center repeat-x; padding-top:53px; }
.headCnt {width:881px; margin:0 auto; text-align:left;}
.cntWrap {width:881px; margin:0 auto; text-align:left; padding:15px 0 50px 0;}
.countryWrap {width:900px; height:200px; margin:0 auto; clear:both}
.countryCnt {float:left;}
.redirectWrap {width:592px; height:324px; margin:20px auto; background:url('img/bgr-external-link.png') left no-repeat; color:#333;}
.footWrap {position:fixed; bottom:0px; height:37px; width:100%; background:url('img/bgr-foot.png') bottom repeat-x;}
.footCnt {width:881px; margin:0 auto; text-align:left; padding:17px 0 0 0;}
.footText{ font-size:9px; color:#53534D}
.bgr-flag { margin:0px auto;width:314px; height:63px; background:url('img/bgr-flag.png');}
.austria {width:314px; height:63px; background:url('img/austria.gif') center center;background-repeat:no-repeat; text-align:left; }
.austria-hover {width:314px; height:63px; background:url('img/austria-hover.gif') center center;background-repeat:no-repeat; }
.germany {width:314px; height:63px; background:url('img/germany.gif') center center;background-repeat:no-repeat; text-align:left; }
.germany-hover {width:314px; height:63px; background:url('img/germany-hover.gif') center center;background-repeat:no-repeat; }
.gmaskImg	{margin:5px 10px 5px 0; padding:1px;  border:1px #FFF solid;}


a, a:visited
{ text-decoration:underline; color:#FFF;}
a:active, a:hover
{ text-decoration:none; color:#FFF;}
a.area, a:visited.area { text-decoration:none; color:#FFF; font-style:italic}
a.area:active, a:hover.area { text-decoration:none; color:#FFF; font-style:italic}

a.external-link, a:visited.external-link { text-decoration:none; color:#000;}
a.external-link:active, a:hover.external-link { text-decoration:underline; color:#000;}

a.footNav, a.footNav:visited { text-decoration:none; color:#53534D; margin:0 5px 0 5px; padding:0 0 1px 0}
a.footNav:active, a.footNav:hover{ text-decoration:none; color:#000; margin:0 5px 0 5px; padding:0 0 1px 0; border-bottom:1px #83DF00 solid;}

.formname		{ width:420px; height:20px; margin:10px 3px 0 3px; padding:5px 0 0 5px; background:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity:0.6;	opacity:0.6; border-top:1px #2A0101 solid; border-right:1px #2A0101 solid; border-bottom:1px #2A0101 solid;border-left: 1px #2A0101 solid; color:#000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.forminput		{ width:420px; height:160px; margin:10px 3px 0 3px; padding:5px 0 0 5px; background:#FFF; filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity:0.6; opacity:0.6; border-top:1px #2A0101 solid; border-right:1px #2A0101 solid; border-bottom:1px #2A0101 solid; border-left:1px #2A0101 solid; color:#000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.send-button-a	{ margin:11px 3px 0 0; padding:9px 0 8px 15px; width:180px; border:0; text-align:center; background:url('/design/img/buttons/send-button.png') no-repeat; color:#FFF; font-size:12px; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;}
.send-button-hover	{ margin:11px 3px 0 0; padding:9px 0 8px 15px; width:180px; border:0; text-align:center; background:url('/design/img/buttons/send-button-hover.png') no-repeat; color:#FFF; font-size:12px; line-height:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; cursor:pointer;}

/*############ lightbox #################*/
#lightbox{	position:absolute;	left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{ width:auto;height: auto;}
#lightbox a img{ border:none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding:10px 0 0 0; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { position: relative;left: -36px; float: left;}
#nextLink { position: relative;right: -36px; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://gmaskonline.de/design/img/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://gmaskonline.de/design/img/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width:100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ float:left; text-align:left; padding:0 0 0 3px; max-width:80%; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding: 5px 0 8px 0;	}			
#imageData #bottomNavClose{ width: 116px; float:right; padding:0 6px 10px 0; outline:none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }