/* generic */
* { padding: 0px; margin: 0px; border: 0 none; text-decoration: none; }
html, body {
	height: 100%;
	background-image: url(../pics/pp_back_main.gif);
	font-family: Verdana, Geneva, sans-serif;
}

/* boxes */
#mainbox {
	background-image: url(../pics/pp_back_main.gif);
}
#topbox {
	margin: 0px;
	padding: 60px 0px 20px 30px;
}
#mainnavbox {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-image: url(../pics/pp_back_navigation.gif);
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 100%;
}
#secnavbox {
	border-bottom: 1px solid #000;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	width: 100%;
}
#newsbox {
	width: 200px;
	margin: 0px;
	padding: 40px 0px 0px 30px;
}
#contentbox {
	position: absolute;
	left: 280px;
	top: 19px;
	width: 582px;
	margin: 0px;
	padding: 0px;
	background-image: url(../pics/pp_back_content.gif);
	color: #333333;
}

#contentbox #content {
	padding: 10px;
	margin: 0px;
	width: 560px;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	font-size: 10px;
	/* letter-spacing: 1px; */
}

#contentbox #content table, #contentbox #content tr, #contentbox #content td, #contentbox #content th {
	border: none !important;
	margin: 0px;
	padding: 0px;
}

#contentbox #bottombox {
	margin: 0px;
	padding: 19px 5px 0px 0px;
	width: 581px;
	background: #DCDCDC url(../pics/pp_back_main.gif);
	height: 50px;
	text-align: right;
	font-size: 10px;
	color: #fff;
}

#contentbox #content h1 {
	font-size: 10px;
	color: #000000;
	font-weight: bold ;
}

#contentbox #content .titel {
	font-size: 10px;
	color: #000000;
	font-weight: bold ;
}

#contentbox #content .description {
	font-size: 10px;
	color: #silver;
	font-weight: bold ;
}

/* boxcontent */
#mainnavbox ul {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	margin-left: 30px;
	margin-right: 30px;
	width: 250px;
}
#mainnavbox ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#mainnavbox ul li a {
	display: block;
	width: 130px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#mainnavbox ul li a span {
	display: none;
	margin-left: -1000px;
}
#mainnavbox ul li a.news {
	background-image: url(../pics/pp_m_news_n.gif);
}
#mainnavbox ul li a.news:hover, #mainnavbox ul li a.newsactive {
	background-image: url(../pics/pp_m_news_h.gif);
}
#mainnavbox ul li a.leistungen {
	background-image: url(../pics/pp_m_leistungen_n.gif);
}
#mainnavbox ul li a.leistungen:hover, #mainnavbox ul li a.leistungenactive {
	background-image: url(../pics/pp_m_leistungen_h.gif);
}
#mainnavbox ul li a.portfolio {
	background-image: url(../pics/pp_m_portfolio_n.gif);
}
#mainnavbox ul li a.portfolio:hover, #mainnavbox ul li a.portfolioactive {
	background-image: url(../pics/pp_m_portfolio_h.gif);
}
#mainnavbox ul li a.referenzen {
	background-image: url(../pics/pp_m_referenzen_n.gif);
}
#mainnavbox ul li a.referenzen:hover, #mainnavbox ul li a.referenzenactive {
	background-image: url(../pics/pp_m_referenzen_h.gif);
}
#mainnavbox ul li a.ueberuns {
	background-image: url(../pics/pp_m_ueberuns_n.gif);
}
#mainnavbox ul li a.ueberuns:hover, #mainnavbox ul li a.ueberunsactive {
	background-image: url(../pics/pp_m_ueberuns_h.gif);
}
#mainnavbox ul li a.kontakt {
	background-image: url(../pics/pp_m_kontakt_n.gif);
}
#mainnavbox ul li a.kontakt:hover, #mainnavbox ul li a.kontaktactive {
	background-image: url(../pics/pp_m_kontakt_h.gif);
}
#mainnavbox ul li a.studio {
	background-image: url(../pics/pp_m_studio_n.gif);
}
#mainnavbox ul li a.studio:hover, #mainnavbox ul li a.studioactive {
	background-image: url(../pics/pp_m_studio_h.gif);
}

#secnavbox ul {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	margin-left: 30px;
	margin-right: 30px;
	width: 250px;
}
#secnavbox ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#secnavbox ul li a {
	display: block;
	width: 154px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
}
#secnavbox ul li a span {
	margin: 0px;
	padding: 0px;
	display: none;
	margin-left: -1000px;
}
#secnavbox ul li a.dreidgrafik {
	background-image: url(../pics/pp_s_3dgrafik_n.gif);
}
#secnavbox ul li a.dreidgrafik:hover, #secnavbox ul li a.dreidgrafikactive {
	background-image: url(../pics/pp_s_3dgrafik_h.gif);
}
#secnavbox ul li a.webdesign {
	background-image: url(../pics/pp_s_webdesign_n.gif);
}
#secnavbox ul li a.webdesign:hover, #secnavbox ul li a.webdesignactive {
	background-image: url(../pics/pp_s_webdesign_h.gif);
}
#secnavbox ul li a.printdesign {
	background-image: url(../pics/pp_s_printdesign_n.gif);
}
#secnavbox ul li a.printdesign:hover, #secnavbox ul li a.printdesignactive {
	background-image: url(../pics/pp_s_printdesign_h.gif);
}
#secnavbox ul li a.interaktivemedien {
	background-image: url(../pics/pp_s_interaktivemedien_n.gif);
}
#secnavbox ul li a.interaktivemedien:hover, #secnavbox ul li a.interaktivemedienactive {
	background-image: url(../pics/pp_s_interaktivemedien_h.gif);
}
#secnavbox ul li a.videoproduktion {
	background-image: url(../pics/pp_s_videoproduktion_n.gif);
}
#secnavbox ul li a.videoproduktion:hover, #secnavbox ul li a.videoproduktionactive {
	background-image: url(../pics/pp_s_videoproduktion_h.gif);
}

#newsbox dl {
	margin-top: 20px;
	font-size: 10px;
	color: #111111;
}
#newsbox dt {
	margin-top: 20px;
	font-weight: bold;
}
#newsbox dd {
	border-bottom: 1px dashed #000;
	padding-bottom: 3px;
	letter-spacing:0px;
	line-height:12px;
}

#newsbox a {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#newsbox a:link { color:#888888; }
#newsbox a:visited { color:#888888; }
#newsbox a:focus { color:#000000; }
#newsbox a:hover { background-color: #111111; color:#FFFFFF;}
#newsbox a:active { color:#ffffff; }

#contentbox a:link {
	color:#333;
}
#contentbox a:visited { color:#AAAAAA; }
#contentbox a:focus { color:#000000; }
#contentbox a:hover { background-color: #111111; color:#FFFFFF;}
#contentbox a:active { color:#ffffff; }

p {
	font-size: 10px;
	color: #444444;
}

.important { background-color: black; color: silver; }