/* ========================================================================================== Project: Vroedvrouwenschool Maastricht, nieuwe website 2005 Original author : Gaston Jamin (g.jamin@nexwork.nl) ------------------------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------- Basis opbouw ----------------------------------------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; background-color: #4e4d4a; text-align: left; padding: 0px; margin: 0px 30px 0px 0px; behavior:url("csshover.htc");} #paginacontainer{ overflow: hidden; background-color: white;} #utilcontainer{ height: 32px; background-color: #afada6; border-bottom: 1px solid #8b8a85; margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px; border-right: 0px solid #c2c0bc; } #fotocontainer{ height: 168px; margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px; text-align: right; background-image: url(../images/header_fotobalkbg.jpg); background-repeat: repeat-x; } #contentcontainer{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: none; margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; } *html #contentcontainer{ height: 1%; } #footercontainer{ position: relative; height: 53px; background-image: url(../images/footercontainer_bg.gif); background-repeat: repeat-x; margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px; } #hszuyd { position: absolute; top: 0; width: 200px; height: 83px;} .printlogo{ display: none;} /* Dit logo staat hard in de html, en wordt in het print-css gebruikt */ /* ----------------------------------------------------------------------------------------- Utilities: inhoud van de utilcontainer ----------------------------------------------------------------------------------------- */ #utilities { float: right; width: 185px; height: 32px; margin: 0px 20px 0px 0px; padding: 0, 0, 0, 0px; background-color: none;} #utilities ul { margin: 0; padding: 0; } #utilities li { display: inline; list-style: none;} #utilities a { background: transparent url(../images/btn_home.gif) left top no-repeat; height: 30px; float: right; text-decoration: none; text-indent: -9999px; } #utilities a:hover { background-position: left bottom; } #utilities .btn_taal-nl {background-image: url(../images/btn_taal-nl.gif); width: 28px;} #utilities .btn_taal-en {background-image: url(../images/btn_taal-en.gif); width: 28px;} #utilities .btn_home { background-image: url(../images/btn_home.gif); width:25px;} #utilities .btn_mail { background-image: url(../images/btn_mail.gif); width: 28px;} #utilities .btn_print { background-image: url(../images/btn_print.gif); width: 33px;} #utilities .btn_sitemap { background-image: url(../images/btn_sitemap.gif); width: 37px;} #utilities .btn_bookmark { background-image: url(../images/btn_bookmark.gif); width: 33px;} #quicknav{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-align: right; width: 260px; background-color: none; float: right; margin: 6px 5px 0px 0px; padding: 0px 0px 0px 0px; line-height: 0px; border: 0px solid #84837e; } #quicknav form{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: none; } #quicknav select{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #75736e; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 150px; height: 17px; text-align: left; border: 1px solid #84837e; cursor: pointer; } #zoeken{ width: 200px; background-color: none; float: right; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } #zoeken form{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-color: none; } #zoeken input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #75736e; width: 130px; margin: 0px 0px 0px 0px; padding: 2px 0px 0px 5px; text-align: left; background-color: #f8f7f5; border: 1px solid #84837e; height: 15px; } #zoeken .btn_submit{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #75736e; width: 50px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; border: 1px solid #84837e; background-color: #f8f7f5; cursor: pointer; height: 19px; } /* ----------------------------------------------------------------------------------------- Logo en header-onderdeel Logo is de container voor het random logo plaatje (afhankelijk van taal en soort), en het blauw blokje is het achtergrondblokje achter de foto aan de rechterkant van het ontwerp. ----------------------------------------------------------------------------------------- */ #logo{ background-color: none; width: 327px; height: 168px; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } #logo img{ border: 0px;} #blauwblokje{ /* de blauwe achtergrond achter de PNG-foto */ position: absolute; top: 121px; right: 60px; width: 243px; height: 80px; background-color: #003366; z-index: 10; } *html #blauwblokje{ right: 59px; } /* ----------------------------------------------------------------------------------------- 5 Fotobalken Opleiding ----------------------------------------------------------------------------------------- */ #fotobalk_opl1{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_opl-01.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_opl1{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_opl-01.png',sizingMethod='image'); } #fotobalk_opl2{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_opl-02.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_opl2{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_opl-02.png',sizingMethod='image'); } #fotobalk_opl3{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_opl-03.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_opl3{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_opl-03.png',sizingMethod='image'); } #fotobalk_opl4{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_opl-04.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_opl4{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_opl-04.png',sizingMethod='image'); } #fotobalk_opl5{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_opl-05.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_opl5{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_opl-05.png',sizingMethod='image'); } /* ----------------------------------------------------------------------------------------- 5 Fotobalken Kenniscentrum ----------------------------------------------------------------------------------------- */ #fotobalk_vkc1{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_vkc-01.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_vkc1{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_vkc-01.png',sizingMethod='image'); } #fotobalk_vkc2{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_vkc-02.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_vkc2{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_vkc-02.png',sizingMethod='image'); } #fotobalk_vkc3{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_vkc-03.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_vkc3{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_vkc-03.png',sizingMethod='image'); } #fotobalk_vkc4{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_vkc-04.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_vkc4{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_vkc-04.png',sizingMethod='image'); } #fotobalk_vkc5{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_vkc-05.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_vkc5{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_vkc-05.png',sizingMethod='image'); } /* ----------------------------------------------------------------------------------------- 5 Fotobalken Organisatie ----------------------------------------------------------------------------------------- */ #fotobalk_org1{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_org-01.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_org1{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_org-01.png',sizingMethod='image'); } #fotobalk_org2{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_org-02.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_org2{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_org-02.png',sizingMethod='image'); } #fotobalk_org3{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_org-03.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_org3{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_org-03.png',sizingMethod='image'); } #fotobalk_org4{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_org-04.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_org4{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_org-04.png',sizingMethod='image'); } #fotobalk_org5{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_org-05.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_org5{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_org-05.png',sizingMethod='image'); } /* ----------------------------------------------------------------------------------------- 5 Fotobalken Onderzoekscentrum ----------------------------------------------------------------------------------------- */ #fotobalk_ozc1{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_ozc-01.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_ozc1{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-01.png',sizingMethod='image'); } #fotobalk_ozc2{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_ozc-02.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_ozc2{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-02.png',sizingMethod='image'); } #fotobalk_ozc3{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_ozc-03.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_ozc3{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-03.png',sizingMethod='image'); } #fotobalk_ozc4{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_ozc-04.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_ozc4{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-04.png',sizingMethod='image'); } #fotobalk_ozc5{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_ozc-05.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_ozc5{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-05.png',sizingMethod='image'); } /* ----------------------------------------------------------------------------------------- 5 Fotobalken BASIS ----------------------------------------------------------------------------------------- */ #fotobalk_basis1{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_ozc-01.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_basis1{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-01.png',sizingMethod='image'); } #fotobalk_basis2{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_org-02.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_basis2{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-02.png',sizingMethod='image'); } #fotobalk_basis3{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_vkc-03.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_basis3{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-03.png',sizingMethod='image'); } #fotobalk_basis4{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_opl-04.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_basis4{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-04.png',sizingMethod='image'); } #fotobalk_basis5{ position: absolute; top: 50px; right: 118px; width: 423px; background-image: url(../images/foto_ozc-05.png); background-repeat: no-repeat; background-position: right; height: 168px; border: 0px solid green; overflow: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index: 100; } *html #fotobalk_basis5{ top: 70px; right: 118px; /* op de een of andere manier laat IE nog een enkele pixel zien bij 50 */ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='lib/Media/foto_ozc-05.png',sizingMethod='image'); } /* ----------------------------------------------------------------------------------------- Content: Subcontainers binnen de contentcontainer ----------------------------------------------------------------------------------------- */ #contentcontainer #menu{ width: 200px; background-color: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; font-size: 11px;} #contentcontainer #content{ background-color: none; margin: 0px 243px 0px 200px; padding: 0px 0px 0px 0px; } #contentcontainer #teasers{ width: 243px; background-color: #003366; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; float: right; } /* ----------------------------------------------------------------------------------------- Videobox flash movie ----------------------------------------------------------------------------------------- */ #videobox {height: 160px; width:200px; background:#ffb400; border:none; float: left; margin-top: 40px;} #videobox a img {float: left; margin: 15px 0px 0px 10px; border: none;} #videobox .videobox_txt {width: 200px; height: auto; background:none; float:left; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #fff;} #videobox .videobox_txt a {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #fff; text-align: center; } #videobox2 {height: 160px; width:200px; background:#afada6; border:none; float: left; margin-left: 22px; margin-bottom: 20px; } #videobox2 a img {float: left; margin: 15px 0px 0px 10px; border: none;} #videobox2 .videobox_txt {width: 200px; height: auto; background:none; float:left; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #fff;} #videobox2 .videobox_txt a {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #fff; text-align: center; } #download {height: 160px; width:200px; background:#ffb400; border:none; float: left; margin-top: 40px;text-align: center;} #download img { margin: 10px 0 0 10px; border: 0;} #download a { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #fff; text-decoration: underline; } /* ----------------------------------------------------------------------------------------- Inloggen ----------------------------------------------------------------------------------------- */ #inloggen{ height: 175px; background-image: url(../images/login_background.gif); background-repeat: repeat-x; background-position: bottom; background-color: #e0ddd7; border-bottom: 1px solid #AFADA6; border-top: 1px solid #e0ddd7; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } #inloggen .colheader{ font-size: 18px; font-weight: bold; background-color: none; color: #8b8881; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 10px; border: 0px solid orange; } #inloggen form{ padding: 0px 0px 0px 0px; margin: 15px 0px 0px 10px; } #inloggen input{ font-size: 11px; width: 160px; margin: 0px 0px 0px 0px; } #inloggen label{ display: block; height: 18px; border: 0px solid red; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } #inloggen .btn_submit{ margin: 10px 0px 0px 0px; width: 70px; height: 22px; } /* ----------------------------------------------------------------------------------------- Contentcontainer: Werkveld ----------------------------------------------------------------------------------------- */ #werkveld{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; height: 1%; line-height: 19px; color: black; background-color: none; overflow: hidden; margin: 0px 0px 10px 0px; background-image: url(../images/werkveld_verloopbg.gif); background-repeat: repeat-x; } #werkveld #pad{ height: 15px; background-color: transparant; margin: 0px 0px 5px 10px; padding: 0px 0px 0px 0px; border: 0px solid red; } #werkveld #pad ul{ background-color: transparant; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #werkveld #pad li{ display: inline; list-style: none; } #werkveld #pad ul a{ height: 15px; background-color: transparant; display: block; background-image: url(../images/padpijl.gif); background-repeat: no-repeat; background-position: right; padding: 0px 15px 0px 0px; float: left; color: #183533; } #werkveld #pad ul a:hover{ text-decoration: none; } #werkveld .topbutton{ height: 25px; background-color: transparent; float: right; padding-right: 10px; margin-top: 0px; } #werkveld .topbutton img{ border: 1px solid #88867d; margin: 0px 0px 10px 0px;} #werkveld h1{ font-size: 18px; font-weight: bold; color: #e68a05; height: 28px; padding: 15px 10px 0px 10px; margin: 0px 0px 10px 0px; } #werkveld hr{ color: #b0afad; background-color: #b0afad; height: 1px; margin: 0px 0px 15px 0px; border: 0px solid red;} #werkveld .paragraafcontainer{ padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; overflow: hidden; height: 1%; /* - Dit zorgt er voor dat in IE de overflow:hidden ook werkt - */ background-color: transparent; } #werkveld .paragraafcontainer p{padding: 0px 0px 0px 0px; background-color: transparent; } #werkveld .paragraafcontainer ol, #werkveld .paragraafcontainer ul{ padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; clear: left; } #werkveld .paragraafcontainer h2{ font-size: 11px; font-weight: bold; color: #d47f05; border: 0px solid blue; background-color: none; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; } #werkveld .paragraafcontainer img{ border: 1px solid #88867d; float: left; margin: 5px 8px 2px 0px; } #werkveld .paragraafcontainer a{ text-decoration: underline; color: #d47f05; } #werkveld .paragraafcontainer a:hover{ text-decoration: none; color: #d47f05;} #werkveld .forumcontainer{ padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; overflow: hidden; height: 1%; /* - Dit zorgt er voor dat in IE de overflow:hidden ook werkt - */ background-color: transparent; } #werkveld .forumcontainer p{ background-color: #efece6; border: 0px solid red; padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px;} #werkveld .forumcontainer ul{ padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; clear: left; } #werkveld .forumcontainer h2{ font-size: 11px; font-weight: bold; color: #d47f05; border: 0px solid blue; background-color: #efece6; padding: 3px 5px 0px 5px; margin: 0px 0px 0px 0px; } #werkveld .forumcontainer img{ border: 1px solid #88867d; float: left; margin: 5px 8px 2px 0px;} #werkveld .forumcontainer a{ background-color: transparent; width: auto; text-decoration: underline; color: #d47f05; margin: 3px 0px 15px 0px; width: 30px; display: block;} #werkveld .forumcontainer a:hover{ text-decoration: none; color: #d47f05; } #werkveld .forumcontainer .spacer {height: 15px; border: 0px solid blue; background-color: transparent;} #werkveld .formuliercontainer{ padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; overflow: hidden; height: 1%; /* - Dit zorgt er voor dat in IE de overflow:hidden ook werkt - */ background-color: transparent; } #werkveld .formuliercontainer p{ background-color: #efece6; border: 0px solid red; padding: 0px 5px 5px 5px; margin: 0px 0px 0px 0px;} #werkveld .formuliercontainer ul{ padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; clear: left; } #werkveld .formuliercontainer h2{ font-size: 11px; font-weight: bold; color: #d47f05; border: 0px solid blue; background-color: #efece6; padding: 3px 5px 0px 5px; margin: 0px 0px 0px 0px; } #werkveld .formuliercontainer img{ border: 1px solid #88867d; float: left; margin: 5px 8px 2px 0px;} #werkveld .formuliercontainer a{ background-color: transparent; width: auto; text-decoration: underline; color: #d47f05; margin: 3px 0px 15px 0px; width: 30px; display: block;} #werkveld .formuliercontainer a:hover{ text-decoration: none; color: #d47f05; } #werkveld .formuliercontainer .spacer {height: 15px; border: 0px solid blue; background-color: transparent;} /* ----------------------------------------------------------------------------------------- Contentcontainer: Formulier basis opmaak ----------------------------------------------------------------------------------------- */ /*formulier bij het forum om een reactie te plaatsen. Let op: zie #werkveld voor overkoepelende container met stijlen */ #forumformulier {background-color : #efece6; border: 0px outset #315161; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;} #forumformulier p.whitebg {background-color: white;} #forumformulier p label {color: #d47f05; font-weight: bold; background-color: transparent; float: left; display: block; width: 100px; padding: 0px 0px 0px 0px;} #forumformulier p input {border: 1px solid #b0afad; height: 18px; padding: 3px 0px 0px 5px; background-color: white; margin: 0px 0px 6px 0px; width: 270px; color: black; font-family: Verdana, Arial; font-size: 11px;} #forumformulier p textarea {border: 1px solid #b0afad; padding: 3px 5px 3px 5px; background-color: white; color: black; font-family: Verdana, Arial; font-size: 11px; width: 400px; height: 150px; margin-bottom: 6px;} #forumformulier p select {color: #336666; width: 250px; font-family: Verdana; font-size: 10px;} #forumformulier .rad label {background-color: transparent; margin: 4px 0 0 0; padding: 0 0 0 15px;} #forumformulier .rad input {background-color: transparent; float: left; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; width: auto; font-family: Verdana; font-size: 12px;} #forumformulier .rad .lbl {width: auto; margin: 4px 2px 10px 5px; padding: 0; } #forumformulier .rad .lblbreed {background-color: transparent; width: 200px; margin: 4px 2px 10px 5px; padding: 0; } #forumformulier .selectdb {width: 50%;float: left; padding: 0 0 0 0;} #forumformulier .selectdb input {float: left; margin: 0; padding: 0; font-family: Verdana; font-size: 10px;} #forumformulier .selectdb .lbl {width: auto; margin: 4px 2px 0 2px; padding: 0;} #forumformulier .space {background-color: #315161; height: 15px;} #forumformulier .btnSubmit {border: 1px solid #b0afad; width: 103px; margin: 0px 0px 15px 100px; padding: 0px 0px 0px 0px; cursor: hand; background-color: silver;} *html #forumformulier .btnSubmit {margin: 0px 0px 15px 103px;} #forumformulier .btnCancel {width: 100px; margin: 15px 0px 0px 175px; cursor: hand;} #forumformulier .btnDelete {width: 100px; margin: 15px 0px 0px 175px; cursor: hand;} /*algemeen informatie formulier. Let op: zie #werkveld voor overkoepelende container met stijlen */ #formulier {background-color : #efece6; border: 0px outset #315161; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;} #formulier p.whitebg {background-color: white;} #formulier p label { background-color: transparent; display: block; width: 190px; padding: 0px 0px 0px 0px; color: #d47f05; font-weight: bold; float: left;} #formulier p input {border: 1px solid #b0afad; height: 18px; padding: 3px 0px 0px 5px; background-color: white; margin: 0px 0px 6px 0px; width: 260px; color: black; font-family: Verdana, Arial; font-size: 11px;} #formulier p textarea {border: 1px solid #b0afad; padding: 3px 5px 3px 5px; background-color: white; width: 255px; height: 100px; color: black; font-family: Verdana, Arial; font-size: 11px; margin-bottom: 6px;} #formulier p select {color: #336666; width: 250px; font-family: Verdana; font-size: 10px;} #formulier .rad {width: 20px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: Transparent;} #formulier .rad label {background-color: transparent; margin: 4px 0 0 0; padding: 0 0 0 15px;} #formulier .rad input {width: 10; background-color: transparent; float: left; padding: 0px 0px 2px 0px; margin: 5px 0px 10px 0px; font-family: Verdana; font-size: 12px;} #formulier .rad .lbl {width: auto; margin: 4px 2px 10px 5px; padding: 0; } #formulier .rad .lblbreed {background-color: transparent; width: 200px; margin: 4px 2px 10px 5px; padding: 0; } #formulier .rad checkbox {width: 300px; background-color: transparent;} #formulier .selectdb {width: 50%;float: left; padding: 0 0 0 0;} #formulier .selectdb input {float: left; margin: 0; padding: 0; font-family: Verdana; font-size: 10px;} #formulier .selectdb .lbl {width: auto; margin: 4px 2px 0 2px; padding: 0;} #formulier .space {background-color: #315161; height: 15px;} #formulier p label.checkboxlabel { padding-left: 5px; width: 340px; background-color: #e0ddd8; display: inline; float: left;} *html #formulier p label.checkboxlabel { padding-left: 5px; width: 330px; background-color: #e0ddd8; display: inline;} .checkbox {background-color: transparent; width: 28px; float: left; margin-left: 195px; display: inline;} #formulier .btnSubmit {width: 100px; margin: 15px 0px 15px 190px; padding: 0px 0px 2px 0px; cursor: hand; background-color: Silver;} *html #formulier .btnSubmit {margin: 15px 0px 15px 193px;} #formulier .btnCancel {width: 100px; margin: 15px 0px 0px 175px; cursor: hand;} #formulier .btnDelete {width: 100px; margin: 15px 0px 0px 175px; cursor: hand;} .clear {clear: both;} /* ----------------------------------------------------------------------------------------- Contentcontainer: nieuwsteasers ----------------------------------------------------------------------------------------- */ #teasers .colheader{ font-size: 18px; font-weight: bold; background-color: #003366; color: white; height: 28px; padding: 15px 0px 10px 0px; margin: 0px 10px 0px 10px; border: 0px solid orange; } #teasers .teasercontainer{ font-size: 19px; font-weight: bold; background-color: #003366; color: white; padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid white; } #teasers .teasercontainer h3{ font-size: 11px; font-weight: bold; color: #d47f05; line-height: 15px; margin: 10px 0px 5px 0px; padding: 0px 15px 0px 15px; } #teasers .teasercontainer p{ font-size: 11px; font-weight: normal; color: white; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; } #teasers .leesmeer a{ font-size: 11px; font-weight: none; color: #d47f05; text-decoration: underline; } #teasers .leesmeer a:hover{ text-decoration: none; } /* ----------------------------------------------------------------------------------------- Footer: inhoud van de footercontainer ----------------------------------------------------------------------------------------- */ .footer{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: white; margin: 0px 0px 0px 0px; padding: 8px 0px 0px 10px; } .footer a{ color: white; text-decoration: underline; } .footer a:hover{ text-decoration: none; } /* ----------------------------------------------------------------------------------------- Menu: uitklapmenu ----------------------------------------------------------------------------------------- */ /*Dit uitklapmenu is een aangepaste versie die we voor Sintmaartenscollege ook hebben gebruikt*/ #submenu { font-family: Verdana; width: 200px; background: #E0DDD7; border-bottom: 0px solid white; } /*font-family zorgt voor IE bug*/ #submenu ul, #submenu li, #submenu a { display: block; margin: 0; padding: 0; border: 0; } #submenu ul { width: 200px; background: #b0afad; /* deze kleur zorgt voor de kleur van de lijnen */ list-style: none; padding-top: 0px; border-top: 1px solid #b0afad; } #submenu li { position: relative; padding: 0px 0px 1px 0px; z-index: 9; } #submenu li.folder ul { width: 200px; position: absolute; left: 200px; top: -1px; border: 1px solid #b0afad; border-width: 1px 1px 0px 1px; background: #B0AFAD; } #submenu a { padding: 7px 35px 7px 15px; font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif; /*font-size: 10px;*/ line-height: 15px; font-weight: bold; color: #8b8881; text-decoration: none; width: 150px; /* IE */ background: white; } #submenu li>a { width: auto; padding-top: 5px; } /* others */ #submenu li a.folder { background: white url(../images/menu-pijl_bg.gif) left top no-repeat; } /* regular hovers */ #submenu a:hover { color:#8b8881; background: #e0ddd7;} #submenu li.folder a:hover { background: #8b8881 url(../images/menu-pijlrollover_bg.gif) left top no-repeat; } #submenu li.folder ul a { background: #e0ddd7; color: #8b8881; padding-left: 10px;} * html #submenu li.folder ul a { width: 168px; } /*boxmodel*/ #submenu li.folder ul a:hover { background: #8b8881; color:white;} /* hovers with specificity */ #submenu li.folder:hover { z-index:10; } #submenu ul ul, #submenu li:hover ul ul { display:none; } #submenu li:hover ul, #submenu li:hover li:hover ul { display:block; } /** IE5.5 **********************************************/ #submenu li { margin-left:-16px; } #submenu a { width: 200px; } * html #submenu li.folder ul a { width: 200px } #s\ubmenu li { margin-left: 0; } #s\ubmenu a { width: 150px; } * html #s\ubmenu li.folder ul a { width: 168px } /*********************************************************/ /** IE5.0 **********************************************/ #submenu li { margin-bottom: -4px; height: 0px;} #submenu li/**/ { margin-bottom: 0; height: auto;} /*********************************************************/ /* RONALD FOTO TEMPLATE */ #werkveld .foto { padding: 0; float: left; width:273px; margin-right: 15px; float: left;margin-left: 10px; margin-bottom:0px; height:210px; overflow:hidden; } #werkveld .foto .tekst { padding: 0 10px 57px 10px; float:left; overflow:hidden; margin:0; background-color:#e0ddd7; font-size:10px; width:130px; height:120px; } #werkveld .foto img {padding:0; margin:0 10px 0 0;border:none; width:113px; height: 75px;} #werkveld .foto a {text-decoration: none;color: #d47f05;} #werkveld .foto a:hover {text-decoration: underline;color: #d47f05;} .sitemap { margin-bottom: 50px; } .sitemap li {margin-left: 30px; list-style: none; background: transparent url('../images/padpijl.gif') no-repeat left 3px; padding: 0px 15px 0px 10px;} .sitemap li a{ height: 15px; color: #183533; } .fotoboek { margin: 0; padding: 0; } .fotoboek #container {width:740px; background-image: url(../images/bg_fotoboek.jpg); height: 500px; margin: 0; padding: 0;} .fotoboek #fotogroot {position: relative;width:740px; height:394px;overflow:hidden; background-image:url(../images/fotoboek_bg.jpg); margin: 0; padding: 0;} .fotoboek #fotogroot img { max-width: 740px; } .fotoboek #fotogroot .description {position: absolute; background-image: url(../images/descriptie_fotoboek.png); width: 330px; height: 19px; bottom: 0; right:0;} .fotoboek #fotogroot .description p {color:White; width: 259px; margin: 5px 10px 0 60px; font-size:9px; font-family:Verdana, Arial; overflow:hidden;} .fotoboek .links { padding:0 0 0 20px; float:left;} .fotoboek .links a {text-decoration:none; border:none;} .fotoboek .links img {border:none;} .fotoboek .rechts { width:67px; height: 66px; padding:0 0 0 10px; float:left;} .fotoboek .rechts a {text-decoration:none; border:none;} .fotoboek .rechts img {border:none; float:left; } .fotoboek .thumbs {position:relative; margin: 0 auto; padding: 20px 0 0 0; width: 738px;} .fotoboek .thumbs ul li img {margin: 0; border:none; padding:0; width:100px; height:67px;} .fotoboek .thumbs ul { margin:0; padding: 0;} .fotoboek .thumbs ul li {list-style:none; float:left; padding:0; margin:0 0 0 10px;} .fotoboek .thumbs ul li a {border:none; text-decoration:none; padding:0; margin:0;} .fotoboek .thumbs ul li.active { margin: 0 0 0 10px; padding:0;} .fotoboek .thumbs ul li.active a {border:1px solid white; display:block; text-decoration:none; padding:0; margin:0;} .fotoboek .schaduw {background-image: url(../images/background_schaduw.jpg);width:704px;margin: -1px 0 0 0px; padding:0; float:left; height:15px;}