@import "http://www.people-interactive.de/mt/mt-static/themes/pi/css/reset-min.css";

html {
    background: #333333 url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/background.png) repeat scroll;
    background-color: #333333;
    font-family: Verdana, sans-serif;
}

strong {
    font-weight: bold;
}

.inv,
.print-only { /* Hidden elements that will be visible when CSS is disabled */
	visibility: hidden;
	position: absolute;
	top: -9999em;
	left: -9999em;
	overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

:-moz-any-link:focus { /* removes dotted borders on active links in FF */
    outline: none;
}


/* ENDE GENERAL RULES */


#container {
    width: 58.875em; /* 942px (based on 16px) */
    margin: 0 auto;
    clear: both;
}

h1#logo {
    margin-top: 1.875em;
    margin-left: 0.063em;
}

h1#logo a {
    display: block;
    text-indent: -9999em; /* Move text out of screen */
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/pi-logo.png) no-repeat scroll;
    width: 13.313em;
    height: 1.688em;
}

/* MAIN NAVI */

#main-navi {
    margin-top: 3em;
    width: 100%;
    padding-bottom: 0.375em;
    border-bottom: 0.125em solid #666666;
    margin-bottom: 2.5em;
}

#main-navi ul {
    float: right;
    display: inline; /* IE Fix */
    margin-right: 0.375em;
}

#main-navi ul li {
    float: left;
    display: inline; /* IE Fix */
}

#main-navi ul li a {
    text-indent: -9999em; /* Move text out of screen */
    display: block;
    height: 0.938em;
}

#main-navi ul li.press a,
#main-navi ul li.press a:link,
#main-navi ul li.press a:visited {
    background: #333333 url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-press-inactive.png) no-repeat scroll top left;
    width: 3.563em;
}

#main-navi ul li.press a:hover,
#main-navi ul li.press a:active,
#main-navi ul li.press a.active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-press-active.png);
}

#main-navi ul li.contact a,
#main-navi ul li.contact a:link,
#main-navi ul li.contact a:visited {
    background: #333333 url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-contact-inactive.png) no-repeat scroll top left;
    width: 4.438em;
}

#main-navi ul li.contact a:hover,
#main-navi ul li.contact a:active,
#main-navi ul li.contact a.active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-contact-active.png);
}

#main-navi ul li.impressum a,
#main-navi ul li.impressum a:link,
#main-navi ul li.impressum a:visited {
    background: #333333 url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-impressum-inactive.png) no-repeat scroll top left;
    width: 5.438em;
}

#main-navi ul li.impressum a:hover,
#main-navi ul li.impressum a:active,
#main-navi ul li.impressum a.active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-impressum-active.png);
}

#main-navi ul li.newsletter_rss a,
#main-navi ul li.newsletter_rss a:link,
#main-navi ul li.newsletter_rss a:visited {
    background: #333333 url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-newsletter_rss-inactive.png) no-repeat scroll top left;
    width: 6.5em;
}

#main-navi ul li.newsletter_rss a:hover,
#main-navi ul li.newsletter_rss a:active,
#main-navi ul li.newsletter_rss a.active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/main-navi-newsletter_rss-active.png);
}

/* CONTENT */
#content {
    float: left;
    display: inline; /* IE Fix */
    width: 43.75em;
    margin-left: 1.125em;
}

#content .module {
    background: #FFFFFF;
    padding-left: 0.438em;
    padding-right: 0.438em;
    padding-top: 1.063em;
    padding-bottom: 1.063em;
    margin-bottom: 0.813em;
    position: relative;
}

#content .module h5 { /* Date */
    font-size: 0.688em;
    color: #616365;
    margin-bottom: 0.5em;
}

#content .module h3 { /* Headline */
    padding-left: 0.188em; /* 3px */
    /* margin-top: 1.375em; */
    clear: both;
    font-weight: bold;
    color: #616365;
}

#content .module h3 a,
#content .module h3 a:link,
#content .module h3 a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #616365;
}

