@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */

body {background: url(../img/bgPage.gif) top left #f8f8f8;font: 11px verdana, tahoma, helvetica, geneva, arial;text-align: center;}

h1 {display:none;}
h2 {}
h3 {color:#666;font-size:17px;font-weight:normal;margin:7px 0 7px 0;}
h4 {color:#666;font-size:13px;font-weight:bold;margin:12px 0 7px 0;}
h5 {color:#666;font-size:12px;font-weight:bold;margin: 0 0 6px 0;}
h6 {font-weight:normal;font-style:italic;line-height: 16px;margin:5px 0;}
p,ol {line-height: 17px;}

a	{outline:none;}
strong {color: #666;font-weight:bold;}
em {background-color: #FFF;color:#666;font-style:italic;}
.s {color:#999;font-size:10px;line-height: 15px;}

a { outline: none; }
a:link {background-color: transparent;color: #888;text-decoration: none;}
a:visited {background-color: transparent;color: #888;text-decoration: none;}
a:focus {background-color: transparent;color: #666;text-decoration: none;}
a:hover {background-color: transparent;color: #666;text-decoration: none;}
a:active {background-color: transparent;color: #666;text-decoration: none;}

.mehrLink {background: url(../img/iconPfeil2.gif) no-repeat 2px 5px;padding: 0 0 0 11px;}
.trenner {background: url(../img/trenner.gif) repeat-x 0 6px;height: 16px;}
.alignLeft {float: left;margin: 0 25px 0 0;}
.alignRight {float: right;width:160px;}

.pdf {background: url(../img/iconPDF.gif) no-repeat;padding: 0 0 0 18px;}

/* Icons */

li.download, li.tel, li.fax, li.mail, li.www {display: block;line-height: 16px;margin: 0 0 2px 0;padding-left: 15px;} 
li.img {display: block;line-height: 20px;margin: 0 0 2px 0;padding-left: 20px;} 
li.download {background: url(../img/iconDownload.gif) no-repeat 0 4px;color: #666;}
li.tel {background: url(../img/iconTelefon.gif) no-repeat 0 4px;}
li.fax {background: url(../img/iconTelefax.gif) no-repeat 0 4px;}
li.mail {background: url(../img/iconEmail.gif) no-repeat 0 4px;}
li.www {background: url(../img/iconWWW.gif) no-repeat 0 4px;}
li.img {background: url(../img/iconImage.gif) no-repeat 0 3px;}

a.pdf {background: url(../img/iconPDF.gif) no-repeat;padding: 0 0 0 18px;}
a.download {background: url(../img/iconDownload.gif) no-repeat 0 3px;padding: 0 0 0 20px;}

table#md a.download {

}

#wrapper {margin: 8px auto;width: 928px;}

#abschlussOben {background: url(../img/bgContentOben.png) no-repeat left top transparent;height: 16px;}
#abschlussUnten {background: url(../img/bgContentUnten.png) no-repeat left top transparent;height: 16px;}
#contentArea {background: url(../img/bgContent.png) repeat-y left top transparent;text-align: left;}

/* Logobereich für Mediacenter und  */

#logoArea {margin: 0 50px 24px 50px;padding: 0;}
#logoMediaCenter {float: left;padding: 23px 0 0 0;width: 150px;}
#logoHaufefachmedia {float: right;padding: 20px 0 0 0;width: 150px;}
#logoHaufe {float: right;padding: 29px 0 0 0;width: 100px;}

/* Hauptnavigation: eine Datei mit drei Zuständen */

#mainNav {background: url(../img/navigation.gif) no-repeat 0 0;height: 28px;margin: 0 0 15px 37px;width: 855px;}
#mainNav ul li { float: left;list-style-type: none; }
#mainNav ul li a {display: block;height: 28px;text-indent: -5000px;}
#mainNav ul li#navPrint a {background: url(../img/navigation.gif) no-repeat 0 0; width: 71px;}
#mainNav ul li#navOnline a {background: url(../img/navigation.gif) no-repeat -71px 0; width: 80px;}
#mainNav ul li#navCrossmedia a {background: url(../img/navigation.gif) no-repeat -151px 0; width: 115px;}
#mainNav ul li#navVeranstaltungen a {background: url(../img/navigation.gif) no-repeat -266px 0; width: 146px;}

#mainNav ul li#navPrint a:hover, #mainNav ul li#navPrint a.current {background-position: 0 -28px;}
#mainNav ul li#navOnline a:hover, #mainNav ul li#navOnline a.current {background-position: -71px -56px;}
#mainNav ul li#navCrossmedia a:hover, #mainNav ul li#navCrossmedia a.current {background-position: -151px -84px;}
#mainNav ul li#navVeranstaltungen a:hover {background-position: -266px -112px;}

/* Bannerbereich auf der Startseite */

#banner {background: url(../img/bgBanner.gif) no-repeat 0 0 #FFF;height: 289px;margin: 0 0 15px 0;width: 855px;}
#banner h3 {color: #666;font-size: 18px;font-weight: normal;margin: 0;}
#bannerPrint img, #bannerOnline img, #bannerCrossmedia img, #bannerVeranstaltungen img {margin-bottom: 10px;}
#bannerPrint {background: url(../img/trennerBanner.gif) no-repeat right top transparent;float: left;height: 264px;margin-top: 15px;padding: 0 0 0 15px;width: 199px;}
#bannerOnline {background: url(../img/trennerBanner.gif) no-repeat right top transparent;float: left;height: 264px;margin-top: 15px;padding: 0 0 0 15px;width: 199px;}
#bannerCrossmedia {background: url(../img/trennerBanner.gif) no-repeat right top transparent;float: left;height: 264px;margin-top: 15px;padding: 0 0 0 15px;width: 199px;}
#bannerVeranstaltungen {float: right;height: 264px;padding: 15px 16px 0 0;width: 183px;}

.bannerNav {height: 102px;margin: 8px 0 0 0;overflow: auto;position: relative;width: 183px;}
.bannerNav ul {border-top: 1px solid #A7A7A7;border-bottom: 1px solid #E6E6E6;position: relative;}
.bannerNav ul li {border-bottom: 1px solid #A7A7A7;border-top: 1px solid #E6E6E6;padding: 5px 0;}
.bannerNav li a {background: url(../img/iconPfeil1.gif) no-repeat 5px 3px transparent;color: #666;display: block;padding: 0 0 0 16px;}
.bannerNav li a:hover {color: #333;display: block;padding: 0 0 0 16px;}

/* Portletbereich auf der Startseite */

#portletIndexLeft {float: left;width: 420px;background: url(../img/portletBorder420.gif) no-repeat 0 0;padding-top: 5px;}
#portletIndexRight {float: right;width: 420px;background: url(../img/portletBorder420.gif) no-repeat 0 0;padding-top: 5px;}
#portletIndexLeft .portletContent p,
#portletIndexRight .portletContent p {line-height: 15px;}
#portletIndexLeft .portletContent h4,
#portletIndexRight .portletContent h4 {line-height: 18px;}
.portletIndexFooter {height: 5px;background: url(../img/portletBorderFooter420.gif) no-repeat 0 0;}

/* Breadcrumbs */

#breadcrumbs {color: #A6A6A6;font-size: 10px;margin: 2px 50px 20px 50px;}
#breadcrumbs li {float: left;padding-right: 10px;}
#breadcrumbs li a {background: url(../img/iconPfeil2.gif) no-repeat 0 3px transparent;color: #999;padding-left: 10px;}
#breadcrumbs li a:hover {color: #666;}
#breadcrumbs li a.current {background: url(../img/iconPfeil3.gif) no-repeat 0 4px transparent;color: #666;padding-left: 10px;}

/* Struktur für Contentseiten */

#main {background-color: #FFF;margin-left: 37px;width: 855px;}
#navCol {float: left;width: 165px;}
#contentCol {float: right;width: 681px;}

/* Contentnavigation links */

#contentCol h2 {background: url(../img/trenner.gif) repeat-x left bottom transparent;color: #666;font-size: 17px;font-weight: bold;line-height: 20px;padding: 0 0 10px 0;margin: 0 0 15px 0;}
#contentCol h2.ohneTrenner {background:none;color: #666;font-size: 17px;font-weight: bold;line-height: 20px;padding: 0 0 0 0;margin: 0 0 5px 0;}

#contentCol h3.zw {color: #666;font-size: 14px;font-weight: bold;line-height: 20px;margin: 20px 0 10px 0;}
#navCol #navBeginn {background: url(../img/navBeginn.gif) no-repeat left bottom #FFF;border-bottom: 1px solid #CCC;height: 10px;width: 159px;}
#navCol #navAbschluss {background: url(../img/navAbschluss.gif) no-repeat left top #FFF;border-top: 1px solid #FFF;height: 10px;width: 159px;}

#navCol ul#navbar {width: 159px;}
#navCol ul#navbar a {background: #E6E6E6;color: #666;display: block;padding: 6px 0 6px 28px;}
#navCol ul#navbar a:hover.normal {font-weight:bold;}
#navCol ul#navbar li {border-top: 1px solid #FFF;border-bottom: 1px solid #CCC;}
#navCol ul#navbar li a.active {background: url(../img/iconBullet2.gif) no-repeat 10px 7px #E6E6E6;font-weight: bold;}
#navCol ul#navbar li a.normal {background: url(../img/iconBullet1.gif) no-repeat 10px 7px #E6E6E6;font-weight: normal;}
#navCol ul#navbar li a:link.normal {color: #666;}
#navCol div#subNavbar {border-top: 1px solid #CCC;border-right: 1px solid #F3F3F3;border-left: 1px solid #F3F3F3;padding: 8px 0;}
#navCol div#subNavbar li {border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;}
#navCol div#subNavbar a {background: url(../img/iconPfeil1-hell.gif) no-repeat 10px 7px transparent;border: 0;color: #999;line-height: 17px;padding: 2px 0 2px 22px;}
#navCol div#subNavbar a:hover {background: url(../img/iconPfeil1.gif) no-repeat 10px 7px transparent;color: #666;}
#navCol div#subNavbar a.subActive {background: url(../img/iconPfeil1.gif) no-repeat 10px 7px transparent;color: #666;font-weight: bold;}

/* Contentbereich */

#contentDeko {margin: 0 0 15px 0;}
#contentDeko2 {margin: 0;}

#contentDekoLink {background: url(../img/contentDekoOnlinePortale2.jpg) no-repeat 0 0 transparent;height: 150px;margin: 0 0 15px 0;}
#contentDekoLink_e {background: url(../img/contentDekoOnlinePortale2_e.jpg) no-repeat 0 0 transparent;height: 150px;margin: 0 0 15px 0;}
#contentDekoLink2 {background: url(../img/contentDekoOnlineMessen2.jpg) no-repeat 0 0 transparent;height: 150px;margin: 0 0 15px 0;}
#contentDekoLink2_e {background: url(../img/contentDekoOnlineMessen2_e.jpg) no-repeat 0 0 transparent;height: 150px;margin: 0 0 15px 0;}
#contentDekoLink3 {background: url(../img/contentDekoOnlineNL2.jpg) no-repeat 0 0 transparent;height: 150px;margin: 0 0 15px 0;}
#contentDekoLink4 {background: url(../img/contentDekoOnlineZielgruppen2.jpg) no-repeat 0 0 transparent;height: 150px;margin: 0 0 15px 0;}
#contentDekoLink5 {background: url(../img/contentDekoNachschlagewerke.jpg) no-repeat 0 0 transparent;height: 150px;margin: 0 0 15px 0;}
#contentDekoLink ul, #contentDekoLink2 ul, #contentDekoLink3 ul, #contentDekoLink4 ul, #contentDekoLink2_e ul, #contentDekoLink_e ul, #contentDekoLink5 ul {margin: 0 0 0 525px;padding: 120px 20px 0 0;}
#contentDekoLink li a, #contentDekoLink_e li a,  #contentDekoLink2 li a, #contentDekoLink3 li a, #contentDekoLink4 li a, #contentDekoLink2_e li a, #contentDekoLink5 li a {background: url(../img/iconBullet3.gif) no-repeat 0 1px transparent;display: block;height: 17px;padding: 0 0 0 20px;white-space: nowrap;}

.illu{float:left;padding:3px;border:1px solid #DDD;margin:5px 10px 0 0;}
.titel {border: 1px solid #CCC;float: left;margin: 0 15px 0 0;}
.screenshot {float: left;margin: 0 15px 0 0;}
.screenshotRight {float: right; width: 240px }
.screenshot img, .screenshotRight img {padding: 0 0 5px 0;}
.crossmediaTitel {border: 1px solid #CCC;margin: 5px 0 10px 0;width: 100px;}
.crossmediaScreen {margin: 5px 0 10px 0;width: 150px;}
.download {margin: 0 0 20px 0;}

#contentInnerNav {background: url(../img/bgContentBanner.png) left bottom no-repeat transparent;height: 213px;margin: 0 0 15px 0;width: 681px;}
#contentInnerNav .col_1, #contentInnerNav .col_2  {background: url(../img/trennerBanner2.gif) no-repeat right top transparent;float: left;height: 195px;margin-top: 10px;padding: 0 0 0 15px;width: 212px;}
#contentInnerNav .col_3 {float: right;height: 175px;margin-top: 10px;/*padding: 0 15px 0 0;*/width: 212px;}

#contentInnerNav  .bannerContentNav, 
#contentInnerNav2 .bannerContentNav, 
#contentInnerNav3 .bannerContentNav, 
#contentInnerNav4 .bannerContentNav, 
#contentInnerNav5 .bannerContentNav, 
#contentInnerNav6 .bannerContentNav,
#contentInnerNav7 .bannerContentNav  
{margin: 4px 0 0 0; position: relative;width: 193px;}

#contentInnerNav  .bannerContentNav ul, 
#contentInnerNav2 .bannerContentNav ul, 
#contentInnerNav3 .bannerContentNav ul, 
#contentInnerNav4 .bannerContentNav ul, 
#contentInnerNav5 .bannerContentNav ul, 
#contentInnerNav6 .bannerContentNav ul,
#contentInnerNav7 .bannerContentNav ul
{border-top: 1px solid #A7A7A7;border-bottom: 1px solid #E6E6E6;position: relative;}

#contentInnerNav  .bannerContentNav ul li, 
#contentInnerNav2 .bannerContentNav ul li, 
#contentInnerNav3 .bannerContentNav ul li, 
#contentInnerNav4 .bannerContentNav ul li, 
#contentInnerNav5 .bannerContentNav ul li, 
#contentInnerNav6 .bannerContentNav ul li, 
#contentInnerNav7 .bannerContentNav ul li
{border-bottom: 1px solid #A7A7A7;border-top: 1px solid #E6E6E6;padding: 4px 0;}

#contentInnerNav .bannerContentNav li a,
#contentInnerNav2 .bannerContentNav li a,
#contentInnerNav3 .bannerContentNav li a, 
#contentInnerNav4 .bannerContentNav li a, 
#contentInnerNav5 .bannerContentNav li a, 
#contentInnerNav6 .bannerContentNav li a,
#contentInnerNav7 .bannerContentNav li a
{background: url(../img/iconPfeil1.gif) no-repeat 5px 3px transparent;color: #666;display: block;padding: 0 0 0 16px;}

#contentInnerNav .bannerContentNav li a:hover, 
#contentInnerNav2 .bannerContentNav li a:hover, 
#contentInnerNav3 .bannerContentNav li a:hover,
#contentInnerNav4 .bannerContentNav li a:hover, 
#contentInnerNav5 .bannerContentNav li a:hover, 
#contentInnerNav6 .bannerContentNav li a:hover,
#contentInnerNav7 .bannerContentNav li a:hover
{color: #333;display: block;padding: 0 0 0 16px;}

#contentInnerNav2 {background: url(../img/bgContentBannerKlein.png) left bottom no-repeat transparent;height: 50px;margin: 0 0 15px 0;width: 681px;}
#contentInnerNav2 .col_1, #contentInnerNav2 .col_2  {background: url(../img/trennerBanner3.gif) no-repeat right top transparent;float: left;height: 40px;margin-top: 10px;padding: 0 0 0 15px;width: 212px;}
#contentInnerNav2 .col_3 {float: right;margin-top: 10px;width: 212px;}

#contentInnerNav3 {background: url(../img/bgContentBannerMittel.png) left bottom no-repeat transparent;height: 120px;margin: 0 0 15px 0;width: 681px;}
#contentInnerNav3 .col_1, #contentInnerNav3 .col_2  {background: url(../img/trennerBanner4.gif) no-repeat right top transparent;float: left;height: 115px;margin-top: 10px;padding: 0 0 0 15px;width: 212px;}
#contentInnerNav3 .col_3 {float: right;margin-top: 10px;width: 212px;}

#contentInnerNav4 {background: url(../img/bgContentBanner75.png) left bottom no-repeat transparent;height: 75px;margin: 0 0 15px 0;width: 681px;}
#contentInnerNav4 .col_1, #contentInnerNav4 .col_2  {background: url(../img/trennerBanner5.gif) no-repeat right top transparent;float: left;height: 75px;margin-top: 10px;padding: 0 0 0 15px;width: 212px;}
#contentInnerNav4 .col_3 {float: right;margin-top: 10px;width: 212px;}

#contentInnerNav5 {background: url(../img/bgContentBanner310.png) left bottom no-repeat transparent;height: 310px;margin: 0 0 15px 0;width: 681px;}
#contentInnerNav5 .col_1, #contentInnerNav5 .col_2  {background: url(../img/trennerBanner2.gif) no-repeat right top transparent;float: left;height: 290px;margin-top: 10px;padding: 0 0 0 15px;width: 212px;}
#contentInnerNav5 .col_3 {float: right;margin-top: 10px;width: 212px;}

#contentInnerNav6 {background: url(../img/bgContentBanner260.png) left bottom no-repeat transparent;height: 260px;margin: 0 0 15px 0;width: 681px;}
#contentInnerNav6 .col_1, #contentInnerNav6 .col_2  {background: url(../img/trennerBanner2.gif) no-repeat right top transparent;float: left;height: 235px;margin-top: 10px;padding: 0 0 0 15px;width: 212px;}
#contentInnerNav6 .col_3 {float: right;margin-top: 10px;width: 212px;}

#contentInnerNav7 {background: url(../img/bgContentBanner95.png) left bottom no-repeat transparent;height: 95px;margin: 0 0 15px 0;width: 681px;}
#contentInnerNav7 .col_1, #contentInnerNav7 .col_2  {background: url(../img/trennerBanner6.gif) no-repeat right top transparent;float: left;height: 90px;margin-top: 8px;padding: 0 0 0 15px;width: 212px;}
#contentInnerNav7 .col_3 {float: right;margin-top: 8px;width: 212px;}

#contentMain {float: left;width: 507px;}
#contentMain p {list-style-type:decimal;margin: 0 0 12px 0;}
#contentMain ol {list-style-type:decimal;margin: 0 20px 0 30px}
#contentMain ol li {margin: 0 0 12px 0;}

#contentMain .sonderpublikationen ul {}

.werbeformIcon {float:left;margin:5px 0 0 0;width:80px}
.werbeformDesc {margin-left: 100px}

#contentInfo {float: right;width: 159px;}
#contentInfo h4 {margin: 0 0 6px 0;}
#contentInfo #portlet {margin: 0 0 5px 0;}

.portletsMaincontent {margin: 0 0 15px 0;width: 246px;}
#contentMain #portletsLeft {float: left;margin: 0 0 15px 0;width: 246px;}
#contentMain #portletsRight  {float: right;margin: 0 0 5px 0;width: 246px;}
#contentMain h4.bullet {background: url(../img/iconBullet2-whiteBG.gif) no-repeat 0 2px transparent;padding: 0 0 5px 17px;}

#contentMain h4.on {background: url(../img/iconBullet2-whiteBG.gif) no-repeat 0 2px transparent;padding: 0 0 5px 17px;}
#contentMain h4.off {background: url(../img/iconBullet1.gif) no-repeat 0 2px transparent;padding: 0 0 5px 17px;}

.portletAnzeigenInfo p {margin: 0 0 5px 0;}

.portletContent ul.normal {margin: 3px 0 8px 0;}
.portletContent ul.normal li {background: url(../img/iconPfeil2.gif) no-repeat 0 5px transparent;color: #666;line-height: 15px;padding: 0 0 3px 10px;}

ul.langDE, ul.langUK {background: url(../img/trenner.gif) repeat-x left bottom transparent;margin: 0 0 15px 0;}
ul.langDE li {background: url(../img/iconDE.gif) no-repeat 0 2px transparent;color: #666;line-height: 15px;padding: 0 0 7px 20px;}
ul.langUK li {background: url(../img/iconUK.gif) no-repeat 0 2px transparent;color: #666;line-height: 15px;padding: 0 0 7px 20px;}

ul.square {margin: 3px 0 8px 0;}
ul.square li {background: url(../img/iconSquare.gif) no-repeat 0 5px transparent;color: #666;line-height: 15px;padding: 0 0 3px 10px;}

ul.arrow {margin: 3px 0 8px 0;}
ul.arrow li {background: url(../img/iconPfeil2.gif) no-repeat 0 5px transparent; line-height: 15px;padding: 0 0 3px 10px;}
ul.arrow li a {color: #999;}
ul.arrow li a:hover {color: #666;}

/* Tabellenformatierungen */

#leistungsdaten {margin: 0 0 5px 0;width: 290px;}
#rabatte {margin: 0 0 10px 0;width: 230px;}
#rabatte_e {margin: 0 0 10px 0;width: 300px;}
#werbeformen {margin: 0 0 10px 0;width: 507px;}
#werbeformen2 {margin: 0 0 10px 0;width: 400px;}
#messepakete {margin: 0 0 10px 0;width: 330px;}
#nachschlagewerke {margin: 0 0 10px 0;width: 507px;}
#leistungsdaten2 {margin: 0 0 10px 0;width:230px;}
#leistungsdaten3 {margin: 0 0 0 0;width:100%;}
#leistungsdaten3 td {line-height: 15px;}
#mediadaten {width: 100%;}
#mediadaten td, #mediadaten th {border-right: 1px solid #FFF;margin: 0;padding: 7px 5px;vertical-align: top;}
#mediadaten th {font-weight: bold;}
#mediadaten td.zielgruppe {width:200px;}
#mediadaten td {border-bottom:1px solid #DDD;}
#mediadaten td strong {color:#000;}

#md {
	background-color: #fbfbfb;
	margin: 0 0 15px 0;
}

#md td, #md th {
	border-right: 1px solid #FFF;margin: 0;padding: 8px 5px;vertical-align: top;
}

#md th {
	background-color: #666;
	font-size: 12px;
	font-weight: bold;
	color: #f9f9f9;
}

#md td {border-bottom:1px solid #ccc;}

#md td h4 {font-size: 12px;color: #777;margin: 0 0 6px 0;}

#md td.first {
	background-color: #f0f0f0;
	color: 333;
	font-weight: bold;
}

#md td.second {
	background-color: #e0e0e0;
	color: 333;
	font-weight: bold;	
}

#md td div.logoZelle {
	width: 100%;
	height: 100%;
	position: relative;
}

#md td div.logoZelle .logoHaufe {
	position: absolute;
	top: 10px;
	left: 4px;
}

#md td div.logoZelle .logoRedmark {
	position: absolute;
	top: 4px;
	left: 95px;
}

#md td div.logoZelle .logoCM {
	position: absolute;
	top: 30px;
	left: 4px;
}

#md td div.logoZelle .logoICV {
	position: absolute;
	top: 30px;
	left: 95px;
}

#md td div.logoZelle .logobibu {
	position: absolute;
	top: 4px;
	left: 95px;
}

#md td div.logoZelle .logoStC {
	position: absolute;
	top: 30px;
	left: 4px;
}

#md td div.logoZelle .logoDW {
	position: absolute;
	top: 7px;
	left: 95px;
}

#md td div.logoZelle .logoIW {
	position: absolute;
	top: 35px;
	left: 4px;
}

#md td div.logoZelle .logoMI {
	position: absolute;
	top: 35px;
	left: 95px;
}

#md td div.logoZelle .logoPF {
	position: absolute;
	top: 4px;
	left: 4px;
}

#md td div.logoZelle .logoLexware {
	position: absolute;
	top: 15px;
	left: 95px;
}

#md td div.logoZelle .logoLexware2 {
	position: absolute;
	top: 53px;
	left: 95px;
}

#md td div.logoZelle .logoAC {
	position: absolute;
	top: 5px;
	left: 95px;
}

#md td div.logoZelle .logoPM {
	position: absolute;
	top: 5px;
	left: 95px;
}

#md td div.logoZelle .logoPqu {
	position: absolute;
	top: 40px;
	left: 4px;
}

#md td div.logoZelle .logoWW {
	position: absolute;
	top: 40px;
	left: 95px;
}

#md td div.logoZelle .logoSekretaria {
	position: absolute;
	top: 7px;
	left: 95px;
}

/* Navigation zwischen Mediadatentabellen */

#mediaNav {
	padding-bottom: 1px;
	margin: 25px 1px 0 0;
	text-align: left;
}

#mediaNav li {	
	float: left;
	margin-right: 1px;	
	text-align: center;
	width: 149px;
}

#mediaNav li a {
	background-color: #999;
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 6px 10px 6px 10px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

#mediaNav li a:hover {
	color: #eee;
}

#mediaNav li a.current,  #mediaNav li a:hover.current{
	background-color: #666;
	color: #FFF;
	font-weight: bold;
}

.klein {margin: 0 0 10px 0;width: 270px;}
td, th {border-right: 1px solid #FFF;margin: 0;padding: 7px 5px;vertical-align: top;line-height:16px;}
tr.stripe  {background-color: #F3F3F3;}
tr.stripe3  {background-color: #F0F0F0;}
tr.stripe2  {background-color: #F9F9F9;}
/*tr.abschluss  {background-color: #CCC;height:1px;padding:0;margin:0;}tr.abschluss  {background-color: #CCC;height:1px;padding:0;margin:0;}*/
tr.abschluss td {border-top:1px solid #CCC;height:1px}
th {background-color: #CCC;}
th.sub {background-color: #ddd;border-top: 1px solid #fff;}
td.anzeigengroesze {clear: both;width: 140px;}
td.anzeigengroesze2 {clear: both;width: 135px;}
.tblLeft {float:left;width: 40px;}
.tblRight {float:right; width: 80px;}
.tblLeft2 {/*float:left;width: 85px;*/}
.tblRight2 {/*float:right; width: 35px;*/margin-top: 5px;}
.tblLeft3 {float:left;width: 75px;}
.tblRight3 {float:right; width: 35px;}

.tblLeftChannel {float:left;width: 85px;}
.tblRightChannel {float:right; width: 35px;}

#messepakete .check  {text-align: center;vertical-align: middle}
#nachschlagewerke .check {text-align: center;}

#tbl_NL_Standalone {margin: 0 0 10px 0;}
#tbl_NL_Haufe {margin: 0 0 10px 0;}
#tbl_NL_Standalone td, #tbl_NL_Standalone th, #tbl_NL_Haufe td, #tbl_NL_Haufe th {padding: 5px 3px;}

.werbeformen {
	border: 1px solid #CCC;
	float: left;
	margin: 0 15px 0 0;
	width:150px
}

/* Kästen mit abgerundete Ecken */

.portletContent {overflow:hidden}
.portlet {display:block; background:transparent; font-weight:normal; margin-bottom:1em;}
.portlet p, .portlet ul {line-height:1.4em;}
.portlet p {	margin: 0 0 5px 0;}
.portletContent {display:block; background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:0.2em 0.65em 0.5em 0.6em;}
.portletContent h3 {background:url(../img/trenner.gif) repeat-x 0 bottom transparent;font-size:15px;font-weight:normal;line-height: 18px;margin:0 0 10px 0;padding-bottom:5px}
.portletContent h4 {color:#666;font-size:12px; margin: 5px 0 5px 0;}
.portletContent .dekoPortlet {float: left;margin: 5px 10px 10px 0;width: 100px;}

.border1, .border2, .border3, .border4 {display:block; overflow:hidden; font-size:1px;}
.border1, .border2, .border3 {height:1px;}
.border2, .border3, .border4 {background:#FFF; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.border1 {margin:0 5px; background:#CCC;}
.border2 {margin:0 3px; border-width:0 2px 0 2px;}
.border3 {margin:0 2px;}
.border4 {height:2px; margin:0 1px 0 1px;}

/* Footer */

#footerIndex {background: url(../img/trenner.gif) repeat-x 0 0 transparent;margin: 100px 0 0 37px;padding: 0 0 20px 0;text-align: center;width: 855px;}
#footerDetails {background: url(../img/trenner.gif) repeat-x 0 bottom transparent;margin: 1px 0 0 0;padding: 9px 0;}
#footerDetails ul li {display: inline;}
#footerDetails li {border-right: 1px solid #999;padding: 0 10px;}
#footerContent {background: url(../img/trenner.gif) repeat-x 0 0 transparent;margin: 100px 0 0 211px;padding: 0 0 20px 0;text-align: center;width: 508px;}

#footerDetails_e {background: url(../img/trenner.gif) repeat-x 0 bottom transparent;font-size:10px;margin: 1px 0 0 0;padding: 9px 0;}
#footerDetails_e ul li {display: inline;}
#footerDetails_e li {border-right: 1px solid #999;padding: 0 4px 0 0;}


/* Kurz URLs */

#kurzURL {color: #CCC;font-size: 10px;line-height:15px;margin-top:5px;text-align: center;}

/* Formular acquisa direktmarketing adressbuch */

#adressbuch fieldset { margin: 15px 0; }
#adressbuch legend { display: none; }
#adressbuch .mark { color: #A00;font-size: 12px;vertical-align: middle;padding: 0 0 0 3px; }
#adressbuch input.submit { background: url(../img/bgButton.gif) no-repeat;border: none;color:#666;font-size: 11px; font-family:verdana; font-weight: bold;height: 24px;	padding: 0 10px;width: 197px; }
#adressbuch input.submit:hover { background: url(../img/bgButtonHover.gif) no-repeat;color:#777; }	

#auswahl div { line-height: 17px;margin-bottom: 10px; }
#auswahl div input { float:left;width: 25px; }

#daten div { padding: 6px 0; }
#daten div.stripe { background-color: #F3F3F3; }

#daten input { border-top: 1px solid #999;border-right: 1px solid #CCC;border-bottom: 1px solid #E9E9E9;border-left: 1px solid #CCC; float:left;}
#daten input.error { border: 1px dotted #C00; }
#daten select.error { border: 1px dotted #C00; }

#daten label { display: block;float: left;line-height: 19px;margin-left: 4px;text-align: left;width: 120px;}
#daten label.error {	background: url(../img/error.gif) no-repeat 0 2px;float:left;height: 18px;padding: 0 10px;}
#daten select {float:left;font-family: verdana;font-size:11px;}
#daten option {padding: 3px 0 0 0;}