html, body  { background-color: #fff7d8; margin: 0; padding: 0 }
#admin a  { color: #dbd5b4; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 5px; padding: 0; position: absolute; top: 0; right: 0; float: right }
#admin a:hover  { text-decoration: underline }
#mainBox     { background-color: #fff; background-image: url(img/menyBackground.gif); background-repeat: no-repeat; display: block; margin-top: 40px; margin-right: auto; margin-left: auto; padding: 0; position: relative; width: 790px; border: solid 1px #000 }
#leftMeny         { display: block; margin: 0; padding: 0; width: 246px; float: left }
#leftMeny img { margin: 0; padding: 0; float: left }
#rightContent         { display: block; margin: 0; padding: 38px 28px 38px 0; width: 510px; float: right; clear: right }
a   { color: #3b4554; text-decoration: underline; cursor: pointer; border-width: 0 }
.hideMe { display: none; margin-right: auto; margin-left: auto; width: 790px; height: 20px }
a:hover  { color: #778ba8; text-decoration: underline }
#newsBox      { background-color: #d9dbea; background-image: url(img/newsBackground.jpg); background-repeat: no-repeat; display: block; margin: 0 0 20px 20px; padding: 0; width: 244px; float: right }
#logoBox { margin-right: auto; margin-left: auto; width: 790px }
.newsItem  { padding: 15px 15px 0 }
.newsItem span  { cursor: pointer; display: block }
#newsHeader   { font-size: 1px; background-color: #fff; background-image: url(img/newsHeader.gif); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 244px; height: 4px }
#newsFotter   { font-size: 1px; background-color: #fff; background-image: url(img/newsFotter.gif); background-repeat: no-repeat; display: block; margin: 0; padding: 0; width: 244px; height: 4px }
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright     { display: block; margin: 0 0 0 10px }
img.alignleft  { display: block; margin: 0 0 0 0; padding: 0 }

.alignright   { display: block; float: right }
	
.alignleft  { display: block; float: left }
/* End Images */
h1   { font-size: 13pt; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; margin: 0 0 7px; padding: 0 }
h2    { font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: oblique; font-weight: bold; margin: 0 0 0; padding: 15px 0 0 15px }
h3    { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 14px; margin: 0; padding: 0 }
p, em    { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; margin: 0 0 0.8em; padding: 0 }
#checklist ul { display: block; margin: 0 0 0 23px; padding: 0 }
#checklist li { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; white-space: normal; list-style-image: url(img/checked_small.gif); list-style-position: outside; display: list-item; margin-bottom: 4px }
table     { font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: oblique; font-weight: bold; margin: 0; padding: 0; width: 100%; border: solid 1px #bcbcbc }
td, th     { font-style: normal; font-weight: normal; text-align: left; padding: 2px; border: 0  }
td.center  { text-align: center }
tr.gray  { background-color: #d9d9d9 }
#threeBoxes       { list-style-type: none; display: block; margin: 20px 0 10px; padding: 10px 0 0; position: absolute; bottom: 0; width: 510px; clear: both }
#threeBoxes li     { cursor: pointer; margin: 0; padding: 0 0 0; width: 155px; float: left }
#threeBoxes li.center  { cursor: pointer; margin-right: 19px; margin-left: 19px }
hr { display: block; margin: 0; padding: 0; width: 100%; height: 1px; border-top: 1px dotted #999 }
.address   { background-color: #f0f; display: block; margin: auto auto 0; position: relative; bottom: 0; left: 0; width: 245px; height: 192px }
#adressBg  { position: absolute; bottom: 0; float: left; clear: left }
.hide{display: none;}
.contactBox  { display: block; padding: 8px 8px 27px 0; position: absolute; bottom: 0 }
img { border-width: 0 }
.clearall { clear: both }