#content .module h3 a:hover,
#content .module h3 a:active {
    font-weight: bold;
    color: #000000;
}

#content .module h4 { /* Subline */
    color: #616365;
    font-size: 0.688em;
    font-weight: bold;
    padding-left: 0.273em; /* 3px */
    margin-bottom: 1em; /* 11px */
}

#content .module .module-content,
#content .module .module-content-with-sidebar {
    padding-left: 0.188em; /* 3px */
}

#content .module .module-content .inner-content {
    width: 37.312em; /* 37.5em - 0.188em */
}

#content .module .module-content-with-sidebar .inner-content {
    width: 31.026em; /* 31.25em - 0.188em */
}

#content .module .first-part {
    margin-top: 0.688em;
    width: 100%;
}

#content .module .second-part {
    /* margin-bottom: 1em; */
    width: 100%;
    margin-bottom: 1.313em;
}


#content .module .inner-content p {
    font-size: 0.688em;
    line-height: 1.6em;
    margin-bottom: 1em;
    color: #616365;
}

#content .module .inner-content ul {
    font-size: 0.688em;
    margin-left: 0.273em;
}

#content .module .inner-content li {
    font-size: 1em;
    line-height: 1.6em;
    color: #616365;
    margin-left: 1em;
    list-style: square outside url();
}

#content .module .inner-content ul li ul,
#content .module .inner-content ul li ul li ul {
    font-size: 1em;   
}

#content .module .awards {
    margin-top: 1.375em;
    color: #616365;
}

#content .module .awards ul,
#content .module .awards li {
    list-style: none outside;
    margin: 0;
}


#content .module .meta {
    clear: both;
    padding-left: 0.188em; /* 3px */
    /* padding-bottom: 1.914em;*/ /* 30px - padding of .module */
}

#content .module .meta ul {
    list-style: none;
    float: left;
}

#content .module .meta ul li {
    margin-right: 0.688em;
    float: left;
}

#content .module .meta ul li a {
    font-weight: normal;
    float: left;
    margin-top: 1em;
}


#content .module .footer {
    position: absolute;
    right: 0.875em;
    bottom: 0.688em;
}

#content .module .footer a.nav-to-top {
    float: right;
    text-decoration: none;
    margin-right: 0.188em;
    display: block;
}

#content .module .footer a.nav-to-top span,
#content .module .footer a.nav-to-top:link span,
#content .module .footer a.nav-to-top:visited span {
    font-size: 0.688em;
    color: #616365;
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/move-to-top.png) no-repeat scroll 0em 0.6em;
    padding-left: 1.2em;
    text-decoration: none;
    font-weight: normal;
    position: relative;
    /* Holly hack begin http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0 */
    border: 0.091em solid #FFFFFF;
    height: 0.1em;
    /* Holly hack end */
}

#content .module .footer a.nav-to-top:hover span,
#content .module .footer a.nav-to-top:active span{
    color: #000000;
}



#content .module .sidebar {
    float: right;
    display: inline;
    width: 10.313em;
    border-left: 0.063em solid #CCCCCC;
}

#content .module .sidebar ul {
    margin-left: 0.5em;
    
}

#content .module .sidebar ul li {
    font-size: 0.688em;
    line-height: 1.6em;
}

#content .module .sidebar a,
#content .module .sidebar a:link,
#content .module .sidebar a:visited {
    color: #666666;
    text-decoration: none;
}

#content .module .sidebar a:hover,
#content .module .sidebar a:active {
    color: #333333;
}

#content table th,
#content table td {
    font-size: 0.688em;
}

#content table th {
    font-weight: bold;
}

#content .module a,
#content .module a:link,
#content .module a:visited {
    color: #616365;
}


#content .module a.internal,
#content .module a.external,
#content .module a.pressrelease,
#content .module a.img-download,
#content .module a.doc-download,
#content .module .toggle-extended a {
    font-size: 1em;
    color: #616365;
    text-decoration: none;
    padding-left: 1.4em;
    background-position: 0em 0.3em;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    cursor: pointer;
    text-decoration: none;
}

