@charset "UTF-8";
/**
 * Global Stylesheet for Netpioneer (www.netpioneer.de)
 *
 * @author       Fabian Beiner <fbe(at)DERPUNKT(dot)de>)
 * @copyright    Fabian Beiner / DER PUNKT gmbh, Karlsruhe, Germany
 * @license      CC-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0/)
 * @link         http://derpunkt.de
 */

/* FF Fix :( */
html:root {
margin-left: -1px;
}

/* body, #wrap, #foot, #head */
body
{
  background:#f7f6f6 url(../img/bg_body.jpg) no-repeat fixed top center;
  font:normal normal 400 11px/15px Verdana,Geneva,Helvetica,sans-serif;
}

div#wrap {
min-height:100%;
height:auto !important;
height:100%;
left:50%;
margin-left:-490px;
position:absolute;
width:980px;
}

div#head {
height:170px;
overflow:hidden;
margin:0 15px 5px;
}

div#head-start {
height:273px;
overflow:hidden;
margin:0 15px 5px;
}

/* Admin Panel */
div#login {
left:20px;
position:absolute;
top:20px;
width:120px;
}

a#login_legend span {
background:#fff;
border:1px solid #b3b3b3;
color:#000;
display:none;
margin:5px 0;
padding:3px 5px;
text-decoration:none;
}

a#login_legend:hover span {
display:block;
}

a#login_legend span img {
margin-top:2px;
}

/* #foot */
div#foot {
background:url(../img/bg_foot.jpg) 0 0 no-repeat;
bottom:0;
height:34px;
left:0;
padding:16px 29px 0 30px;
position:absolute;
width:921px;
}

div#foot a {
color:#4d4d4d;
font-size:10px;
}

div#foot div#foot-left {
float:left;
}

div#foot div#foot-left a {
margin-right:9px;
}

div#foot div#foot-right {
float:right;
}

div#foot div#foot-right a {
margin-left:9px;
}

/* #topnav */
div#topnav {
background:url(../img/bg_topnav.png) 0 0 no-repeat;
height:60px;
margin-bottom:5px;
padding:25px 25px 0;
}

div#topnav ul {
float:left;
}

div#topnav li {
display:inline;
float:left;
text-indent:-12345px;
}

div#topnav li a {
display:block;
font-size:14px;
height:45px;
margin-top:15px;
overflow:hidden;
}

div#topnav li a.unternehmen {
background:url(../img/n_unternehmen.png) 0 0 no-repeat;
width:123px;
}

div#topnav li a.leistungen {
background:url(../img/n_leistungen.png) 0 0 no-repeat;
width:106px;
}

div#topnav li a.referenzen {
background:url(../img/n_referenzen.png) 0 0 no-repeat;
width:109px;
}

div#topnav li a.aktuelles {
background:url(../img/n_aktuelles.png) 0 0 no-repeat;
width:96px;
}

div#topnav li a.karriere {
background:url(../img/n_karriere.png) 0 0 no-repeat;
width:86px;
}

div#topnav li a.kontakt {
background:url(../img/n_kontakt.png) 0 0 no-repeat;
width:84px;
}

div#topnav img#logo {
float:right;
margin-right:23px;
}

div#topnav li a.unternehmen.topnav-link:hover,div#topnav li a.leistungen.topnav-link:hover,div#topnav li a.referenzen.topnav-link:hover,div#topnav li a.aktuelles.topnav-link:hover,div#topnav li a.karriere.topnav-link:hover,div#topnav li a.kontakt.topnav-link:hover,div#topnav li a#topnav-active {
background-position:0 -45px;
}

div#topnav li a#topnav-active {
cursor:default;
}

/* #columns, #column_left, #column_right, #column_center, #column_wide */
div#columns {
background:url(../img/bg_columns.png) 0 0 repeat-x;
padding-top:21px;
padding-bottom:66px;
margin:0 10px;
}

div#column_left {
float:left;
margin-left:5px;
margin-top:4px;
width:220px;
}

div#column_center {
float:left;
margin-left:20px;
width:470px;
}

div#column_right {
float:left;
margin-left:20px;
margin-top:4px;
width:220px;
}

div#column_wide {
float:left;
margin-left:20px;
/*width:590px;*/
width:680px;
}

div#column_gallery {
float:left;
margin-left:20px;
width:590px;
}

div#column_ref {
float:left;
margin-left:20px;
width:591px;
}


a#toplink,a#printlink {
display:none;
}

/* nav (in #column_left) */
div#column_left ul {
border-bottom:1px #e5e5e5 solid;
}

div#column_left li {
display:inline;
}

div#column_left li a {
background:#f4f4f4 url(../img/bg_nav_a.png) 0 0 repeat-x;
border-top:1px #e5e5e5 solid;
color:#4d4d4d;
display:block;
font-weight:700;
margin-bottom:1px;
padding:5px 4px 4px 14px;
width:202px;
}

