/* GENERAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; } html { } .clear { clear: both } p.bold { font-weight: bold; } p.color_pp { font-weight: normal; color: #E61D9C; font-size: 12px; margin-bottom: 30px } input { margin-bottom: 4px;} #imedia .paragraph { border-bottom: 1px solid #cccccc; padding: 20px 0px 20px 0px } #imedia .paragraph_header { font-weight: bold; border-bottom: 1px solid #cccccc; padding: 0px 0px 20px 0px} #picturepack .paragraph { border-bottom: 1px solid #cccccc; padding: 0px 0px 20px 0px } #picturepack .paragraph_header { font-weight: bold; border-bottom: 1px solid #cccccc; padding: 0px 0px 20px 0px} /* HEADERS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #imedia h1 { color: #ff6908; font-weight: bold; font-size: 20px; padding-bottom: 15px } #imedia h2 { color: #ff6908; font-weight: bold; font-size: 20px; padding-left: 180px; padding-bottom: 15px } #picturepack h1 { color: #E61D9C; font-size: 34px; margin-top: 6px } #picturepack h2 { color: #E61D9C; font-size: 14px; font-weight: bold } #picturepack h3 { color: #666666; font-size: 14px; font-weight: bold; margin-top:25px } #picturepack h4 { color: #E61D9C; font-size: 18px; margin-bottom: 10px; font-weight: bold } /* HYPERLINKS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .links { color: #f0a01c; } #imedia a:link, #imedia a:active, #imedia a:visited { color: #ff6908; text-decoration: none;} #imedia a:hover { text-decoration: underline } #imedia a.active { color: #ff6908 } #imedia a.active:hover { text-decoration: underline } #picturepack a:link, #picturepack a:active, #picturepack a:visited { color: #E61D9C; text-decoration: none;} #picturepack a:hover { text-decoration: underline } #picturepack a.active { color: #E61D9C } #picturepack a.active:hover { text-decoration: underline } /* PORTAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #portal { background: url(../img/bg_start.gif) #ffffff center center no-repeat } #portal .left a { display: block; height: 200px; width: 200px; background: url(../img/button_portal_left.gif); float: left; margin: 15px 0px 15px 15px} #portal .left a:hover { background: url(../img/button_portal_left_ro.gif)} #portal .right a { display: block; height: 200px; width: 200px; background: url(../img/button_portal_right.gif); float: left; margin: 15px 0px 15px 0px} #portal .right a:hover { background: url(../img/button_portal_right_ro.gif)} #portal #container { border: 1px solid #E8E8E8; text-align: center; width: 435px; height: 235px; position: absolute; left: 50%; top: 50%; margin: -117px 0px 0px -217px; background: url(../img/portal_container.gif) } /* GENERAL ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #imedia #container .left, #picturepack #container .left { float: left; width: 726px} #imedia #container .right, #picturepack #container .right_menu { float: right; width: 200px} #mainmenu { position: fixed } /* IMEDIA ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #imedia { background: url(../img/bg_imedia.gif) #ff6908 center center no-repeat } #imedia #container { border: 0px solid #FFFFFF; width: 926px; position: absolute; left: 50%; margin-left: -462px; margin-top: 50px; } #imedia #header {background: url(../img/imedia_container_top.gif) no-repeat; height: 200px; } #imedia #content { background: url(../img/imedia_container_content.gif) repeat-y;padding: 30px 20px 20px 20px } #imedia #footer { background: url(../img/imedia_container_footer.gif) no-repeat; height: 34px; } #imedia #mainmenu li { margin-bottom: 15px } #imedia #mainmenu ul { margin: 20px 0px 0px 20px } #imedia #mainmenu li a { color: #ffffff; font-weight: bold; font-size: 14px} td.subject { width: 180px; font-weight: bold; vertical-align: top } th { height: 35px; vertical-align: top; } td.dotted {background: url(../img/dots.gif) repeat-x center; height: 20px } th.subject { width: 180px; font-weight: bold; vertical-align: top; border-bottom: none } /* PICTURE PACK ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #picturepack { background: url(../img/bg_pp.gif) #E61D9C center center no-repeat } #picturepack #container { border: 0px solid #FFFFFF; width: 926px; position: absolute; left: 50%; margin-left: -462px; margin-top: 0px } #picturepack #container.regular { margin-top: 0px} #picturepack #header { overflow:auto; background: no-repeat; } #picturepack .regular #header { background: url(../img/picturepack_container_regular_top.gif) no-repeat; height: 53px; } #picturepack #header .text { padding: 250px 0px 0px 20px; width: 425px; } #picturepack #content { background: url(../img/picturepack_container_content.gif) repeat-y;padding: 30px 20px 20px 20px; } #picturepack .regular #content { padding: 0px 20px 0px 20px; } #picturepack #footer { background: url(../img/picturepack_container_footer.gif) no-repeat; height: 34px; } #picturepack #content .left { float: left; width: 180px } #picturepack #content .right { float: left; margin-left: 15px; width: 490px; } #picturepack #mainmenu ul { margin: 60px 0px 0px 20px } #picturepack #mainmenu li a { color: #ffffff; font-size: 14px} #mainmenu li.MenuLevel0 { font-weight: bold; margin-top: 15px } #mainmenu li.MenuLevel0Active { font-weight: bold; margin-top: 15px; } #mainmenu li.MenuLevel1, #mainmenu li.MenuLevel1Active { padding-left: 15px; } #contact_home { font-size: 12px; margin-top: 30px } .image_pp { background: url(../img/picturepack.gif) no-repeat; width: 180px; height: 249px } #lang { position: absolute; top:-28px; left: 20px; color: #FFFFFF } #lang a:link, #lang a:active,#lang a:visited { color: #FFFFFF; text-decoration: none;} #lang a:hover { text-decoration: underline; color: #FFFFFF } #lang a.active { color: #FFFFFF } #lang a.active:hover { text-decoration: underline; color: #FFFFFF } #lang { position: absolute; top: 20px; left: 20px; color: #FFFFFF } /* ME BACK ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #togglediv { border: 1px solid #ccc; } #togglediv .input { border: 1px solid #ededed ;background: #F6F6F6; width: 160px } #contactform .input { border: 1px solid #ededed ;background: #F6F6F6; width: 280px } /* LOGOS ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #logos img { border: 0px solid #ddd; padding: 4px }