/* CSS Public Cologne ::: Copyright @ Vera Zimperfeld 2008 :::::: */


body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#04436b;
	background:url(../gfx/bg.jpg) top left repeat-x #fff;
}

a {
	font-size:12px;
	font-weight:bold;
	color: #04436b;
	text-decoration:none;
	}
	
a:hover{
	color: #4876a2;
}

p{
	line-height:160%;
	}
.hidden {
	display:none;
}

h1 {
	font-size:14px;
	font-weight:bold;

}


#container {
	margin:auto;
	margin-top:20px;
	padding:0;
	background:#fff;
	text-align:center;
	width: 760px;
	border:#04436b 1px solid;
	overflow:auto;
	}

#header {
	width:760px;
	height:140px;
	background-color: #fff;
	}

#logo	{
	width:190px;
	height:140px;
	background-color:#000;
	float:left;
	}
	


#wrap {
	width:760px;
	margin:auto;
	padding:0;
	background:url(../gfx/bg_wrap.gif) top left repeat-y #fff;
	overflow:auto;
	}

#links	{
	width:190px;
	float:left;
		height:370px;
	}
	
#rechts {
	width:570px;
	background-color:#fff;
	float:left;
	}

#text {
	width:504px;
	margin: 30px 33px 10px 33px;
	background-color:#fff;
	text-align:left;
}

#text ul{
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
}

#text li{
	line-height:120%;
	margin-left:16px;
	margin-bottom:5px;
}

#text_aktuell {
	width:504px;
	margin: 30px 33px 10px 33px;
	background-color:#fff;
	text-align:left;
	line-height:120%;
}

.aktuell box{
	width:504px;
}

.aktuell_header{
	width:504px;
	height:25px;
	border-bottom: #04436b 1px solid;
}

.aktuell_logo{
	width:29px;
	height: 20px;
	background:url(../gfx/logo_public_cologne_aktuell.gif) top left no-repeat;
	float:left;
}

.aktuell_headline{
	width:390px;
	height: 15px;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	float:left;
}

.aktuell_datum{
	width:85px;
	height: 15px;
	font-size:10px;
	font-weight:normal;
	margin-top:5px;
	text-align:right;
	float:right;
}

.aktuell_text{
	width:454px;
	line-height:150%;
	padding:5px 20px 5px 30px;
	background:url(../gfx/bg_text.gif) top left repeat-x;
	/*border-bottom: #04436b 1px solid;*/
	margin-bottom:30px;

}




#footer {
	width: 760px;
	height:18px;
	margin:auto;
	padding-top:4px;
	background:#dae5f0;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	border-left:#04436b 1px solid;
	border-right:#04436b 1px solid;
	border-bottom:#04436b 1px solid;
	margin-bottom:30px;
	}
	
#footer a{
	font-size:10px;
	font-weight:bold;
}


/*-----------------------KUNDEN-------------------------*/


.kunden_box{
	width:504px;
	height:75px;
	text-align:left;
	margin-bottom:20px;
}

.kunden_eins{
	width:110px;
	height:75px;
	text-align:left;
	background-color:#fff;
	border:#04436b 1px solid;
	margin-right:18px;
	float:left;
}

.kunden_zwei{
	width:110px;
	height:75px;
	text-align:left;
	background-color:#fff;
	border:#04436b 1px solid;
	margin-right:18px;
	float:left;
}

.kunden_drei{
	width:110px;
	height:75px;
	text-align:left;
	background-color:#fff;
	border:#04436b 1px solid;
	margin-right:18px;
	float:left;
}

.kunden_vier{
	width:110px;
	height:75px;
	text-align:left;
	background-color:#fff;
	border:#04436b 1px solid;
	float:left;
}





/*-----------------------TEAM-------------------------*/


.team_box{
	width:504px;
	text-align:left;
	height:130px;
}

.team_pic_one{
	width:109px;
	height:109px;
	background-color:#4876a2;
	float:left;
	border:#04436b 1px solid;
}

.team_pic_two{
	width:109px;
	height:109px;
	background-color:#4876a2;
	float:left;
	border:#04436b 1px solid;
}

.team_text{
	width:270px;
	margin: 0 5px 0 5px;
	height:109px;
	float:left;
}

.team_text_oben{
	width:260px;
	height:43px;
	margin-bottom:5px;
	background-color:#04436b;
	color:#FFFFFF;
	text-align:left;
	padding: 10px 0 0 10px;
}
.team_text_unten{
	width:260px;
	height:43px;
	background-color:#4876a2;
	color:#FFFFFF;
	text-align:right;
	padding: 10px 10px 0 0;
}



/*-----------------------NAVIGATION-------------------------*/

#navitop {
	width:190px;
	height:37px;
	background-color:#c0cbd6;	
}

#navi {
	margin:0;
	border:0;
	padding:0;
	width: 190px;
	text-align:left;
	}
	
#navi ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#navi ul li {
	margin:0;
	padding:0;
	display:inline;
}

#navi ul li a {
	width:190px;
	text-decoration:none;
	display:block;
	}

/* ---------------------------------------------------------------------------------------- */

#navi ul li a#aktuell {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/aktuell.gif");
	}

#navi ul li a:hover#aktuell {
	background:url("../gfx/navi/aktuell_on.gif");
	}

#akt_aktuell {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/aktuell_on.gif");
	}

/* ---------------------------------------------------------- */

#navi ul li a#leistungen {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/leistungen.gif");
	}

#navi ul li a:hover#leistungen {
	background:url("../gfx/navi/leistungen_on.gif");
	}

#akt_leistungen {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/leistungen_on2.gif");
	}

/* ---------------------------------------------------------- */

