/******************************************************
  BASE STYLES
*******************************************************/
html { 
	font-size: 100%; 
} 

body { 
	margin: 0; 
	padding: 0; 
	font-family: Arial, Helvetica, FreeSans, sans-serif; 
	font-size: 80%;
	color: black; 
  background: #fff; 
}

h1, h2, h3, h4, h5, h6 { 
	margin: 0 0 1em 0; 
	padding: 0;
	line-height: 1.2; 
	font-weight: bold; 
	font-style: normal; 
}
 
h1 { 
	font-size: 1.75em; 
} 

h2 { 
	font-size: 1.5em; 
} 

h3 { 
	font-size: 1.25em; 
} 

h4 { 
	font-size: 1em; 
} 
 
ul, ol { 
	margin: .75em 0 .75em 32px; 
	padding: 0; 
} 
 
p { 
	margin: 0 0 1.5em 0;
} 

address { 
	margin: .75em 0; 
	font-style: normal; 
} 
 

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

a:hover, a:active { 
  text-decoration: none;
} 

a:active, a:focus { 
	outline: none; 
} 

a img { 
	border: none; 
} 
 
em { 
	font-style: italic; 
}
 
strong { 
	font-weight: bold; 
} 
 
form, fieldset { 
	margin: 0; 
	padding: 0; 
	border: none; 
} 

input, button, select { 
	vertical-align: middle;
}

abbr[title] { 
	border-bottom: 1px dotted; 
	cursor: help; 
} 
 
blockquote { 
	margin: .75em 0 .75em 20px; 
	padding: 0 0 0 10px; 
	border-left: solid 2px #ddd; 
}
 
q, cite { 
	font-style: italic; 
}
 
q cite, q q { 
	font-style: normal 
} 
 
q { 
	quotes: none; 
} 

q:before, q:after { 
	content: "";
} 
 
blockquote p, li p { 
	margin: .5em 0; 
} 
 
dl { 
	margin: .75em 0; 
} 

dt { 
	margin: .75em 0 0 0; 
	font-weight: bold; 
} 

dd { 
	margin: .25em 0 .25em 32px; 
} 
 
table { 
	margin: 0; 
	border: 1px solid gray; 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

table td, table th { 
	padding: 4px;
	border: 1px solid #ccc;
	vertical-align: top;
} 
 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
	display: block; 
}

sup {
  vertical-align: super;
  line-height: .5em;
}

/******************************************************
  CLEAR
*******************************************************/
*html .clear {
	height: 1%;
	overflow: visible;
}

*+html .clear {
	min-height: 1%;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/******************************************************
  TYPO3 SPECIFIC STYLES
*******************************************************/
.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

/******************************************************
  LAYOUT
*******************************************************/
html, body {
	width: 100%;
  height: 100%;
  overflow: hidden;
}

img#backgroundImage {
  position: absolute;
  width: 100%;
  z-index: 100;
}

#globalWrapper, #headerWrapper, #contentWrapper, #footerWrapper {
	width: 100%;
}

#headerWrapper, #footerWrapper {
	background: url(../images/bodyBgOpacity.png) repeat left top;
}

#headerWrapper {
	height: 10%;
	z-index: 200;
	position: absolute;
	top: 0px;
	left: 0px;
}

#contentWrapper {
	z-index: 200;
	position: absolute;
	top: 10%;
	left: 0;
	height: 80%;
	min-height: 80%;
}

#footerWrapper {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 200;
	height: 10%;
}

#header, #content, #footer {
	width: 1020px;
	margin: 0 auto;
}

/******************************************************
  HEADER
*******************************************************/
#header {
	position: relative;
	height: 100%;
}

#header h1 {
	margin: 0;
	width: 320px;
	height: 107px;
	position: fixed;
	right: 110px;
	top: 475px;
	background: url(../images/headerLogo.png) no-repeat left top;
}

#header h1 span {
	display: none;
}

/******************************************************
  MAIN MENU
*******************************************************/
#header ul#mainMenu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0;
}

#header ul#mainMenu li {
	display: inline;
}

#header ul#mainMenu li a {
	display: block;
	float: left;
	height: 27px;
	width: 114px;
	color: #000;
	text-decoration: none;
	text-align: center;
	margin: 0 8px 0 0;
}

