/* -*- Mode: CSS; tab-width: 2; indent-tabs-mode: nil; -*- */
@font-face {
font-family: 'BitstreamVeraSansRoman';
src: url('Vera-webfont.eot');
src: local('☺'), url('Vera-webfont.woff') format('woff'), url('Vera-webfont.ttf') format('truetype'), url('Vera-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BitstreamVeraSansOblique';
src: url('Vera-Italic-webfont.eot');
src: local('☺'), url('Vera-Italic-webfont.woff') format('woff'), url('Vera-Italic-webfont.ttf') format('truetype'), url('Vera-Italic-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BitstreamVeraSansBold';
src: url('Vera-Bold-webfont.eot');
src: local('☺'), url('Vera-Bold-webfont.woff') format('woff'), url('Vera-Bold-webfont.ttf') format('truetype'), url('Vera-Bold-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BitstreamVeraSansBoldOblique';
src: url('Vera-Bold-Italic-webfont.eot');
src: local('☺'), url('Vera-Bold-Italic-webfont.woff') format('woff'), url('Vera-Bold-Italic-webfont.ttf') format('truetype'), url('Vera-Bold-Italic-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumText14LRegular';
src: url('TitilliumText1-webfont.eot');
src: local('☺'), url('TitilliumText1-webfont.woff') format('woff'), url('TitilliumText1-webfont.ttf') format('truetype'), url('TitilliumText1-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumText14L250wt';
src: url('TitilliumText250wt-webfont.eot');
src: local('☺'), url('TitilliumText250wt-webfont.woff') format('woff'), url('TitilliumText250wt-webfont.ttf') format('truetype'), url('TitilliumText250wt-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumText14L400wt';
src: url('TitilliumText400wt-webfont.eot');
src: local('☺'), url('TitilliumText400wt-webfont.woff') format('woff'), url('TitilliumText400wt-webfont.ttf') format('truetype'), url('TitilliumText400wt-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumText14L600wt';
src: url('TitilliumText600wt-webfont.eot');
src: local('☺'), url('TitilliumText600wt-webfont.woff') format('woff'), url('TitilliumText600wt-webfont.ttf') format('truetype'), url('TitilliumText600wt-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumText14L800wt';
src: url('TitilliumText800wt-webfont.eot');
src: local('☺'), url('TitilliumText800wt-webfont.woff') format('woff'), url('TitilliumText800wt-webfont.ttf') format('truetype'), url('TitilliumText800wt-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumText14L999wt';
src: url('TitilliumText999wt-webfont.eot');
src: local('☺'), url('TitilliumText999wt-webfont.woff') format('woff'), url('TitilliumText999wt-webfont.ttf') format('truetype'), url('TitilliumText999wt-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TitilliumTitle01Thin';
src: url('Titillium_title03-webfont.eot');
src: local('☺'), url('Titillium_title03-webfont.woff') format('woff'), url('Titillium_title03-webfont.ttf') format('truetype'), url('Titillium_title03-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}



* {
margin: 0;
padding: 0;
}
/* * */

.clear {
clear: both;
font-size: 1px;
height: 0px;
line-height: 0px;
margin: -1px 0 0;
width: 100%;
}
/*.clear*/

a {
color: #282828;
text-decoration: underline;
}
/* a */

a:hover, a:focus {
background: #282828;
color: #f9f9f9;
text-decoration: none;
}
/* a:hover */

ul {
list-style: none;
}
/* ul */

img {
border: none;
}
/* img */

.bold {
font-family: 'BitstreamVeraSansBold', Verdana, Arial, "MS Trebuchet", sans-serif !important;
font-weight: normal;
}
/* .bold */

html {
height: 100%;
}
/* html */

body {
background: #f9f9f9;
font-family: 'BitstreamVeraSansRoman', Verdana, Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
height: 100%;
color: #282828;
line-height: 1.5;
}
/* body */

#animation {
display: block;
position: absolute;
height: 100%;
width: 100%;
z-index: 200;
}
/* #animation */

#bgImage {
display: block;
position: absolute;
min-height: 100%;
min-width: 100%;
z-index: 400;
}
/* #bgImage */

#bgRaster {
display: block;
position: absolute;
min-height: 100%;
min-width: 100%;
z-index: 600;
background: url(pixel.gif) 0 0;
}
/* #bgRaster */

#bgTime {
display: block;
position: absolute;
min-height: 100%;
width: 250px;
z-index: 800;
background-color: rgba(40, 40, 40, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
  margin:0 auto;
left: 0;
top: 0;
}
/* #bgTime */

#center {
float: left;
height: 50%;
margin-bottom: -224px;
width: 10px;
}
/* #center */

#wrap {
height: 100%;
position: relative;
z-index: 1000;
overflow: hidden;
}
/* #wrap */

#topnav {
height: 20px;
background: #282828;
background-color: rgba(40, 40, 40, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
overflow: hidden;
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #f9f9f9;
-moz-box-shadow: 0px 0px 5px #282828; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #282828; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px #282828; /* Opera 10.5, IE 9.0 */
}
/* #topnav */

#topnav ul, #bottomnav ul {
list-style: none;
}
/* #topnav ul */

#topnav li, #bottomnav li {
float: left;
}
/* #topnav li */


#topnav a {
display: block;
height: 20px;
color: #f9f9f9;
text-decoration: none;
text-transform: uppercase;
padding: 0;
width: 238px;
border-left: 1px solid #f9f9f9;
background: #282828;
background-color: rgba(40, 40, 40, 0);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
font-family: 'BitstreamVeraSansRoman', Verdana, Arial, "MS Trebuchet", sans-serif;
}
/* #topnav a */

#topnav li.active a {
background: #f9f9f9;
color: #282828;
}/* #topnav li.active a */

#topnav li.last a {
border-right: 1px solid #f9f9f9;
}
/* #topnav a, #bottomnav a */

#topnav a:hover {
text-decoration: none;
background: #f9f9f9;
color: #282828;
}
/* #topnav a */

#topnav span, #bottomnav span {
display: block;
padding: 1px 0 0 5px;
}
/* #topnav span */

