body,html
{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:11px;
	color: rgb(85,85,85);
	background: url(/resources/images/168_bg-body.gif) repeat-x;
}

a
{
	color: rgb(247,148,30);
	text-decoration: none;
}

a:hover
{
	color: rgb(217,118,0);
	text-decoration: underline;
}

a.bull
{
	padding-right:15px;
	background: url(/resources/images/195_icon-bull.gif) no-repeat center right;
}

h1, a h1, h1 a, .header1
{
	margin:0px;
	padding:0px;
	font-size:13px;
	color: rgb(153,153,153);
	font-weight:bold;
}

h2, h2 a, h2 a
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color: rgb(119,119,119);
	text-transform: uppercase;
}

h2.mail
{
	background: url(/resources/images/196_icon-mail.gif) no-repeat center right;
}

h2.star
{
	background: url(/resources/images/198_icon-star.gif) no-repeat center right;
}

h2.note
{
	background: url(/resources/images/197_icon-note.gif) no-repeat center right;
}

input,textarea,select
{
	font-family:Arial;
	font-size:11px;
	color: rgb(119,119,119);
}

div#supcontainer
{
	margin:0px auto;
	width:980px;
}

div#container
{
	position: absolute;
	clear:both;
	float:left;
	width:980px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background: url(/resources/images/175_bg-container.gif) repeat-y;
}

div#container-top
{
	clear:both;
	float:left;
	padding: 12px 2px 0px 2px;
	width:976px;
	height:4px;
	line-height:0px;
	font-size:0px;
	background: url(/resources/images/178_bg-container-top.gif) repeat-x;
}

div#container-left
{
	float:left;
	width:4px;
	height:4px;
	line-height:0px;
	font-size:0px;
	background: url(/resources/images/176_bg-container-left.gif) no-repeat;
}

div#container-right
{
	float:right;
	width:4px;
	height:4px;
	line-height:0px;
	font-size:0px;
	background: url(/resources/images/177_bg-container-right.gif) no-repeat;
}

div#container-main
{
	clear:both;
	float:left;
	padding:14px 20px;
	width:940px;
}

div#top
{
	clear:both;
	float:left;
	width:940px;
}

div#logo
{
	float:left;
	padding:25px 0px 0px 42px;;
	width:132px;
}

div#logo img
{
	vertical-align: bottom;
}

div#topmenu
{
	float:left;
	width:522px;
	padding:39px 0px 0px 0px;
	background: url(/resources/images/182_bg-topmenu.gif) repeat-x bottom left;
}

div#topmenu-content
{
	clear:both;
	float:left;
	padding-top:45px;
	padding-left:12px;
	width:510px;
	height:30px;
	background: url(/resources/images/183_bg-topmenu-content.gif) no-repeat;
}

div#topmenu-content ul
{
	position: relative;
	left:2px;
	margin:0px;
	padding:0px;
	list-style:none;
	width:510px;
	height:30px;
	background: url(/resources/images/184_bg-topmenu-content-ul.gif) no-repeat bottom right;
}

div#topmenu-content ul li
{
	float:left;
	padding: 0px 7px;
}

div#topmenu-content ul li a
{
	color: #fff;
	font-size:12px;
	font-weight:bold;
}

div#top-right-sup
{
	float:left;
	padding-top:14px;
	width:240px;
	height:100px;
	background: url(/resources/images/187_bg-top-right-sup.gif) repeat-x bottom left;
}

div#top-right
{
	clear:both;
	float:left;
	width:240px;
	height:100px;
	background: url(/resources/images/185_bg-top-right.gif) no-repeat bottom right;
}

div#top-right-sub
{
	overflow:hidden;
	clear:both;
	float:left;
	width:240px;
	height:100px;
	background: url(/resources/images/186_bg-top-right-sub.gif) no-repeat top left;
}

div#search
{
	clear:both;
	float:left;
	padding:10px 15px;
	width:210px;
	height:48px;
	color: rgb(171,103,21);
}

.searchbox
{
	width:165px;
}

div#shortcuts
{
	clear:both;
	float:left;
	padding-left:10px;
	width:200px;
	text-align:center;
}

div#shortcuts img
{
	padding:0px 8px;
	vertical-align:bottom;
}

div#main
{
	clear:both;
	float:left;
	padding:16px 0px;
	width:940px;
}

div#left
{
	float:left;
	width:170px;
}






.box-sup
{
	clear:both;
	float:left;
	width:170px;
	background: url(/resources/images/172_bg-box-sup.gif) repeat-x top left;
	margin: 0 0 5px;
}

.box
{
	clear:both;
	float:left;
	width:170px;
	background: url(/resources/images/169_bg-box.gif) repeat-x bottom left;
}

.box-left
{
	float:left;
	width:5px;
	height:5px;
	line-height:0px;
	font-size:0px;
	background: url(/resources/images/173_bg-box-top-left.gif) no-repeat;
}

.box-right
{
	float:right;
	width:5px;
	height:5px;
	line-height:0px;
	font-size:0px;
	background: url(/resources/images/174_bg-box-top-right.gif) no-repeat;
}

.box-top, .box-bottom
{
	clear:both;
	float:left;
	width:170px;
	height:5px;
	line-height:0px;
	font-size:0px;
}

.box-content
{
	clear:both;
	float:left;
	padding:0px 14px;
	width:142px;
	height: auto !important;
	height: 50px;
	min-height: 50px;
}

