html, body {
	background-color: black;
	background-image: url("/img/bg.gif");
	padding: 0;
	margin: 0;
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

div#container {
	position: relative;
	margin: auto;
	width: 997px;
}

div#content:before {
	width: 997px;
	height: 21px;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url("/img/contenttop.gif");
	content: "";
}

div#content {
	position: absolute;
	top: 110px;
	margin: 0;
	_border: 8px solid #e9e9e9;	/* IE Hack */
}

div#content div#columns {
	background-image: url("/img/contentbg.gif");
	_border: 1px solid #e9e9e9;	/* IE Hack - adds bgimage to menu too */
}

div#content div#columns div {
	padding-left: 1em;
	padding-right: 1em;
}

div#content:after {
	width: 997px;
	height: 22px;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url("/img/contentbottom.gif");
	content: "";
	margin-bottom: 22px; 
}

div#toptabs {
	position: absolute;
	left: 0px;
	top: 71px;
}

div#toptabs ul {
	margin: 0;
	padding: 0;
}

div#toptabs li {
	float: left;
	display: block;
}

div#toptabs a span {
	display: none;
}

div#toptabs a {
	display: block;
}

div#toptabs a#tt_forside {
	width: 125px; height:  71px; 
	background-image: url("/img/tt_forside.gif");
}
div#toptabs a#tt_forside:hover {
	background-image: url("/img/tt_forside2.gif");
}
div#toptabs a#tt_koder {
	width:  90px; height:  41px; 
	background-image: url("/img/tt_koder.gif");
}
div#toptabs a#tt_koder:hover {
	background-image: url("/img/tt_koder2.gif");
}
div#toptabs a#tt_forum {
	width:  89px; height:  47px; 
	background-image: url("/img/tt_forum.gif");
}
div#toptabs a#tt_forum:hover {
	background-image: url("/img/tt_forum2.gif");
}
div#toptabs a#tt_kontakt {
	width:  126px; height:  47px; 
	background-image: url("/img/tt_kontakt.gif");
}
div#toptabs a#tt_kontakt:hover {
	background-image: url("/img/tt_kontakt2.gif");
}

div#logo {
	position: absolute;
	top: 70px;
	right: 0;
	background-image: url("/img/codesitedk.gif");
	width: 122px;
	height: 30px;
}

div#logo span {
	display: none;
}

div#columns {
	margin: 0;
	padding: 0;
}

div#main {
	position: relative;
	top: 10px;
	right: 0px;
	float: right;
	width: 715px;
}

div#menu {
	position: relative;
	top: 10px;
	left: 5px;
	width: 210px;
	float: left;
	padding-bottom: 2em;
}

div#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

h1, div#menu h1 {
	background-color: black;
	height: 29px;
	width: 100%;
	display: block;
	font-size: 11px; 
	border: 2px solid #e4e4e4;
	margin: 0 0 0 0 ;
}

div#menu a {
	margin-left: 2em;
	text-decoration: none;
}

h1 span , div#menu h1 a {
	position: relative;
	top: 9px;
	margin-left: 1em;
	color: white;
	text-decoration: none;
	vertical-align: middle;
}
div#menu a:hover { font-weight: bold; color: black; }

h1.red, div#menu .red h1 { background-image: url("/img/bar_red.gif"); }
div#menu .red h1 a  { color: white; }
div#menu .red a { color: #840000; }
h1.green, div#menu .green h1 { background-image: url("/img/bar_green.gif"); }
div#menu .green h1 a  { color: white; }
div#menu .green a { color: #088704; }
h1.yellow, div#menu .yellow h1 { background-image: url("/img/bar_yellow.gif"); }
div#menu .yellow h1 a  { color: white; }
div#menu .yellow a { color: #f8b801; }
h1.blue, div#menu .blue h1 { background-image: url("/img/bar_blue.gif"); }
div#menu .blue h1 a  { color: white; }
div#menu .blue a { color: #4877c9; }
h1.puple, div#menu .purple h1 { background-image: url("/img/bar_purple.gif"); }
div#menu .purple h1 a  { color: white; }
div#menu .purple a { color: #7731ae; }
h1.lgreen, div#menu .lgreen h1 { background-image: url("/img/bar_lgreen.gif"); }
div#menu .lgreen h1 a  { color: white; }
div#menu .lgreen a { color: #b2d136; }

div#network {
	background-color: black;
	color: white;
	border-bottom: 1px solid #111;
	clear: both;
	display: none;
}

.itemlink {
	margin: 20px auto 0 auto;
	padding: 10px;
	width: 234px;
	display: block;
	border: 1px solid black;
	background-color: #e9e9e9;
	color: black;
	text-align: center;
	text-decoration: none;
}
.itemlink:hover {
	background-color: black;
	color: white;
}

.navigation {
	margin: 15px auto 15px auto;
	width: 300px;
	text-align: center;
	font-weight: bold;
}