html, page {
margin : 0px;
padding : 0px;
font-size : 13px;
font-family : "Futura",Arial;
color : #353535;
align : center;
padding : 0px;
}
p { /* normal text */
color : #FFFFFF;
font-size : 1.2vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 3px #000000, -1px -1px 3px #000000;
}
p a{ /* links in paragraph */
color : #FFFFFF;
font-weight : bold;
font-style : normal;
text-decoration : none;
}
p a:hover{ /* links in paragraph */
color : #FFFFFF;
font-weight : bold;
font-style : normal;
text-decoration : underline;
}
p1 { /* Title */
color : #FFFFFF;
font-size : 3.5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
display : inline;
text-shadow : 2px 1px #444466;
margin : 0px;
padding : 0px;
}
p2 { /* header in normal text */
color : #FFFFFF;
font-size : 1.5vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
text-shadow : 2px 2px 10px #353535, -1px -1px 10px #353535;
}
p2 a{
color : #FFFFFF;
font-weight : normal;
font-style : normal;
text-decoration : none;
}
p2 a:hover{
color : #FFFFFF;
font-weight : normal;
font-style : normal;
text-decoration : underline;
}
p3 { /* second header in normal text */
color : #888888;
font-size : 1vw;
font-weight : normal;
font-style : normal;
text-align : center;
text-decoration : none;
text-shadow : 1px 1px 3px #353535, -1px -1px 3px #353535;
}
p3 a{
color : #888888;
font-style : normal;
text-decoration : none;
}
p3 a:hover{
color : #FFFFFF;
}
#fixpart {
position : fixed;
left : calc( ( 100vw - ( 100vh * 1.5 ) ) / 4 );
width : calc( 100vh * 1.5 );
height : 100%;
top : 0px;
}
#Container { /* Header including arrows */
position : fixed;
top : 10vh;
left : 70vw;
width : 25vw;
height : 30vh;
padding : 0.3vw 2vw 0.3vw;
background : rgba(53, 53, 53, 0.5);
margin : 0px;
padding : 0px;
overflow : hidden;
}
#Container2 { /* Text */
position : absolute;
top : 40vh;
left : 70vw;
width : 25vw;
padding : 0.3vw 2vw 0.3vw;
background : rgba(53, 53, 53, 0.5);
margin : 0px;
padding : 0px;
}
body { /* Page Body */
background-color: #353535;
text-align : center;
margin : 0px;
padding : 0px;
}
img#BG1 { /* background */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
}
#SP { /* Spacer div */
position : relative;
width : 2%;
height : 2%;
display : inline-block;
background-color: transparent;
overflow : hidden;
}
img#AL { /* Arrow Left */
position : relative;
display : inline-block;
width : 5vw;
opacity : 0.7;
margin : 0px;
padding : 0px;
background-color: transparent;
}
img#AL:hover { /* Arrow Left */
position : relative;
display : inline-block;
width : 5vw;
opacity : 1.0;
margin : 0px;
padding : 0px;
background-color: transparent;
}
img#AR { /* Arrow right */
position : relative;
display : inline-block;
width : 5vw;
opacity : 0.7;
margin : 0px;
padding : 0px;
background-color: transparent;
}
img#AR:hover { /* Arrow right */
position : relative;
display : inline-block;
width : 5vw;
margin : 0px;
padding : 0px;
opacity : 1.0;
background-color: transparent;
}
div#mt10 { /* Header for picture galery*/
position : relative;
width : 100%;
height : 5vw;
overflow : hidden;
display : inline-block;
margin : 0px;
padding : 0px;
}
div#mt11 { /* Text for picture galery*/
position : relative;
width : 100%;
display : inline-block;
}
img#P01 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 1.0;
transition : opacity 0.5s;
visibility : visible;
}
img#P02 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P03 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P04 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P05 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P06 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P07 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P08 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P09 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P10 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P11 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P12 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P13 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P14 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P15 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P16 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P17 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P18 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P19 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P20 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
img#P21 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}img#P22 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}img#P23 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}img#P24 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}img#P25 { /* Picture galery */
position : absolute;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
border : 0px;
opacity : 0;
transition : opacity 0.5s;
visibility : hidden;
}
/*--- EndOfFile ---*/