/* CSS-Formatierungen fuer Dynamic Systems
* Author: Anja Püttmann, schalk&friends - agentur fuer neue medien gmbh
* Einsatz: Browser, die sich weitestgehend an Vorgaben des W3C orientieren
* ------------------------------------------------------------------------------ */

/* Breadcrumb
-------------------------------------------------------------------------------- */


#breadcrumb ul {
	width: 710px;
	margin: 0;
	list-style-type: none !important;
	position: absolute;
	top: 83px;
	left: 246px;
	color: #FFFFFF;
}

#breadcrumb ul li {
	float: left;
	font-size: 110%;
	font-weight: bold;
}

#breadcrumb ul li a {
	color: #FFFFFF;
	font-weight: normal;
	margin-right: 3px;
}

/*#breadcrumb ul {
	width: 688px;
	float: left;
	margin-bottom: 20px !important;
	list-style-type: none !important;
}

.contentCenter #breadcrumb ul {
	width: 446px;
}

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

/* 2-spaltiger Content
-------------------------------------------------------------------------------- */
#pageWrapper #contentOuterWrapper #contentWrapper {
	margin-top: 130px;
	clear: both;
	min-height: 180px;
}

#pageWrapper #contentOuterWrapper .content2erWrapper {
	background: transparent url(/media/images/css/content2er-main.png) no-repeat bottom left;
}

#pageWrapper #contentOuterWrapper #contentInnerWrapper {
	margin-top: -130px;
	float: left;
	width: 968px;
}

#pageWrapper #contentOuterWrapper .content2erInnerWrapper {
	background: transparent url(/media/images/css/content2er-top.png) no-repeat top left;
}

.contentLeft {
	width: 237px;
	padding: 15px 5px 15px 4px;
	float: left;
}

.contentLarge {
	width: 688px;
	padding: 15px 19px 22px 15px;
	float: left;
	min-height: 130px;
}

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

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

.contentLeft h3 {
	font-size: 140%;
	margin-bottom: 0.5em;
	margin-left: 15px;
	margin: 0 15px 0.5em 15px;
	color: #003888;
	text-transform: uppercase;
}

#contentWrapper p {
	margin-bottom: 1em;
}

#contentWrapper #contentInnerWrapper .contentCenter ul,
#contentWrapper #contentInnerWrapper .vorschaltInfo ul {
	margin-bottom: 1em;
	list-style-type: disc;
	margin-left: 15px;
}

.inhalt {
	width: 480px;
}

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

.inhalt ul {
	font-size: 120%;
	margin-bottom: 1em;
	list-style-type: disc;
	margin-left: 15px;
}

.inhalt ul li {
	margin-bottom: 0.2em;
}


/* 3-spaltiger Content
-------------------------------------------------------------------------------- */
#pageWrapper #contentOuterWrapper .content3erWrapper {
	background: transparent url(/media/images/css/content3er-main.png) no-repeat bottom left;
	padding-bottom: 20px;
}

#pageWrapper #contentOuterWrapper .content3erInnerWrapper {
	background: transparent url(/media/images/css/content3er-top.png) no-repeat top left;
}

.contentCenter {
	width: 446px;
	padding: 15px;
	float: left;
}

/* Marginalspalte */
.marginal {
	/*width: 207px;
	padding: 15px 20px 15px 19px; */
	float: left;
	width: 246px;
}

.marginal h2 {
	text-transform: uppercase;
}

.marginal .marginalBox {
	background: transparent url(/media/images/css/margbox-bottom-big.gif) no-repeat bottom left;
	width: 212px;
	padding: 10px 17px 15px 17px;
}

.marginal .first {
	padding-top: 15px;
}

.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: 160px;
	text-align:left;
}

.marginal .person img {
	float: left;
	margin-bottom: 5px;
}
.marginal .person h3 {
	font-size: 110%;
	margin-bottom: 0;
}

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

.marginal .telefon {
	clear: both;
	background: transparent url(/media/images/css/bg-telefon.gif) no-repeat top left;
	width: 212px;
	height: 21px;
	text-align: center;
	padding-top: 5px;
	font-size: 110%;
}