.mainmenu {
width: 960px;
margin: 0 auto;
}
/* .mainmenu */

#content {
height: 100%;
margin: 0 auto -44px auto;
/*background: url(shadow.png) center 0 no-repeat;*/
}
/* #content */

#maincontent {
position: relative;
clear: left;
height: auto !important;
margin: 0 auto 22px auto;
min-height: 400px;
padding: 0;
text-align: left;
background: #f9f9f9;
border-top: 1px solid #282828;
border-bottom: 1px solid #282828;
background-color: rgba(255, 255, 255, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
     -moz-box-shadow: 0px 0px 2px #282828; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 2px #282828; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 2px #282828; /* Opera 10.5, IE 9.0 */
}
/* #maincontent */

#maincontent .columnwrap {
width: 960px;
margin: 0 auto 0 auto;
height: 400px;
position: relative;
}
/* #maincontent .columnwrap */

#maincontent .leftcolumn {
width: 299px;
height: 370px;
overflow: auto;
padding: 15px 15px 15px 0;
float: left;
border-right: 1px dotted #282828;
}
/* #maincontent .leftcolumn */


#maincontent .rightcolumn {
width: 615px;
text-align: left;
height: 370px;
overflow: auto;
padding: 15px;
float: right;
}
/* #maincontent .rightcolumn */

#bottomnav {
height: 20px;
margin: -22px auto 0 auto;
background: #282828;
background-color: rgba(40, 40, 40, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
overflow: hidden;
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #f9f9f9;
-moz-box-shadow: 0px 0px 5px #282828; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #282828; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px #282828; /* Opera 10.5, IE 9.0 */
}
/* bottomnav */

#maincontent h1 {
font-weight: normal;
font-family: 'BitstreamVeraSansBold', Verdana, Arial, "MS Trebuchet", sans-serif;
font-size: 22px;
margin: 0 0 5px 0;
}
/* #maincontent h1 */