div#column_left li a:hover,div#column_left li a.nav-active {
background:#900 url(../img/bg_nav_b.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
}

div#column_left li a.nav-active {
cursor:default;
}

div#column_left li li a {
background:url(../img/dotted.png) bottom left repeat-x;
border-top:none;
color:#4d4d4d;
display:block;
font-weight:400;
line-height:14px;
margin-bottom:1px;
padding-bottom:4px;
padding-left:14px;
padding-top:1px;
}

div#column_left li li a.nav-last,div#column_left li li a.nav-last:hover {
background:none!important;
padding-bottom:5px!important;
}

div#column_left li li a:hover {
background:url(../img/dotted.png) bottom left repeat-x;
color:#900;
text-decoration:none;
}

div#column_left li li a.nav-active {
background:url(../img/dotted.png) bottom left repeat-x;
font-weight:700;
color:#900;
}

div#column_left li ul {
border-bottom:0;
border-top:1px #e5e5e5 solid;
margin-top:1px;
padding-top:3px;
padding-bottom:1px;
}

div#column_left li li ul {
background:url(../img/dotted.png) bottom left repeat-x;
margin-bottom:1px;
padding-bottom:5px;
padding-top:3px;
}

/* Sitemap */
a.sitemap {
border-top:1px #e5e5e5 solid;
color:#000;
display:block;
line-height:16px;
padding-bottom:2px;
padding-left:4px;
text-decoration:none!important;
}

a.sitemap:hover {
background-color:#900;
color:#fff;
}

/* CONTENT STUFF */
h1 {
color:#900;
font-size:15px;
font-weight:700;
line-height:18px;
margin-bottom:13px;
}

h2 {
color:#900;
font-size:13px;
font-weight:700;
line-height:16px;
margin-bottom:8px;
}

h3 {
font-weight:700;
font-size:11px;
margin-bottom:8px;
}

div.img_desc {
font-size:9px;
font-weight:700;
line-height:10px;
padding-bottom:5px;
padding-top:7px;
}


div#img_horizontal {
margin-bottom:16px;
margin-top:3px;
}

div#img_horizontal div.img_desc {
padding-bottom:0;
}

div#column_center ol,div#column_wide ol {
list-style-type:decimal;
margin-bottom:3px;
margin-left:20px;
margin-top:8px;
}

div#column_center ul,div#column_wide ul {
margin-bottom:3px;
margin-top:8px;
}

div#column_center li,div#column_wide li {
padding-bottom:5px;
}

div#column_center ul li,div#column_wide ul li {
background:url(../img/li.png) 0 5px no-repeat;
padding-left:9px;
}

/* 1/3, 1/2 Bild-Templates */
div.onethird_left {
float:left;
margin-bottom:5px;
margin-right:10px;
margin-top:4px;
width:150px;
}

div.onehalf_left {
float:left;
margin-bottom:5px;
margin-right:10px;
margin-top:4px;
width:230px;
}

div.onethird_right {
float:right;
margin-bottom:5px;
margin-left:10px;
margin-top:4px;
text-align:right;
width:150px;
}

div.onehalf_right {
float:right;
margin-bottom:5px;
margin-left:10px;
margin-top:4px;
text-align:right;
width:230px;
}

/* Bild / Text eingerückt */
div#suffix_text {
margin-bottom:23px;
}

div.huge {
font-size:15px;
line-height:18px;
margin-bottom:18px;
}

div.intended-container {
margin-bottom:33px;
}

div.image_140_left {
float:left;
margin-bottom:5px;
margin-right:19px;
margin-top:4px;
width:140px;
}

div.text_310_left {
float:left;
width:310px;
}

/* Jobs */
div#jobs a {
background:url(../img/job_a.png) 1px 8px no-repeat;
border-bottom:1px #e0e0e0 dotted;
color:#4d4d4d;
display:block;
padding:7px 0 8px 20px;
}

div#jobs a:hover {
background:url(../img/job_b.png) 1px 8px no-repeat;
color:#900;
text-decoration:none;
}

div#jobs a.last_job {
border:none;
margin-bottom:25px;
}

/* Startseite */
div.start-columns {
padding-top:15px!important;
}

div#start-columns {
background:url(../img/bg_start.png) bottom left no-repeat;
padding-bottom:40px;
padding-left:5px;
}

div.start_row {
background:url(../img/bg_start_row.png) 0 0 repeat-x;
float:left;
margin-right:10px;
min-height:220px;
width:230px;
}

div.start_row_last {
margin-right:0;
}

div.start_row_head {
background:url(../img/start_row_head.png) 0 0 no-repeat;
color:#fff;
font-size:15px;
font-weight:700;
height:25px;
overflow:hidden;
padding-left:12px;
padding-top:12px;
text-transform:uppercase;
width:218px;
}

div.start_row_text {
padding:11px 12px;
}

div.start_row_text a {
font-weight:700;
}

div.start_row_ref {
margin:5px;
}