#navi ul li a#philosophie {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/philosophie.gif");
	}

#navi ul li a:hover#philosophie {
	background:url("../gfx/navi/philosophie_on.gif");
	}

#akt_philosophie {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/philosophie_on.gif");
	}

/* ---------------------------------------------------------- */

#navi ul li a#team {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/team.gif");
	}

#navi ul li a:hover#team {
	background:url("../gfx/navi/team_on.gif");
	}

#akt_team {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/team_on.gif");
	}

/* ---------------------------------------------------------- */

#navi ul li a#kunden {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/kunden.gif");
	}

#navi ul li a:hover#kunden {
	background:url("../gfx/navi/kunden_on.gif");
	}

#akt_kunden {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/kunden_on.gif");
	}

/* ---------------------------------------------------------- */

#navi ul li a#partner {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/partner.gif");
	}

#navi ul li a:hover#partner {
	background:url("../gfx/navi/partner_on.gif");
	}

#akt_partner {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/partner_on.gif");
	}

/* ---------------------------------------------------------- */

#navi ul li a#kontakt {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/kontakt.gif");
	}

#navi ul li a:hover#kontakt {
	background:url("../gfx/navi/kontakt_on.gif");
	}

#akt_kontakt {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/kontakt_on.gif");
	}

/* ---------------------------------------------------------- */

#navi ul li a#impressum {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/impressum.gif");
	}

#navi ul li a:hover#impressum {
	background:url("../gfx/navi/impressum_on.gif");
	}

#akt_impressum {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/impressum_on.gif");
	}

/* ---------------------------------------------------------- */



/*-----------------------SUBNAVIGATION----------------------------------------------------------*/

#subnavi {
	margin:0;
	border:0;
	padding:0;
	width: 190px;
	text-align:left;
	}
	
#subnavi ul {
	list-style:none;
	margin:0;
	padding:0;
	}

#subnavi ul li {
	margin:0;
	padding:0;
	display:inline;
}

#subnavi ul li a {
	width:190px;
	text-decoration:none;
	display:block;
	}

/* ---------------------------------------------------------------------------------------- */

#subnavi ul li a#pr {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/pr_beratung.gif");
	}

#subnavi ul li a:hover#pr {
	background:url("../gfx/navi/pr_beratung_on.gif");
	}

#subakt_pr {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/pr_beratung_on.gif");
	}

/* ---------------------------------------------------------- */

#subnavi ul li a#umsetzung {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/umsetzung.gif");
	}

#subnavi ul li a:hover#umsetzung {
	background:url("../gfx/navi/umsetzung_on.gif");
	}

#subakt_umsetzung {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/umsetzung_on.gif");
	}

/* ---------------------------------------------------------- */

#subnavi ul li a#event {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/event.gif");
	}

#subnavi ul li a:hover#event {
	background:url("../gfx/navi/event_on.gif");
	}

#subakt_event {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/event_on.gif");
	}

/* ---------------------------------------------------------- */

#subnavi ul li a#publicmeansmore {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/public_means_more.gif");
	}

#subnavi ul li a:hover#publicmeansmore {
	background:url("../gfx/navi/public_means_more_on.gif");
	}

#subakt_publicmeansmore {
	margin:0;
	width:190px;
	height:22px;
	margin-bottom:2px;
	background:url("../gfx/navi/public_means_more_on.gif");
	}

/* ---------------------------------------------------------- */

/*-----------------------HEADLINES--------------------------------------------------------------*/

#headline_willkommen {
	width:570px;
	height:37px;
	background-image:url(../gfx/headline/willkommen.gif);
}

#headline_aktuell {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/aktuell.gif);
	}


#headline_leistungen {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/leistungen.gif);
	}
	
#headline_pr {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/pr-beratung.gif);
	}
	
#headline_umsetzung {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/umsetzung.gif);
	}
	
#headline_event {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/event.gif);
	}
	
#headline_publicmeansmore {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/public_means_more.gif);
	}

#headline_philosophie {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/philosophie.gif);
	}

#headline_team {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/team.gif);
	}
	
#headline_kunden {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/kunden.gif);
	}
	
#headline_partner {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/partner.gif);
	}
	
#headline_kontakt {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/kontakt.gif);
	}
	
#headline_impressum {	
	width:570px;
	height:37px;
	background-color: #dae5f0;
	background-image:url(../gfx/headline/impressum.gif);
	}

/*-----------------------HEADERPICS--------------------------------------------------------------*/

#header_pic {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/willkommen.jpg);
	float:left;
	}
	

#header_pic_start {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/start.jpg);
	float:left;
	}

#header_pic_aktuell {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/aktuell.jpg);
	float:left;
	}
	
#header_pic_leistungen {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/leistungen.jpg);
	float:left;
	}
	
#header_pic_pr {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/pr.jpg);
	float:left;
	}
	
#header_pic_philo {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/philosophie.jpg);
	float:left;
	}
	
#header_pic_umsetzung {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/umsetzung.jpg);
	float:left;
	}
	
#header_pic_event {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/event.jpg);
	float:left;
	}
	
#header_pic_pmm {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/public_means_more.jpg);
	float:left;
	}
	
#header_pic_philosophie {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/philosophie.jpg);
	float:left;
	}
	
#header_pic_team {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/team.jpg);
	float:left;
	}
	
#header_pic_kunden {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/kunden.jpg);
	float:left;
	}
	
#header_pic_partner {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/partner.jpg);
	float:left;
	}
	
#header_pic_kontakt {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/kontakt.jpg);
	float:left;
	}
	
#header_pic_impressum {
	width:570px;
	height:140px;
	background-image:url(../gfx/headerpic/impressum.jpg);
	float:left;
	}