Beruflich Dokumente
Kultur Dokumente
<html lang="en">
<head>
<script src="http://www.totallylayouts.com/inc/js/infinitescroll.js"></script>
<style type="text/css">
body {
color: #1a1a1a;
font-size: 12px;
line-height: 19px;
color: #1a1a1a;
text-decoration: underline;
outline-color: invert;
outline-style: none;
outline-width: medium;
a:hover {
color: #1a1a1a;
text-decoration: none;
#container {
position: relative;
{block:IndexPage}
{/block:IndexPage}
.rightWrap{
width: 128px;
position: fixed;
top: 0;
margin-right: 0;
margin-left: 510px;
{block:IndexPage}
margin-left: 780px;
{/block:IndexPage}
margin-top: 40px;
.header {
background: #fff;
padding: 0;
.topWrap {
padding-bottom: 0;
line-height: 9px;
.tmlogo {
float: left;
width: 40px;
height: 40px;
overflow: hidden;
.tmtitle{
float: left;
margin-left:20px;
height: 40px;
font-size: 11px;
font-weight: normal;
line-height: 40px;
color: #595959;
text-transform: uppercase;
.tmnav{
.tmnav,
.tmnav ul {
font-weight: normal;
.tmnav ul {
.tmnav li {
background: #fff;
font-size: 11px;
font-weight: normal;
text-align:center;
list-style: none;
margin-top: 5px;
.tmnav a:link,
.tmnav a:visited,
.tmnav a:active {
text-decoration: none;
color: #595959;
text-transform: uppercase;
.tmnav a:hover {
text-decoration: underline;
.header-more{
padding: 15px;
.description {
margin: 0;
color: #595959;
.description h1{
font-size: 9px;
font-weight: bold;
line-height: 18px;
.description-text{
margin: 0;
padding: 0;
font-size: 9px;
line-height: 12px;
overflow:hidden;
.header .readmore{
width: 10px;
height: 6px;
margin: 0 auto;
cursor: pointer;
.header .up{
.totallylayouts{
width: 36px;
height: 45px;
position: fixed;
left: 11px;
top: 0;
#container .posts {
float:left;
width: 780px;
#container .box {
background-color: #fff;
width: 250px;
float: left;
overflow: hidden;
line-height:9px;
#container .box h3 {
font-size: 11px;
font-weight: bold;
.innerbox {
padding: 15px;
position: relative;
color: #1a1a1a;
line-height:15px;
font-size: 11px;
.innerbox a:link,
.innerbox a:visited,
.innerbox a:active {
text-decoration: underline;
.innerbox a:hover {
text-decoration: none;
.innerbox img{
margin-top: -10px;
margin-left: -10px;
position: relative;
color: #1a1a1a;
.boxhover {
width: 250px;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
/*padding: 20px; */
background: transparent
url(http://static.tumblr.com/ydokqes/g75m1uxmo/boxhover.png) repeat 0 0;
color: #fff;
/*display: none;*/
visibility: hidden;
.boxhover .center-middle {
/*margin-top: 47%; */
text-align: center;
.boxhover.active {
display: block;
visibility: visible;
.tmlabel {
font-family: tahoma;
font-size: 29px;
font-weight: bold;
color: #FFF;
letter-spacing: -1px;
line-height: 29px;
text-transform: uppercase;
.tmvalue-notes {
font-family: tahoma;
font-size: 25px;
font-weight: bold;
color: #FFF;
letter-spacing: -1px;
line-height: 30px;
word-spacing: 10px;
.tmvalue-posted{
font-family: tahoma;
font-size: 15px;
font-weight: bold;
color: #FFF;
letter-spacing: -1px;
line-height: 20px;
word-spacing: 5px;
.boxhover a:link,
.boxhover a:visited,
.boxhover a:active {
text-decoration: none;
color: #FFF;
a.title {
color: #1a1a1a;
text-decoration: none;
.footer {
margin-left:0;
width: 780px;
text-align: center;
blockquote.classy {
background-image: url("http://static.tumblr.com/ydokqes/qjvm1wq4i/openquote1.gif");
background-repeat: no-repeat;
margin: 5px;
padding: 8px;
text-indent: 23px;
blockquote.classy span {
background-image: url("http://static.tumblr.com/ydokqes/REzm1wq5e/closequote1.gif");
background-repeat: no-repeat;
display: block;
table.chat {
width: 100%;
margin: 0 0 10px 0;
border-collapse: collapse;
h2 + table.chat {
table.chat tr td {
padding: 0 10px;
table.chat tr td.name {
font-weight: bold;
text-align: right;
vertical-align: top;
table.chat tr td.line1 {
background: #F7F7F7;
.navigation{
visibility: hidden;
.footer a:link,
.footer a:visited,
.footer a:active {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
padding: 5px;
font-size: 18px;
line-height: normal;
.footer a:hover {
text-decoration: underline;
.postbox {
float:left;
width: 500px;
.postcontent {
background: #fff;
float: left;
padding: o;
width: 500px;
margin: 0;
.postcontent img {
float: left;
.postinfo {
padding: 15px;
margin: 0;
font-size: 10px;
text-transform: uppercase;
text-align: center;
background-color: #fff;
width: 100%;
float: left;
width: 500px;
.note {
margin: 0px;
font-size: 10px;
width: 100%;
float: left;
width: 480px;
line-height: normal;
list-style: none;
.clear {
clear: both;
.notes {
padding: 0px;
margin: 0px;
.note .avatar {
width: 16px;
height: 16px;
float: left;
overflow: hidden;
.note .action {
margin-left: 10px;
line-height: 16px;
font-size: 11px;
text-transform: uppercase;
.more_notes_link_container {
background-image: none;
text-align: center;
font-size: 10px;
color: #aeaeae;
text-transform: uppercase;
.more_notes_link_container a:link,
.more_notes_link_container a:visited,
.more_notes_link_container a:active {
color: #aeaeae;
text-decoration: none;
.more_notes_link_container a:hover {
color: #747575;
.c1 {
display: block;
text-align: center;
#infscr-loading {
color: #FFFFFF;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 18px;
line-height: normal;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
bottom: 40px;
margin-left: 437.5px;
position: fixed;
z-index: 100;
text-align: center;
#infscr-loading img{
position: absolute;
left: -99999px;
top: -99999px;
.rounded-corners {
-moz-border-radius: 3px;
-webkit-border-radius:3px;
-khtml-border-radius: 3px;
behavior: url(http://static.tumblr.com/ydokqes/ZpAm27ly3/borderradius.htc);
border-radius: 3px;
.box-shadow{
</style>
</head>
<body>
<div id="container">
<div class="rightWrap">
<div class="topWrap">
</div>
<div class="header-more">
<div class="description">
<h1>{Title}</H1>
<div class="description-text">
{Description}
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="tmnav">
<ul>
{block:HasPages}
{/block:HasPages}
</ul>
</div>
</div>
{block:IndexPage}
{/block:IndexPage}
{block:Posts}
{block:PermalinkPage}
<div class="postbox">
{/block:PermalinkPage}
{block:IndexPage}
{/block:IndexPage}
{block:Photo}
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
{block:IndexPage}</a>{/block:IndexPage}
{block:Caption}
{block:IndexPage}
{/block:IndexPage}
{block:IndexPage}
<!--/div-->
{/block:IndexPage}
{/block:Caption}
{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo}
{block:Audio}
{AudioPlayerWhite}
{block:Caption}{Caption}{/block:Caption}
</div>
{/block:Audio}
{block:Video}
{block:IndexPage}{Video-250}{/block:IndexPage}
{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:Caption}
{Caption}
</div>
{/block:Caption}
{/block:Video}
{block:Text}
{block:Title}
<h3>{Title}</h3>
{/block:Title}
{Body}
{block:More}
{/block:More}
</div>
{/block:Text}
{block:Answer}
<b>{lang:Asker asked}: </b>{Question}
<p><br><b>{lang:Answer}:</b>{Answer}</p>
</div>
{/block:Answer}
{block:Link}
{block:Description}{Description}{/block:Description}
</div>
{/block:Link}
{block:Quote}
{/block:IndexPage}
{block:Source}<h2>{Source}</h2>{/block:Source}
<blockquote class="classy"><span>{Quote}</span></blockquote>
</div>
{/block:Quote}
{block:Chat}
{block:Lines}
<tr>
</tr>
{/block:Lines}
</table>
</div>
{/block:Chat}
{block:IndexPage}
<div class="center-middle">
<a href="{ReblogURL}">
<div class="tmlabel">REBLOG</div>
</a>
</div>
</div>
</a>
{/block:IndexPage}
</div>
{block:PermalinkPage}
{/block:PermalinkPage}
{block:PermalinkPage}
{block:IfDisqusShortname}
<div id="disqus_thread"></div>
{/block:Date}
{/block:IfDisqusShortname}
{block:IfShowNotesOnPermalinkPages}
{block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:IfShowNotesOnPermalinkPages}
{block:IfDisqusShortname}</div>{/block:IfDisqusShortname}
{/block:PermalinkPage}
{block:PermalinkPage}
</div>
{/block:PermalinkPage}
{/block:Posts}
{block:IndexPage}
{/block:IndexPage}
{block:IndexPage}
<a href="#">Loading</a>
{block:Pagination}
/
{/block:Pagination}
{/block:IndexPage}
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
})();
//]]>
</script>
{/block:IfDisqusShortname}
<script src="http://www.totallylayouts.com/inc/themes/grid-js/jquery1.7.1.min.js"></script>
<script src="http://www.totallylayouts.com/inc/themes/gridjs/jquery.masonry.min.js"></script>
<script src="http://www.totallylayouts.com/inc/themes/gridjs/jquery.infinitescroll.min.js"></script>
<script type="text/javascript">
$(window).load(function () {
{block:IndexPage}
$('div.box').live('mouseenter',function(){
$(this).find('.boxhover').css({'display':'block','visibility':'hidden'}).fadeIn();
$(this).find('.boxhover').css({'display':'none','visibility':'visible'}).fadeIn();
});
$('div.box').live('mouseleave',function(){
$(this).find('.boxhover').fadeOut();
});
{/block:IndexPage}
$('.header .readmore').click(function(){
if($(this).hasClass("up")){
$(this).removeClass("up");
$('.header-more').slideUp();
else{
$(this).addClass("up");
$('.header-more').slideDown();
});
{block:IndexPage}
// endless scrolling
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.box'
});
});
$container.infinitescroll({
navSelector : 'div.navigation',
nextSelector : 'div.navigation a#nextPage', // selector for the NEXT link (to page 2)
itemSelector : '.box',
bufferPx: 0,
debug
: true,
loading: {
img: '',
msgText: 'Loading'
},
function( newElements ) {
$newElems.imagesLoaded(function(){
});
);
{/block:IndexPage}
});
</script>
<script type="text/javascript">
_gaq.push(['_setAccount', 'UA-1419534-14']);
_gaq.push(['_trackPageview']);
(function() {
})();
</script>
<div style="color: #000000; font-size: 8px; font-family: arial; backgroundcolor: transparent; text-align: center; position: relative; bottom: 5px; left: 40%; width: 500px; height: 18px; filter:alpha(opacity=30);-mozopacity:.30;opacity:.30;" align="center"><a href="http://www.totallylayouts.com/" target="_blank">TotallyLayouts</a> has <a href="http://www.totallylayouts.com/tumblr/tumblr-themes"
target="_blank" title="Tumblr Themes"><b>Tumblr Themes</b></a>, <a href="http://www.totallylayouts.com/twitter/twitter-backgrounds" target="_blank" title="Twitter Backgrounds"><b>Twitter Backgrounds</b></a>, <a href="http://www.totallylayouts.com/facebook/facebook-covers" target="_blank" title="Facebook Covers"><b>Facebook Covers</b></a>, <a href="http://www.totallylayouts.com/totallyplayer/" target="_blank" title="Tumblr Music Player"><b>Tumblr Music Player</b></a> and <a href="http://www.followercounter.com" target="_blank" title="Tumblr Follower Counter"><b>Tumblr Follower Counter</b></a></div>
</body>
</html>