@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #f1f1f1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

td.main {
	background-image:url(../images/main.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

td.header {
	height: 40px;
	padding-top: 226px;
	padding-left: 61px;
	background-image:url(../images/header.jpg);
}

td.left { padding-left: 51px; }

td.content {
	padding: 0px 55px 38px 50px;
	min-height: 500px;
	height:376px;
}

td.left-footer {
	background-image: url(../images/left-footer.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

td.right-footer {
	background-image: url(../images/right-footer.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

td.left-side {
	background-image: url(../images/left-side.jpg);
	background-position: right;
	background-repeat: repeat-y;
}

td.right-side {
	background-image: url(../images/right-side.jpg);
	background-position: left;
	background-repeat: repeat-y;
}

td.footer {
	padding: 15px 55px 0px 50px;
	text-align: center;
}

#navlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navlist li { float: left; }

#navlist li a {
	float: left;
	display: block;
	padding: 8px 15px 8px 15px;
	text-decoration: none;
	color: #666666;
	background-image: url(../images/pipe.jpg);
	background-repeat: no-repeat;
}

#navlist li a:hover { color: #cc9900; }
#navlist li a#first { background: none; }

div.side-menu-left {
	float: left;
	margin-bottom: 9px;
}

div.side-menu-right {
	margin-bottom: 9px;
	margin-left: 188px;
}

div.side-menu-left a, div.side-menu-right a {
	margin: 0;
	display: block;
	width: 169px;
	height: 125px;
	text-decoration: none;
	padding: 4px 0px 0px 11px;
	color: #FFFFFF;
}

div.side-menu-left a#schackspel { background-image: url(../images/left-menu/schackspel.jpg); }
div.side-menu-left a#schackspel:hover { background-image: url(../images/left-menu/schackspel-hover.jpg); }
div.side-menu-left a#schackklockor { background-image: url(../images/left-menu/schackklockor.jpg); }
div.side-menu-left a#schackklockor:hover { background-image: url(../images/left-menu/schackklockor-hover.jpg); }
div.side-menu-left a#schackdatorer { background-image: url(../images/left-menu/schackdatorer.jpg); }
div.side-menu-left a#schackdatorer:hover { background-image: url(../images/left-menu/schackdatorer-hover.jpg); }

div.side-menu-right a#schackboker { background-image: url(../images/left-menu/schackboker.jpg); }
div.side-menu-right a#schackboker:hover { background-image: url(../images/left-menu/schackboker-hover.jpg); }
div.side-menu-right a#schackfilmer { background-image: url(../images/left-menu/schackfilmer.jpg); }
div.side-menu-right a#schackfilmer:hover { background-image: url(../images/left-menu/schackfilmer-hover.jpg); }
div.side-menu-right a#schackprogram { background-image: url(../images/left-menu/schackprogram.jpg); }
div.side-menu-right a#schackprogram:hover { background-image: url(../images/left-menu/schackprogram-hover.jpg); }

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #000000;
}

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

a:hover { color: #cc9900; }