/*
Theme Name: 
Theme URI:
Description:
Author:
Author URI:
Version:
*/

*{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
text-align: left;
vertical-align: baseline;
outline: none;
}

html{
font-size:100.1%; /*WinIE6- text resize adjust*/
overflow: -moz-scrollbars-vertical;
}

a:focus, a {
outline: none;
}

/* Header
---------------------------------------------------------------------*/

body{
	color: #777777;
    font-size: 0.7em;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#header {
      font-weight: bold;
      position: fixed;
      width: 100%;
      text-align:center;
      z-index: 100;
}

#header2 {
      position: fixed;
      text-align:center;
      width: 100%;
      left:550px;
      height:0px;
}

#subhead{
        background-color: white;
        height:1.8em;
}

/*----------------------------------------------------------------------*/
/* Title ---------------------------------------------------------------*/
/*--------------------------------------------------------------------*/

#titleWrap {
	  height: 2.6em;
	  text-align:center;
      margin-top: 0px;
      margin-bottom: 0px;
      width: 100%;
      background-color: white;
}

#titleWrap2 {
      margin: auto;
      top:20px;
      width: 800px;
}

#titleWrap3 {
	  float:left;
      width: 200px;
}

#title {
        margin:auto;
        width:800px;
}

#title a{
	position:relative;
	top:5px;
	  height:2.6em;
      margin: 0.6em 0 0.7em 1.4em;
      color: #0078ff;
      text-decoration:none;
}

#title span{
      background:url(../bilder/gradient.png) repeat-x;
      position: absolute;
      display: block;
      width: 100%;
      height:10px;
}

/*----------------------------------------------------------------------*/
/* Nav   ---------------------------------------------------------------*/
/*--------------------------------------------------------------------*/

#navWrap {
      width: 100%;
      height: 1.5em;
      margin: 0 auto;
}

#navBack{
      background:#0078ff url(../bilder/gradient.png) repeat-x;
      filter:alpha(opacity=80);
	  -moz-opacity:.8;
	  opacity:.8;
      width: 100%;
      height: 1.5em;
      margin: 0 auto;
}

#nav {
      width: 800px;
      margin:-1.5em auto;
}

#nav1 div, #nav2 div, #nav3 div{
      float:left;
	  overflow:hidden;
}

#nav li {
        list-style-type: none;
        font-weight: bold;
        float: left;
}

#nav2    {
        margin-left:550px;
        padding-left: 1.4em;
}

#nav3    {
        margin-left:630px;
        padding-left: 1.4em;
}

#nav a{
        margin: 0 1.5em 0 1.4em;
        color: white;
        text-decoration: none;
        height: 1.4em;
        position:relative;
}

.shdw{
         margin: -0.1em 1.5em 0 1.4em;
         position:absolute;
         color:#00438e;
}

#nav2 a, #nav3 a{
        margin: 0 1.5em 0 1.4em;
}

#nav .current a {
        color: #0078ff;
}

#nav div{
        height: 1.5em;
        padding-top:0.1em;
         position:relative;
}

.current div {
        background: white;
       
        height:1.4em;
        filter:alpha(opacity=100);
	    -moz-opacity:1;
	    opacity:1;
}

.current span{
      background: url(../bilder/gradient.png) repeat-x;
      position: absolute;
      width: 100%;
      height:10px;
      padding-left:1.4em;
}

.hovdiv span{
      background: url(../bilder/gradient.png) repeat-x;
      position: absolute;
      height:10px;
}

/*----------------------------------------------------------------------*/
/* Subnav---------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.subNav {
		 line-height: 1.6em;
         position:relative;
         top:5.9em;/* TitleWrap+NavWrap+subhead*/
         padding:0 0 2em 2.9em;
}

.subNav2 {
		 line-height: 1.6em;
         position:relative;
         padding:0 0 2em 1.5em;
}

.subNav li, .subNav2 li{
        list-style-type: none;
        margin-bottom:0.4em;
}

.cat, .currCat{
        color: #0078ff;
        text-decoration:none;
        font-weight: normal;
}

/*----------------------------------------------------------------------*/
/* Content--------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

#content{
      width: 100%;
      text-align: center;
      line-height: 1.6em;
      padding-top: 5.9em;/* TitleWrap+NavWrap+subhead */
}

