*      				{ font-family: Arial; }



body				{ margin: 0px 0px; padding: 15px 0px; background: url('img/orlogsstaden_back.jpg') center top repeat-x; background-attachment: fixed; }



img				{ border: 0px; }



a				{ text-decoration: none; color: #0071a2; }

a:hover				{ text-decoration: underline; }



#pagewrapper			{ margin: 0px auto; position: relative; width: 900px; }



#logo				{ margin: 0px 0px 0px 25px; }



#mainmenu			{ background: url('img/bg_tiles.png') 0px 0px no-repeat; width: 900px; height: 36px; margin: 25px 0px 0px 0px; position: relative; }

#mainmenu ul			{ list-style: none; margin: 0px; padding: 0px 40px; }

#mainmenu ul li			{ margin: 0px; padding: 0px; display: block; float: left; }

#mainmenu ul li a		{ display: block; float: left; font-size: 16px; color: #e0e0e0; line-height: 36px; padding: 0px 10px; }

#mainmenu ul li a:hover		{ color: white; }

#mainmenu ul li a.active	{ color: white; text-decoration: underline; }



#mainmenu ul ul			{ position: absolute; top: 36px; left: 0px; height: 30px; display: none; border-bottom: 1px solid #ababab; width: 820px; }

#mainmenu ul li.active ul	{ display: block; }

#mainmenu ul li.active ul ul	{ display: none; }

#mainmenu ul ul li		{ position: relative; }

#mainmenu ul ul li a		{ line-height: 30px; color: #606060; font-size: 14px; text-transform: none; }

#mainmenu ul ul li a:hover	{ color: black; }

#mainmenu ul ul li a.active	{ color: black; }



#mainmenu ul ul ul 		{ display: none; padding: 0px; position: absolute; top: 30px; left: 0px; border-top: 1px solid white; border-right: 1px solid #ababab; border-left: 1px solid #ababab; width: 180px; height: auto; }

#mainmenu ul ul li:hover ul	{ display: block; }

#mainmenu ul ul ul li		{ float: none; }

#mainmenu ul ul ul li a		{ float: none; font-size: 12px; line-height: 25px; }



#content			{ background: url('img/bg_tiles.png') -900px 0px repeat-y; width: 800px; padding: 65px 50px 30px 50px; }



#rightpanel			{ width: 225px; float: right; font-size: 12px; }

#rightpanel h1			{ font-size: 18px; }

#rightpanel h2			{ font-size: 16px; }

#rightpanel h3			{ font-size: 14px; }

#rightpanel h4			{ font-size: 14px; font-weight: normal; }



.comments			{ display: block; padding: 5px 0px 5px 0px !important; margin: 5px 0px 0px 0px !important; clear: both; font-size: 10px; color: gray; border-top: 1px dotted gray; }

.comments textarea		{ width: 520px; height: 80px; }

.comments .form			{ padding: 0px 0px 0px 0px; }

.comments input, .comments textarea { font-size: 12px; border: 1px solid gray; margin-bottom: 3px; }

.comments span			{ display: block; padding: 2px 0px; font-size: 12px; color: black; }

.comments .date, .comments .time { display: inline; font-size: 10px; color: gray; }

.comments .comment .author	{ font-weight: bold; font-size: 12px; }

.comments .comment		{ font-size: 12px; border: 1px solid #d0d0d0; background: #f0f0f0; padding: 5px !important; margin: 0px 0px 5px 0px; }





#footer				{ background: url('img/bg_tiles.png') 0px -36px no-repeat; width: 900px; padding-top: -10px; padding-bottom: 40px; font-size: 12px; color: #ababab; text-align: center; }



.box				{ position: relative; padding: 0px; }

.box .a				{ position: absolute; top: 0px; right: -60px; background: inherit; padding: 2px 15px; }

.box .a img			{ border-bottom: 0px solid white !important; }

.box:hover .a			{ visibility: visible; }



.module				{ padding: 0px 0px 0px 0px; position: relative; width: 550px; }

.module .a			{ position: absolute; top: -20px; right: 0px; text-align: right; background: inherit; padding: 2px 15px; }

.module:hover .a		{ visibility: visible; }



.parent_3 .module		{ width: 800px; }



.a,

.a input,

.a textarea			{ font-size: 11px; }

.a td				{ vertical-align: top; }



td				{ vertical-align: top; }



.leftie				{ float: left; }

.rightie			{ float: right; }

.clear				{ clear: both; }