html {padding:0px; margin:0px;}
body {padding:0px; margin:0px;}
#container {
padding: 0px;
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
.containerbox {
padding: 0px;
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
.clearboth {clear:both}
.nounderline {text-decoration:none;}
.full {width:100%;padding:0px;margin:0px;}
.half{
width: 50%;
float:left;
}
.third{
width: 33%;
float:left;
}
.two_third{
width: 66%;
float:left;
}
.quarter{
width: 25%;
float:left;
}
.three_quarter{
width: 75%;
float:left;
}
.tenth {
width: 10%;
float:left;
}
.eighth {
width: 12.5%;
float:left;
}
.seventh {
width: 14.2%;
float:left;
}
.sixth {
width: 16.6%;
float:left;
}
.fifth {
width: 20%;
float:left;
}
/********************
spacer - margin
********************/
.spacer-50 {margin:0px;padding:0px;height:50px;}
.spacer-15 {margin:0px;padding:0px;height:15px;}
.spacer-10 {margin:0px;padding:0px;height:10px;}
.spacer-5 {margin:0px;padding:0px;height:5px;}
.spacer-3 {margin:0px;padding:0px;height:3px;}
.mar_all-15 {margin:15px;}
.mar_all-10 {margin:10px;}
.mar_all-5 {margin:5px;}
.mar_all-3 {margin:3px;}
.mar_lr-15 {margin-left:15px;margin-right:15px; margin-bottom:0px;margin-top:0px;}
.mar_lr-10 {margin-left:10px;margin-right:10px; margin-bottom:0px;margin-top:0px;}
.mar_lr-5 {margin-left:5px;margin-right:5px; margin-bottom:0px;margin-top:0px;}
.mar_lr-3 {margin-left:3px;margin-right:3px; margin-bottom:0px;margin-top:0px;}
.pad_all-15 {padding:15px;}
.pad_all-10 {padding:10px;}
.pad_lr-15 {padding-left:15px;padding-right:15px;padding-top:0px;padding-bottom:0px}
.pad_lr-10 {padding-left:10px;padding-right:10px;padding-top:0px;padding-bottom:0px}
.pad_r-10 {padding-left:0px;padding-right:10px;padding-top:0px;padding-bottom:0px}
.pad_l-10 {padding-left:10px;padding-right:0px;padding-top:0px;padding-bottom:0px}

.nomargin {padding:0px; margin:0px;}
.displayblock {display:block}

/*********************
float
*********************/
.f-left {float:left;}
.f-right {float:right;}

/*********************
align
*********************/
.align-l {text-align:left}
.align-r {text-align:right}
.align-c {text-align:center}
.align-j {text-align:justify}

/*********************
line-height
*********************/
.lineh-24 {line-height:24px;}
.lineh-20 {line-height:20px;}

/*********************
font-weight
*********************/
.fw100 {font-weight:100}

/*********************
color
*********************/
.white-t {color:#FFFFFF}
.grey-t {color:#BBBBBB}
.blue-t {color:#07316B}
.red-t {color:#FF0000}
.white-black-link {color:#FFFFFF}
.white-black-link:hover {color:#000000}
.white-red-link {color:#FFFFFF}
.white-red-link:hover {color:#FF0000}
.black-red-link {color:#000000}
.black-red-link:hover {color:#FF0000}
.white-grey-link {color:#FFFFFF}
.white-grey-link:hover {color:#BBBBBB}
.red-grey-link {color:#FF0000}
.red-grey-link:hover {color:#333333}
.red-white-link {color:#FF0000}
.red-white-link:hover {color:#FFFFFF}
.blue-light-link {color:#07316B}
.blue-light-link:hover {color:#0066FF}
.red-bg {background-color:#CC0000;}
.grey-bg {background-color:#CCCCCC}
.green-bg {background-color:#00CC00}
.light-grey{background-color:#EAEBED}

/*********************
Shadows
*********************/

.shadow-down {box-shadow: 0px 15px 20px #BCBCBC;}

/*********************
cursor
*********************/
.pointer{cursor:pointer}

/*********************
display
*********************/
.hidden{display:none}
.shown{display:block}

/*********************
tab-menu
**********************/
#tab-menu{
width:100%;
list-style:none;
list-style-position:inside;
margin:0px;
padding:0px;
}

#tab-menu li{
	text-align:center;
	font-family: 'Roboto', sans-serif;
	/*font-weight:bold;*/
padding-top:2px;
	padding-bottom:2px;
	background-color:#FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#tab-menu li a{
color:#07316B;
text-decoration:none;
display:block;
}
#tab-menu li a:hover{
text-decoration:underline;

}

/***********************
shader
***********************/

#shader {position:absolute; width:100%; height:100%;background:rgba(00,00,00,0.8); padding:5%;} 
@media (min-width: 1025px) {

.half_r{
width: 50%;
float:left;
}
.third_r{
width: 33%;
float:left;
}
.two_third_r{
width: 66%;
float:left;
}
.quarter_r{
width: 25%;
float:left;
}
.fifth_r{
width: 20%;
float:left;
}
.three_quarter_r{
width: 75%;
float:left;
}
/*
#menu-container {
display:block;
}*/
.menu-list {
	list-style-position: inside;
	list-style-type: none;
	padding:0px;
	margin:0px;
	float:right;
}
.menu-list-main{
float:left;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:0px;
display:block;
}
.menu-list-main-sub{
float:left;
padding-left:6px;
padding-right:0px;
padding-bottom:5px;
padding-top:0px;
display:block;
}
.sub-menu-list {
	list-style-position: inside;
	list-style-type: none;
	padding:0px;
	margin:0px;
	position:absolute;
	display:none;
	z-index:10000;
}
.sub-menu-list li{
padding:3px;
border-bottom:solid 1px #CCCCCC;
}
#mobile-menu-button {display:none;}
#tab-menu li {float:left; padding-right:15px; padding-left:15px; margin-right:2px;font-size:13px;}
.onlymobile {display:none}

.infotextbox {background-color:#FFFFFF;  border: solid 1px #CCCCCC; margin-top:-1px;}
.imgband {width:100%; margin:0px; padding:0px;}
}


@media (min-width: 768px) and (max-width: 1024px) {
.half_r{
width: 50%;
float:left;
}
.third_r{
width: 33%;
float:left;
}
.quarter_r{
width: 25%;
float:left;
}
.third_r{
width: 33%;
float:left;
}
.two_third_r{
width: 66%;
float:left;
}
.fifth_r{
width: 20%;
float:left;
}
.three_quarter_r{
width: 75%;
float:left;
}
/*
#menu-container {
display:block;
}*/
.menu-list {
	list-style-position: inside;
	list-style-type: none;
	padding:0px;
	margin:0px;
	float:right;
}
.menu-list-main{
float:left;
padding-left:5px;
padding-right:0px;
padding-bottom:5px;
padding-top:5px;
display:block;
}
.menu-list-main-sub{
float:left;
padding-left:10px;
padding-right:20px;
padding-bottom:5px;
padding-top:5px;
display:block;
}
.sub-menu-list {
	list-style-position: inside;
	list-style-type: none;
	padding:0px;
	margin:0px;
	position:absolute;
	display:none;
}
.sub-menu-list li{
padding:3px;
border-bottom:solid 1px #CCCCCC;
}
#mobile-menu-button {display:none;}
#tab-menu li {float:left;padding-right:2px; padding-left:2px; margin-right:1px;font-size:11px;}
.onlymobile {display:none}

.infotextbox {background-color:#FFFFFF;  border: solid 1px #CCCCCC; margin-top:-1px;}
.imgband {width:100%}
}


@media (max-width: 767px) {
.half_r{
width: 100%;
float:left;
}
.third_r{
width: 100%;
float:left;
}
.quarter_r{
width: 100%;
float:left;
}
.fifth_r{
width: 100%;
float:left;
}
.three_quarter_r{
width: 100%;
float:left;
}
.two_third_r{
width: 100%;
float:left;
}
.onlymobile {display:block}
.nomobile {display:none}
/*
#menu-container {
display:none;
}*/
.menu-list {
	list-style-position: inside;
	list-style-type: none;
	padding:0px;
	margin:0px;
	font-size:16px;
}
.menu-list-main{
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
display:block;
}
.menu-list-main-sub{
padding-left:10px;
padding-right:20px;
padding-bottom:10px;
padding-top:10px;
display:block;
}
.sub-menu-list {
	list-style-position: inside;
	list-style-type: none;
	padding:0px;
	margin:0px;
	display:none;
}
.sub-menu-list li{
padding-left:3px;
padding-bottom:10px;
padding-top:10px;
border-bottom:solid 1px #CCCCCC;
}
/*#mobile-menu-button {
width:40px;
height:40px;
background-image: url(../img/mobile-menu-button2.png);
}*/
#tab-menu li {width:100% }

.infotextbox {background-color:#FFFFFF;  border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; margin-top:-1px;}
.imgband {margin-left:auto;margin-right:auto}
}
/********************
FX
********************/

.scale{
/* Firefox */
-moz-transition: all 0.8s ease;
/* WebKit */
-webkit-transition: all 0.8s ease;
/* Opera */
-o-transition: all 0.8s ease;
/* Standard */
transition: all 0.8s ease;

overflow:hidden;

}

.scale:hover
{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);

/* Firefox */
-moz-transform: scale(1.1);
/* WebKit */
-webkit-transform: scale(1.1);
/* Opera */
-o-transform: scale(1.1);
/* Standard */
transform: scale(1.1);
}
/*
.rotate{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;

}

.rotate:hover
{
-webkit-transform:rotate(15deg);
-moz-transform:rotate(15deg);
-o-transform:rotate(15deg);
}
*/
.rotate {
/* Firefox */
-moz-transition: all 1s ease;
/* WebKit */
-webkit-transition: all 1s ease;
/* Opera */
-o-transition: all 1s ease;
/* Standard */
transition: all 1s ease;
}
.rotate:hover {
/* Firefox */
-moz-transform: rotate(15deg);
/* WebKit */
-webkit-transform: rotate(15deg);
/* Opera */
-o-transform: rotate(15deg);
/* Standard */
transform: rotate(15deg);
}
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
      opacity: 0.8;
      }