body
{
	background: url("../src/img/bg_header.jpg") no-repeat center top;
	text-align:center;
    font-family: 'lct_sbirebold';
	color:#38332e;
	background-color:#d3ccc0;
	padding:0px;
	margin:0px;
	font-size:1em;
}

.lightboxThumb
{
	border-radius:10px;
	max-width:30%;
	margin:5px;
}


.content
{
	width:700px;
	margin: auto;
	position: relative;
    top: -25px;
}

.sepTitle
{
	height:3px;
}

footer
{
	background: url("../src/img/bg_footer.jpg") no-repeat center bottom;
	width:100%;
	height:482px;
	color:#ffffff;
}

#scrollTop
{
	position: fixed;
	top:-20px;
	right:5%;
	cursor:pointer;
	z-index: 99;
}

#scrollTop:hover
{
	top:0px;
}

#lang
{
	position: absolute;  
	top: -49px;
	right: 20px;
	z-index: 20;
}

#langEn,
#langFr,
#langDe
{
	position:absolute;
	width:55px;
	height:30px;
	cursor: pointer;
	top:5px;
}

#langEn
{
	left: 78px;
}

#langFr
{
	left:5px;
}

#langDe
{
	left:151px;
}


#langEn:hover,
#langFr:hover,
#langDe:hover
{
	-webkit-box-shadow: inset 0px 0px 13px 8px rgba(255,255,255,0.26);
	-moz-box-shadow: inset 0px 0px 13px 8px rgba(255,255,255,0.26);
	box-shadow: inset 0px 0px 13px 8px rgba(255,255,255,0.26);
}

.sepTitlePart
{
	margin-bottom:7px;
}

.sepVertical
{
	position:relative;
	top:-35px;
	width:3px;
	height:250px;
}

#logo 
{
	position:relative;
	z-index:10;
}
 #colonizeWrap div
 {
	display: inline-block;
	text-align:left;
	vertical-align:top;
 }

 #colonizeLeft p
 {
	display: block;
 }

#colonizeLeft 
 {
	width:50%;
	margin-right:10%;
 }
 
#colonizeRight 
 {
	text-align:center !important;
 }
 
#colonizeRight img
 {
	margin:5px;
 }
 
 .flag
 {
   position: relative;
   top: -8px;
 }
 
.titleWrap *
{
	display: inline-block;
	font-size:2em;
}
.titleWrap img
{
	height:3px;
	width:150px;
	position: relative;
}


#navBar
{
	margin:10px;
	position:relative;
}

.button
{
	background:url("../src/img/button.png") no-repeat center top;
	width:130px;
	height:44px;
	color:#d3ccc0;
	font-size:1.2em;
    font-family: 'lct_sbireregular';
	cursor: pointer;
	margin-bottom:5px;
}

.button:active,
.button:hover,
.button:focus
{
	padding-top:5px;
	margin-bottom:0px;
	background:url("../src/img/button_hover.png") no-repeat center top;
}

.button,
#navBar img
{
	display: inline-block;
	vertical-align: top;
}

.button p
{
	position:relative;
	top:8px;
	margin:0px;
}

#navBar img
{
	position:relative;
	top:16px;
}

.windowBorder
{
    border: 20px solid transparent;
	-webkit-border-image: url(../src/img/windowBorder.png) 20; /* Safari 3.1-5 */
    -o-border-image: url(../src/img/windowBorder.png) 20; /* Opera 11-12.1 */
    border-image: url(../src/img/windowBorder.png) 20;
	margin-bottom:10px;
}
.window
{
	background-color:#38332e;
	color:#d3ccc0;
}
img
{
    max-width:100%;
}

#triskell
{
	width:100px;
	height:109px;
	background:url("../src/img/logo_triskell_interactive.png") no-repeat;
	margin: auto;
}

#triskell a,
.socialButton a
{
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
}

#triskell:hover
{
	background:url("../src/img/logo_triskell_interactive_hover.png") no-repeat;
}

.socialButton
{
	 width:30px;
	 height:30px;
	 display:inline-block;
}

#twitter
{
	background:url("../src/img/twitter.png") no-repeat;
}
#twitter:hover
{
	background:url("../src/img/twitter_hover.png") no-repeat;
}

#facebook
{
	background:url("../src/img/facebook.png") no-repeat;
}
#facebook:hover
{
	background:url("../src/img/facebook_hover.png") no-repeat;
}

#mail
{
	background:url("../src/img/mailto.png") no-repeat;
}
#mail:hover
{
	background:url("../src/img/mailto_hover.png") no-repeat;
}


@font-face {
    font-family: 'lct_sbireregular';
    src: url('../src/font/lct_sbire_regular-webfont.eot');
    src: url('../src/font/lct_sbire_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../src/font/lct_sbire_regular-webfont.woff2') format('woff2'),
         url('../src/font/lct_sbire_regular-webfont.woff') format('woff'),
         url('../src/font/lct_sbire_regular-webfont.ttf') format('truetype'),
         url('../src/font/lct_sbire_regular-webfont.svg#lct_sbireregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lct_sbireitalic';
    src: url('../src/font/lct_sbire_italic-webfont.eot');
    src: url('../src/font/lct_sbire_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../src/font/lct_sbire_italic-webfont.woff2') format('woff2'),
         url('../src/font/lct_sbire_italic-webfont.woff') format('woff'),
         url('../src/font/lct_sbire_italic-webfont.ttf') format('truetype'),
         url('../src/font/lct_sbire_italic-webfont.svg#lct_sbireitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lct_sbirebold';
    src: url('../src/font/lct_sbire_bold-webfont.eot');
    src: url('../src/font/lct_sbire_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../src/font/lct_sbire_bold-webfont.woff2') format('woff2'),
         url('../src/font/lct_sbire_bold-webfont.woff') format('woff'),
         url('../src/font/lct_sbire_bold-webfont.ttf') format('truetype'),
         url('../src/font/lct_sbire_bold-webfont.svg#lct_sbirebold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lct_sbirebold_italic';
    src: url('../src/font/lct_sbire_bold_italic-webfont.eot');
    src: url('../src/font/lct_sbire_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../src/font/lct_sbire_bold_italic-webfont.woff2') format('woff2'),
         url('../src/font/lct_sbire_bold_italic-webfont.woff') format('woff'),
         url('../src/font/lct_sbire_bold_italic-webfont.ttf') format('truetype'),
         url('../src/font/lct_sbire_bold_italic-webfont.svg#lct_sbirebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}