@charset "utf-8";
/* default.css - media: all - fuer projektkultur.biz ----------------------------------------------------------- */

/*-----------------------------------------------------------------------------
Projekt Kultur Standard Stylesheet

version:   1.0
date:      10/07/08
website:   http://www.projektkultur.biz
-----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
Projekt Kultur - Colors

Rot:                #990000
Dunkelgrau (Text):  #242125
-----------------------------------------------------------------------------*/

/* Import other stylesheets ---------------------------------------------------------------------------- */
@import url("reset.css");
/* General settings ------------------------------------------------------------------------------------ */
html, body {
  height: 100%;
}
body {
  color: #242125;
  background-color: #e3e3e3;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  line-height: 1.6em;
}
a {
  color: #242125;
  text-decoration: none;
}

a:focus, a:hover {
  color: #990000;
}
strong {
font-weight:bold;
}

em {
font-style:italic;
}

/* Wrapper --------------------------------------------------------------------------------------------- */
div#wrapper {
  background-color: #fff;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  width: 960px;
  background: #FFF url(../pk_images/pk_images_common/bottom.gif) no-repeat 0 100%;
}
/* Hintergrundbild auf Home 
div.home {
  background: #FFF url(../pk_images/pk_images_home/pk_springer_home.gif) no-repeat 0 100%;
}*/


/* Header ---------------------------------------------------------------------------------------------- */
div#header_de {
  background: url(../pk_images/pk_images_common/pk_header.png) no-repeat 0 0;
  height: 140px;
}
div#header_de h1 {
  display: none;
}

div#header_en {
  background: url(../pk_images/pk_images_common/pk_header_en.png) no-repeat 0 0;
  height: 140px;
}
div#header_en h1 {
  display: none;
}


div#language-switcher {
  color: #FFF;
  font-size: 9px;
  padding-right: 13px;
  padding-top: 40px;
  text-align: right;
}
div#language-switcher a {
  color: #FFF;
}
div#language-switcher a:focus, div#language-switcher a:hover {
  color: #CCC;
}
/* Sidebar --------------------------------------------------------------------------------------------- */
div#sidebar {
  float: left;
  width: 308px;
}
/* Logo ------------------------------------------------------------------------------------------------ */
div#logo {
  height: 89px;
}
div#logo img {
  margin-left: 108px;
  margin-top: 15px;
}
/* Navigation ------------------------------------------------------------------------------------------ */
div#navigation {
  background-color: #FFF;
  line-height:1em;
}
div#navigation a:active, div#navigation .act {
  color: #990000;
}
div#mainnavigation {
  float: left;
  margin-right: 17px;
  width: 91px;
}
div#mainnavigation ul li {
  margin-bottom: 17px;
  text-align: right;
}
div#subnavigation {
  float: left;
  font-size: 11px;
  width: 178px;
}
div#subnavigation ul li {
  margin-bottom: 11px;
}
div.subnavigation_02ueberuns {
  padding-top: 30px;
}
div.subnavigation_03kunden {
  padding-top: 58px;
}
div.subnavigation_04leistungen {
  padding-top: 88px;
}

div.subnavigation_05kontakt {
  padding-top: 117px;
}

/* Content --------------------------------------------------------------------------------------------- */
div#content {
  float: left;
  width: 652px;
}
div.einspalter {
  padding-top: 89px;
  width: 454px;
}

div.einspalter-bild {
  padding-top: 89px;
  width: 540px;
}

div.einspalter-bild p {
  width: 540px;
}

div.einspalter-bild p.einspaltig_listeohne {
  width: 370px;
}

div.einspalterteam {
  padding-top: 89px;
  width: 650px;
}
/*
es gibt 2 arten der linken spalten:
einmal für die großen bilder "div.zweispalter_links_bild" (z.b. auf seite dyckerhoff.php)
und falls nötig noch "div.zweispalter_links", die den gleichen padding-top wert wie "div.zweispalter_rechts" besitzt (bis jetzt noch nicht genutzt)
*/
div.zweispalter_links, div.zweispalter_links_bild, div.zweispalter_rechts {
  float: left;
}

div.zweispalter_links, div.zweispalter_links_bild {
  margin-right: 28px;
  width: 292px;
}

div.zweispalter_links, div.zweispalter_rechts {
  padding-top: 89px;
}

div.zweispalter_rechts {
  width: 302px;
}

h2.home {
  background: url(../pk_images/pk_images_home/pk_h2_home.gif) no-repeat 0 100%;
  height: 151px;
}
h2 span {
  display: none;
}
div#content p, .highslide-wrapper .highslide-body p {
  font-size: 1em;
  padding-bottom: 1em;
  line-height: 1.5em;
}
div#content h2, .highslide-wrapper .highslide-body h2 {
  font-size: 1.0em;
  padding-bottom: 1em;
  line-height: 1.3em;
  color: #990000;
  font-weight:bold;
}

