/* DMG Stiftung Innovative Zahnmedizin ----------------------------------- Ministry.BBS interactive communication GmbH ----------------------------------- Blau: 009ee0 Grau: 666666 Grau: 555555 ----------------------------------- */ body {background: url('images/page.bg.gradient.gif') repeat-x 0 120px; font: normal 12px/16px Verdana, Arial, sans-serif; color: #555; padding-bottom: 20px;} #mainWrapper {background: url('images/page.bg.shadow.bottom.png') no-repeat bottom left; margin: auto; padding: 0 0 10px 0; width: 974px;} #mainWrapperInner {background: url('images/page.bg.shadow.png') repeat-y top left; margin: auto; padding: 0 7px; position: relative;width: 960px;} /* Navigation */ ul#mainNav {background: url('images/mainnav.edges2.png') repeat-x top center; bottom: 0; font-size: 14px; height: 43px; right: 30px; position: absolute; } ul#mainNav li {display: inline-block; margin: 0; float:left;} ul#mainNav li a {background: url('images/mainnav.edges2.png') repeat-x top center; color: #666; display: block; height: 25px; padding: 18px 20px 0 20px; text-transform: uppercase;} ul#mainNav li.active a, ul#mainNav li a:hover {background-position: bottom center; color: #009ee0;} ul#mainNav li:first-child a {background: url('images/mainnav.edges2.png') repeat-x top left;} .lilastchild a {background: url('images/mainnav.edges2.png') repeat-x top right !important; } ul#mainNav li:first-child.active a {background: url('images/mainnav.edges2.png') repeat-x left bottom;} ul#mainNav li a.liLastChildActive {background: url('images/mainnav.edges2.png') repeat-x right -43px !important; } ul#mainNav li.lilastchild a.active, .lilastchild a:hover {background: url('images/mainnav.edges2.png') repeat-x right bottom !important; } ul#mainNav li.seperator {width:1px; background: url('images/mainnav.seperator.gif') no-repeat; height:43px; } ul#metaNav {color: #009ee0; font-size: 10px; position: absolute; right: 25px; top: 10px;} ul#metaNav li {background: url('images/divider.meta.png') no-repeat center left; display: inline-block; float:left; padding: 0 10px;} ul#metaNav li:first-child {background: none; padding-left: 0;} ul#metaNav li a {color: #009ee0; text-decoration: none;} ul#metaNav li a:hover, ul#metaNav li a:active, ul#metaNav li.active a {text-decoration: underline;} ul#subNav {background: url('images/subnav.bg.jpg') no-repeat top right; margin-top: 20px; min-height: 330px; padding-top: 20px; width: 130px;} ul#subNav li {text-align: right; font-family: "MyriadPro", Verdana, Arial, sans-serif; font-size: 14px; line-height: 120%; text-transform: uppercase;} ul#subNav li.current {padding-top: 2px;} ul#subNav li.current, ul#subNav li.current a {background: url('images/subnav.bg.active.jpg') no-repeat top right #fff;} ul#subNav li a {color: #666; display: block; padding: 10px 10px 8px 10px;} ul#subNav li.current a {background-position: bottom right; color: #009ee0;} ol li h3 {position: absolute; top: 7px; left: -15px; margin: 0; padding: 0; width: 10px; text-align: right;} ol li {position: relative; padding: 5px 0 5px 0px; margin: 0px 0 0px 15px;} #mainHeader {height: 100px; padding: 10px 30px; position: relative;} #mainContent {position: relative;} #mainContent.home {background: url('images/content.bg.top.jpg') no-repeat top left; padding: 230px 30px 10px 30px; } #mainContent.full {background: url('images/content.bg2.top.jpg') no-repeat top left; padding: 45px 30px 10px 30px; } #mainWrapper img.shadowBottom {position: relative; bottom:-20px; left: -37px;} #mainContent #contentIntro {height: 150px; left: 30px; position: absolute; top: 50px; width: 520px;} /* boxes with line header */ #mainContent div.box50 {width: 445px;} #mainContent div.boxContent {background: url('images/box.bg.header.png') repeat-x top left; min-height: 440px; padding: 0 10px;} #mainContent div.boxBorderL {background: url('images/box.border.l.png') top left no-repeat; padding-left: 10px;} #mainContent div.boxBorderR {background: url('images/box.border.r.png') top right no-repeat; padding-right: 9px;} /* full box without line */ #mainContent div.boxFull div.boxContent {background: url('images/box2.bg.header.png') repeat-x top left; padding-top: 50px;} #mainContent div.boxFull div.boxBorderL {background: url('images/box2.border.l.png') left -1px no-repeat; padding-left: 7px;} #mainContent div.boxFull div.boxBorderR {background: url('images/box2.border.r.png') right -1px no-repeat; padding-right: 8px;} #mainContent div.boxMeta div.boxContent {background: url('images/box3.bg.header.png') repeat-x top left; padding-top: 50px;} #mainContent div.boxMeta div.boxBorderL {background: url('images/box3.border.l.png') left 0 no-repeat; padding-left: 7px;} #mainContent div.boxMeta div.boxBorderR {background: url('images/box3.border.r.png') right 0 no-repeat; padding-right: 8px;} #mainContent div.boxContent div.contentLeft {float:left;width:500px;} #mainContent div.boxContent div.contentRight {float:left;width:200px;margin:20px 0 0 100px;} #mainContent div.boxContent ul.tabs {float: right; height: 31px; position: relative; right: -13px; overflow: hidden;} #mainContent div.boxContent ul.tabs li {display: inline-block; float:left;background: none;} #mainContent div.boxContent ul.tabs li a {display: inline-block; font-family: "MyriadPro", Verdana, Arial, sans-serif; font-size: 14px; height: 20px; padding: 8px 10px 5px 10px; text-transform: uppercase;} #mainContent div.boxContent ul.tabs li a:link, #mainContent div.boxContent ul.tabs li a:visited {color: #555;} #mainContent div.boxContent ul.tabs li a:hover, #mainContent div.boxContent ul.tabs li a:active {color: #009ee0;} #mainContent div.boxContent ul.tabs li a.current {background: #fff; border: 1px solid #dadada; border-bottom: none; color: #009ee0 !important;} #mainContent div.boxContent ul + h2, #mainContent div.boxContent div.panes {clear: both; padding-top: 20px;} #mainContent div.boxContent div.dividerS {background: url('images/divider.s.png') bottom center no-repeat; margin: 20px 0 10px 0; padding-bottom: 10px;} #mainContent div.boxContent div.dividerS h3 {padding-top: 0 !important;} #mainContent div.boxContent h1 {font-size: 18px; padding-bottom: 5px; margin: 0;} #mainContent div.boxContent ul.bullet li {background: url('images/bullet.gif') no-repeat left 6px; padding: 0 0 10px 10px; } #mainContent div.boxContent .creole ul li {background: url('images/bullet.gif') no-repeat left 6px; padding: 0 0 10px 10px; } #mainContent div.boxContent ul.subline {padding-left: 20px;} #mainContent div.boxContent ul.subline li {width: 140px; display:inline-block; float: left; text-align: center;} #mainContent div.pager {padding: 20px 0; text-align: center;} #mainContent div.pager a {background: url('images/pager.png') no-repeat bottom center; display: inline-block; height: 19px; text-indent: -9999px; width: 15px;} #mainContent div.pager a.current {background-position: center 1px;} #mainContent div.highlight {background: url('images/highlight.bg.gif') no-repeat bottom left; margin-top: 5px;} #mainContent div.highlight > span {background: url('images/highlight.bg.gif') no-repeat top left; display: block; height: 5px; position: relative; top: -5px;} #mainContent div.subContent {float: right; width: 710px; padding-top: 30px;} #mainContent form {display: block; font-size: 10px;} #mainContent fieldset {padding: 5px 10px 10px;} #mainContent input[type=text], #mainContent input[type=password], #mainContent textarea {height:18px;background: url('images/input_l.gif') repeat-x top left; border: 0; color: #555; font-size: 10px; margin-right: 5px; padding: 3px 2px 1px;} #mainContent form span.obligatory {float: right;} #mainContent form .error {color: #c00 !important;} #mainContent div.highlight select {display: block;} #mainContent div.highlight input[type=radio] {display: inline-block; margin-right: 10px; position: relative; top: 2px;} #mainContent div.highlight label {display: inline-block; margin: 5px 0;} #mainContent form > fieldset > div.label {display: block; clear: left; float: left; font: normal 12px/16px "MyriadPro", Verdana, Arial, sans-serif; text-transform: uppercase; width: 120px; padding: 7px 0 0 0;} #mainContent form > fieldset > label.replace {display: block; clear: left; float: left; font: normal 12px/16px "MyriadPro", Verdana, Arial, sans-serif; text-transform: uppercase; width: 120px; padding: 7px 0 0 0;} #mainContent form > fieldset > div.label label {display: inline; float: none; width: auto; padding: 0 !important;} #mainContent form > fieldset > div.label span.flir-span {display: none;} #mainContent form > fieldset > input, #mainContent form > fieldset > textarea, #mainContent form > fieldset > select {float: left; margin: 5px 0;} #mainContent input + span {display: inline-block; float: left; padding:5px 20px 0 5px;} #mainContent form .inputS {width: 53px; background: url('images/input_s.gif') no-repeat top left !important;} #mainContent form .inputM {width: 163px; background: url('images/input_m.gif') no-repeat top left !important;} #mainContent form .inputL {width: 225px;} #mainContent form .inputXL {width: 317px; background: url('images/input_xl.gif') no-repeat top left !important;} #mainContent form .inputXM {width: 252px; background: url('images/input_xm.gif') no-repeat top left !important;margin-left:3px;} #mainContent textarea {background: url('images/input_textarea.gif') repeat-x top left !important; height:112px; width: 317px;} /* beiräte */ div.profileBox {background: url('images/divider.profilebox.png') no-repeat bottom left; float: left; margin: 10px 0 30px 0; padding: 0 0 10px 30px; position: relative; width: 250px;} div.profileBox dl {position: absolute; bottom: 10px; right: 0; width: 170px;} div.profileBox dl dt {text-align: center; color: #009ee0; font-family: "MyriadPro", Verdana, Arial, sans-serif; font-size: 14px; text-transform: uppercase;} div.profileBox dl dd {text-align: center;} /* beiräte 2 */ div.profileBox2 {float: left; margin: 10px 0 20px 0; position: relative; width: 230px;} div.profileBox2 dl {position: absolute; bottom: 0; left: 80px; width: 130px;} div.profileBox2 dl dt {color: #009ee0; font-family: "MyriadPro", Verdana, Arial, sans-serif; font-size: 14px; text-transform: uppercase;} div.profileBox2 dl dd {} /* overlays */ div.overlay {background: url('images/overlay.bg.png') top left; display:none; min-height: 200px; padding: 20px 30px 30px 20px; width: 680px; z-index:1000;} div.overlay .header {background: url('images/overlay.top.png') no-repeat top left; height: 36px; left: 0; padding: 10px 30px 0 20px; position: absolute; top: -36px; vertical-align: baseline; width: 680px;} div.overlay .header h3 {display: inline-block; vertical-align: middle;} div.overlay .header span {display: inline-block; vertical-align: middle; padding-top: 2px;} div.overlay .content {background: url('images/divider.overlay.jpg') no-repeat bottom left; min-height: 300px; overflow: hidden; position: relative;} div.overlay .content img.portrait {position: absolute; bottom: 1px; right: 0;} div.overlay .footer {background: url('images/overlay.bottom.png') no-repeat bottom left; bottom: -14px; height: 14px; left: 0;position: absolute; width: 730px;} div.overlay .portrait {background: no-repeat bottom right;} div.overlay .close {background: url('images/overlay.close.png') no-repeat center center; position:absolute; right:5px; top:-30px; height:35px; width:35px; z-index: 2000; cursor: pointer;} noscript div.overlay {display: block; top: 100px; left: 120px; position: absolute; height: 400px;} /* slider */ div.slider { border: 1px solid #dadada; border-top: 0; margin: 10px 0; } div.slider > h5 { height: 20px; line-height: 20px; padding: 0 10px; background: url(images/slider.bg.gif) top left; font-weight: normal; } div.slider > h5.clickable:hover, div.slider > h5.clickable.active { color: #009ee0; cursor: pointer; } div.slider > div { padding: 5px 10px; border-top: 1px solid #dadada; } /* tables */ table th {padding: 5px 30px 5px 0;} table th.subhead {font-weight: bold;} table td {padding: 5px;} table.vita {width: 500px; margin-bottom: 20px;} /* global headlines + typo*/ h1, h2, h3, h4 {color: #009ee0; font-family: "MyriadPro", Verdana, Arial, sans-serif; text-transform: uppercase; line-height: 120%;} h1 {font-size: 30px; margin-bottom: 15px;} h2 {font-size: 18px;} h3 {font-size: 14px; padding: 10px 0 5px 0;} h4 {font-size: 14px; color:#555;} #mainContent div.boxContent p {padding: 5px 0;} /* floats + clears and global styles */ .floatR {float: right;} .floatL {float: left;} .clear {clear: both;} .small {font-size: 10px !important;} img.floatR {margin: 0 0 10px 50px;} strong {font-weight: bold;} strong span {color: #009ee0;} a {color:#009ee0;text-decoration:none;} a:hover {text-decoration:underline;} /* buttons */ a.btn {display: inline-block; height: 20px; text-indent: -9999px; background: transparent no-repeat top left;} a.download {background: url('images/btn.download.png') no-repeat top left; display: block; float: right; height: 20px; text-indent: -9999px; width: 121px;} a.buy {background: url('images/btn.buy.png') no-repeat top left; display: block; float: right; height: 20px; text-indent: -9999px; width: 105px;} a.arrow, a.arrowUp {background: url('images/arrow.gif') no-repeat 0px 6px; font-weight:bold; padding-left:10px;} a.arrowUp {background: url('images/arrow.up.gif') no-repeat 0px 6px;} /* footer */ div#footer {padding: 30px 40px 10px 0; text-align: right;} div#footer a {margin-left: 20px;} /* tooltips */ div#tooltip {display: none; position: absolute;} div#tooltip .tooltipInner {float: left; background: url('images/tooltip.end.png') no-repeat top right; display: inline-block;} div#tooltip .content {float: left; background: url('images/tooltip.png') no-repeat top left; padding: 12px 10px 0 15px; height: 45px; display: inline-block; margin-right: 12px; color: #009ee0; font-weight: bold;} /* presse */ div.hr {clear: both; height: 1px; background: transparent url(images/hr.gif) top left no-repeat; margin: 20px 0 20px 0; } div.hr hr {display: none; } div.newsCanvas {width: 870px; overflow: hidden; } div.newsCanvas .news {width: 910px; } div.newsCanvas .item {float: left; position: relative; width: 415px; height: 100px; margin: 0 40px 25px 0; background: transparent url(images/news.bg.gif) center bottom no-repeat; } div.newsCanvas .item .details {position: absolute; bottom: 25px; left: 0; } div.newsCanvas .item div.download {position: absolute; bottom: 15px; right: 20px; width: 150px;} div.newsCanvas .item div.download span {clear: both; display: block; padding-top: 5px; text-align: right; white-space:nowrap;} div.seminarCanvas {font-size:10px;} div.seminarCanvas a {font-size:11px;} div.seminarCanvas .item {padding-bottom:15px; margin: 0 0px 15px 0; background: transparent url(images/news.bg.gif) center bottom no-repeat; } div.seminarCanvas .item .details {float:left; width:240px;margin-top:10px;} div.seminarCanvas .item .ref {float:left; width:150px;margin-top:10px; }