/*--------------------------------------------------------------------------------------------------------------------*
 *
 ***** iwstyle.css -- Style definitions for Intranet Weer
 *
 *
 * Author:
 * -------
 *
 * Hans de Vries		*Copyright © KNMI*		August  1, 2006
 *
 *
 * Modifications:
 * --------------
 *
 * $Log: mystyle.css,v $
 * Revision 1.1  2007/10/31 17:56:47  jwdv
 * Initial revision
 *
 *====================================================================================================================*/

/*--------------------------------------------------------------------------------------------------------------------*
 * General settings
 *--------------------------------------------------------------------------------------------------------------------*/
body				{ font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; line-height: 1.25;
				  color: #000000; background-color: #ffffff;
				  padding: 0 0 0 0;
				  margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
a:link				{ text-decoration: none; color: #000099 }
a:visited			{ text-decoration: none; color: #8a8add }
a:active			{ text-decoration: none; color: #000099 }
form				{ margin: 0 0 0 0; }
form select			{ font-size: 11px; }
table               		{ font-size: 12px; line-height: 1.4; }
code				{ font-family: "Bitstream vera sans mono", "Suse sans mono", courier, monospace; font-size: 12px; }
tt				{ font-family: courier, "Bitstream vera sans mono", "Suse sans mono", monospace; font-size: 15px; }
pre				{ font-family: "Suse sans mono", "Bitstream vera sans mono", courier, monospace; font-size: 12px; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The page header
 *--------------------------------------------------------------------------------------------------------------------*/
.iwheader			{ position: fixed; color: #ffffff; background-color: #000099;
				  top: 0; height: 90; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; z-index: 100; }
.iwheader img			{ border: none; }
.iwheader a:link		{ text-decoration: none; color: #ffffff }
.iwheader a:visited		{ text-decoration: none; color: #ffffff }
.iwheader a:hover		{ text-decoration: underline; color: #ffffff }
#kopimg				{ position: absolute; top:  0; left:  35; }
#koptxt				{ position: absolute; top:  5; left: 130; }
#kopimgtxt			{ position: absolute; top:  5; left: 130; color: #000099; font-size: 20px; font-weight: bold; }
#kopknop			{ position: absolute; top: 50; left: 111; font-size: 10px; }
#kopknop h1			{ padding: 0 20 0 0; display: inline; font-size: 10px; font-weight: normal; }
#kopknop img			{ position: absolute; top:-11; left: 629; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The search box and looking glass
 *--------------------------------------------------------------------------------------------------------------------*/
.iwzoek				{ position: fixed;  left: 362; top: 0; height: 39; width: 600;
                                  border-bottom: 1px #c6bdce dotted; vertical-align: bottom; }
.iwzoek form			{ margin: 6 0 0 380; }
#zoekinp			{ width: 200px; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The (crumb)path bar
 *--------------------------------------------------------------------------------------------------------------------*/
.iwcrumb			{ position: fixed; top: 82; height: 17; width: 100%; font-size: 11px; z-index: 100;
				  background-color: #9999cc; color: #000000; padding: 3 0 0 111px;
				  margin: 0 0 0 0; }
.iwcrumb a:link                 { text-decoration: none; color: #000099; }
.iwcrumb a:visited              { text-decoration: none; color: #000099; }
.iwcrumb a:hover                { text-decoration: underline; color: #000099; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The main page body
 *--------------------------------------------------------------------------------------------------------------------*/
.iwmain				{ position: absolute; top: 102; left: 70; width: 550; clear: right;
				  background-color: #ffffff;
				  padding: 0px 0px 30px 41px; z-index: 5; }

.rubriekkop			{ font-size: 12px; line-height: 1.5; margin: 14px 0 0 0; color: #999999; }

.iwmain h1			{ font-size: 14px; line-height: 1.30; font-weight: bold; color: #009999; margin: 0 0 0 0; }
.iwmain h2			{ font-size: 12px; line-height: 1.40; font-weight: bold; margin: 0 0 14px 0; }
.iwmain h3			{ font-size: 12px; line-height: 1.25; font-weight: bold; margin: 14px 0 0 0; }
.iwmain h4			{ font-size: 12px; line-height: 1.25; font-weight: normal; font-style: italic; margin: 14px 0 0 0; }
.iwmain ul             		{ list-style: disc url("/styles/images/bullet.gif"); margin:0 0 0 9px; padding:0 0 0 15px; }
.iwmain img			{ margin: 11px 0px 11px 11px; float: right; max-width: 235; border: 0; }
.iwmain blockquote		{ margin-left: 20px; font-style: italic; font-size: 11px; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The main page body for a page which has a big picture
 *--------------------------------------------------------------------------------------------------------------------*/
.iwbeeld			{ position: absolute; top: 102; left: 5; width: 727;
				  background-color: #ffffff; 
				  padding: 20px 0px 40px 0px; z-index: 5; }
.iwbeeld img			{ max-width: 727; }
.beeld img			{ margin: 11px 0px 11px 0px; float: none; max-width: 900; border: 0;
				  border-left: 0px solid #ebebeb; }
.animation img			{ max-width: 900; float: none; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The news items on the home page
 *--------------------------------------------------------------------------------------------------------------------*/
.actweer			{ font-size: 14px; padding: 0 0 30px 0; }
.nieuws				{ padding-bottom: 20px; }
.nieuws img			{ float: left; margin: 0px 11px 5px 0px; }
.nieuws table			{ clear: both; width: 100%; border-spacing: 0px 0px; margin: 25px 0px 4px 0px;
				  background-color: #e3e3f4; }
.nieuws td			{ padding: 0px 5px 0px 0px; margin: 0px 0px 0px 0px; }
#nwdatum			{ width: 125px; text-align: left; }

.nieuws1			{ width: 270px; padding: 10px 0 20px 0; float: left; }
.nieuws1 img			{ width: 120px; margin: 0 0 0 0; padding-right: 5px; float: left; }
.nieuws1 h3			{ margin: 0 0 5px 0; }
.nieuws2			{ width: 270px; padding: 10px 0 20px 0; float: right; }
.nieuws2 img			{ width: 120px; margin: 0 0 0 0; padding-right: 5px; float: left; }
.nieuws2 h3			{ margin: 0 0 5px 0; }

.inleiding			{ font-weight: bold; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The page footer, including author information
 *--------------------------------------------------------------------------------------------------------------------*/
.iwfooter			{ position: fixed; left: 70; bottom: 0; height: 30; z-index: 100;
				  background-image: URL("/vinklude/images/bolletjes.gif"); background-repeat: no-repeat;
				  border: 0px #ff0000 solid; width: 591px; background-color: #ffffff; }
.iwfooter address		{ border-top: thin solid #cbcbcb; padding: 0 0 5 0; margin: 10px 0 0 40px;
				  color: #999999; font-style: italic; font-size: 11px;
				  text-align: right; width: 550; bottom: 0; }
.iwfooter a:link		{ text-decoration: none; color: #000099 }
.iwfooter a:visited		{ text-decoration: none; color: #000099 }
.iwfooter a:hover		{ text-decoration: underline }

.iwauthor			{ position: fixed; left: 111px; bottom: 0; height: 15; border-top: thin solid #cbcbcb;
				  background-color: #ffffff; padding: 0 0 5 0; margin: 0 0 0 0;
				  color: #999999; font-style: italic; font-size: 11px;
				  text-align: right; width: 550; z-index: 150; }
.iwauthor a:link		{ text-decoration: none; color: #000099 }
.iwauthor a:visited		{ text-decoration: none; color: #000099 }
.iwauthor a:hover		{ text-decoration: underline }

/*--------------------------------------------------------------------------------------------------------------------*
 * The footer in the right column: "Print this page" or picture with weather forecast
 *--------------------------------------------------------------------------------------------------------------------*/
.iwprint			{ position: fixed; left: 741; bottom: 0; height: 15; z-index: 150;
				  background-image: URL("/images/printertje.gif"); background-repeat: no-repeat;
				  color: #000099; background-color: #e3e3f4; font-weight: normal; font-size: 12px;
				  width: 206; padding: 0 0 0 16px; margin: 5px 10px 0 0px;
				  border-bottom: solid 5px #ffffff; border-top: solid 5px #ffffff; }
.iwweer				{ position: fixed; left: 739px; bottom: 0px; height: 90px; width: 220px; z-index: 150;
				  border: 5px solid #ffffff; background-color: #ffffff; }
.iwweer img			{ border-width: 0px; }

/*--------------------------------------------------------------------------------------------------------------------*
 * For a special page with image (obsolete)
 *--------------------------------------------------------------------------------------------------------------------*/
.bldfooter			{ position: fixed; left: 5; bottom: 0; height: 30; width: 100%; z-index: 100;
				  background-image: URL("/vinklude/images/bolletjes.gif"); background-repeat: no-repeat;
				  background-color: #ffffff; }
.bldfooter h1			{ background-image: URL("/vinklude/images/printertje.gif"); background-repeat: no-repeat;
				  color: #000099; background-color: #e3e3f4; font-weight: normal; font-size: 11px;
				  width: 204; padding: 0 0 0 16px; margin: 5px 0 0 737px; }
.bldfooter a:link		{ text-decoration: none; color: #000099 }
.bldfooter a:visited		{ text-decoration: none; color: #000099 }
.bldfooter a:hover		{ text-decoration: underline }

.bldauthor			{ position: fixed; left: 111px; bottom: 0; height: 15; border-top: thin solid #cbcbcb;
				  background-color: #ffffff; padding: 0 0 5 0; margin: 0 0 0 0;
				  color: #999999; font-style: italic; font-size: 11px;
				  text-align: right; width: 621; z-index: 150; }
/* Alternative, in case we decide to use the bldfooter in stead of the iwfooter
.bldauthor			{ position: fixed; left: 46px; bottom: 0; height: 15; border-top: thin solid #cbcbcb;
				  background-color: #ffffff; padding: 0 0 5 0; margin: 0 0 0 0;
				  color: #999999; font-style: italic; font-size: 11px;
				  text-align: right; width: 686; z-index: 150; }
 */
.bldauthor a:link		{ text-decoration: none; color: #000099 }
.bldauthor a:visited		{ text-decoration: none; color: #000099 }
.bldauthor a:hover		{ text-decoration: underline }

/*--------------------------------------------------------------------------------------------------------------------*
 * The right column: menu with links
 *--------------------------------------------------------------------------------------------------------------------*/
.iwmenu				{ position: absolute; left: 743; top: 102; width: 220; z-index: 5; padding: 0px 0px 30px 0px; }
.iwmenu a:link			{ text-decoration: none; color: #000099 }
.iwmenu a:visited		{ text-decoration: none; color: #8a8add }
.iwmenu a:hover			{ text-decoration: underline }

/* Geeft te hoge regels en pijl die te hoog staat
.iwmenu ul			{ list-style: disc url("/vinklude/images/go_pijl.gif");
				  margin:0 0 0 19px; padding:0 0 0 0; }
.iwmenu ul li			{ line-height: 1.10; font-size: 11px; margin: 0 0 0 0; padding 0 0 0 0; }
*/
.iwmenu ul			{ padding: 0 0 0 0; margin: 0 0 0 0; list-style: none; }
.iwmenu	ul li			{ line-height: 1.25; font-size: 12px; list-style: none;
				  background-image: URL("/images/go_pijl.gif"); background-repeat: no-repeat;
				  padding: 0 0 0 16px; margin: 0 0 0 0; }

.iwmenu h1		        { background-color: #e3e3f4; padding: 0 0 2px 16px; margin: 14px 0 0 0;
				  font-size: 12px; font-weight: bold; }

/*--------------------------------------------------------------------------------------------------------------------*
 * The right column in a page with a main picture: explanation of the picture
 *--------------------------------------------------------------------------------------------------------------------*/
.iwlegenda			{ position: absolute; left: 743; top: 102; width: 220; padding-bottom: 40; z-index: 5; }
.iwlegenda h1			{ font-size: 14px; line-height: 1.30; font-weight: bold; color: #cc0000; margin: 0 0 0 0; }
.iwlegenda h2			{ font-size: 12px; line-height: 1.40; font-weight: bold; margin: 0 0 14px 0; }
.iwlegenda h3			{ font-size: 12px; line-height: 1.25; font-weight: bold; margin: 14px 0 0 0; }
.iwlegenda h4			{ font-size: 12px; line-height: 1.25; font-weight: normal; font-style: italic;
				  margin: 14px 0 0 0; }
.iwlegenda ul          		{ list-style: disc url("/styles/images/bullet.gif"); margin:0 0 0 9px;
				  padding:0 0 0 15px; }
.iwlegenda img			{ margin: 0px 0px 11px 0px; max-width: 220; }

/*--------------------------------------------------------------------------------------------------------------------*
 * Table of Contents
 *--------------------------------------------------------------------------------------------------------------------*/
.inhoudsopgave      		{ border-top: solid 1px #999999; border-bottom: solid 1px #999999;
		    		  padding-top: 11px; padding-bottom: 11px; }
.inhoudlink a:link  		{ text-decoration: none; color: #000099 }
.inhoudlink a:visited 		{ text-decoration: none; color: #8a8add }
.inhoudlink a:hover 		{ text-decoration: underline }
.inhoudlink         		{ background-image: URL(/images/go_pijl.gif); background-color: #ffffff;
		    		  background-repeat: no-repeat; padding-left: 16px; }

/*--------------------------------------------------------------------------------------------------------------------*
 * Tables
 *--------------------------------------------------------------------------------------------------------------------*/
.realtable          		{ font-size: 11px; line-height:1.4; background-color: #d3e3e3;
				  border-collapse: collapse; border-bottom: solid 2px #ffffff;
				  margin-top:11px; margin-bottom:11px; clear: right; }
.realtable th       		{ background-color: #99cccc; padding: 3px 0px 3px 4px;
				  border-bottom: solid #ffffff 1px; border-right: solid #ffffff 1px; 
				  text-align: left; vertical-align: top; padding: 3px 3px 3px 4px; }
.realtable td       		{ border-bottom: solid #ffffff 1px; border-right: solid #ffffff 1px; 
				  vertical-align: top; padding: 3px 3px 3px 4px; }

.onelinetable       		{ font-size: 11px; line-height:1.3; background-color: #d3e3e3;
				  border-collapse: collapse; border-bottom: solid 2px #ffddee;
				  margin-top: 11px; margin-bottom: 11px; clear: right; }
.onelinetable th    		{ background-color: #99cccc; line-height:1.4; padding: 3px 0px 3px 4px; 
				  border-bottom: solid #ffffff 1px; border-right: solid #ffffff 1px; 
				  text-align: left; vertical-align: top; }
.onelinetable td    		{ border-bottom: solid #ffffff 1px; border-right: solid #ffffff 1px; 
				  vertical-align: top; padding: 0px 0px 0px 4px; }

/*--------------------------------------------------------------------------------------------------------------------*
 * For a meeting report
 *--------------------------------------------------------------------------------------------------------------------*/
.verslagkop          		{ width: 100%; font-size: 12px; line-height:1.4;
				  border-collapse: collapse; margin-top: 12px; margin-bottom: 12px; }
.verslagkop th       		{ font-size: 8px; padding: 0px 0px 0px 0px; text-align: left; vertical-align: top; }
.verslagkop td       		{ vertical-align: top; text-align: left; padding: 0px 5px 5px 0px; }