@font-face {
    font-family: 'DaysRegular';
    src: url('Days-webfont.eot');
    src: local('☺'), url('http://assets.toke.de/fonts/days/Days-webfont.woff') format('woff'), url('http://assets.toke.de/fonts/days/Days-webfont.ttf') format('truetype'), url('http://assets.toke.de/fonts/days/Days-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #f0f0f0;
    margin: 30px 0 20px 0;
    font-family: Arial, Verdana, Helvetica;
    font-size: 12px;
    color: #3F3F3F;
    text-align: center;
}

h1 h2 h3 {
    color: #FCFEF4;
}

h1 {
    font: 30px/38px 'DaysRegular', Arial, sans-serif;letter-spacing: 0;

/*    font-size: 2.2em;
*/
    margin-bottom: 0px;
}
    
h1 a:link, h1 a:visited {
    color: #FCFEF4;
    text-decoration: none;
    }
    
h1 a:hover, h1 a:active {
    background: none;
    color: #97c6d9;
    text-decoration: none;
    }
    
h2 {
    color: #49a8cf;
    font-weight: normal;
    font-size: 1.8em;
    margin: 0;
    padding:0;
}

h2.blog {
    margin: 2em 0 0 -28px;
    padding: 0 0 0 28px;
    line-height:24px;
    background: url("../img/h2-ecke.png") no-repeat;
}

div.blog-article {
    border-bottom: solid #aaa 1px;
}

.article * h2 {
    margin: 0 0 0 -28px;
    padding: 0 0 0 28px;
    line-height:24px;
    background: url("../img/h2-ecke.png") no-repeat;
}
    
h2 a:link, h2 a:visited {
    color: #49a8cf;
    font-weight: normal;
    text-decoration: none;
    }

h2 a:hover, h2 a:active {
    border-bottom: 3px solid #61a3be;
    color: #3F3F3F;
    background: none;
    font-weight: normal;
    text-decoration: none;
}

h3 {
    color: #61a3be;
    font-weight: normal;
    font-size: 1.3em;
    margin: 0 0 0 0;
}
    
a:link {
    color: #0e749e;
    text-decoration: none;
    }
    
a:visited {
    color: #999;
    }
    
/*a:hover, a:active {
    background: #0e749e;
    color: #fff;
    text-decoration: none;
    }
*/
p {
    line-height: 1.4;
    }

ul {
    margin-top: 12px
}

li {
    padding: 0px 0px 1px 1px;
    list-style-image:url(../img/dot_big.gif);
    list-style-type:circle;
    margin: 0 0 0px 0px;
    list-style-position:outside;
}
    
#container {
    background:#ffffff;
    border: 1px solid #ddd;
    padding: 5px;
    width: 765px;
    margin: 0 auto;
    text-align: left;
}
    
#columnwrap {
 float:left;
}
#content, #content-secondary {
    margin: 0px;
    padding: 30px 20px 10px 20px;
    width: 725px;
}

#content-secondary {
    margin: 0px;
    padding: 0px 20px 30px 20px;
    width: 725px;
}


.midline {
    float: left;
    width: 700px;
    /*height: 1%;*/
    border: 3px solid #61a3be;
    padding: 0 15px 15px 15px;
    margin-bottom:15px;
}

#headcount {
    float:right;
    font-size: 75%;
}

#header {
    border-bottom: 4px solid #61a3be;
    padding: 5px 15px 0px 15px;
    background-color: #000000;
}

#footer {
    padding: 3px 0;
}

.list {
    float: left;
    width: 230px;
    margin: 0px;
    padding: 0px 10px 0px 0px;

}

img { 
    border: 0px; 
    margin: 2px;
}

/*a:hover img { border: 1px solid #ACE149 }
*/
img.shadowtn {width:154px; height:129px;}
    
.line {
    border-top: 3px solid #ACE149;
    margin-top: -5px;
    }

hr { /* Simple style when CSS not in use */
    display: none;
}
th {vertical-align:top;text-align:left;}