.box-bottom .box-left
{
	background: url(/resources/images/170_bg-box-bottom-left.gif) no-repeat;
}

.box-bottom .box-right
{
	background: url(/resources/images/171_bg-box-bottom-right.gif) no-repeat;
}

.ad
{
	clear:both;
	float:left;
	padding: 13px 0px;
	width:170px;
	text-align:center;
}

.ad img
{
	vertical-align:bottom;
}


div#middle
{
	float:left;
	padding: 0px 10px;
	width:568px;
}

div#header
{
	clear:both;
	float:left;
	padding-bottom:10px;
	width:568px;
}

div#header img
{
	vertical-align: bottom;
}

div#content
{
	clear:both;
	float:left;
	width:568px;
}

div#content .box-sup, div#content .box, div#content .box-top, div#content .box-bottom
{
	width:568px;
}

div#content .box-content
{
	width:540px;
}

.clear
{
	clear:both;
	float:left;
	width:568px;
	height:10px;
	line-height:0px;
	font-size:0px;
}

div#right
{
	position:relative;
	top:-10px;
	float:left;
	width:182px;
}

div#right .box-sup, div#right .box, div#right .box-top, div#right .box-bottom
{
	width:182px;
}

div#right .box-content
{
	width:154px;
}

div#right .ad
{
	padding:0px 0px 7px 0px;
	width:182px;
}

div#footer
{
	clear:both;
	float:left;
	width:940px;
	height:38px;
	background: url(/resources/images/179_bg-footer.gif) repeat-x;
}

div#footer-left
{
	float:left;
	width:6px;
	height:38px;
	font-size:0px;
	background: url(/resources/images/180_bg-footer-left.gif) no-repeat;
}

div#footer-content
{
	float:left;
	padding:11px 0px;
	width:928px;
	height:16px;
	line-height:16px;
	text-align: center;
	color: #fff;
}

div#footer-content a
{
	color:#fff;
}

div#footer-right
{
	float:left;
	width:6px;
	height:38px;
	font-size:0px;
	background: url(/resources/images/181_bg-footer-right.gif) no-repeat;
}


.box-orange-sup
{
	clear:both;
	float:left;
	padding: 0px 0px 20px 0px;
	width:170px;
}

.box-orange
{
	clear:both;
	float:left;
	width:170px;
	background: url(/resources/images/188_box-orange.gif) repeat-x rgb(247,148,29);
}

.box-orange-top, .box-orange-bottom
{
	float:left;
	width:170px;
	height:10px;
	line-height:0px;
	font-size:0pX;
}

.box-orange-left
{
	float:left;
	width:10px;
	height:10px;
	line-height:0px;
	font-size:0px;
	background: url(/resources/images/193_box-orange-top-left.gif);
}

.box-orange-right
{
	float:right;
	width:10px;
	height:10px;
	line-height:0px;
	font-size:0px;
	background: url(/resources/images/194_box-orange-top-right.gif);
}

.box-orange-content
{
	clear:both;
	float:left;
	padding:5px 15px;
	width:136px;
	border-left:2px solid rgb(247,179,94);
	border-right:2px solid rgb(247,179,94);
}

.box-orange-content ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.box-orange-content ul li
{
	padding: 2px 0px;
}

.box-orange-content ul li a
{
	color:#fff;
}

.box-orange-content ul li.level1
{
	font-weight:bold;
}

.box-orange-content ul li.level2
{
	padding-left:10px;
	background: url(/resources/images/192_box-orange-li.gif) no-repeat center left;
}

.box-orange-bottom
{
	background: url(/resources/images/189_box-orange-bottom.gif) repeat-x bottom left;
}

.box-orange-bottom .box-orange-left
{
	background: url(/resources/images/190_box-orange-bottom-left.gif) no-repeat;
}

.box-orange-bottom .box-orange-right
{
	background: url(/resources/images/191_box-orange-bottom-right.gif) no-repeat;
}


/* MATSEDLAR */
/* width:568px; */

.menu
{
	clear:both;
	float:left;
	width:568px;
	background: url(/resources/images/169_bg-box.gif) repeat-x bottom left;
}

.menutitle
{
	clear:both;
	float:left;
	width:548px;
	padding:5px 10px;
	background: url(/resources/images/188_box-orange.gif) repeat-x rgb(247,148,29);
	color: #fff;
	font-weight: bold;
}

.menutitle_left
{
	float:left;
	padding:3px 0px;
	width:348px;
}

.menutitle_right
{
	float:right;
	width:200px;
	text-align:right;
}

.menuitem
{
	cler:both;
	float:left;
	width:548px;
	padding:2px 10px;
	border-bottom:1px solid #ddd;
}

.menuitem_left
{
	float:left;
	padding:3px 0px;
	width:148px;
	font-weight:bold;
}

.menuitem_right
{
	float:right;
	width:400px;
	text-align:right;
}

.menuitem a
{
	color: rgb(85,85,85);
}

.url
{
	clear:both;
	float:left;
	padding:10px;
	width:548px;
}

/*
<DIV class=menu>
<DIV class=menutitle>
<DIV class=menutitle_left>Reykjanesbær</DIV>
<DIV class=menutitle_right></DIV></DIV>
<DIV class=menuitem>
<DIV class=menuitem_left><A href="/Skolar/Reykjanesbaer/Holtaskoli/">Holtaskóli</A></DIV>
<DIV class=menuttem_right style="TEXT-ALIGN: right"></DIV></DIV>
*/