@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }
body { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 13px; color: #521139; text-align: center; background: #f5f5f5; }

#holder { position: relative; margin: 0 auto; width: 998px; height: auto; overflow: hidden; text-align: center; z-index: 1; }

/* content */
#content { position: relative; float: left; margin-top: 394px; width: 995px; z-index: 2; background: url(../images/bgContent.gif) right repeat-y; }
.content { position: relative; float: right; padding: 20px 104px 0px 0px; width: 600px; text-align: left; }
.content h1 { margin-bottom: 20px; font-size: 24px; font-weight: normal; color: #93117D; }
.content h2 { margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #616c0e; }
.content p { margin-bottom: 15px; }
.content a,
.content a:visited { color: #521139; text-decoration: underline; }
.content a:hover { color: #521139; text-decoration: none; }
.content img { border: 1px solid #a5a2a5; }
.content ul { margin-left: 15px; }
.content ul li a,
.content ul li a:visited { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 13px; color: #521139; text-decoration: underline; }
.content ul li a:hover { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 13px; color: #521139; text-decoration: none; }

.album { position: relative; float: right; display: inline; margin-right: 19px; padding: 38px 0px 10px 0px; width: 684px; height: auto; text-align: left; background: url(../../../skins/default/images/bgDivHorizontal.gif) 0 18px repeat-x; }
.album a, 
.album a:visited { font-size: 24px; font-weight: normal; color: #93117D; text-decoration: none; }
.album a:hover { font-size: 24px; font-weight: normal; color: #93117D; text-decoration: underline; }
.album a.footer, 
.album a.footer:visited { font-size: 13px; font-weight: normal; color: #7f8b14; text-decoration: none; }
.album a.footer:hover { font-size: 13px; font-weight: normal; color: #7f8b14; text-decoration: underline; }

ul.foto { position: relative; float: right; padding-top: 5px; width: 100%; list-style: none; }
ul.foto li { float: left; margin-right: 6px; }
ul.foto li img { border: 1px solid #7e8814; }

/* content - rail */
.rail { position: relative; float: left; padding: 28px 0px 140px 0px; width: 271px; text-align: center; }
.rail a img { margin: 0 auto; border: 0; }

/* header */
#header { position: absolute; top: 0; left: 0; width: 995px; height: 394px; overflow: hidden; background: #93117d; z-index: 3; } 
a.logo { position: relative; float: left; margin: 8px 0px 0px 30px; text-decoration: none; }
a.logo img { border: none; }
a.logo span { display: none; }

ul.general { position: relative; float: right; padding-top: 53px; width: 724px; height: 35px; list-style: none; }
ul.general li { position: relative; float: left; margin-right: 2px; }
ul.general li.node1 a { position: relative; float: left; padding-left: 4px; height: 35px; font-size: 15px; color: #FFF; line-height: 35px; text-decoration: none; background: url(../images/bgTabNode1Left.gif) 0 0 no-repeat; }
ul.general li.node1 a span { position: relative; float: left; display: block; padding: 0px 25px 0px 21px; height: 35px; background: url(../images/bgTabNode1Right.gif) right 0 no-repeat; }
ul.general li.node2 a { position: relative; float: left; padding-left: 4px; height: 35px; font-size: 15px; color: #FFF; line-height: 35px; text-decoration: none; background: url(../images/bgTabNode2Left.gif) 0 0 no-repeat; }
ul.general li.node2 a span { position: relative; float: left; display: block; padding: 0px 25px 0px 21px; height: 35px; background: url(../images/bgTabNode2Right.gif) right 0 no-repeat; }
ul.general li.node3 a { position: relative; float: left; padding-left: 4px; height: 35px; font-size: 15px; color: #FFF; line-height: 35px; text-decoration: none; background: url(../images/bgTabNode3Left.gif) 0 0 no-repeat; }
ul.general li.node3 a span { position: relative; float: left; display: block; padding: 0px 25px 0px 21px; height: 35px; background: url(../images/bgTabNode3Right.gif) right 0 no-repeat; }
ul.general li a:hover,
ul.general li a.active { position: relative; float: left; padding-left: 4px; height: 35px; font-size: 15px; color: #FFF; line-height: 35px; text-decoration: none; background: url(../images/bgTabLeftHover.gif) 0 0 no-repeat; }
ul.general li a:hover span,
ul.general li a.active span { position: relative; float: left; display: block; padding: 0px 25px 0px 21px; height: 35px; color: #879411; background: url(../images/bgTabRightHover.gif) right 0 no-repeat; }

.header { position: relative; float: left; width: 995px; height: 236px; background: url(../images/bgHeader.jpg) 0 0 no-repeat; overflow: hidden; }
.header img { position: relative; float: right; }

ul.diensten { position: relative; float: left; margin: 24px 0px 0px 10px; width: 247px; list-style: none; }
ul.diensten li { float: left; margin-bottom: 1px; }
ul.diensten li a,
ul.diensten li a:visited { position: relative; float: left; padding-right: 30px; width: 217px; height: 35px; font-size: 15px; color: #000; text-align: right; text-decoration: none; line-height: 33px; background: url(../images/bgBtnDienstenMenu.gif) 0 0 no-repeat; }
ul.diensten li a:hover,
ul.diensten li a.active { color: #93117d; }

.subHeader { position: relative; float: left; width: 995px; height: 70px; background: #879411; }
.subHeader img { position: relative; float: left; border: none; }


/* footer */
#footer { position: relative; float: left; padding: 10px 20px 0px 20px; width: 955px; height: 40px; background: url(../images/bgContent.gif) right 0 repeat-y; }
address { position: absolute; left: 0; top: -94px; padding-left: 40px; width: 231px; font-size: 12px; font-style: normal; line-height: 150%; text-align: left; color: #7f8b14; }
address img { position: absolute; top: -20px; left: 0px; }
address a,
address a:visited { color: #7f8b14; text-decoration: none; }
address a:hover { color: #7f8b14; text-decoration: underline; }

ul.footer { position: relative; float: right; padding-top: 10px; text-align: right; width: 684px; list-style: none; background: url(../images/bgDivHorizontal.gif) 0 0 repeat-x; }
ul.footer li { padding: 0px 10px 0px 9px; display: inline; background: url(../images/bgDivFooter.gif) right no-repeat; }
ul.footer li.lastNode { padding-right: 0; background: none; }
ul.footer li a,
ul.footer li a:visited { font-size: 11px; color: #93117D; text-decoration: none; }
ul.footer li a:hover,
ul.footer li a.active { font-size: 11px; color: #93117D; text-decoration: underline; }

/* 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; }

#loading{ position: absolute; top: 20%; 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(image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/skins/default/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/skins/default/images/nextlabel.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption { color: #93117D; font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

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