/* Layout, Typo */
body { height: 100%; margin: 0; padding: 0; background: #FFFFFF url(/img/global_bg.png) repeat-y; font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 10pt; }
p { margin: 0 0 12pt 0; line-height: 16pt; color: #6F6F6F; font-style: normal; }
a { text-decoration: none; color: #AE121D; }
#content h3 { margin: 20pt 0 9pt 0; color: #6F6F6F; font-size: 11pt; font-weight: bold; }
#content h4 { margin: 0px 0 9px 0; color: #6F6F6F; font-size: 9pt; font-weight: bold; }
p.toplink { margin: 22px 0px 0px 0px;  }
.small { line-height: 13pt; font-size: 8pt;  }
.hide { display:  none; }
.clear { clear: both; margin: 0; }
.imp { font-size: 8pt; margin: 0 0 8pt 0; line-height: 12pt; color: #6F6F6F; font-style: normal; }
.nobreak { white-space: nowrap; }
img {border:none;}
.imgleft { float: left; margin-right: 20px; }
.imgright { float: right; margin-left: 20px; }
.subscript { line-height: 2px; }

/* headlines */
.head_start { height: 38px; text-indent: -9999px; background: #FFFFFF url(/img/heads/immer_qualifiziert.gif) no-repeat; }
.head_drucksachen { height: 38px; text-indent: -9999px; background: #FFFFFF url(/img/heads/einfach_gute_drucksachen.gif) no-repeat; }
.head_drucke { height: 38px; text-indent: -9999px; background: #FFFFFF url(/img/heads/poster_fotos_proofs.gif) no-repeat; }
.head_internet { height: 38px; text-indent: -9999px; background: #FFFFFF url(/img/heads/wir_bringen_sie_ins_Internet.gif) no-repeat; }
.head_team { height: 38px; text-indent: -9999px; background: #FFFFFF url(/img/heads/unsere_mannschaft.gif) no-repeat; }
.head_kontakt { height: 38px; text-indent: -9999px; background: #FFFFFF url(/img/heads/so_finden_sie_uns.gif) no-repeat; }


/* Menu */
#menu { display: block; position: fixed; top: 0; left: 0; width: 280px; padding: 0; }
* html #menu { position: absolute; }
#menu h1 { width:  93px; height:  35px; margin: 93px 0 38px 190px; background: #FFFFFF url(/img/mayart-logo.gif) no-repeat; }
#menu a { margin: 0 0 4px 190px; outline: none; }
#menu a.nav_start { display: block; height: 22px; width: 90px; background: url(/img/nav_start.png) no-repeat; }
#menu a.nav_start:hover { background-position: 0 -22px; }
#menu a.nav_drucksachen { display: block; height: 22px; width: 90px; background: url(/img/nav_drucksachen.png) no-repeat; }
#menu a.nav_drucksachen:hover { background-position: 0 -22px; }
#menu a.nav_drucke { display: block; height: 22px; width: 90px; background: url(/img/nav_drucke.png) no-repeat; }
#menu a.nav_drucke:hover { background-position: 0 -22px; }
#menu a.nav_internet { display: block; height: 22px; width: 90px; background: url(/img/nav_internet.png) no-repeat; }
#menu a.nav_internet:hover { background-position: 0 -22px; }
#menu a.nav_team { display: block; height: 22px; width: 90px; background: url(/img/nav_team.png) no-repeat; }
#menu a.nav_team:hover { background-position: 0 -22px; }
#menu a.nav_kontakt { display: block; height: 22px; width: 90px; background: url(/img/nav_kontakt.png) no-repeat; }
#menu a.nav_kontakt:hover { background-position: 0 -22px; }
#menu a.selected { background-position: 0 -22px; }

/* Content */
#content { display: block; width: 510px; margin: 0 0 0 340px; padding: 152px 0 50px 0; }
#content h2 { margin: 0 0 20px 0; }
* html #content h2 { margin: 0; }
h2.head { height: 28px; text-indent: -9999px; }
.colleft { width: 210px; float: left; }
.colright { width: 300px; float: right; }

/* Team */
#team { margin-top: 30px;  clear: both; min-height:200px; }

/* Webseiten */
.webs_row { clear: both; }
.webs_img { float: left; width: 300px;  }
.webs_text { float: right; width: 205px; margin-top: 35px; }
.webs_text ul {list-style:none; margin:12px 10px 1.0em 0px;}
.webs_text ul li {margin:3px 0 0.2em 2px; padding:0 0 0 12px; background:url(/img/bg_bullet_full_1.gif) no-repeat 0 0.7em; color: #6F6F6F; line-height: 13pt; font-size: 9pt;  }
.webs_text h5 { margin: 0pt 0 0pt 0; color: #6F6F6F; font-size: 9pt; font-weight: bold; line-height: 13pt; }
.webs_text a { text-decoration: none; color: #AE121D; }
p.intertext { padding-top:12px; }
a.interdigicom { float: right; display: block; height: 211px; width: 300px; background: url(/content/webseiten/digicom.jpg) no-repeat; text-indent: -9999px; margin: 10px 0 0 -10px;padding-right: 10px; }
a.interdigicom:hover { background-position: 0 -211px; }
a.intermayfoto { float: left; display: block; height: 211px; width: 300px; background: url(/content/webseiten/mayfoto.jpg) no-repeat; text-indent: -9999px; margin: 10px 0 0 -10px;padding-right: 10px; }
a.intermayfoto:hover { background-position: 0 -211px; }
a.interrenata { float: right; display: block; height: 211px; width: 300px; background: url(/content/webseiten/renata.jpg) no-repeat; text-indent: -9999px; margin: 10px 0 0 -10px;padding-right: 10px; }
a.interrenata:hover { background-position: 0 -211px; }
a.interpuchner { float: right; display: block; height: 211px; width: 300px; background: url(/content/webseiten/puchner.jpg) no-repeat; text-indent: -9999px; margin: 10px 0 0 -10px;padding-right: 10px; }
a.interpuchner:hover { background-position: 0 -211px; }
a.interzfa { float: right; display: block; height: 211px; width: 300px; background: url(/content/webseiten/zfa.jpg) no-repeat; text-indent: -9999px; margin: 10px 0 0 -10px;padding-right: 10px; }
a.interzfa:hover { background-position: 0 -211px; }
a.interbvdm { float: right; display: block; height: 211px; width: 300px; background: url(/content/webseiten/bvdm.jpg) no-repeat; text-indent: -9999px; margin: 10px 0 0 -10px;padding-right: 10px; }
a.interbvdm:hover { background-position: 0 -211px; }

/* Drucksachen Slider */
#slider { width: 510px; margin: 0 0 0 0; position: relative; }
.scroll { height: 620px; overflow: auto; position: relative; /* fix for IE to respect overflow */ clear: left; background: #EEEFEF; }
.scrollContainer div.panel { padding: 20px; height: 210px; width: 590px; /* change to 560px if not using JS to remove rh.scroll */ }
.scrollButtons { position: absolute; top: 305px; cursor: pointer; }
.scrollButtons.left { left: -26px; }
.scrollButtons.right { right: -25px; }
ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; }
ul.navigation li { display: inline; margin-right: 10px; }
ul.navigation a { padding: 10px; color: #6F6F6F; text-decoration: none; font-style: normal; }
ul.navigation a:hover { background-color: #f4f6f6; }
ul.navigation a.selected { background-color: #EEEFEF; }
ul.navigation a:focus { outline: none; }
.panel a { outline: none; color: #333;}
.panel a:hover { color: #AE121D; }
img.prod {  float: left; margin: 0 10px 10px 0;}
#p_eckert { margin: 32px 0 0 0; display: block; height: 110px; width: 470px; background: url(/content/drucksachen/thumbs/eckert_ci.png) no-repeat; text-indent: -9999px;}
#p_eckert:hover { background-position: 0 -110px; }
#p_renata { margin: 32px 0 0 0; display: block; height: 110px; width: 470px; background: url(/content/drucksachen/thumbs/renata_ci.png) no-repeat; text-indent: -9999px;}
#p_renata:hover { background-position: 0 -110px; }
#p_puchner { margin: 32px 0 0 0; display: block; height: 110px; width: 470px; background: url(/content/drucksachen/thumbs/puchner_ci.png) no-repeat; text-indent: -9999px;}
#p_puchner:hover { background-position: 0 -110px; }
#p_kopfzentrum { margin: 22px 0 0 0; display: block; height: 110px; width: 470px; background: url(/content/drucksachen/thumbs/kopfzentrum_ci.png) no-repeat; text-indent: -9999px;}
#p_kopfzentrum:hover { background-position: 0 -110px; }
.katalog_row { clear: both; width: 470px; vertical-align: bottom; }
#p_puchner_katalog { margin-left:6px; float: left; display: block; height: 300px; width: 225px; background: url(/content/drucksachen/thumbs/puchner_katalog.jpg) no-repeat; text-indent: -9999px;}
#p_puchner_katalog:hover { background-position: 0 -300px; }
#p_beier_katalog { margin-right:10px; float: right; display: block; height: 240px; width: 244px; background: url(/content/drucksachen/thumbs/beier_katalog.jpg) no-repeat; text-indent: -9999px;}
#p_beier_katalog:hover { background-position: 0 -240px; }
.brosch_row { clear: both; width: 470px; vertical-align: bottom; }
#p_repro_brosch { float: left; display: block; height: 163px; width: 260px; background: url(/content/drucksachen/thumbs/Reproduktion_Farbe_brosch.jpg) no-repeat; text-indent: -9999px;}
#p_repro_brosch:hover { background-position: 0 -163px; }
#p_roman_brosch { margin-right:10px; float: right; display: block; height: 180px; width: 240px; background: url(/content/drucksachen/thumbs/roman16_brosch.jpg) no-repeat; text-indent: -9999px;}
#p_roman_brosch:hover { background-position: 0 -180px; }
#p_zfa_brosch { float: left; display: block; height: 180px; width: 140px; background: url(/content/drucksachen/thumbs/zfa_im_mf_brosch.jpg) no-repeat; text-indent: -9999px;}
#p_zfa_brosch:hover { background-position: 0 -180px; }
#p_fdki_brosch { margin: 20px 0 0 20px; float: left; display: block; height: 250px; width: 178px; background: url(/content/drucksachen/thumbs/fdki_brosch.jpg) no-repeat; text-indent: -9999px;}
#p_fdki_brosch:hover { background-position: 0 -250px; }
#p_fwg_brosch { margin-right:20px; float: right; display: block; height: 250px; width: 178px; background: url(/content/drucksachen/thumbs/fwg_brosch.jpg) no-repeat; text-indent: -9999px;}
#p_fwg_brosch:hover { background-position: 0 -250px; }

/* logoslide */		
#logoslide ul, #logoslide li { margin:0; padding:0; list-style:none; }
#logoslide li { width:470px; height:440px; overflow:hidden; }
#prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:0px; top:400px; }	
#prevBtn{ left:205px; }
#nextBtn{ left:260px; }				

/* Drucke Preisliste Simple Toggle */
*, * focus { outline: none; margin: 0; padding: 0; }
h6.trigger { padding: 0 0 0 26px; margin: 8px 0 0 0; background: url(/img/h2_trigger_a.png) no-repeat; height: 25px; line-height: 25px; width: 510px; font-size: 1em; font-weight: bold; float: left; }
h6.trigger a { color: #555; text-decoration: none; display: block; }
h6.trigger a:hover { color: #AE121D; }
h6.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { margin: 0px 0px 10px 0px; padding: 0px; overflow: hidden; font-size: 1.2em; width: 510px; clear: both; }

/* Drucke Preisliste Tabelle */
table { width: 100%; font-size: 12px; line-height: 12pt; color: #555; text-align: left; border-collapse: collapse; border: 1px solid #CCC; border-top: none; }
tr.kopf { background-image: url(/img/tab_head.gif); background-repeat: repeat-x; }
tr.odd { background-color: #f4f6f6; }
tr.odd:hover { background-color: #AE121D; color: #ffffff; font-weight:bold;}
tr.even { background-color: #fff; }
tr.even:hover { background-color: #AE121D; color: #ffffff; font-weight:bold;}
tr,th,td { padding: 4px 0 4px 8px; vertical-align: top; }
td { border-left: 1px solid #dadada; }
th { border-left: 1px solid #dadada; }
th.tabfirst { width: 200px; }

/* Smartphone Switch */
.mobileswitch { 	-webkit-border-radius: 14px !important; border: 1px solid #adadad !important; background-color: #fff !important; margin-left: 340px !important; margin-right: auto !important; padding: 15px !important; margin-bottom: 40px !important; text-align: left !important; color: #222 !important; position: absolute !important; clear: both !important; width: 375px !important; font: bold x-large/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif; }
.mobileswitch a { float: right !important; position: relative !important; right: 15px !important; height: 34px !important; width: 77px !important; top: 6px !important; background: url(/img/off.jpg) no-repeat ! important; display: block !important; }