html, body { height: 100%; }

body { font-family: Verdana; text-align: center; margin: 0px; font-size: 12px; line-height: 18px; background: #f6eee1; }

img#bg { position:fixed; top:0; left:0; width:100%; height:100%; }

h1 { font-size: 24pt; color: #d54e13; padding: 0 0 10px 0; margin: 10px 0 0 0; font-style: italic; }

a { color: #000; text-decoration: none; }

div#center { float: left; position: absolute; left: 50%; margin-left: -432px; background: url(../images/bg.png) center top repeat-y; width: 864px;}
div#center .center_space { float: left; margin: 0 7px; width: 850px; overflow: hidden; }

div#logo { position: relative; z-index: 100; top: -136px; left: -270px; }

div#top { width: 850px; height: 200px; text-align: center; }

/* Menu */

div#menu { width: 850px; height: 28px; background: url("../images/bg_menu.gif") repeat-x; margin-bottom: 10px; text-align: left; }

div#menu .space { margin-left: 10px; float: left; width: 850px; }
div#menu ul { list-style: none; padding: 0; margin: 0; }
div#menu li { float: left; padding: 5px 30px 0 0; }
div#menu li a { font-size: 14px; font-weight: bold; color: #000; font-style: italic; }
div#menu li a.hover { color: #CC0000; }

div#leftmenu { float: left; width: 135px; text-align: left; color: #000; margin: 3px 0 0 5px; }

div#leftmenu a { float: left; border-bottom: 1px solid #d6cab2; padding: 5px 0 5px 10px; display: block; width: 125px; }


div#main, div#main-noleft { float: left; width: 474px; text-align: left; margin: 4px 0 0 20px; }

div#main-noleft { width: 610px; }

div#rightcol { float: right; width: 185px; }
div#rightcol .box { width: 180px; text-align: left; background: #f7f5f1; border-left: 5px solid #e9e4d9; margin-bottom: 10px; }
div#rightcol h3 { padding: 10px 0 7px 0px; font-size: 20px; margin: 0 0 0 10px; color: #d54e13; border-bottom: 1px solid #e3dbcb; width: 160px; font-style: italic; }
div#rightcol .body { font-size: 11px; padding: 8px; }

table.start_table {
	background: url('../images/ladugard.jpg') no-repeat;
}

div#inforow { width: 820px; border-top: 1px solid #e5e5e5; font-size: 11px; float: left; padding: 10px 0 20px 0; margin: 20px 15px 0 15px; }

.link {
	font-size: 11px;
	font-family: verdana;
	color: #000;
	text-decoration: none;
	padding-left: 10px;
}

/* STARTSIDAN BOXAR */

div.start_box,
div.start_box_last,
div.start_box_first {
	float: left;
	width: 125px;
	height: 125px;
	border: 1px solid #CCC;
	margin-right: 25px;
	margin-top: 40px;
}

div.start_box_last {
	margin-right: 0;
}

div.start_box_first {
	margin-left: 10px;
}

div#imagePlay .pics {
	border: 1px solid #000;
	width: 490px;
	height: 222px;
}


/* ArticleList */

div#articleList a {
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

/* Image Gallery */

div#imageGallery .image_container {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 80px;
	height: 80px;
	border: 1px solid #CCC;
	cursor: pointer;
}

div#imageGallery .image {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 100;
	display: none;
	border: 1px solid #000;
	padding: 20px;
	background: #FFF;
}

div#imageGallery .image_close {
	position: absolute;
	cursor: pointer;
	text-align: right;
	width: 14px;
	height: 14px;
	background: url(../images/close.gif) right no-repeat;
	margin-top: -15px;
}


/* ArticleList + ingress */

div#articleListIngress td {
	font-size: 10pt;
}

div#articleListIngress img {
	border: 1px solid #000;
}

div#articleListIngress a {
	text-decoration: none;
	color: #000;
}


/* Article */

div#article div.image {
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}

div#article div.text {
	float: left;
	margin-left: 0px;
}


/* ARTICLE LIST IMAGE */

div#articleListImage ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#articleListImage ul li {
	padding: 3px 0 3px 0;
}

div#articleListImage ul li a {
	text-decoration: none;
	color: #000;
}

div#articleListImage .image {
	float: right;
}