#maincontent h2 {
font-weight: normal;
font-family: 'BitstreamVeraSansBold', Verdana, Arial, "MS Trebuchet", sans-serif;
font-size: 16px;
margin: 10px 0 5px 0;
}
/* #maincontent h2 */

#maincontent h3 {
font-weight: normal;
font-family: 'BitstreamVeraSansBold', Verdana, Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
margin: 10px 0 10px 0;
border-top: 1px solid #282828;
border-bottom: 1px solid #282828;
}
/* #maincontent h3 */

.leftcolumn h3 {
border-top: 1px solid #282828;
border-bottom: 1px solid #282828;
}
/* .leftcolumn h3 */

#maincontent p {
padding-top: 0;
padding-bottom: 10px;
}
/* #maincontent p */

#maincontent hgroup {
margin: 0 0 25px 0;
}
/* #maincontent hgroup */

.mainmenu ul li ul {
display: none;
position: absolute;
background: #282828;
background-color: rgba(40, 40, 40, 0.8);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
     -moz-box-shadow: 0px 0px 5px #282828; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 5px #282828; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 5px #282828; /* Opera 10.5, IE 9.0 */
}
/* .submenu */

.mainmenu ul li ul li {
display: block;
float: none !important;
border-top: 1px solid #f9f9f9;
}
/* .submenu li */

.mainmenu ul li:hover ul {
display: block;
}
/* .mainmenu li:hover .submenu */


.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
margin: 0 auto;
float: left;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
background: #aaa;
}
.jScrollPaneDrag {
position: absolute;
background: #282828;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDrag:hover {
background: #009adb;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
  /*background-color: #666;*/
  height: 9px;
}

.scrollpane {
float: left;
}
/* .scrollpane */

#logo {
position: absolute;
top: -45px;
left: 294px;
}
/* #logo */

.thumbs li {
float: left;
padding: 2px;
margin: 2px;
border: 1px solid #282828;
}
/* .thumbs li */

.thumbs li a {
display: block;
}
/* .thumbs li a */

.tweet, .query {
font-size: 10px;
width: 960px;
margin: 0 auto;
color: #f9f9f9;
}
  .tweet .tweet_list, .query .tweet_list {
-webkit-border-radius: .5em;
list-style-type: none;
margin: 0;
padding: 0;
background-color: #8ADEE2;
}
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
text-transform: uppercase;
}
    .tweet .tweet_list li, .query .tweet_list li {
float: none;
padding-top: 2px;
}
      .tweet .tweet_list span, .query .tweet_list span {
display: inline !important;
}
/* .tweet .tweet_list li, .query .tweet_list li */
      .tweet .tweet_list li a, .query .tweet_list li a {
color: #f9f9f9;
}
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
background-color: #91E5E7;
}
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
padding-right: .5em;
float: left;
}
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
vertical-align: middle;
}

form#kontaktForm label {
display: block;
padding: 3px;
}

form#kontaktForm fieldset {
border: none;
}
/* form#kontaktForm fieldset */

form#kontaktForm input {
border: 1px solid #282828;
padding: 3px;
width: 250px;
}
form#kontaktForm .button {
padding: 3px;
background: #282828;
border: none;
width: 150px;
color: #f9f9f9;
}
form#kontaktForm textarea {
width: 249px;
border: 1px solid #282828;
padding: 3px;
margin: 0.416666666666667em 0 0 0;
}
form#kontaktForm select {
width: 262px;
border: 1px solid #282828;
}
form#kontaktForm div {
margin: 0 0 1.25em 0;
}

.blogtitle {

}/* .blogtitle */

.blogtitle a {
text-decoration: none;
display: block;
}/* .blogtitle a */


#home-nav {
display: none;
position: absolute;
background: #282828;
width: 190px;
height: 100%;
opacity: 0.2;
-moz-opacity: 0.2;
filter:alpha(opacity=20);
}/* #home-nav */

.socialNetworks li {
float: left;
margin: 3px 3px 0 0;
}/* .socialNetworks */

.leistung {
list-style: disc outside;
padding: 0 0 0 15px;
}/* .leistung */

.leistung li {
margin: 0 0 5px 0;
}/* .leistung li */