/* stylesheet voor www.kfar-chabad.nl */
/* @media screen (1024x786), print */

@import url("../res/css/example.css");
@import url("../res/css/xymenu.css");

/* gehele site */
/* algemene elementen */
 a:hover { color:#000000; text-decoration: underline;}
 a:focus { text-decoration: underline; }

/* "laden" van site */
 body.loading { font-family: Verdana, Arial, sans-serif; color: #000099; font-weight:bold; text-align:center; }
 body.loading a:link  { text-decoration: underline; }
 body.loading a:visited { color: #174A88; text-decoration: underline; }
 body.loading a:hover, body.loading a:focus { color: black; }

/* main screen layout */
 div#main {
	width:100%;
 }
 h1#title {
	text-align: right; font-family: 'Book Antiqua', Verdana, sans-serif; font-size: 200%;
	font-style: italic; font-weight: bold; color: #000099;
	padding: 0; margin: 14px 1ex 14px 0;
 }
 div#container	{
	position: relative; height: 450px; vertical-align: top; overflow: auto;
	border-width: 25px; border-color:#000099; border-style: solid none solid none;
	margin-bottom:10px; margin-left:0;
 }

 div#leftmargin {
	position: absolute; width:19%; margin-left:0;
	text-align: center;
	padding:16px 0 0 0;
 }
 img#logo {
	position: relative; margin:0 auto 0 auto;
 }
 div#content {
	min-height:425px; width:60%; margin-left:19%; position: absolute; overflow: auto;
 	padding-right: 4px;
 }
 div#rightmargin {
	position:absolute; width:20%; margin:1em 0 1ex 80%; padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent; color: #000000;
 }
 ul.menu {
	list-style: none outside; margin:0; padding-left:1ex;
	color: #000099;
 }
 ul.menu ul {
	 list-style-type:none; list-style-image:none;
	 margin:0; padding-left:1em;
	 display:none;
 }
 ul.menu ul ul {
	list-style-type:none;
 }
 ul.menu li { margin: 0 0 1em 0; padding-left:0;
	/*list-style-image:url(../images/mda16.gif);*/
 }
 ul.menu li.selected {
	/*list-style-image:url(../images/mda16-on.gif);*/
 }
 ul.menu li a.selected, .ymenu a.selected {
	font-weight:bold; font-style:italic;  font-variant:small-caps;
 }
 ul.menu ul li { font-size:90%; margin: 0 0 4px 0; }
 ul.menu span.sm { /*float:right; margin-left:0.5em; margin-right:0.1em; */}

 h2.item {
	text-align:right; font-style:italic; font-weight:normal; font-size:145%;
	color:#000099;
	margin: 7px 7px 0 0; padding: 0;
 }


 img.mdasmall	{ height:48px; width:48px; text-align:center; clear:both;}
 div.mdasmall	{ text-align:center; margin-top:4px; clear:both; }

 /* handtekening */
 img.bzvauto	{ height:48px; width:366px; margin-left:100px; position:absolute; z-index:1; }
 img.shalom	{ margin-top: 20px; float:none;
		  border-style:solid; border-width:10px; color:#000099; background-color:#000099; }

 hr#top { display:none; }
 hr#bottom { display:none; }

 img.links	{ border:1px solid #000099; }
 img.midden	{ border:1px solid #000099; }
 img.rechts	{ border:1px solid #000099; }

/* forms, database: algemeen */


 /*table.db tr:hover { background-color:#D9D9FF; }*/
 table.list-donateurs tr:hover { background-color:#D9D9FF; }


/* news, ... */
 ul.news	{list-style-type:square; list-style-position:outside; margin: 0 8px 0 17px; }
 ul.news li { margin-bottom: 1em; }
 span.news  { font-family: Verdana, sans-serif; font-weight:bold; }



/* slides */
 td.dbslide h4 { margin-top:0; }
 img.P { width: 160px; float:left; margin-right: 7px; border:1px solid; }
 img.L { width: 240px; float:left; margin-right: 7px; border:1px solid; }
 img.U { float:left; margin-right: 7px; border:1px solid; }
 img.web-P { height: 300px; float:left; border:1px solid; }
 img.web-L { width: 400px; float:left; border:1px  solid; }
 img.web-U { float:left; margin-right: 7px; border:1px solid; }
 img.thumb-P { float:left; margin-right: 7px; border:1px solid; }
 img.thumb-L { float:left; margin-right: 7px; border:1px solid; }
 img.thumb-U { float:left; margin-right: 7px; border:1px solid; }
 table.db td.dbslide { padding-bottom:4px; vertical-align: top; }
 form.slides textarea	{ height:80px; }
 form.slides div.textformat { margin-top:35px; }


@media print {
 /* opmaak voor printer: toon alleen het div#content */
 div#main	{ position:relative; top:0px; background-color:#FFFFFF; }

 h1#title	{ /*height:110px; */ background-color: yellow; background-image: url(../images/vrienden-logo.gif);
 		  background-repeat:no-repeat; background-position: top left; }

 img#logo	{ position: absolute; display:block; margin:0; /*z-index:1000; top:-28px; width:48px; height:auto;*/}
 div#container		{ height: auto; border-width:1px; }
 div#leftmargin		{ position: relative; display:block; top:-28px; }
 div#content		{ height: 100%; overflow:inherit; width:100%; margin-left:0; position:relative;
 			  padding:0px; text-align:left; vertical-align:top;}
 img.bzvauto	{ height:48px; width:366px; position:relative; z-index:0; }
}