/* ======================================================================================== Project: http://www.arcuscollege.nl/ Stylesheet: Arcuscollege Company: Arcuscollege Original authors : Danny Voncken (d.voncken@nexwork.nl) Nexwork, Maastricht (www.nexwork.nl) ------------------------------------------------------------------------------------------ Last change by : Vincent Sijben, 03-05-05 ========================================================================================== */ body { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; background-color: #AFAFAF; text-align: center; } td { font-family: Arial, sans-serif; font-size: 12px; } a { color: #5F933E; font-weight: bold; text-decoration: underline; } a:hover { color: #5F933E; font-weight: bold; text-decoration: none; } img.logo_print { display: none; } H1{font-size: 18px; font-weight: bold; color: #00885F; margin: 24px 0 15px 0;} /* kopjes boven inhoudspagina's - GROEN */ body#home H1 { display: none; } H2{font-size: 12px; font-weight: bold; color: #165B9F; margin: 0;} /* kopjes boven paragrafen op inhoudspagina's - BLAUW */ H3{font-size: 12px; font-weight: bold; color: #165B9F; margin: 0; line-height:18px;} /* kopjes boven nieuwsitems op homepage - BLAUW */ #container{ width: 777px; margin: 0 auto; text-align: left; padding: 15px 50px 50px 50px; background: white url(../media/bg_container.gif) top left repeat-y; } #header { width: 775px; height: 260px; background-image: url(../media/bg_header.gif); } #header img.foto { width: 506px; height: 260px; float: left; border: none; } #header .user { width:269px; height:260px; float: right; } #header #utilities { position: relative; width: 269px; height: 80px; background-color:#E7EEF5; padding: 10px 0 0 0} #header #utilities ul { position: absolute; left: -33px; margin: 0; padding: 0; } #header #utilities li { margin: 0; padding: 0; list-style: none; display: inline; } #header #utilities .sitemap { float: left; width: 25px; height: 25px; text-indent: -9999px; background: transparent url(../media/sitemap.gif) left top no-repeat; text-decoration: none; margin-right: 8px; } #header #utilities .print { float: left; width: 25px; height: 25px; text-indent: -9999px; background: transparent url(../media/print.gif) left top no-repeat; text-decoration: none; margin-right: 8px; } #header #utilities .email { float: left; width: 25px; height: 25px; text-indent: -9999px; background: transparent url(../media/mail.gif) left top no-repeat; text-decoration: none; margin-right: 15px; } #header #utilities form { margin: 0; padding: 3px 0 0 0; } #header #utilities p { margin: 0; padding: 0; } #header #utilities input { border: 1px solid #165b9f; width: 140px; height: 14px; font-family: Arial, Serif; font-size: 12px; } #header #utilities input.checkbox { margin-top: 6px; margin-left: 0px; width: auto; border: 0; } * html #header #utilities input.checkbox { margin-left: -4px; } #header #utilities label { font-family: verdana; font-size: 10px; color: #165b9f; margin-right: 10px; } #header #utilities input.submit { margin: 0 0 0 5px; width: 37px; height: 18px; color: white; font-family: Arial, Serif; font-weight: bold; font-size: 11px; background: #165b9f; } #header #mainmenu { margin: 10px 0 0 0; padding: 4px 0 0 0; width: 269px; height: 154px; background: transparent url(../media/bg_hoofdmenu2.gif) left top no-repeat; } #header #mainmenu ul { list-style: none; margin: 0; padding: 0; } #header #mainmenu li ul { display: none;} #header #mainmenu li { margin: 0; padding: 0; } #header #mainmenu a { display: block; color: white; height: 23px; padding: 1px 0px 3px 44px; background-image: url(../media/bg_navigatie_hoofdmenu_off.gif); line-height: 23px; text-decoration: none;} #header #mainmenu a:hover, #header #mainmenu a.active { color: #EEE661; background-image: url(../media/bg_navigatie_hoofdmenu_over.gif); } #content { width: 776px; background: #fff url(../media/bg_werkveld.gif) right bottom no-repeat; margin: 10px 0 0 0; overflow: hidden;} #content #werkveld { float: left; width: 496px; background-color: white; } #home #content werkveld { margin-bottom: 0px;} #content #pad ul { margin: 0; padding: 0; list-style: none; } #content #pad li { display: inline; } #content #pad li, #content #pad li a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #165B9F; } #home #content h2 { display: block; width: 220px; height: 15px; background: #246CB2; font-size: 11px; font-weight: bold; color: White; margin: 0; padding: 0 0 0 5px; } #home #content h2.empty { text-indent: -9999px; } #home #content h3 { width: 232px; margin: 5px; } #home #content p { width: 232px; margin: 0 5px; line-height: 20px; } #home #content .homepage_blok { width: 496px; height: 210px; margin: 0px 0 0px 0; overflow: hidden; background: #E7EEF5 url(../media/bgcat2.gif) left top repeat-y; } #home #content .homepage_blok2 { width: 496px; height: 210px; margin: 10px 0 0px 0; overflow: hidden; background: #E7EEF5 url(../media/bgcat2.gif) left top repeat-y; } #home #content .cat1foto { width: 248px; height: 195px; float: right;} #home #content object {width: 248px; height: 195px; background-color: #000; margin-left: 4px;} #home #content .leftcol { width: 248px; float: left; overflow: hidden; } #home #content .rightcol { width: 248px; float: right; margin: 0; overflow: hidden; } #home #content .fotobalk { width: 248px; height: 60px; } #home #content .tekst{ font: normal 12px arial; color: #165B9F; width: 232px; margin: 10px 0 0 0; padding: 7px 0 0 8px; line-height: 18px; } #content .paragraaf ul { clear: left; list-style: square; } #content .paragraaf { line-height: 20px; margin-bottom: 20px; overflow: hidden; clear:left; } #content .paragraaf p { margin-top: 0; padding: 0; } #content .paragraaf img { border: 1px solid #1F5F9C; margin: 6px 13px 0 0; float: left; } #content #rechts { float: right; width: 269px; overflow: hidden; } #home #content #rechts { } #content #rechts #informatie { background: transparent url() top left no-repeat;} #content #rechts #informatie ul { margin-bottom: 20px; background: transparent url(../media/linkline_greensubmenu.gif) top left no-repeat; } #content #rechts #language { background: transparent url() top left no-repeat; margin-top:23px; } #content #rechts #language ul { margin-bottom: 20px; background: transparent url(../media/linkline_greensubmenu.gif) top left no-repeat; } #content #rechts ul { margin: 0; padding: 2px 0 0 0; list-style: none; } #content #rechts li { margin: 0; padding: 0; } #content #rechts a { display: block; color: white; margin:0px; height:23px; padding: 1px 0px 3px 44px; background-image: url(../media/bg_navigatie_submenu1_off.gif); line-height: 23px;text-decoration: none;} #content #rechts a:hover, #content #rechts a.active { color: #EEE661; background-image: url(../media/bg_navigatie_submenu1_over.gif); } #content #rechts #submenu { background: #7bb9e1 url(../media/bg_submenu.gif) left top repeat-y; padding: 20px 0; border-bottom: 10px solid white; } #content #rechts #submenu h2 { margin: 0 0 15px 18px; font-family: arial, serif; font-size: 16px; font-weight: bold; color: #36709a; } #content #rechts #submenu ul { background: transparent url(../media/linkline_bluesubmenu.gif) top left no-repeat; } #content #rechts #submenu a { background: transparent url(../media/bg_navigatie_hoofdmenu_suboff.gif) left bottom no-repeat; } #content #rechts #submenu a:hover, #content #rechts #submenu a.active { background: transparent url(../media/bg_navigatie_hoofdmenu_subover.gif) left bottom no-repeat; } #content #rechts #submenu ul#subsubmenu { margin: 0 0 0 45px; padding: 0px; background: none; } #content #rechts #submenu ul#subsubmenu a { padding:0 0 0 15px; background: none; font-weight: normal; } #content #rechts #submenu ul#subsubmenu li>a { height: auto; } #content #rechts #submenu ul#subsubmenu a:hover, #content #rechts #submenu ul#subsubmenu a.active { padding:0 0 0 15px; background: transparent url(../media/bg_subsubmenu.gif) left top no-repeat; font-weight: normal; } #content #rechts #informatie { border-bottom: 10px solid white; } #home #content #rechts #informatie { border-bottom: none } #content #rechts #doelgroepsubmenu { background: #9AC97C; padding: 20px 0; border-bottom: 10px solid white; } #content #rechts #doelgroepsubmenu h2 { margin: 0 0 15px 18px; font-family: arial, serif; font-size: 16px; font-weight: bold; color: #4c792f; } #content #rechts #doelgroepsubmenu ul { background: transparent url(../media/linkline_greensubmenu.gif) top left no-repeat; } #content #rechts #doelgroepsubmenu a { background: transparent url(../media/bg_navigatie_submenu2_off.gif) left top repeat-y; } #content #rechts #doelgroepsubmenu a:hover, #content #rechts #doelgroepsubmenu a.active { background: transparent url(../media/bg_navigatie_submenu2_over.gif) left top repeat-y; } #content #rechts #doelgroepsubmenu ul#subsubmenu { margin: 0 0 0 45px; padding: 0px; background: none; } #content #rechts #doelgroepsubmenu ul#subsubmenu a { padding:0 0 0 15px; background: none; font-weight: normal; } #content #rechts #doelgroepsubmenu ul#subsubmenu a:hover, #content #rechts #doelgroepsubmenu ul#subsubmenu a.active { padding:0 0 0 15px; background: transparent url(../media/bg_subsubmenu.gif) left top no-repeat; font-weight: normal; } #content #rechts a.taal_en { display: block; color: white; width:218px; height:23px; padding: 1px 0px 3px 44px; background-image: url(../media/bg_navigatie_submenu1_uk.gif); line-height: 23px; text-decoration: none;} #content #rechts a.taal_en:hover { color: #EEE661; background-image: url(../media/bg_navigatie_submenu1_uk.gif); } #content #rechts a.taal_du { display: block; color: white; width:218px; height:23px; padding: 1px 0px 3px 44px; background-image: url(../media/bg_navigatie_submenu1_german.gif); line-height: 23px; text-decoration: none;} #content #rechts #language ul ul { background: none; } #content #rechts #language ul.subsubmenu { margin: 0; } #content #rechts #language ul.subsubmenu { margin: 0 0 0 45px; padding: 0px; background: none; } #content #rechts #language ul.subsubmenu a { padding:0 0 0 15px; background: none; font-weight: normal; } #content #rechts #language ul.subsubmenu a:hover, #content #rechts #language ul.subsubmenu a.active { padding:0 0 0 15px; background: transparent url(../media/bg_subsubmenu.gif) left top no-repeat; font-weight: normal; } #content #rechts a.taal_du2 { display: block; color: white; width:218px; height:23px; padding: 1px 0px 3px 59px; background:none; line-height: 23px; text-decoration: none;} #content #rechts a.taal_du2:hover { background: none; } #content #rechts a.taal_du:hover { color: #EEE661; background-image: url(../media/bg_navigatie_submenu1_german.gif);} /* De banner in de rechterkolom die verwijst naar de stagesite */ #content #rechts #language .banner {padding: 0px 0px 0px 0px; height: 75px; margin: 0px 0px 0px 15px; background-image:none; } #content #rechts #language .banner img {border: 0px;} #content .zoekresults ul { list-style: square; } #footer { text-align: left; height: 50px; width: 875px; margin: 0 auto; overflow: hidden; padding: 18px 0 0 70px; background: transparent url(../media/bg_footer.gif) top center no-repeat; font-size: 11px; font-family: Arial, sans-serif; color: #4B4B4B; } #footer ul { margin: 0; padding: 0; list-style: none; } #footer li { display: inline; padding: 0 2px; border-right: 1px solid #4B4B4B; } * html #footer li { margin-right: 3px; } #footer a { color: #4B4B4B; font-weight: normal; text-decoration: none;} #footer a:hover { text-decoration: underline;} /************* OPLEIDINGENGIDS ***********************/ #opleidingsgidszoek input { border: 1px solid #165b9f; width: 140px; height: 14px; font-family: Arial, Serif; font-size: 12px; } #opleidingsgidszoek input.checkbox { width: auto; border: 0; } #opleidingsgidszoek label { font-family: verdana; font-size: 10px; } #opleidingsgidszoek input.submit { margin: 0 0 0 5px; width: 37px; height: 18px; color: white; font-family: Arial, Serif; font-weight: bold; font-size: 11px; background: #165b9f; } #selecteeropleiding { width:483px; margin-bottom: 20px; padding-left: 11px; padding-top: 20px; line-height:23px; border:1px solid #cee2f1; background: white url(media/opleidingengids/bg_balk.jpg) left top no-repeat;} #selecteeropleiding h2 { margin:0 0 11px 0; color: black; } #selecteeropleiding p { margin:0 0 11px 0; } #selecteeropleiding select { width: 475px; } #gevondenopleidingen { width:472px; padding: 0 11px 11px 11px; line-height:23px; border:1px solid #cee2f1; background: white url(../media/opleidingengids/bg_balk.jpg) left top no-repeat;} #gevondenopleidingen h2 { margin: 0 0 11px 0; color: black; } #gevondenopleidingen table { border-collapse: collapse; } #gevondenopleidingen table img { border: 1px solid white; } #gevondenopleidingen table td { border-bottom: 1px solid #ddebf6; padding: 0;} #gevondenopleidingen table th { font-size: 10px; } #gevondenopleidingen table td { padding: 0 3px; margin: 0; } #gevondenopleidingen .kolom1 { width: 50px; } #gevondenopleidingen .kolom2 { width: 278px; } #gevondenopleidingen .kolom3 { width: 32px; text-align: center; padding: 0; } #gevondenopleidingen .opleiding { background: #cce0f0; } #gevondenopleidingen .opleiding td { height: 18px; color: #0066b3; font-weight: bolder; } #gevondenopleidingen .variant { height: 24px; } #gevondenopleidingen .variant a { color: #0066b3; font-weight: normal; text-decoration: underline; } #gevondenopleidingen .variant a.details { text-align: center; font: 11px Arial; font-weight: bold; display:block;background: #0066b3; color: white; padding: 1px 2px; text-decoration: none;} a.deelnemers { background: url(../media/deelnemers.png); background-position:top left; height:164px; width:147px; display:block; text-indent:-99999px; float:left; margin:0 15px 0 0; } a.deelnemers:hover { background-position:bottom left; } a.bedrijven { background: url(../media/bedrijven.png); background-position:top left; height:164px; width:147px; display:block; text-indent:-99999px; float:left; margin:0 15px 0 0; } a.bedrijven:hover { background-position:bottom left; } a.medewerkers { background: url(../media/medewerkers.png); background-position:top left; height:164px; width:147px; display:block; text-indent:-99999px; float:left; } a.medewerkers:hover { background-position:bottom left; } .inlogtoolbox { width:500px; position:relative; } .inlogtoolbox form {border:2px solid #9abbdb; padding:20px; width:440px;} .inlogtoolbox form .field { width:460px; overflow:hidden; margin:0 0 10px 0;} .inlogtoolbox form .field label { width:200px; float:left; padding:0 0 5px 0;} .inlogtoolbox form .field input { width:430px; float:left;} .inlogtoolbox form input.submit { width:80px; position:absolute; bottom:55px; right:40px; float:right; background-color:#246cb2; border:none; padding:4px; color:#fff; margin-right:5px; cursor:pointer; } .inlogtoolbox form input.submit:hover { background-color:#9abbdb; color:#000; } *+html .inlogtoolbox form input.submit { bottom:75px; }