#content .module .meta a.internal,
#content .module .meta a.external,
#content .module .meta a.pressrelease,
#content .module .meta a.img-download,
#content .module .meta a.doc-download,
#content .module .meta .toggle-extended a {
    font-size: 0.688em;
}

#content .module a:hover,
#content .module a.internal:hover,
#content .module a.external:hover,
#content .module a.pressrelease:hover,
#content .module a.img-download:hover,
#content .module a.doc-download:hover,
#content .module .toggle-extended a:hover {
    color: #000000;
}


#content .module .toggle-extended-less a,
#content .module .toggle-extended-less a:link,
#content .module .toggle-extended-less a:visited {
    background-position: 0em .6em;
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-arrow-up-gray.png);
}

#content .module .toggle-extended-less a:hover,
#content .module .toggle-extended-less a:active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-arrow-up-black.png);
}

#content .module .toggle-extended-more a,
#content .module .toggle-extended-more a:link,
#content .module .toggle-extended-more a:visited {
    background-position: 0em .6em;
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-arrow-down-gray.png);
}

#content .module .toggle-extended-more a:hover,
#content .module .toggle-extended-more a:active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-arrow-down-black.png);
}


#content .module a.internal,
#content .module a.internal:link,
#content .module a.internal:visited {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-interner-link-gray.png);
}

#content .module a.external,
#content .module a.external:link,
#content .module a.external:visited {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-externer-link-gray.png);
}

#content .module a.pressrelease,
#content .module a.pressrelease:link,
#content .module a.pressrelease:visited {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-pressemitteilung-gray.png);
}

#content .module a.img-download,
#content .module a.img-download:link,
#content .module a.img-download:visited {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-bildmaterial-gray.png);
}

#content .module a.doc-download,
#content .module a.doc-download:link,
#content .module a.doc-download:visited {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-pdf-download-1-gray.png);
}

#content .module a.internal:hover,
#content .module a.internal:active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-interner-link-black.png);
}

#content .module a.external:hover,
#content .module a.external:active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-externer-link-black.png);
}

#content .module a.pressrelease:hover,
#content .module a.pressrelease:active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-pressemitteilung-black.png);
}

#content .module a.img-download:hover,
#content .module a.img-download:active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-bildmaterial-black.png);
}

#content .module a.doc-download:hover,
#content .module a.doc-download:active {
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/icon-pdf-download-1-black.png);
}


/* SLIDESHOW */
.slideshow {
    overflow: hidden;
    /* margin-bottom: 0.5em; */
    margin-bottom: 1.875em;
    
}

.slideshow-navigation {
    float: right;
    display: inline;
}

.slideshow-navigation li {
    display: inline;
    float: left;
}

.slideshow-navigation li a,
.slideshow-navigation li a:link,
.slideshow-navigation li a:visited {
    cursor: pointer;
    display: block;
    color: #616365;
    width: 1.545em;
    text-align: center;
    font-size: 0.688em;
}

.slideshow-navigation li a:hover,
.slideshow-navigation li a:active,
.slideshow-navigation li a.active {
    color: #000000;
    font-weight: bold;
}



/* SIDEBAR */
#sidebar {
    float: right;
    display: inline; /* IE Fix */
    width: 11.375em;
    margin-right: 1.125em;
}

/* SEARCH */
form#search {
    position: relative;
    font-size: 0.625em; /* must be set in surrounding form b/c otherwise there are wrong margins */
}

form#search input.q {
    font-size: 1em;
    width: 15.5em; /* sidebar width (based on 11px) - input border - padding-left and padding-right */
    background: #4A4A4A;
    border: 0.1em solid #7B7B7C;
    color: #FFFFFF;
    padding-left: 0.7em;
    padding-right: 1.8em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    height: 1.5em;
}

