/* CSS Document */

html, body {
	background-color: #F9F9F9;
	background-image: url(../grafik/bg.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	margin: 0px;
	text-align: center;
}

/* Link design */

a {
	color: #483D8B;
	text-decoration: none;
	font-weight: bold;
}

a:link{
	color: #483D8B;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #3F347E;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #A49CD4;
	text-decoration: underline;
	font-weight: bold;
}

/* Skrifttyper */

.overskrift {
	font: bold 16px Verdana, Arial, sans-serif;
}

.underoverskrift {
	font: bold 12px Verdana, Arial, sans-serif;
}

.broedtekst {
	font: 10px Verdana, Arial, sans-serif;
}

.menutekst {
	font: 10px Verdana, Arial, sans-serif;
}

/* Layout tabel */

.layoutTable {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.layoutTop {
	height: 140px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(../grafik/bg_top.jpg);
}

.layoutMenu {
	height: 32px;
	text-align: center;
	background-color: #999999;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: Black;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
}

.layoutLeftSpace {
	width: 200px;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}

.layoutIndhold {
	vertical-align: top;
	text-align: left;
}

.layoutRightSpace {
	width: 200px;
	vertical-align: top;
	text-align: right;
	padding: 5px;
}

.layoutBund {
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font: 10px Verdana, Arial, sans-serif;
	color: #999999;
	background-color: #999999;
	background-image: url(../grafik/bg_bund.gif);
}

/* Blandede elementer */

.indholdsRammeTopL {
	background-image: url(../grafik/indholdramme_top_l.gif);
	width: 15px;
	height: 21px;
}
.indholdsRammeTopM {
	background-image: url(../grafik/indholdramme_top_m.gif);
	background-repeat: repeat-x;
	height: 21px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: #919191;
}
.indholdsRammeTopR {
	background-image: url(../grafik/indholdramme_top_r.gif);
	width: 15px;
	height: 21px;
}
.indholdsRammeMiddleL {
	background-image: url(../grafik/indholdramme_middle_l.gif);
	background-repeat: repeat-y;
	width: 15px;
}
.indholdsRammeMiddleR {
	background-image: url(../grafik/indholdramme_middle_r.gif);
	background-repeat: repeat-y;
	width: 15px;
}
.indholdsRammeBottomL {
	background-image: url(../grafik/indholdramme_bottom_l.gif);
	width: 15px;
	height: 15px;
}
.indholdsRammeBottomM {
	background-image: url(../grafik/indholdramme_bottom_m.gif);
	background-repeat: repeat-x;
	height: 15px;
}
.indholdsRammeBottomR {
	background-image: url(../grafik/indholdramme_bottom_r.gif);
	width: 15px;
	height: 15px;
}

/* Box elementer */

/* Grå Box (siderne)*/
.BoxTable {
	width: 180px;
	margin-bottom: 10px;
}
.BoxTop {
	background-color: f9f9f9;
	text-align: center;
	height: 21px;
	width: 180px;
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	background-image: url(../grafik/box_grey_top.gif);
}
.BoxIndhold {
	background-color: f9f9f9;
	padding: 4px;
	text-align: left;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-image: url(../grafik/box_grey_middle.gif);
}
.BoxBund {
	height: 4px;
	background-image: url(../grafik/box_grey_bottom.gif);
}

/* Rød Box (siderne)*/
.BoxTableSideR {
	width: 180px;
	margin-bottom: 10px;
}
.BoxTopSideR {
	background-color: #f9f9f9;
	text-align: center;
	height: 21px;
	width: 180px;
	font-size: 12px;
	color: #F9F9F9;
	font-weight: bold;
	background-image: url(../grafik/box_red_top_180.gif);
}
.BoxIndholdSideR {
	background-color: f9f9f9;
	padding: 4px;
	text-align: left;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-image: url(../grafik/box_red_middle_180.gif);
}
.BoxBundSideR {
	height: 4px;
	background-image: url(../grafik/box_red_bottom_180.gif);
}

/* Violet Box */
.BoxTableV {
	width: 250px;
	margin: 5px;
}
.BoxTopV {
	background-color: f9f9f9;
	text-align: center;
	height: 21px;
	width: 260px;
	font-size: 12px;
	color: #f9f9f9;
	font-weight: bold;
	margin: 0px;
	background-image: url(../grafik/box_violet_top_250.gif);
}
.BoxIndholdV {
	background-color: f9f9f9;
	padding: 4px;
	text-align: left;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
	background-image: url(../grafik/box_violet_middle_250.gif);
}
.BoxBundV {
	height: 4px;
	margin: 0px;
	background-image: url(../grafik/box_violet_bottom_250.gif);
}

/* Rød Box */
.BoxTableR {
	width: 250px;
	margin: 5px;
}
.BoxTopR {
	background-color: f9f9f9;
	text-align: center;
	height: 21px;
	width: 260px;
	font-size: 12px;
	color: #F9F9F9;
	font-weight: bold;
	background-image: url(../grafik/box_red_top_250.gif);
}
.BoxIndholdR {
	background-color: f9f9f9;
	padding: 4px;
	text-align: left;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	background-image: url(../grafik/box_red_middle_250.gif);
}
.BoxBundR {
	height: 4px;
	background-image: url(../grafik/box_red_bottom_250.gif);
}

#centerBoxe {
	width: 250px;
}

#sideindhold {
	background-color: #EFEFEF;
	padding: 5px;
}

/* Kiromantiker specifik css */

.layoutMenuKiromantiker {
	height: 32px;
	text-align: center;
	background-color: #4A7ECE;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: Black;
	border-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-color: Black;
}

.layoutBundKiromantiker {
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font: 10px Verdana, Arial, sans-serif;
	color: #B1C7E9;
	background-color: #4A7ECE;
	background-image: url(../grafik/bg_bund_kiromantiker.gif);
}