#contentArea{
      width: 800px;
      margin:0 auto;
}

#mainContent{
        width: 550px;
        padding:0 0 200px 1.4em;
        z-index: 500;
        float:left;
}

.bottomSpace{
	width:100%;
	height:300px;
}

.workdescription a, .subNav a, .subNav2 a, .aboutblock a, .posts-wrap a, .sidebar a {
      color: #0078ff;
      text-decoration:none;
}

.workdescription a:hover, .cat a:hover, .aboutblock a:hover, .posts-wrap a:hover, .sidebar a:hover{
        color: #00438e;
        text-decoration:underline;
}

.entry-title a:hover {
      color: #0078ff;
      text-decoration:none;
}

.currCat{
        font-weight: bold;
        position:relative;
}

.currCat span{
      background: url(../bilder/gradient.png) repeat-x;
      position: absolute;
      display: block;
      width: 100%;
      height:10px;
}

.hide{
        display:none;
}

.workdescription{
      padding-bottom:80px;
}

.worktitle, .posts-wrap h2 {
      float:left;
      font-weight: bold;
      color: #0078ff;
      text-decoration:none;
      position: relative;
}

.worktitle span{
      background:url(../bilder/gradient.png) repeat-x;
      position: absolute;
      width: 100%;
      height:10px;
}

.slideshow {
        width: 50px;
        height: 20px;
        background: #fff;
}

.slideshow ul {
        position: relative;
        left: -999em;
}

.slideshow {
        position: relative;
        overflow: hidden;
        margin: 0;
        width: 550px;
        height:250px;
}

.slideshow ul {
        margin: 0;
        padding: 0;
        position: relative;
        left: 0;
        top: 0;
        list-style-type: none;
        width: 5500px;
}
.slideshow ul li {
        float:left;
}

.slideNav {
        overflow: hidden;
        margin-top: 0.5em;
        position: relative;
		height:18px;
}

.slideNav ul {
        list-style-type: none;
        right: 0;
        position: absolute;
}

.slideNav li {
        float:left;
}

.mask{
        overflow: hidden;
        position: absolute;
        width: 210px;
        height: 8px;
}

.maskside{
        display: block;
        float:left;
        width:100px;
        height: 8px;
        background-color: white;
        opacity: .5;
}

.maskarea{
        float:left;
        width:10px;
        height:8px;
}

.handle{
        overflow: hidden;
        position: relative;
        width: 15px;
        height:8px;
        float:left;
        z-index: 3;
}

.durchstrichen{
text-decoration: line-through;
}

.clear{
clear: both;
}

.list ul{
position: relative;
list-style-type: square;
display: inline;
float: left;
list-style-position: inside;
padding: 10px 40px 16px 0;
}
.post li, .aboutblock li{
list-style-type: square;
list-style-position: inside;
}

.aboutblock{
padding-bottom:50px;
width:520px;
float:left;
}

.whitespace{
width:520px;
height:600px;
float:left;
}

blockquote p, quote {
font-style: italic;
}

.question{
padding-bottom: 5px;
display: block;
font-style: italic;
}

#miniicons{
padding: 100px 0 0 115px;
height:100%;
background:top left url(../portfolio/projects/012_miniicons/miniicons.png) no-repeat;
}