form#search input.loupe-submit {
    position: absolute;
    width: 1.8em;
    height: 1.7em;
    bottom: 0.2em;
    right: 0.1em;
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/search-loupe.gif) no-repeat scroll bottom left;
    cursor: pointer;
}

/* NAVIGATORS */
#navigators {
    /* margin-top: 1.438em; */
}

#navigators h4 a {
    display: block;
    text-indent: -9999em;
    border-bottom: 0.125em solid #666666;
    width: 100%;
}

#navigators .navigator-active {
    margin-bottom: 1.938em;
}

#navigators .navigator-inactive {
    margin-bottom: 0.688em;
}

#navigators #projekte-navigator h4 a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-projects-inactive.png) no-repeat scroll center left;
}

#navigators #projekte-navigator h4 a:hover,
#navigators #projekte-navigator h4.active a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-projects-active.png) no-repeat scroll center left;
}

#navigators #jobs-navigator h4 a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-jobs-inactive.png) no-repeat scroll center left;
}

#navigators #jobs-navigator h4 a:hover,
#navigators #jobs-navigator h4.active a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-jobs-active.png) no-repeat scroll center left;
}

#navigators #news-navigator h4 a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-news-inactive.png) no-repeat scroll center left;
}

#navigators #news-navigator h4 a:hover,
#navigators #news-navigator h4.active a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-news-active.png) no-repeat scroll center left;
}

#navigators #agentur-navigator h4 a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-agentur-inactive.png) no-repeat scroll center left;
}

#navigators #agentur-navigator h4 a:hover,
#navigators #agentur-navigator h4.active a {
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/navi-agentur-active.png) no-repeat scroll center left;
}

#navigators .navigator li a,
#navigators .navigator li a:link,
#navigators .navigator li a:visited {
    display: block;
    font-size: 0.625em;
    color: #808080;
    text-decoration: none;
    border-bottom: 0.1em solid #666666;
    padding-top: 0.5em;
    padding-bottom: 0.4em;
    padding-left: 0.2em;
}

#navigators .navigator .subheader-active h5 a,
#navigators .navigator li a:hover,
#navigators .navigator li a:active,
#navigators .navigator li.active a {
    color: #FFFFFF;
}

#navigators .navigator .subheader li a {
    padding-left: 1.7em;
}


/* NEWSLETTER */

#newsletter {
    width: 23em;
}

#newsletter .section {
    font-size: 0.688em;
    margin-bottom: 0.438em;
    position: relative;
}

#newsletter .flat {
    margin-bottom: 0;
    line-height: 1.2em;
}

#newsletter label {
    display: block;
    float: left;
    color: #616365;
    text-align: right;
    padding-top: 0.182em;
    padding-right: 1.818em;
    width: 8.545em;
}


#newsletter input.text {
    padding: 0.182em;
    border: 0.1em solid #cccccc;
    width: 22.182em;
    color: #616365;
}

#newsletter span {
    color: #616365;
}

#newsletter .full-size {
    width: 22.546em;
    text-align: right;
}

#newsletter .full-size span { 
    float: right;
    display: block;
}

#newsletter .div-submit {
    width: 18.546em;
    text-align: right;
}

#newsletter .submit-form {
    background: red;
    float: right;
    display: block;
    width: 14.636em;
    height: 2.182em;
    cursor: pointer;
    text-indent: -9999em;
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/formular-abschicken.png) no-repeat scroll top left;
}

#newsletter span.error {
    color: #CC0000;
}

#pagination-top,
#pagination-bottom {
    width: 100%;
    font-size: 0.625em;
    /* text-align: left; */
	/*visibility: hidden;*/
	text-align: center;
	position:relative;
}
#pagination-top b,
#pagination-bottom  b {
	visibility:visible;
}

#pagination-top a,
#pagination-bottom a {
    text-decoration: none;
	visibility: visible;
}