div.start_row_ref img {
float:left;
margin-right:10px;
margin-top:10px;
}

div.start_row_ref .nomarginr {
margin-right:0!important;
}

/* News */
div.news {
border-bottom:1px #e0e0e0 dotted;
line-height:20px;
margin-bottom:13px;
padding-bottom:15px;
}

div.news-last {
line-height:20px;
}

div.news h3,div.news-last h3 {
line-height:20px;
margin-bottom:10px;
}

div.news h2,div.news-last h2 {
font-size:11px!important;
line-height:20px;
}

span.date {
font-style:italic;
}

div.news a.more-link,div.news-last a.more-link {
background:url(../img/li.png) 100% 4px no-repeat;
font-weight:700;
padding-right:10px;
}

a.back-link {
background:url(../img/li_back.png) 0 4px no-repeat;
padding-left:10px;
}

.news-img {
float:left;
margin-bottom:5px;
margin-right:10px;
margin-top:7px;
}

/* Standort */
div.address {
line-height:15px;
padding-bottom:5px;
}

div#google {
border-bottom:1px #e5e5e5 solid;
border-top:1px #e5e5e5 solid;
height:315px;
margin:35px 0 39px;
width:470px;
}

/* Kontaktformular */
#contact {
margin-top:20px;
}

#contact label {
  margin-right:5px;
}

input.text {
border:1px #ccc solid;
height:16px;
margin:0;
padding-left:2px;
padding-top:2px;
width:295px;
}

input.text-small {
border:1px #ccc solid;
height:16px;
margin:3px 10px 0 0;
padding-left:2px;
padding-top:2px;
width:35px;
}

textarea.textarea {
border:1px #ccc solid;
line-height:13px;
margin:0;
padding:2px;
width:293px;
}

table#contactform td {
padding-bottom:8px;
vertical-align:middle;
}

table#contactform td.contactform-right {
text-align:right;
}

input#plz {
border:1px #ccc solid;
float:left;
height:16px;
margin:0 3px 0 0;
padding-left:2px;
padding-top:2px;
width:43px;
}

input#ort {
border:1px #ccc solid;
float:left;
height:16px;
margin:0;
padding-left:2px;
padding-top:2px;
width:245px;
}

:first-child+html input#ort,* html input#ort {
width:239px;
}

:first-child+html input.text,* html input.text,:first-child+html textarea.textarea,* html textarea.textarea {
width:290px;
}

:first-child+html input.text-small,* html input.text-small {
margin-top:2px;
}

/* Gallery */
div#gallery {
border-top:1px #e0e0e0 dotted;
margin-top:10px;
padding-top:6px;
}

div#gallery-images {
margin-bottom:1px;
margin-top:12px;
}

div.gallery-image {

float:left;
height:110px;
margin-bottom:10px;
margin-right:10px;
overflow:hidden;
width:110px;
}

div.gallery-image-last {
margin-right:0;
}

/* Boxen */
.box_edit_button_inactive {
background-color:red;
border:1px solid #000;
color:#fff;
margin-bottom:5px;
padding:0;
width:218px;
}

.box_edit_button,.box_edit_select {
background-color:#ff9e38;
border:1px solid #000;
color:#fff;
margin-bottom:5px;
padding:0;
width:218px;
}

.box_head {
background:#900 url(../img/bg_box_head.png) 0 0 no-repeat;
color:#fff;
font-size:15px;
font-weight:700;
padding-bottom:12px;
padding-left:12px;
padding-top:12px;
text-transform:uppercase;
}

.box {
background:url(../img/box_shadow.png) bottom left repeat-x;
margin-bottom:19px;
padding-bottom:6px;
}

.box_content {
background:url(../img/bg_box.png) 0 0 no-repeat;
}

.box_content_text {
background:url(../img/bg_box.png) 0 0 no-repeat;
line-height:17px;
padding:9px 12px 10px;
}

ul.links {
margin-left:13px;
padding-bottom:4px;
padding-top:10px;
}

ul.links li {
background:url(../img/li.png) 0 5px no-repeat;
padding-bottom:7px;
padding-left:8px;
}

ul.dl {
margin-left:7px;
padding-bottom:4px;
padding-top:14px;
}

ul.dl li {
background:url(../img/pdf.png) 3px 0 no-repeat;
padding-bottom:11px;
padding-left:23px;
}

ul.links li a,ul.dl li a {
color:#4d4d4d;
}


.box_kontakt_text {
float:left;
width:140px;
line-height:16px;
margin-left:80px;
margin-top:7px;
}

.kontaktform-link {
margin-bottom:13px;
margin-top:11px;
}

.kontaktform-link a {
font-weight:700;
}

/* Referenzen */
div.ref-img {
background:url(../img/bg_referenz.png) 0 0 no-repeat;
float:left;
height:70px;
margin-right:9px;
padding:1px 1px 10px;
width:109px;
}

div.ref-img-last {
margin-right:0;
}

div.ref-cont {
margin-bottom:25px;
}