.marginal .email {
	background: transparent url(/media/images/css/bg-email.gif) no-repeat top left;
	width: 212px;
	height: 21px;
	text-align: center;
	padding-top: 5px;
	font-size: 110%;
}

.marginal .marginalAlone {
	width: 212px;
	padding: 10px 17px 15px 17px;
}

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

.datenblatt {
	background: transparent url(/media/images/css/bg-datenblatt.png) no-repeat top left;
	width: 167px;
	height: 21px;
	text-align: center;
	padding-top: 5px;
	margin-top: 1em;
	font-size: 110%;
}

.produkttabelle {
	font-size: 120%;
	/*line-height: 140%*/
}

#contentWrapper .produkttabelle h2 {
	font-size: 120%;
}

.produkttabelleinnen {
	font-size: 100%;
}

.prodUl {
	font-size: 120%;
	line-height: 140%;
}


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

.ppfBoxLast {
	border-right: none;
}

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

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

.ppfWrapper .ppfRow a:hover,
.ppfWrapper .ppfRowLast a:hover {
	background: transparent url(/media/images/css/bg-ppfbox-blue.png) repeat top left;
}

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

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

.ppfWrapper h1 {
	margin-bottom: 0.2em;
}


/* CONTENT
------------------- */
table.auflistung {
	margin: 2em 0 1em 0;
	width: 480px;
}

table.auflistung td {
	border-top: 1px solid #CDCFD0;
	padding: 10px 0;
}

#contentWrapper table.auflistung td h1 {
	font-size: 130%;
}

#contentWrapper table.auflistung td p {
	margin-bottom: 0.5em;
}

table.auflistung td.logo {
	text-align: center;
	vertical-align: middle;
}

table.auflistung td.logo img {
	margin-top: 0;
}

table.auflistung td.text {
	font-weight: bold;
	vertical-align: middle;
}

#contentWrapper table.auflistung td.text p {
	margin-bottom: 0;
}

table.auflistung td.news {
	padding: 10px;
}

table.borderBottom {
	border-bottom: 1px solid #CDCFD0;
	margin-bottom: 2em;
}

#archivSuche h2.abstOben {
	margin-top: 3em;
}

.partner {
	border-top: 1px solid #CDCFD0;
	padding: 10px;
	float: left;
	width: 460px;
}

.partner img {
	float: left;
	margin: 15px 30px 20px 0;
}

.akttabelle {
	font-size: 120%;
	line-height: 140%;
}

.akttabelle td {
	padding: 5px;
	border: 1px solid #003888;
	text-align: center;
}

.akttabelle td.akttext {
	text-align: left;
	font-weight: bold;
}

.akttabelle td.legende {
	font-weight: normal;
}


/* GOOGLEMAP
------------------- */
#contentWrapper #gmapmarker h1 {
	font-size: 140%;
}

#contentWrapper #gmapmarker p {
	margin-bottom: 0.2em;
}

#google_map {
	float: left;
	width: 450px;
}

#adresse {
	float: right;
	width: 200px;
}

/* ANFAHRTSRECHNER
------------------- */
.routenplaner {
	margin-top: 30px;
}

/* SUCHE 
------------------- */
#suche {
	clear: both;
	color: #003888;
	width: 210px;
	height: 17px;
	line-height: 0;
	padding-top: 7px;
}

#suche #suchefrm {
	line-height: 0;
	height: 17px;
}

a.suchelink  {
	color: #003888;
	font-size: 1.0em; /* angezeigt als 12px */
	margin-left: 2px;
	width: 225px;
	background: transparent url(/media/images/css/pfeil-navi-weiss.gif) no-repeat center left;
	padding-left: 12px;
}

#suche #suchefrm input.sucheinput {
	width: 100px; 
	height: 13px; 
	font-size: 11px; 
	padding: 1px; 
	border: 1px solid #003888;
}

#suchetextmag {
	margin-right: 5px;
}

.trefferliste {
	margin: 10px 0 5px 0;
}

.treffersprungmarke {
	font-size: 110%; 
}