#header ul#mainMenu li a.last {
	margin: 0;
}

#header ul#mainMenu li a.bgmenu01 {
	background: url(../images/bgMenu01.gif) no-repeat left top;
}

#header ul#mainMenu li a.bgmenu02 {
	background: url(../images/bgMenu02.gif) no-repeat left top;
}

#header ul#mainMenu li a.bgmenu03 {
	background: url(../images/bgMenu03.gif) no-repeat left top;
}

#header ul#mainMenu li a.bgmenu04 {
	background: url(../images/bgMenu04.gif) no-repeat left top;
}

/******************************************************
  ALT MENU
*******************************************************/
#header ul#altMenu {
	position: absolute;
	bottom: 0px;
	left: 550px;
	margin: 0;
}

#header ul#altMenu li {
  display: inline;
}

#header ul#altMenu li a {
	display: block;
	float: left;
	height: 27px;
	width: 80px;
	color: #000;
	text-decoration: none;
	text-align: center;
	margin: 0;
}

/******************************************************
  QUICKLINKS
*******************************************************/
#header ul#quicklinks {
  position: absolute;
  top: 10px;
  right: 160px;
  margin: 0;
}

#header ul#quicklinks li {
  display: inline;
}

#header ul#quicklinks li a {
  display: block;
  float: left;
  height: 19px;
  margin: 0 5px;
}

#header ul#quicklinks li a span {
  display: none;
}

#header ul#quicklinks li a img {
  position: relative;
  top: 7px;
}

#header ul#quicklinks li a.homeIcon {
  background: url(../images/homeIcon.png) no-repeat left bottom;
  width: 20px;
}

#header ul#quicklinks li a.newsletterIcon {
  background: url(../images/emailIcon.png) no-repeat left bottom;
  width: 18px;
}


/******************************************************
  CONTENT
*******************************************************/
#content {
	height: 100%;
	min-height: 100%;
}

#mainLeft {
	width: 480px;  
	height: 80%;
	min-height: 80%;
	padding: 60px 0;  
}

#mainLeftInner {
  /*margin: 0 70px;*/
  margin: 0 10px 0 70px;
  height: 100%;
	min-height: 100%;
  overflow: auto;  
  position: relative;  
}

#mainLeftInnerContent {
  padding: 8px 70px 8px 8px;
}

.bgContent01 {
  background: url(../images/bgContent01.gif) repeat 0 -27px;
}

.bgContent02 {
  background: url(../images/bgContent02.gif) repeat 0 -27px;
}

.bgContent03 {
  background: url(../images/bgContent03.gif) repeat 0 -27px;
}

.bgContent04 {
  background: url(../images/bgContent04.gif) repeat 0 -27px;
}

#mainRight {
	width: 320px;  
	margin: 0 0 0 550px;
	background: #fff;
}

#mainRightInner {
  padding: 8px;
}

#mainRightGal {
	width: 540px;  
	margin: 0 0 0 480px;	
}

#mainRightGalInner {
  padding: 0 8px 8px 8px;
}

h2 {
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
}

h2.graphicalHeader {
  padding-top: 50px;
  background: url(../images/h2bg.png) no-repeat 0px 0px;
  margin: 0 0 1.5em 0;
}

h2.graphicalHeader span {
  display: none;
}

/******************************************************
  SK_SIMPLEGALLERY
*******************************************************/
#tx-sksimplegallery-pi1-list-wrapper {
  height: 120px;
  background: #fff;
  position: relative;
}

#tx-sksimplegallery-pi1-list-wrapper a#leftArrow {
  display: block;
  height: 100px;
  width: 16px;
  position: absolute;
  left: 0px;
  top: 10px;
  background: url(../images/galleryLeftArrow.gif) no-repeat left center;
}

#tx-sksimplegallery-pi1-list-wrapper a#rightArrow {
  display: block;
  height: 100px;
  width: 16px;
  position: absolute;
  right: 0px;
  top: 10px;
  background: url(../images/galleryRightArrow.gif) no-repeat left center;
}

#tx-sksimplegallery-pi1-list-wrapper a#leftArrow span, #tx-sksimplegallery-pi1-list-wrapper a#rightArrow span {
  display: none;
}

