Heike

söker ett jobb i Skövde/Skaraborg

Jobb i Sverige

dexj

text uber:
<link href='http://fonts.googleapis.com/css?family=Lusitana' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

//Execute the slideShow
slideShow();

});

function slideShow() {

//Set the opacity of all images to 0
$('#gallery a').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('#gallery a:first').css({opacity: 1.0});

//Set the caption background to semi-transparent
$('#gallery .caption').css({opacity: 0.7});

//Resize the width of the caption according to the image width
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});

//Get the caption of the first image from REL attribute and display it
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
.animate({opacity: 0.7}, 400);

//Bilderwechsel Zeit 6000 = 6 sekunden
setInterval('gallery()',6000);

}

function gallery() {

//if no IMGs have the show class, grab the first image
var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));

//Get next image caption
var caption = next.find('img').attr('rel');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);

//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');

//Set the opacity to 0 and height to 1px
$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });

//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );

//Display the content
$('#gallery .content').html(caption);

}

</script>

<div id="logo"></div>

<div id="gallery">

<a href="#" class="show">
<img src="https://img.webme.com/pic/j/jobbsverige/jobbpotsdplatz.jpg" alt="Flowing Rock" alt="" title="" width="496" height="244" rel="<h3>Potsdamer Platz Berlin</h3>Eins Zwei Drei"/>
</a>

<a href="#">
<img src="https://img.webme.com/pic/j/jobbsverige/jobbherber.jpg" alt="Grass Blades" alt="" title="" width="496" height="244" rel="<h3>Hertie Berlin</h3>Karl-Marx-Strasse Neukölln"/>
</a>

<a href="#">
<img src="https://img.webme.com/pic/j/jobbsverige/rodakors.jpg" alt="Grass Blades" alt="" title="" width="496" height="244" rel="<h3>Röda Korset</h3>Modevisningen 10 maj 2014"/>
</a>

<div class="caption"><div class="content"></div></div>
</div>
<div class="clear"></div>

<ul class="news">

<li><a href="http://www.jobbsverige.de/Schwedenfotos.htm"><img alt="" src="https://img.webme.com/pic/j/jobbsverige/hohnd.jpg"width="246" height="118" /><h4>Bilder</h4> Mina Bilder från sverige</a></li>
</ul>

<ul class="news1">

<li><a href="http://www.jobbsverige.de/Urlaub-in-Schweden.htm"><img alt="" src="http://www.turistmal.se/images/turistmal250x120.png"width="246" height="118" /><h4>Turistmål.se</h4> Turistmål.se - är den ledande sidan för dig som söker Svenska turistmål, åventyr och aktiviteter.</a></li>
</ul>

<ul class="news2">

<li><a href="LINk"><img alt="" src="https://img.webme.com/pic/j/jobbsverige/jobbgast.jpg"width="246" height="244" /><h5>Besökare</h5><br/><p>Besökare idag: 4</p><p>Besökare alla:39529</p><p>54.224.17.157</p><p>Besökare från:us</p></a></li>
</ul>

<div class="navi">
<a href="http://jobbsverige.de/jobb-i-skovde.htm" class="facebook">
<div class="image"></div>
<span>Hem</span>
</a>
<a href="http://www.jobbsverige.de/extrajobb.htm" class="twitter">
<div class="image"></div>
<span>Om mig</span>
</a>
<a href="http://www.jobbsverige.de/familj.htm" class="youtube">
<div class="image"></div>
<span>Min Familj</span>
</a>
<a href="#" class="rss_feed">
<div class="image"></div>
<span>Jobb Berlin</span>
</a>
<a href="#" class="mail">
<div class="image"></div>
<span>Jobb Sverige</span>
</a>
<a href="http://www.jobbsverige.de/kontakta.htm" class="book">
<div class="image"></div>
<span>Kontakta mig</span>
</a>
</div>

<div class="view-item second">
    <div class="view-item-wrapper">
        <div class="view-item-image">
            <img src="https://img.webme.com/pic/j/jobbsverige/jobbsajter.jpg" alt="Andra jobbsajter" />
            <div class="view-item-description">
                <h3>Sök Jobb</h3>
                <div class="view-item-button"><a href="http://www.arbetsformedlingen.se/For-arbetssokande/Lediga-jobb/Fler-vagar-till-jobb/Andra-jobbsajter.html"target="_blank">Här</a></div>
            </div>
        </div>
        <div class="view-item-title">Andra jobbsajter</div>
    </div>
</div>