#pagination-top a,
#pagination-top a:link,
#pagination-top a:visited,
#pagination-bottom a,
#pagination-bottom a:link,
#pagination-bottom a:visited {
    color: #ADADAD;
}

#pagination-top a:hover,
#pagination-top a:active,
#pagination-bottom a:hover,
#pagination-bottom a:active {
    color: #FFFFFF;
}

#pagination-top a[rel="prev"],
#pagination-bottom a[rel="prev"] { /* "previous" link */
    float: left;
    padding: 0 0 0 1.2em;
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/pagination-prev-inactive.png) no-repeat scroll center left;
    position: absolute;
	left: 0;
}
#pagination-top .linkleft,
#pagination-top .linkright,
#pagination-bottom .linkleft,
#pagination-bottom .linkright {
	width:20%;
	display:inline;
	position:absolute;
	visibility: hidden;
}

#pagination-top .linkleft,
#pagination-bottom .linkleft {
	left:0;
}

#pagination-top .linkright ,
#pagination-bottom .linkright{
	right:0;
}

#pagination-top .linkleft a,
#pagination-top .linkright a,
#pagination-bottom .linkleft a,
#pagination-bottom .linkright a {
	visibility: visible;
}

#pagination-top .pagelinks,
#pagination-bottom .pagelinks {
	display:inline;
}

#pagination-top a[rel="prev"]:hover,
#pagination-top a[rel="prev"]:active,
#pagination-bottom a[rel="prev"]:hover,
#pagination-bottom a[rel="prev"]:active { 
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/pagination-prev-active.png);
}


#pagination-top a[rel="next"] ,
#pagination-bottom a[rel="next"]{ /* "next" link */
    float: right;
	padding: 0 1.3em 0 0;
    background: transparent url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/pagination-next-inactive.png) no-repeat scroll center right;
	position: absolute;
	right: 0;
}

#pagination-top a[rel="next"]:hover,
#pagination-top a[rel="next"] + a:active,
#pagination-bottom a[rel="next"]:hover,
#pagination-bottom a[rel="next"] + a:active { 
    background-image: url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/pagination-next-active.png);
}


/* FOOTER */
#footer {
    clear: both;
    border-top: 0.063em solid #616161;
    padding-top: 0.438em;
    margin-top: 0.813em;
    width: 100%;
}

#footer .pi-address {
    display: block;
    float: left;
    background: #333333 url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/pi-address-footer.png) no-repeat scroll top left;
    text-indent: -9999em;
    width: 16.938em;
    height: 0.688em;
    margin-left: 0.188em;
    position: relative;
}

#footer .pi-email {
    display: block;
    float: left;
    background: #333333 url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/pi-address-email.png) no-repeat scroll top left;
    text-indent: -9999em;
    height: 1em; /* it is bigger than the actual graphic height on purpose => more clicky space */
    width: 9em;
    cursor: pointer;
}

table {
    color: #616365;
}


/* ANFAHRTSSKIZZE */
#content .module #der-weg-zu-uns {
    width: 100%;
}

#content .module #download-route {
    float: left;
    display: inline;
    background: #FFFFFF url(http://www.people-interactive.de/mt/mt-static/themes/pi/img/dark/contact_map_directions.gif) no-repeat scroll top left;
    width: 19.563em;
    height: 5.125em;
    position: relative;
}

#content .module #download-route a.doc-download {
    font-size: 0.688em;
    position: absolute;
    top: 3.6em;
    left: 17.2em;
}

/* GOOGLE MAPS */
#content .module #googlemaps {
    float: right;
    width: 14em;
}

#content .module #googlemaps input.saddr {
    padding: 0.182em;
    border: 0.091em solid #CCCCCC;
    width: 19.818em;
    color: #616365;
    font-size: 0.688em;
}

#content .module #googlemaps a.calculate-route {
    display: block;
    float: right;
    margin-top: 0.688em;
    font-size: 0.688em;
}

#fakten th {
    padding-right: 1em;
}