/************************
  GLOBAL STYLES
************************/

html,body {
  height: 100%;
  margin: 0; padding: 0;
  background-color: #FFF;
  text-align: center;
  cursor: default;
  color: #111;
}

* {
  font-family: Arial, Verdana, Tahoma, Helvetica;
  font-size: 11px;
}

table, img {
  border: 0 none;
}

label {
  cursor: pointer;
}

a {
  color: #444;
  text-decoration: none;
}

a:hover,
a:active {

}
a:focus { outline: none;}

hr {
	color : #d2dbe3;
	height : 1px;
	padding : 0;
	border-color : #d2dbe3;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 12px auto;
  width: 95%
}

/*#################################################################################################################
  WALZ STYLES
#################################################################################################################*/
div#html {
  position: relative;
  width: 100%; 
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

div#page {
  position: relative;
  text-align: left;
  margin: 0 auto;
  width: 889px;
}

/****************************
  HEADER
****************************/
div#bar_top {
  width: 100%; height: 35px; line-height: 35px;
  background: #545454; text-align: center;
}

div#bar_top div {
  position: absolute; z-index: 999;
  left: 50%; margin-left: -220px;
  width: 440px; text-align: right;
  color: #606060;
}

div#bar_top a:link, div#bar_top a:visited,
div#bar_top a:hover, div#bar_top a:active {
  color: #FFF; font-size: 11px;
  padding: 0 15px;
}

div#bar_top a:hover, div#bar_top a:active {
  text-decoration: underline;
}

/****************************
  WELCOME
****************************/
div#welcome {
  position: relative;
  width: 863px; height: 292px;
  margin-bottom: 15px;
  background: url(../images/welcome.jpg) no-repeat left bottom;
}

div#welcome img {
  position: absolute;
  top: -34px; left: 431px;
}

div#welcome div {
  position: absolute;
  top: 140px; left: 30px;
  width: 300px; font-size: 14px;
  line-height: 140%;
}

div#welcome div h1 {
  color: #0572b0; font-size: 14px;
  font-style: italic; margin: 2px;
  text-transform: uppercase;
}

div#welcome div strong {
  display: block; width: 300px;
  margin-top: 7px; text-align: center;
  color: #0cb6ea; font-size: 14px;
  font-style: italic; font-weight: normal;
}

div#welcome a:link, div#welcome a:visited,
div#welcome a:hover, div#welcome a:active {
  position: absolute;
  top: 262px; left: 23px;
  color: #0572b0;
}

div#welcome a:hover, div#welcome a:active {
  text-decoration: underline;
}

/****************************
  CONTENT
****************************/
div#content h1 {
  width: 429px; height: 33px;
  background: url(../images/h1.jpg) no-repeat;
  padding-left: 8px;
  color: #0572b0; font-size: 12px; font-weight: normal;
}

div#content ul,
div#content li {
  margin: 0; padding: 0;
}

div#content li {
  list-style-type: none;
  line-height: 20px;
  margin-left: 10px; padding-left: 17px;
  color: #0572b0; font-size: 12px;
  text-transform: uppercase;
  background: url(../images/dot_white.jpg) no-repeat left center;
}

div#muster {
  position: absolute;
  top: 515px; left: 550px;
  display: block;
  width: 307px; height: 46px;
  color: #0572b0; font-size: 12px;
  line-height: 46px; padding-left: 50px;
  background: url(../images/button.jpg) no-repeat;
}

div#muster a:link, div#muster a:visited,
div#muster a:hover, div#muster a:active {
  color: #0572b0; font-size: 13px;
}

div#info {
  width: 810px; height: 280px;
  margin-top: 30px; padding: 10px 20px;
  background: #f0f0f0 url(../images/info.jpg) no-repeat;
}

div#info div.info {
  color: #414141;
  width: 49%; float: left;
}

div#info h1 {
  background: 0 none;
  line-height: 14px; font-weight: bold;
  height: 16px; padding-left: 0; margin-bottom: 4px;
}

div.info span {
  float: left;
  display: block; width: 60px; clear: right;
}

div#info li {
  text-transform: none;
  color: #414141; margin-left: 0;
  background-image: url(../images/dot_grey.jpg);
}

/****************************
  FOOTER
****************************/
div#footer {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; height: 93px;
  background: #545454 url(../images/footer.jpg) no-repeat center;
  text-align: center;
}

div#footer div {
  position: relative;
  width: 889px; height: 93px;
  margin: 0 auto; text-align: left;
  color: #FFF;
}

div#footer span {
  position: absolute;
  left: 7px; top: 50px;
}

div#footer div a:link, div#footer div a:visited,
div#footer div a:hover, div#footer div a:active {
  color: #FFF; text-decoration: none;
}

div#footer div a:active,
div#footer div a:hover {
  text-decoration: underline;
}

/****************************
  TOOLS
****************************/
.clear {
  height: 0; line-height: 0; font-size: 0;
  clear: both;
}


/*
  LIGHTBOX
*/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay { background-color: #000000; }

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

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer { border: 3px solid #888888; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer { border: 3px solid #888888; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/lightbox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/lightbox/blank.gif) no-repeat left; display: block; left: 0; float: left; }
	#lbPrev:hover, #lbPrev:visited:hover { background: url(../images/lightbox/prev.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/lightbox/blank.gif) no-repeat right; display: block; right: 0; float: right; }
	#lbNext:hover, #lbNext:visited:hover { background: url(../images/lightbox/next.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2, #lbNext2, #lbSpacer { color: #333333; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off, #lbNext2_Off { color: #CCCCCC; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData { color: #333333; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 70px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose { background: url(../images/lightbox/close.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay { background: url(../images/lightbox/play.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause { background: url(../images/lightbox/pause.png) no-repeat; }
  
  
  
#muster img {
  margin: 5px;
  border: 1px solid #e7e7e7;
}

#muster a:hover img {
  border: 1px solid #0572b0;
}