div#content .einspalter h2, div#content .einspalter h3, div#content div.einspalter h4,{
width:292px;
}

/* STYLES FÜR p mit und ohne INFOBUTTON */
div#content .einspalter p.einspaltig_liste {
background-image:url(../pk_images/pk_images_common/arrow_2.png);
background-position:3px left;
background-repeat:no-repeat;
padding-left:30px;
width:335px;
padding-bottom:30px;
}

div#content .einspalter p.einspaltig_liste_mix {
background-image:url(../pk_images/pk_images_common/arrow_2.png);
background-position:3px left;
background-repeat:no-repeat;
padding-left:30px;
width:325px;
padding-bottom:30px;
}

div#content .einspalter p.einspaltig_listeno {
padding-left:30px;
width:325px;
padding-bottom:30px;
}

div#content .einspalter p.einspaltig_nurliste {
background-image:url(../pk_images/pk_images_common/arrow_2.png);
background-position:3px left;
background-repeat:no-repeat;
padding-left:30px;
width:292px;
padding-bottom:30px;
}

div#content .einspalter p.feedback {
line-height:1.8em;
padding-left:30px;
padding-top:25px;
}

div#content .einspalter p.einspaltig_listeohne {
padding-bottom:20px;
width:355px;
}

div#content .einspalter p.einspaltig_listeohne2 {
padding-bottom:20px;
width:365px;
}

div#content .einspalter p.publikation {
width:435px;
}

/* IE HACK */
* html div#content .einspalter p.pubdivider {
padding-bottom:20px;
}

*+html div#content .einspalter p.pubdivider {
padding-bottom:20px;
}

div#content .einspalter p.pubdivider {
padding-bottom:160px;
width:435px;
}


div#content .einspalterteam p {
}


div#content .einspalter p {
width:292px;
padding-bottom:20px;
}

/*
linkbutton für das padding des buttons
*/
div#content .einspalter img.linkbutton, div#content .zweispalter_links img.linkbutton {
  float: right;
  margin-left:30px;
}

div#content .einspalter-bild img.linkbutton {
  float: right;
  margin-left:30px;
}

div#content h3, .highslide-wrapper .highslide-body h3 {
  font-size: 1em;
  padding-bottom: 0.5em;
  line-height: 1.3em;
  color: #000000;
  font-weight:bold;
 }
 
 div#content h3 a:link,  div#content h3 a:active,  div#content h3 a:visited {
  font-size: 1em;
  padding-bottom: 0.5em;
  line-height: 1.3em;
  color: #990000;
  font-weight:bold;
 }
 
  div#content h3 a:hover {
  color: #000000;

 }

div#content a {
  color: #666666;
  text-decoration: none;
}
div#content a:focus, div#content a:hover {
  color: #990000;
}

div#content a.front {

    color: #990000;
  text-decoration: none;
}
div#content a.front:focus, div#content a.front:hover {
  color: #666666;
}

/*
bilder mit bildunterschrift neben dem bild (seite: team.php) & headline-sonderfall
*/
div.bildunterschrift {
  clear: both;
  padding-left: 117px;
}
div.bildunterschrift img {
  display: block;
  float: left;
  vertical-align: bottom;
  margin-bottom: 28px;
  margin-right: 28px;
}
h2.team-frei {
  clear: both;
  padding-left: 117px;
}

/*
infobilder
*/
div#content .einspalter img.infoimg {
  float: right;
  margin-left:10px;
}


/* CONTENT LINKS */
div#content a.weblink:focus, div#content a.weblink:hover {
color:#0033CC;
}

div#content a.pdflink:focus, div#content a.pdflink:hover {
color:#009900;
}

div#content div.zweispalter_links .feedback h3{
font-size:2.0 em;
}


/* ---- DIVERSE LISTEN ---*/ 

div#content li {
list-style:outside disc;
padding-left:0;
padding-bottom:5px;
}

div#content ul {
list-style-type:none;
padding-left:35px;
padding-bottom:10px;
}

div#content ul {
padding-left:0;
padding-bottom:10px;
}

div#content ul.jahreszahlen li {
list-style-type:none;
padding-left:0;
padding-bottom:10px;
}


div#content ul.jahreszahlen strong {
color:#990000;
padding-right:5px;
font-weight:normal;
}



div#content .einspalter ul.angebote, div#content .zweispalter_links ul.angebote {
padding-left:18px;
padding-bottom:10px;
}

