html {
}
body {
margin: 0;
padding: 0px;
font: bold 97% Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
list-style-type: none;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
background-color: #FFFFFF;
}
.clearfix { *zoom: 1; }
.left {
width: 50%;
text-align: right;
padding-top: 160px;
z-index: 2;
padding-right: 10px;
font-weight: 400;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding-bottom: 100%;
}
.right {
float: right;
width: 49%;
z-index: 1;
padding-left: 4%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
right: 0px;
}
ul {
list-style-position: outside;
list-style-type: none;
display: block;
}
.right img {
margin-top: 100px;
margin-bottom: 100px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a:link, a:visited {
/* [disabled]font-size: 10px;
*/
font-weight: 400;
text-decoration: none;
color: #1D1D1D;
}
.right .sub1 a {
color: #868686;
}
.right .sub2 a {
color: #868686;
}
.right .sub2 a:hover {
color: #383746;
}
.right .sub3 a {
color: #868686;
}
* {
margin: 0px;
padding: 0px;
}
.main {
height: 100%;
}
.right .headline {
margin-top: 9%;
margin-bottom: 23%;
font-weight: bold;
font-size: 30px;
color: rgba(0,0,0,1.00);
}
.left p {
/* [disabled]font-size: 10px;
*/
color: #666666;
/* [disabled]padding-left: 200px;
*/
/* [disabled]padding-bottom: 10px; */
/* [disabled]line-height: 46px; */
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.right .sub4 {
padding-top: 50px;
text-align: left;
margin-right: 27%;
height: auto;
}
.right .email a {
color: #666666;
}
.right .sub4 .sub5 a {
color: #FFFFFF;
}
.right .email {
margin-top: 10px;
}
.left h1 {
font-weight: 600;
color: #2F2F2F;
padding-bottom: 20px;
padding-top: 20px;
margin-top: 8%;
margin-bottom: 2px;
}
.left h1 {
font-size: 95%;
line-height: 130%;
}
.right .sub1 a:hover {
color: #383746;
}
.right .sub2 a:hover a:focus {
color: #383746;
}
.right .sub3 a:hover {
color: #383746;
}
.right .sub4 .sub5 a:hover a:focus {
color: #383746;
}
.left img {
border: 1px solid #CCC;
margin-top: 5px;
width: 46%;
height: auto;
}
.left .rss {
display: inline;
}
.right .rssnews {
margin-top: 200px;
}
.right .rssnews p {
font-size: 14px;
font-weight: 200;
color: #666666;
}
.left h2 {
font-weight: bold;
color: #626262;
margin-bottom: 100px;
margin-top: 20px;
font-size: 142%;
}
a:hover {
color: #990000;
}
a:active {
outline: none;
}
a:focus {
outline: none;
}
.left ul li {
padding-bottom: 4px;
}
.right .sub4 .glyphicon.glyphicon-circle-arrow-down {
font: 135px 'Glyphicons Halflings';
margin-top: 11%;
}
/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth {
width: 100%;
}
}
/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
.bodywidth {
width: 100%;
}
.left {
width: 80%;
text-align: left;
border-right-style: none;
z-index: 2;
height: auto;
padding: 10px 10px 10px 12%;
float: none;
background-image: none;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
}
.right {
width: 80%;
z-index: 1;
float: none;
padding: 10px 10px 10px 12%;
height: auto;
}
a:link, a:visited {
font-weight: 400;
text-decoration: none;
color: #383746;
}
}
/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
.bodywidth {
width: 100%;
}
.left {
width: 80%;
text-align: left;
border-right-style: none;
z-index: 2;
height: auto;
padding: 10px 10px 10px 12%;
float: left;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: none;
}
.right {
width: 100%;
z-index: 1;
float: right;
padding: 10px 10px 10px 12%;
height: auto;
}
a:link, a:visited {
font-size: 16px;
font-weight: 400;
text-decoration: none;
color: #383746;
}
}
/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 300px) {
.bodywidth {
width: 100%;
}
.left {
width: 80%;
text-align: left;
border-right-style: none;
z-index: 2;
height: auto;
padding: 10px 10px 10px 12%;
float: none;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: none;
font-size: 115%;
}
.left p {
/*font-size: 80%;*/
padding: 1%;
line-height: 125%;
}
.right {
width: 80%;
z-index: 1;
padding: 10px 10px 10px 12%;
float: none;
height: auto;
}
a:link, a:visited {
font-size: 16px;
font-weight: 400;
text-decoration: none;
color: #383746;
}
.left h2 {
/* [disabled]font-size: 67%; */
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}