/* CSS-Formatierungen fuer Dynamic Systems
* Autor: Anja Püttmann, schalk&friends - agentur fuer neue medien gmbh
* Einsatz: Stylesheet für die Druckausgabe
* ------------------------------------------------------------------------------ */

/* ALLGEMEIN
-------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	background: none;
	width: 99%;
}

ol, ul {
	list-style: none;
}

h1, h2, h3, h4 {
	margin-top: 0;
	padding-top: 0;
}

h2 {
	font-size: 140%;
	margin-bottom: 0.5em;
	color: #003888;
}

td, th {
	vertical-align: top;
}

#menu, #serviceLinks,
#footer, p.center, 
.partnerRight, #carrouselWrapper,
.contentLeft,
.marginal .email {
	display: none;
}

img {
	border: none;
}

input {
	margin-left: 15px;
}

#branding {
	margin-bottom: 30px;
	display: block;
}


/* STARTSEITE */

.portletWrapper {
	margin-top: 25px;
	clear: both;
}

.portletInnerWrapper {
	margin-top: -25px;
	float: left;
	width: 99%;
}

.portletLeft {
	width: 100%;
	padding: 15px;
	border-bottom: 1px solid #003888;
}

.portletCenter {
	width: 100%;
	padding: 15px;
	border-bottom: 1px solid #003888;
	float: left;
}

.portletRight {
	width: 207px;
	padding: 15px;
	clear: both;
	border-bottom: 1px solid #003888;
}

.portletWrapper h1 {
	font-size: 120%;
	margin-bottom: 0.5em;
	color: #003888;
}

.portletWrapper h2 {
	font-size: 100%;
	margin-bottom: 0.5em;
	color: #000;
}

.portletWrapper h3 {
	font-size: 90%;
	margin-bottom: 1em;
	color: #003888;
}

.portletLeft p {
	margin-bottom: 1.5em;
}

.portletCenter img {
	float: right;
	margin-left: 20px;
}

/* Partnerbereich */
.partnerWrapper {
	clear: both;
	height: 51px;
}

.partnerLeft {
	width: 100%;
	padding: 15px;
	color: #003888;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}

.partnerCenter {
	width: 80%;
	padding: 0;
	float: left;
}


/* INNENSEITEN
-------------------------------------------------------------------------------- */

#contentWrapper h1 {
	font-size: 150%;
	margin-bottom: 0.5em;
	color: #003888;
}

#contentWrapper h2 {
	font-size: 120%;
	margin-bottom: 0.5em;
	color: #003888;
}


/* Breadcrumb */
#breadcrumb ul {
	width: 99%;
	float: left;
	margin-bottom: 20px !important;
	list-style-type: none !important;
	margin-left: 0;
	padding-left: 0;
}

.contentCenter #breadcrumb ul {
	width: 99%;
}

#breadcrumb ul li {
	float: left;
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
}


/* 2-spaltiger Content */
.contentLarge {
/*	width: 99%;*/
	padding: 15px;
}


/* 3-spaltiger Content */
.contentCenter {
	width: 97%;
	padding: 15px;
	border-bottom: 1px solid #003888;
}


/* Produktportfolio */
.ppfBox {
	border-right: 1px solid #cdcfd0;
	border-bottom: 1px solid #cdcfd0;
	width: 220px;
	float: left;
	height: 203px;
	position: relative;
}

*html .ppfBox {
	width: 210px;
}

.ppfBoxLast {
	border-right: none;
}

.ppfRowLast .ppfBox,
.ppfRowLast .ppfBoxLast {
	border-bottom: none;
}

.ppfWrapper a {
	color: #333;
	text-align: center;
	text-decoration: none;
	padding: 0 9px 10px 9px;
	width: 202px;
	height: 193px;
	display: block;
}

*html .ppfWrapper a {
	width: 192px;
}

.ppfWrapper .ppfBoxText {
	position: absolute;
	bottom: 0;
	left: 9px;
	width: 202px;
}

.ppfWrapper img {
	margin-top: 9px;
}

.ppfWrapper h1 {
	margin-bottom: 0.2em;
	font-size: 140%;
	color: #003888;
}


/* Produktdetailseite */
.produktBild {
	float: right;
	margin: 0 0 15px 15px;
}

.datenblatt {
	width: 167px;
	height: 21px;
	text-align: center;
	padding-top: 5px;
}


/* MARGINALSPALTE */
.marginal {
	float: left;
	width: 97%;
	padding: 15px;
}

.marginal h2 {
	text-transform: uppercase;
}

.marginal .marginalBox {
	border-bottom: 1px solid #003888;
}

.marginal ul {
	list-style-type: disc;
	margin: 0 0 10px 15px;
	font-size: 110%;
}

.marginal ul li {
	margin: 0 0 0.3em 0;
}

.marginal .person {
	float: left;
	width: 300px;
}

.marginal .person img {
	float: right;
}

.marginal .person h3 {
	font-size: 110%;
	margin-bottom: 0 !important;
}

.marginal .person .personLeft {
	width: 150px;
	float: left;
}

.marginal .telefon {
	clear: both;
	padding-top: 5px;
}

#sitemap {
/*	border: 1px solid #999;*/
}