div#content .einspalter ul.angebote li, div#content .zweispalter_links ul.angebote li {
list-style-image:url(../pk_images/pk_images_common/arrow_2.png);
list-style-position:outside;
padding-left:5px;
padding-bottom:10px;
}

div#content .einspalter ul.linklist {
padding-left:20px;
padding-bottom:10px;
}

div#content .einspalter li.linklist {
list-style-image:url(../pk_images/pk_images_common/arrow.png);
list-style-position:outside;
padding-left:5px;
padding-bottom:10px;
}

div#content .zweispalter_rechts img.infobutton {
padding:0;
}

div#content .zweispalter_rechts ul.buttons_r {
padding:0;
}

div#content .zweispalter_rechts ul.buttons_r li {
padding-bottom:10px;
list-style-type:none;
}


/* IE HACK für die Buttons Liste */
* html div#content .zweispalter_rechts ul.buttons_r li, *+html div#content .zweispalter_rechts ul.buttons_r li {
padding-bottom:12px;
list-style-type:none;
}

/*BLINDE LISTE RECHTS */
div#content .zweispalter_rechts ul.blind {
padding:0;
}

div#content .zweispalter_rechts ul.blind li {
padding-bottom:10px;
list-style-type:none;
}


/* IE HACK für die Liste BLIND */
* html div#content .zweispalter_rechts ul.blind li, *+html div#content .zweispalter_rechts ul.blind li {
padding-bottom:12px;
list-style-type:none;
}

div.highslide-html-content4 div.highslide-body ul.angebote, div.highslide-html-content4 div.highslide-body ul.angebote, div.highslide-html-content2 div.highslide-body ul.angebote {
padding-left:18px;
padding-bottom:10px;
}

div.highslide-html-content4 div.highslide-body ul.angebote li, div.highslide-html-content4 div.highslide-body ul.angebote li, div.highslide-html-content2 div.highslide-body ul.angebote li, div#highslide-esch ul.angebote li, div#highslide-figaj ul.angebote li, div#highslide-fidler ul.angebote li, div#highslide-kluese ul.angebote li, div#highslide-papa ul.angebote li, div#highslide-tretter ul.angebote li {
list-style-image:url(../pk_images/pk_images_common/arrow_2.png);
list-style-position:outside;
padding-left:5px;
padding-bottom:10px;
}


/* Cleared --------------------------------------------------------------------------------------------- */
div.cleared {
  clear: both;
  height: 100px;
}
/* Footer ---------------------------------------------------------------------------------------------- */
div#footer {
  color: #000;
  padding-bottom: 11px;
}
div#footer {
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 100%;
}
* html div#footer {
  bottom: -1px;
}
div#footer p {  
  font-weight: normal;
  padding-left: 309px;
}
div#footer a {
  color: #000;
  font-weight: normal;
}
div#footer a:focus, div#footer a:hover {
  color: #990000;
}

/* HIGHSLIDE ---------------------------------------------------------------------------------------------- */

.highslide-html {
    background-color: white;
	  line-height: 1.3em;
}
.highslide-html-blur {
}

.highslide-html-content, .highslide-html-content2, .highslide-html-content3, .highslide-html-content4 {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: #ffffff;
    text-decoration: none;
	font-size: 1px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: ffffff;
    background-color: #ffffff;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}


/* Breite unterschiedliche popups */

.highslide-wrapper .highslide-html-content {
    width: 342px;
    padding: 0;
}

.highslide-wrapper .highslide-html-content2 {
    width: 960px;
    padding: 0;
	background-color:#fdf6ea:;
}

.highslide-wrapper .highslide-html-content3 {
    width: 450px;
    padding: 0;
	}
	
.highslide-wrapper .highslide-html-content4 {
    width: 550px;
    padding: 0;
	}	

.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: normal;
	color: grey;
	text-transform: none;
	text-decoration: none;
	line-height:20px;
	padding-right:5px;
}
.highslide-wrapper .highslide-header a:hover {
	color: #990000;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 1px;
}

.highslide-wrapper .highslide-header {
	height: 20px;
	vertical-align:middle;
	padding:2px;
}

.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
padding:2px 8px 8px 18px;
text-align:left;
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.highslide-html-content li {
list-style:outside disc;
padding-left:0;
padding-bottom:5px;
}

.highslide-html-content ul {
padding-left:35px;
padding-bottom:10px;
}

.highslide-html-content h3 {
padding-top:15px;
}

.highslide-html-content h2 {
padding-top:15px;
}

a.laktuelles {
	color: #990000;
	}
	
a.laktuelles:hover {
	color: #999999;
	}	
	
ul.iaktuelles li {	
margin-bottom:8px;
}