<div class="view1-item second">
    <div class="view1-item-wrapper">
        <div class="view1-item-image">
            <img src="https://img.webme.com/pic/j/jobbsverige/sverigelinks.jpg" alt="Link List" />
            <div class="view1-item-description">
                <h3>Link List</h3>
                <div class="view1-item-button"><a href="http://www.jobbsverige.de/sverigelankar.htm">View</a></div>
            </div>
        </div>
        <div class="view1-item-title">Link List</div>
    </div>
</div>

<div class="view2-item second">
    <div class="view2-item-wrapper">
        <div class="view2-item-image">
            <img src="https://img.webme.com/pic/j/jobbsverige/ledigajobb.jpg" alt="Sök Jobb" />
            <div class="view2-item-description">
                <h3>Sök Jobb</h3>
                <div class="view2-item-button"><a href="http://www.jobbsverige.de/ledigajobb.htm">Här</a></div>
            </div>
        </div>
        <div class="view2-item-title">Lediga Jobb</div>
    </div>
</div>

<div class="view3-item second">
    <div class="view3-item-wrapper">
        <div class="view3-item-image">
            <img src="https://img.webme.com/pic/j/jobbsverige/gastbook.jpg" alt="Gästbok" />
            <div class="view3-item-description">
                <h3>Gästbok</h3>
                <div class="view3-item-button"><a href="http://www.jobbsverige.de/gastbok.htm">skriva in</a></div>
            </div>
        </div>
        <div class="view3-item-title">Gästbok</div>
    </div>
</div>


text unter:

<br style="clear: left;" />

<div id="footer">
<div class="copyright">

</div>
<div id="footer">Copyright © 2014 <a href="http://jobbsverige.de.tl/jobb-i-skovde.htm">jobbsverige.de</a>  |  Design från.o.r.</div>



hinweis:
<link rel="stylesheet" type="text/css" href="http://spetools.de/css/1187.css" />



css:
/*
Design jobbsverige.de
*/

* {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#logo {
    background-color: #bc1c48;
    background-image: url("https://img.webme.com/pic/j/jobbsverige/extrajobbskovde.jpg");
    border: 1px solid #;
    height: 118px;
    margin-left: -500px;
    position: absolute;
    top: 50px;
    width: 246px;
left: 50%;
}
table[height="102"] {
    left: 50%;
    margin-left: -351px;
    position: absolute;
    top: 0;

}
a img {
   border:none;
}
a {
    color: #ffffff;
}
a:hover {
    color: #B90000;
}
h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF;
    font-weight: normal;
}
h1 {
    font-size: 100%;
    text-transform: uppercase;
}
h2 {
    font-size: 250%;
    text-transform: uppercase;
}
h3 {
    font-size: 200%;
    text-transform: none;
}
h4 {
    font-size: 300%;
    text-transform: uppercase;
}
h5 {
    color: #ffffff;
    font-size: 220%;
   
}
body {
    background-color: #f5f5f5;
    background-image: url("https://img.webme.com/pic/j/jobbsverige/skovdejobb.png");
    background-attachment:fixed;
    background-position: center top;
    background-repeat: no-repeat;
    color: #D2D2D2;
    font-family: 'Nobile',sans-serif;
    font-size: 17px;
}

/* navi anfang*/

.navi {
width: 800px;
margin: 20px auto;
padding: 0;
overflow: hidden;
position: absolute;
height: 118px;
left: 50%;
    margin-left: -247px;
background:#;
top: 30px;
}

.navi a {
position: relative;
float: left;
width: 118px;
height: 118px;
margin: 0 8px 0 0;
list-style: none;
text-decoration: none;
}