/*----------------------------------------------------------------------*/
/* Icons----------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.worktitlePic{
	background: #0078ff url("../bilder/Icon_Sprite.gif") right no-repeat;
	width: 10px;
	height:8px;
	float:left;
	margin: 0.5em 5px 0 5px;
}

.navPic{
	background-color: #0078ff;
    width: 10px;
    height:8px;
    float:left;
    display: block; 
}

.navPicLink,
.navPicMov,
.navPicDwnld,
.dwnldlink,
.hireme,
.twitter_pic,
.linkedin_pic,
.xing_pic,
.myspace_pic,
.facebook_pic,
.extlink,
.email_pic,
.vcard_pic,
.skype_pic,
.gtalk_pic,
.winlive_pic,
.myspace_pic,
.rss_pic,
.reddit_pic,
.google_pic,
.friendfeed_pic,
.digg_pic,
.designfloat_pic,
.delicious_pic,
.technorati_pic,
.stumble_pic,
.buzz_pic,
.ping_pic,
.wong_pic
{
	background: #0078ff url("../bilder/Icon_Sprite.gif") right no-repeat;
    width: 10px;
    height:8px;
    float:left;
    display: block; 
}

.navPic,
.navPicLink,
.navPicMov,
.navPicDwnld
{
	margin-left: 5px;
}
.dwnldlink,
.hireme,
.twitter_pic,
.linkedin_pic,
.xing_pic,
.myspace_pic,
.facebook_pic,
.extlink,
.email_pic,
.vcard_pic,
.skype_pic,
.gtalk_pic,
.winlive_pic,
.myspace_pic,
.rss_pic,
.reddit_pic,
.google_pic,
.friendfeed_pic,
.digg_pic,
.designfloat_pic,
.delicious_pic,
.technorati_pic,
.stumble_pic,
.buzz_pic,
.ping_pic,
.wong_pic
{
	margin: 5px 5px 0 0;
}

.navPicMov{background-position: 0px 0px;}
.navPicLink{background-position: -10px 0px;}
.worktitlePic{background-position: -10px 0px;}
.extlink{background-position: -10px 0px;}
.navPicDwnld{background-position: -20px 0px;}
.dwnldlink{background-position: -20px 0px;}
.rss_pic{background-position: -30px 0px;}
.reddit_pic{background-position: -40px 0px;}
.myspace_pic{background-position: -50px 0px;}
.hireme{background-position: 0px -8px;}
.gtalk_pic{background-position: -10px -8px;}
.google_pic{background-position: -20px -8px;}
.friendfeed_pic{background-position: -30px -8px;}
.facebook_pic{background-position: -40px -8px;}
.email_pic{background-position: -50px -8px;}
.digg_pic{background-position: 0px -16px;}
.designfloat_pic{background-position: -10px -16px;}
.delicious_pic{background-position: -20px -16px;}
.xing_pic{background-position: -30px -16px;}
.winlive_pic{background-position: -40px -16px;}
.vcard_pic{background-position: -50px -16px;}
.twitter_pic{background-position: 0px -24px;}
.technorati_pic{background-position: -10px -24px;}
.stumble_pic{background-position: -20px -24px;}
.skype_pic{background-position: -30px -24px;}
.linkedin_pic{background-position: -40px -24px;}
.buzz_pic{background-position: -50px -24px;}
.ping_pic{background-position: 0px -32px;}
.wong_pic{background-position: -10px -32px;}


/*----------------------------------------------------------------------*/
/* WP----------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
.sidebar h3{
      font-weight: bold;
      color: #0078ff;
      text-decoration:none;
}

.twitterwidget:hover{
text-decoration:none;
color: #0078ff;
}

#searchform{
padding-bottom:50px;
}

#searchinput{
color:#777777;
width:200px;
float:left;
border:solid 1px #0078ff;
margin-right:5px;
}

#searchsubmit{
}


#comment, #author, #email, #url{
color:#777777;
width:520px;
border:solid 1px #0078ff;
margin-bottom:5px;
}

#searchsubmit, #submit, #commentsubmit{
width:50px;
float:left;
text-align:center;
color:white;
background:#0078ff url(../bilder/gradient.png) repeat-x;
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
margin:0;
padding:0;
}

#searchsubmit:hover, #submit:hover, #commentsubmit:hover{
background:#0078ff;
}

#commentsubmit{
margin-top:30px;
}

.responses{
list-style-type:none;
}

#search{
width:100%;
padding-bottom:25px;
}

/* -- posts --*/
.posts-wrap{
width:520px;
}

.additional-meta{
float:right;
text-transform:lowercase;
}
.entry-title{
width:300px;
}

.entry-content{
padding:5px 0 10px 0;
width:100%;
clear:both;
}

.entry-meta{
width:100%;
}

.additional-entry-meta{
padding-top:15px;
position:relative;
}

.comments-link{
text-transform:lowercase;
}

.commentmetadata{
float:right;
text-transform:lowercase;
}

#commentform{
padding-bottom:50px;}

.subscribe-to-comments label{
display: block;
text-indent: -45px;
}

#subscribe{
    width: 13px;
    height: 13px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    left:-5px;
    overflow: hidden;
}