.comment { border: dashed 1px #aaa; margin: 5px 0; background:#eee; padding:3px; width:66%;}
.comment h3 { font-size:11px; padding-left:20px; background: url(/media/icon/silk/comment.png) no-repeat; }
.comment p {margin:0px;}
#commentaddlink { padding-left:20px; background: url(/media/icon/silk/comments.png) no-repeat; }


/*
.photo-gallery .gallery-photo {display:inline;}
.gallery-photo {width:276px; border:1px solid black; padding:0px;}
.gallery-photo a, .gallery-photo  img  {margin:0px;}
.gallery-photo img:hover {border:none;}
*/
.gallery-photo p {margin:0px; padding:3px; background:#eee;}
.photographer {display:block; color:#aaa;}

.gallery-photo img {border: solid #eee 4px;float:clear;}
.gallery-photo a {padding:0px; border: solid 1px black;}

.gallery-item {border:solid black 1px;}
.gallery-item img {border:solid #eee 4px;}
a.gallery-item{
    display: block;
    width: 135px;
    height: 130px;
    float: left;
}


#tabnav {
    text-align:right;
    margin:0px;
    padding:0px;
    width:480px;
    height:17px;
    margin-left:260px;
}
#tabnav li {
    line-height:21px;
    display:inline;
    padding:3px;
    border: 0px;
    background-color:#aaa;
    margin:0px 2px 0px 2px;
}
#tabnav li:hover {background:#b1e3ee;}
#tabnav li a {
    color:black;
    text-decoration:none;
    line-height:15px;
    padding:3px;
}
#tabnav li a:hover {background:#b1e3ee;}
#tabnav li.active {background: white;}
#tabnav li.active a:hover {background:white;}
.active a {color:black!important; font-weight:bold;}


code {color:green;}
code.multi {color:green; white-space:pre;}

a:hover{color:black;}
a.email, a.mail {padding-left:20px; background: url(/media/icon/silk/email.png) no-repeat;}
a.phone {padding-left:20px; background: url(/media/icon/silk/telephone.png) no-repeat;}
a.gpg {padding-left:20px; background: url(/media/icon/silk/key.png) no-repeat;}
a.pdf {padding-left:20px; background: url(/media/icon/silk/page_white_acrobat.png) no-repeat;}
a.word {padding-left:20px; background: url(/media/icon/silk/page_word.png) no-repeat;}
a.excel {padding-left:20px; background: url(/media/icon/silk/page_excel.png) no-repeat;}
a.xmpp {padding-left:20px; background: url(/media/icon/silk/lightbulb.png) no-repeat;}
a.image {padding-left:20px; background: url(/media/icon/silk/picture.png) no-repeat;}
a.external, a.extern {padding-left:20px; background: url(/media/icon/silk/link_go.png) no-repeat;}
a.internal, a.intern {padding-left:20px; background: url(/media/icon/silk/link.png) no-repeat;}
a.anchor {padding-left:20px; background: url(/media/icon/silk/anchor.png) no-repeat;}
a.images {padding-left:20px; background: url(/media/icon/silk/pictures.png) no-repeat;}
a.feed {padding-left:20px; background: url(/media/icon/silk/feed.png) no-repeat;}
a.rss {padding-left:20px; background: url(/media/icon/silk/rss.png) no-repeat;}

a.comments {padding-left:20px; background: url(/media/icon/silk/comments.png) no-repeat;}
a.comment {padding-left:20px; background: url(/media/icon/silk/comment.png) no-repeat;}
a.comments-add {padding-bottom:5px;padding-left:20px; background: url(/media/icon/silk/comments_add.png) no-repeat;}
a.comment-add {padding-bottom:5px; padding-left:20px; background: url(/media/icon/silk/comment_add.png) no-repeat;}


/* COMMENTS */
#commentContainer, #modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#commentContainer, #modalContainer {height:400px; width:600px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc;}
#commentContainer a.modalCloseImg, #modalContainer a.modalCloseImg {background:url(../img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#commentContainer #basicModalContent, #modalContainer #basicModalContent {padding:8px;}


abbr {font-style:italic;cursor:help;}