.navi a .image {
position: absolute;
width: 48px;
height: 48px;
top: 36px;
left: 36px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.navi a:hover .image {
top: 16px;
}

.navi a span {
width: 118px;
position: absolute;
padding: 0;
font-size: 14px;
text-transform: capitalize;
margin-left: 10px;
font-weight: normal;
color: #fff;
left: 0;
bottom: -20px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.navi a:hover span {
bottom: 10px;
}



.navi:hover > a:hover {
opacity: 1;
}

.navi a.facebook {
background: #6bb61d;
}

.navi a.twitter {
background: #7db9e8;
}

.navi a.youtube {
background: #a90329;
}

.navi a.rss_feed {
background: #ff670f;
}

.navi a.mail {
background: #1e5799;
}

.navi a.book {
background: #ffd741;
}

.navi a.facebook .image {
background: url(https://img.webme.com/pic/j/jobbsverige/extrajobb.png) center no-repeat;
}

.navi a.twitter .image {
background: url(https://img.webme.com/pic/j/jobbsverige/minjobb.png) center no-repeat;
}

.navi a.youtube .image {
background: url(https://img.webme.com/pic/j/jobbsverige/fam.png) center no-repeat;
}

.navi a.rss_feed .image {
background: url(https://img.webme.com/pic/j/jobbsverige/jobbberlin.png) center no-repeat;
}

.navi a.mail .image {
background: url(https://img.webme.com/pic/j/jobbsverige/sweden.png) center no-repeat;
}

.navi a.book .image {
background: url(https://img.webme.com/pic/j/jobbsverige/kontakt.png) center no-repeat;
}

/* navi ende*/

#gallery  {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border: 1px solid #;
    height: 244px;
    margin-left: -247px;
    position: absolute;
    top: 176px;
left: 50%;
    width: 496px;
}

/* Feld für News anfang */

ul.news li {
  float: left;
background-image: url("");
  width: 246px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  left: 50%;
    margin-bottom: 0px;
    margin-left: -500px;
    margin-right: 10px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 176px;
 
 }

/* Feld mit Text News */
ul.news li a {
  display:block;
  width: 226px; /* hier Bildbreite Minus 20 Pixel */
  height: 108px; /* hier Bildhöhe Minus 20 Pixel */
  padding: 10px;
  color: #ffffff; /* Textfarbe */
  font-size: 14px; /* Schriftgröße */
  background-color: #26ba5f;
  position: top;
  text-decoration: none;
  overflow: visible; }

/* Überschriften */
ul.news li h4 {
  margin-bottom: 15px;
  color: #ffffff;
  font-size: 18px; }

/* Bild vor Hover */
ul.news li img {
  position: absolute;
  width: 246px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  top: 0px; left: 0px;

  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear; }


/* Hover Bildposition  */
ul.news li:hover img {
  margin-left: 246px;} /* hier Bildbreite */

/* Feld für News ende */

/* Feld für News1 */

ul.news1 li {
  float: left;
background-image: url("");
  width: 246px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  left: 50%;
    margin-bottom: 0px;
    margin-left: -500px;
    margin-right: 10px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 301px;
 
 }

/* Feld mit Text News1 */
ul.news1 li a {
  display:block;
  width: 226px; /* hier Bildbreite Minus 20 Pixel */
  height: 108px; /* hier Bildhöhe Minus 20 Pixel */
  padding: 10px;
  color: #ffffff; /* Textfarbe */
  font-size: 14px; /* Schriftgröße */
  background-color: #e46421;
  position: top;
  text-decoration: none;
  overflow: visible; }

/* Überschriften */
ul.news1 li h4 {
  margin-bottom: 15px;
  color: #ffffff;
  font-size: 18px; }

/* Bild vor Hover */
ul.news1 li img {
  position: absolute;
  width: 246px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  top: 0px; left: 0px;

  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear; }


/* Hover Bildposition  */
ul.news1 li:hover img {
  margin-left: 246px;} /* hier Bildbreite */

/* Feld für News1 Ende */

/* Feld für News2 */

ul.news2 li {
  float: left;
background-image: url("");
  width: 246px; /* hier Bildbreite */
  height: 244px; /* hier Bildhöhe */
  left: 50%;
    margin-bottom: 0px;
    margin-left: -500px;
    margin-right: 10px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 428px;
 
 }

/* Feld mit Text News2 */
ul.news2 li a {
  display:block;
  width: 246px; /* hier Bildbreite Minus 20 Pixel */
  height: 244px; /* hier Bildhöhe Minus 20 Pixel */
  padding: 10px;
  color: #ffffff; /* Textfarbe */
  font-size: 14px; /* Schriftgröße */
  background-color: #ffd741;
  position: top;
  text-decoration: none;
  overflow: visible; }

/* Überschriften */
ul.news2 li h4 {
  margin-bottom: 15px;
  color: #ffffff;
  font-size: 18px; }

/* Bild vor Hover */
ul.news2 li img {
  position: absolute;
  width: 246px; /* hier Bildbreite */
  height: 244px; /* hier Bildhöhe */
  top: 0px; right: 0px;

  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear; }


/* Hover Bildposition  */
ul.news2 li:hover img {
  margin-right: 246px;} /* hier Bildbreite */

/* Feld für News2 Ende */

#container {
   
    height: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 1001px;
}
#content {
     background-image: url("");
    background-color: #1e5799;
    float: right;
    min-height: 204px;
    margin-bottom: 0px;
    margin-top: 174px;
    text-align: left;
    width: 708px;
    padding: 20px;
   
}


#footer {
    background-image: url("");
    background-color: #;
    border: 1px solid #;
    height: px;
    background-position:center;
    left: 0;
    text-align: right;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -12px;
    width: 1001px;
}

.clear {
    clear: both;
}
#gallery {
    height: 244px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 496px;
}
#gallery a {float:left; position:absolute; }

#gallery a img { border: none;}

#gallery a.show {z-index:500;}

#gallery .caption {
z-index: 600;
background-color: #000;
color: #fff;
height: 100px;
width: 100%;
position: absolute;
bottom: 0; }


#gallery .caption .content {margin:5px;}

#gallery .caption .content h3 {margin:0; padding:0; color:#1DCCEF; }


/* Text, der berührt werden soll anfang*/
.tooltip {
   font-size: 14px;
   color: chocolate;
   border-bottom: 1px dashed chocolate;
   text-decoration: none;
   cursor: help; }

/* Tooltip Fenster */
.tooltip span {
   position: absolute;
   z-index:1000;
   width: auto;
   color: #202020;
   padding: 10px 10px 10px 20px;
   margin-top: -200px;
   background-color: #FFFFFF;
   border-radius: 0px 0px 0px 0px;
   box-shadow: 2px 2px 12px 2px #aaaaaa;
   visibility: hidden;}

/* bei Mauskontakt sichtbar */
.tooltip:hover span { visibility: visible;}


/* Text, der berührt werden soll ende*/

/* view anfang*/

.view-item {
    padding: 0px;
    display: inline-block;
    text-align: left;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  left: 50%;
    margin-bottom: 0px;
    margin-left: 257px;
    margin-right: 10px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 302px;
}

.view-item-wrapper {
    position: relative;
    padding: 0px;
    background: #E8D7B6;
}
.view-item-image {
    position: relative;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
    overflow: hidden;
}
.view-item-image img {
    display: block;
}
.view-item-title {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    background: rgba(0,0,0,0.0);;
    line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.8em;
}
.view-item-overlay {
    background: #000;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease-in 0s;
    -moz-transition: opacity 0.5s ease-in 0s;
    -o-transition: opacity 0.5s ease-in 0s;
    transition: opacity 0.5s ease-in 0s;
}
.view-item-wrapper:hover .view-item-overlay {
    opacity: 0.3;
}
.view-item-button {
      height: 50px;
     width: 50px;
    text-align: center;
    position: absolute;
        left: 50%;
    margin-left: -25px;
        margin-top: 25px;
}
.view-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FF6B0E;

    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 50px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.view-item-button a:hover {
    background: #3b3b3b;   
}

.second .view-item-wrapper .view-item-title {
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}
.second .view-item-wrapper:hover .view-item-title {
    left: -100%;
}
.second .view-item-description {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;   
    background: rgba(0, 148, 254, 0.8);
    color: #fff;
font-size: 0.6em;
    top: 100%;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
}
.second .view-item-wrapper:hover .view-item-description {
    top: 0;
}
/* view ende*/

/* view1 anfang*/

.view1-item {
    padding: 0px;
    display: inline-block;
    text-align: left;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  left: 50%;
    margin-bottom: 0px;
    margin-left: 383px;
    margin-right: 10px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 302px;
}

.view1-item-wrapper {
    position: relative;
    padding: 0px;
    background: #E8D7B6;
}
.view1-item-image {
    position: relative;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
    overflow: hidden;
}
.view1-item-image img {
    display: block;
}
.view1-item-title {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    background: rgba(0,0,0,0.0);;
    line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.8em;
}
.view1-item-overlay {
    background: #000;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease-in 0s;
    -moz-transition: opacity 0.5s ease-in 0s;
    -o-transition: opacity 0.5s ease-in 0s;
    transition: opacity 0.5s ease-in 0s;
}
.view1-item-wrapper:hover .view1-item-overlay {
    opacity: 0.3;
}
.view1-item-button {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -25px;
        margin-top: 25px;
}
.view1-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FF6B0E;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 50px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.view1-item-button a:hover {
    background: #3b3b3b;   
}

.second .view1-item-wrapper .view1-item-title {
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}
.second .view1-item-wrapper:hover .view1-item-title {
    left: -100%;
}
.second .view1-item-description {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;   
    background: rgba(0,128,71,0.8);
    color: #fff;
font-size: 0.6em;
    top: 100%;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
}
.second .view1-item-wrapper:hover .view1-item-description {
    top: 0;
}

/* view1 ende*/

/* view2 anfang*/

.view2-item {
    padding: 0px;
    display: inline-block;
    text-align: left;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  left: 50%;
    margin-bottom: 0px;
    margin-left: 257px;
    margin-right: 10px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 176px;
}

.view2-item-wrapper {
    position: relative;
    padding: 0px;
    background: #E8D7B6;
}
.view2-item-image {
    position: relative;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
    overflow: hidden;
}
.view2-item-image img {
    display: block;
}
.view2-item-title {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    background: rgba(0,0,0,0.0);;
    line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.8em;
}
.view2-item-overlay {
    background: #000;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease-in 0s;
    -moz-transition: opacity 0.5s ease-in 0s;
    -o-transition: opacity 0.5s ease-in 0s;
    transition: opacity 0.5s ease-in 0s;
}
.view2-item-wrapper:hover .view2-item-overlay {
    opacity: 0.3;
}
.view2-item-button {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -25px;
        margin-top: 25px;
}
.view2-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FF6B0E;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 50px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.view2-item-button a:hover {
    background: #3b3b3b;   
}

.second .view2-item-wrapper .view2-item-title {
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}
.second .view2-item-wrapper:hover .view2-item-title {
    left: -100%;
}
.second .view2-item-description {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;   
    background: rgba(183,138,11,0.8);
    color: #fff;
font-size: 0.6em;
    top: 100%;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
}
.second .view2-item-wrapper:hover .view2-item-description {
    top: 0;
}

/* view2 ende*/

/* view3 anfang*/

.view3-item {
    padding: 0px;
    display: inline-block;
    text-align: left;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
  left: 50%;
    margin-bottom: 0px;
    margin-left: 383px;
    margin-right: 10px;
    margin-top: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    top: 176px;
}

.view3-item-wrapper {
    position: relative;
    padding: 0px;
    background: #E8D7B6;
}
.view3-item-image {
    position: relative;
  width: 118px; /* hier Bildbreite */
  height: 118px; /* hier Bildhöhe */
    overflow: hidden;
}
.view3-item-image img {
    display: block;
}
.view3-item-title {
    position: absolute;
    left: 0px;
    width: 100%;
    bottom: 0px;
    background: rgba(0,0,0,0.0);;
    line-height: 1.5em;
    font-weight: normal;
    padding: 7px 9px 6px;
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.8em;
}
.view3-item-overlay {
    background: #000;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.5s ease-in 0s;
    -moz-transition: opacity 0.5s ease-in 0s;
    -o-transition: opacity 0.5s ease-in 0s;
    transition: opacity 0.5s ease-in 0s;
}
.view3-item-wrapper:hover .view3-item-overlay {
    opacity: 0.3;
}
.view3-item-button {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -25px;
        margin-top: 25px;
}
.view3-item-button a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #FF6B0E;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 50px;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    text-decoration: none !important;
    display: block;
}
.view3-item-button a:hover {
    background: #3b3b3b;   
}

.second .view3-item-wrapper .view3-item-title {
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}
.second .view3-item-wrapper:hover .view3-item-title {
    left: -100%;
}
.second .view3-item-description {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;   
    background: rgba(127,0,55,0.8);
    color: #fff;
font-size: 0.6em;
    top: 100%;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
}
.second .view3-item-wrapper:hover .view3-item-description {
    top: 0;
}

/* view3 ende*/

/* port anfang*/

.port {
position:relative; width:200px; height:150px;
}
.port img {
position:absolute; top:0; left:0; -webkit-transition: opacity 1.1s ease; transition: opacity 1.1s ease;
}
.port:hover .bild1 {
opacity:0;
}

/* port ende*/

/* DIV anfang */

/* Linkes DIV */
.left {
width: 62%;
min-height: 100px;
float: left;
padding: 0px;
overflow: hidden;
border: px dashed #777777; }

/* Rechtes DIV */
.right {
width: 34%;
min-height: 100px;
float: right;
padding: 0px;
overflow: hidden;
border: px dashed #777777; }

/* DIV ende */

#header-container {display:none;}
#nav_heading{display:none;}
#sidebar_heading {display:none;}
#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#nav_container {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
#counter{display:none;}
#header {display:none;}
#title{display:none;}

.copyright {
    font-size: 14px;
    height: auto;
    margin-bottom: auto;
    margin-left: 66px;
    margin-right: auto;
    padding-top: 32px;
     text-align: left;
    width: 1000px;
    color: #464646;
}
.copyright a {
    font-size: 14px;
    height: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 52px;
    text-align: left;
    width: 1000px;
    color: #6d5555;
}


<!-- Placera den här taggen i rubriken eller precis före close body-taggen. -->
<script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'sv'}
</script>

<!-- Placera den här taggen där du vill att +1-knappen ska visas. -->
<div class="g-plusone" data-size="small" data-annotation="inline" data-width="300" data-href="http://www.jobbsverige.de/"></div>
Heute waren schon 4 visitors (17 hits) hier!