/* B L O C K S*/

* { 
margin:0; 
padding:0;
}

body {
font-family: arial, frutiger, sans-serif;
font-size: 12px;
line-height: 18px;
width: 100%;
margin: 0; 
padding: 0; 
text-align: left; 
background-color: #afcc50;
color: #e0dfd8;
letter-spacing: 0.02em;
background: url(bilder/karohell.jpg);
}


h1 {
font-size: 6px;
color: #fff;
background-color: #fff;
}

#logo {
position: absolute;
float: left;
height: 140px;
background: url(bilder/head1.gif);
z-index: 10;
}

#tubedesign {
position: absolute;
padding-left: 20px;
height: 160px;
width: 100%;
background: url(bilder/tubedesign.png);
background-repeat: no-repeat;
z-index: 32;
}

#adresse {
line-height: 14px;
text-align: right;
width: 150px;
left: 850px;
top: 70px;
position: absolute;
font-size: 10px;
letter-spacing: 1px;
z-index: 34;
color: #333;
}

#block1 {
font-size: 13px;
line-height: 20px;
padding-left: 20px;
padding-top: 20px;
position: absolute;
left: 77px;
top: 200px;
height: 150px;
width: 150px;
background-color: #333;
z-index: 10;
}

#block2 {
position: absolute;
left: 257px;
top: 200px;
height: 170px;
width: 750px;
background-color: #fff;
z-index: 10;
}

#block3 {
font-size: 13px;
line-height: 20px;
padding-left: 20px;
padding-top: 20px;
position: absolute;
left: 77px;
top: 380px;
height: 150px;
width: 150px;
background-color: #333;
z-index: 10;
color: #333;
}

#block4 {
padding: 10px;
padding-top: 20px;
position: absolute;
left: 257px;
top: 380px;
min-height: 140px;
#height: 480px;
width: 730px;
background-color: #333;
overflow: none;
overflow-x: hidden;
z-index: 10;
}


#jobdet {
padding: 10px;
position: absolute;
left: 257px;
top: 380px;
width: 730px;
background-color: #333;
z-index: 10;
}

.nav {
font-size: 12px;
width: 140px;
border-bottom: 1px solid #666;
}

.Liste {
width: 720px;
height: 100px;
margin-bottom: 20px;
margin-top: 3px;
background-color: #333;
border-top: 1px solid #666;
}

.Titel {
padding-top: 4px;
width: 700px;
font-weight: bold;
clear: both;
font-size: 13px;
color: #fff;
background-color: #333;
}



.small {
padding-top: 8px;
margin-left: 170px;
padding-right: 10px;
line-height: 16px;
text-align: left;
font-size: 11px;
color: #fff;
}

.Inhalttext {
padding-top: 10px;
width: 380px;
margin-left: 170px;
font-size: 12px;
color: #fff;
}

.Bild {
float: left;
width: 66px;
}

/* L I N K S */

a.navigation {
color: #fff;
font-weight: bold;
letter-spacing: 0.1em;
text-decoration: none;
cursor: pointer;
}

a.navigation:hover {
color: #afcc50;
text-decoration: none;
cursor: pointer;
}

a.navigationact {
color: #afcc50;
font-weight: bold;
letter-spacing: 0.1em;
text-decoration: none;
cursor: pointer;
}

a.navigationact:hover {
color: #afcc50;
text-decoration: none;
cursor: pointer;
}

a.titel {
color: #afcc50;
text-decoration: none;
cursor: pointer;
}

a.titel:hover {
color: #666;
text-decoration: none;
cursor: pointer;
}

a {
color: #afcc50;
text-decoration: none;
cursor: pointer;
}

a:hover {
color: #666;
text-decoration: none;
cursor: pointer;
}


/* T E X T E */

span.titel {
color: #fff;
font-size: 24px;
font-weight: bold;
}

span.titel2 {
color: #fff;
font-size: 12px;
#font-weight: bold;
}

div.copy {
padding-left: 410px;
color: #fff;
width: 250px;
font-size: 12px;
}

div.copy1 {
color: #fff;
width: 500px;
font-size: 12px;
}

div.copy2 {
float: left;
color: #fff;
width: 200px;
font-size: 12px;
}

div.copy3 {
padding-left: 250px;
color: #fff;
width: 200px;
font-size: 12px;
}