@charset "utf-8";


@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/open-sans-v18-latin-regular.eot'); 
src: local(''),
url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), 
url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), 
url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'),
url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); 
}

.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.centered { text-align:center; }

html { 
background: url(../images/bg.jpg) no-repeat center center fixed #151515;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; }

html{
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}

html, body, #wrap {height: 100%; }
body > #wrap {height: auto; min-height: 100%; }
#content {padding-bottom: 162px;}
body { 
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; 
font-size: 0.87em;
color:#ccc;
}

a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height:1.5; padding:14px 40px 0 40px; }

a { color:#ddd; text-decoration:none; }
footer a { color:#666; text-decoration:none; }
a:hover { text-decoration:none; color:#bbb; }
span.arrow {font:0.95em 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; color:#B2CFF0;}


h1#logo { position:relative; margin:0 auto; z-index:401; margin-bottom:100px; font-weight: 700; text-align:center; font-size:2em; line-height:1.2em; }
.hentry h1, h2, h3, h4 { line-height:1.5; font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; }
h2, .hentry h1 { font-size:18px; font-weight:600; color:#C0DCFC; margin:0px 40px 6px 40px; padding-bottom:19px; padding-top:32px; letter-spacing:1px; border-bottom:1px solid #444; display:block }
h3 {font-size:15px; font-weight:600; padding:14px 40px 0 40px; margin-bottom:-6px; }
h4 {font-size:0.95em; font-weight:600; letter-spacing:1px; text-transform:uppercase; padding:15px 40px 1px 40px; margin-bottom:-6px; }
h2 a {color:#aaa; }
h2.head { font-size:18px; font-family:'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; font-style:normal; font-weight:600; color:#90BAEA; margin:0px 40px 6px 40px; padding-bottom:9px; padding-top:32px; letter-spacing:1px; text-align:left; border-bottom:0px dotted #aaa !important;}

#wrapper { width:100%; position:relative; z-index:29; margin:0 auto; margin-bottom:10px; padding-top:55px; }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
#container {margin-bottom:45px; }
.col1-1 { width:940px; margin:10px; height:402px; float:left;  }
.col1-3 { width:300px; height:402px; margin:10px; float:left; background:#151515; }
.col1-3.half {height:191px; background:#151515; }
.col1-3.triple {height:613px; background:#151515; }
.col2-3 { width:620px; height:402px; margin:10px; float:left; background:#151515; }
.col2-3.post, .col2-3.auto, .col1-3.auto, .col1-1.auto {height:auto; padding-bottom:36px; background:#151515; }
.overflow, .element {overflow:hidden; }

.hellblau {color:#d4e4f7;}
.dunkelblau {color:#5594dd;}

footer { height:auto; position:relative; font-size: 1em; color:#555;/* margin-top:45px; */padding:45px 0; height:162px;  margin-top: -162px;}

#backtotop { height:auto; position:fixed; right:30px; bottom:40px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(../images/bg-up.png) center top no-repeat; background-size:48px 48px; display:block; width:48px; height:48px; float:right; right:10px; text-indent:-9000px; }
#backtotop ul li a:hover { height:58px; }

ul li { padding:14px 40px 0 40px; margin-left:10px; line-height:1.5em; }