#tx-sksimplegallery-pi1-list {
  width: 484px;
  padding-top: 10px;
  margin: 0 auto;
  overflow: hidden;
}

#tx-sksimplegallery-pi1-list ul {
	display:block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#tx-sksimplegallery-pi1-list ul li {
  display: inline;
}

#tx-sksimplegallery-pi1-list ul li a {
  display: block;
  float: left;
  margin: 0 5px;
}

#tx-sksimplegallery-pi1-single {
  margin: 20px 0 0 0;
  padding: 10px 20px;
  background: #fff;
}

/******************************************************
  DMAIL SUBSCRIPTION
*******************************************************/
.dmail-subscription legend {
  display: none;
}

.dmail-subscription .fields {
  margin-bottom: 1.5em;
}

.dmail-subscription label {
  display: block;
  font-weight: bold;
}

.dmail-subscription input {
  border: 1px solid #A4B2BA;
  background: #fff;
}

.dmail-subscription input.submitButton {
  border: 1px solid #4a5054;
  background: #4a5054;
  color: #fff;
  cursor: pointer;
}

.dmail-subscription span.error {
  color: #ff0000;
}

/******************************************************
  MOOSCROLL
*******************************************************/
.scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right:-1px;
	height:100%;
	width:15px;
	background: url(../images/mooscroll/scrollBar.gif) no-repeat right top;
}

.upBtn{
	display:block;
	position:absolute;
	bottom:15px;
	right:0;
	width:15px;
	height:26px;
	background: url(../images/mooscroll/upBtn.gif) no-repeat 0 0;
	cursor:pointer;
}

.upBtn:hover{
	background: url(../images/mooscroll/upBtn.gif) no-repeat 0 -26px;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url(../images/mooscroll/upBtn.gif) no-repeat 0 -52px;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:15px;
	height:15px;
	background: url(../images/mooscroll/downBtn.gif) no-repeat 0 -34px;
	cursor:pointer;
}

.downBtn:hover{
	background: url(../images/mooscroll/downBtn.gif) no-repeat 0 -17px;
}

.downBtn-Active, .downBtn-Active:hover{
	background: url(../images/mooscroll/downBtn.gif) no-repeat 0 0;
}

.scrollBar{
	display:block;
	position: absolute;
	top:-10px;
	right:0;
	padding: 0 0 0 0;	
	bottom:41px;
	width:15px;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:15px;
	height:35px;
	min-height:4px;
	cursor: pointer;
	padding:11px 0;
	margin:13px 0 0 0;
}

.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:15px;
	background: url(../images/mooscroll/scrollHandleBG.gif) repeat-y 0 0 ;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	background: url(../images/mooscroll/scrollHandleBG.gif) repeat-y -15px 0;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	background: url(../images/mooscroll/scrollHandleBG.gif) repeat-y -30px 0;
}

.scrollHandleMiddle{
	display: block;
	position: absolute;
	width:15px;
	height:13px;
	/*background: url(../images/mooscroll/scrollHandleMiddle.gif) no-repeat 0 0;*/
	top:50%;
	margin:-5px 0 0 0;
}

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	/*background: url(../img/scrollHandleMiddle.gif) repeat-y -15px 0;*/
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	/*background: url(../img/scrollHandleMiddle.gif) repeat-y -30px 0;*/
}

.scrollHandleTop{
	display:block;
	position:absolute;
	width:15px;
	height:11px;
	background: url(../images/mooscroll/scrollHandleTop.png) no-repeat 0 0;
	top:2px;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	background: url(../images/mooscroll/scrollHandleTop.png) no-repeat -15px 0;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background: url(../images/mooscroll/scrollHandleTop.png) no-repeat -30px 0;
}

.scrollHandleBottom{
	display:block;
	position:absolute;
	width:15px;
	height:11px;
	background: url(../images/mooscroll/scrollHandleBottom.png) no-repeat -30px 0 ;
	bottom:0;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	background: url(../images/mooscroll/scrollHandleBottom.png) no-repeat -15px 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url(../images/mooscroll/scrollHandleBottom.png) no-repeat 0 0 ;
}


/******************************************************
  FOOTER
*******************************************************/
#footer {
	height: 100%;
	background: url(../images/footerLogo.png) no-repeat center center;
}