@import url("boxes.css");

/* GLOBAL */
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; }
body { font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #000000; background: #ffffff; }
h1 { font: 20px Tahoma, Helvetica, Arial, Verdana, sans-serif; font-weight: bold; margin: 7px 0px 16px 0px; }
h1.seo-heading { font-size: 33px; }
h2 { font: 16px/14px Tahoma, Helvetica, Arial, Verdana, sans-serif; color: #000000; margin: 16px 0px 0px 0px; }
p { margin: 7px 0px 9px 0px; }
img { border: 0px; }
a { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { padding: 3px 10px 4px 10px; margin: 3px 10px 4px 10px; }
li { padding: 0px; margin: 0px; }

/* FORMS */
form { padding: 0px; margin: 0px; display: inline; }
input { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000000; padding: 2px; margin: 1px 0px; border: 1px #000000 solid; background: #ffffff; }
.button { height: 19px; font-size: 14px; line-height: 14px; color: #ffffff; padding: 0px; background: #cccccc; }

/* ELEMENTS */
#topbanner { text-align: center; background: #d6d8d9; }
#topbanner2 { text-align: center; background: #d6d8d9; }
#topbanner3 { text-align: center; padding: 24px 0px 20px 0px; background: #d6d8d9 url(images/topbanner02.jpg) no-repeat; }
#topbanner img { margin: 0px 0px 0px 524px; }
#topnav { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #5d5d5d; clear: both; }
#topmenu { width: 875px; margin: 0px auto; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; }
#topmenu .links, #topmenu .current { font-size: 14px; text-align: center; border-right: 1px solid #ffffff; float: left; display: inline; }
#topmenu a { color: #ffffff; text-decoration: none; padding: 6px 10px; display: block; }
#topmenu a:hover { background: #464646; }
#topmenu .current { background: #2f2f2f; }

#subnav { border-bottom: 1px solid #ffffff; background: #a8a8a8; clear: both; }
#submenu { width: 875px; height: 20px; margin: 0px auto; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; }
#submenu .links, #submenu .current { font-size: 11px; line-height: 14px; text-align: center; border-right: 1px solid #ffffff; float: left; display: inline; }
#submenu a { color: #ffffff; text-decoration: none; padding: 2px 14px 4px 14px; display: block; }
#submenu a:hover { background: #989898; }
#submenu .current { background: #898989; }

#wrap { background: url(images/fade-bg.gif) repeat-x center top; }
#content { width: 881px; padding: 16px 0px 16px 6px; margin: 0px auto; }
#colWrap { width: 881px; padding: 16px 0px 16px 6px; margin: 0px auto; }

#footerwrap { padding: 5px 0px; border-top: 1px solid #dbdbdb; background: url(images/fade-bg.gif) repeat-x center top; }
#footer { width: 875px; font-size: 11px; line-height: 14px; color: #a6a6a6; margin: 0px auto; }
#footer a { color: #999999; text-decoration: none; }
#footer a:hover { color: #999999; text-decoration: none; }
#breadcrumbs { width: 460px; float: left; display: inline; }
#logininfo { width: 400px; text-align: right; float: right; display: inline; }

#duet { font: 9px Arial, Helvetica, Verdana, sans-serif; color: #fafafa; text-align: center; margin: 20px 0px 0px 0px; }
#duet a { font: 9px Arial, Helvetica, Verdana, sans-serif; text-decoration: none; color: #fafafa; }

.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }

/* TYPO3 fixes */
.tiplink, .tx_tipafriend_tiplink { display: inline; }