body {
background-color: #36255b;
margin: 0px;
padding: 10px;
color: #36255b;
font-face: Verdana;

/*background-image: url('http://djkristoffer.se/gfx/bg_logo.jpg');*/
background-attachment: fixed;
background-position: top right;
background-repeat: no-repeat;
}

table {
background-color: #36255b;
text-align: center;
}


h1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 18px;
color: #DEDEFF;
font-weight: bold;
letter-spacing: 5px;
text-align: center;
padding: 2px 2px;
margin:0px;
font-weight: bolder;

}

h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 16px;
color:#DDDbF5;
font-weight: bold;
font-style: italic;
text-align: center;
}

h3 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14px;
color:#DDD9D0;
font-weight: bold;
font-style: italic;
}

h4 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
color:#DDD9D0;
font-weight: bold;
}

p {
font-family: Helvetica, Verdana, Arial, sans-serif;
color:#DfDfD0;
font-size: 12px; 
text-align: center justify;
padding: 2px 2px;
margin:0px;
}


tr {
margin: 0px;
padding: 0px;
}

td {
font-family: Helvetica, Verdana, Arial, sans-serif;
color:#FDFDFD;
font-size: 10px;
margin: 0px;
}

a { 
font-family: Verdana, Arial, sans-serif;
color: #DDD0Da;
text-decoration: none; 
font-weight: bolder;
} 
a:hover { 
color: #5e5f90; 
text-decoration: underline; 
}

form {
padding: 0px;
margin: 0px;
border: 0px;
}

img {
        border: 0;
}

hr {
border-bottom: dashed;
border-color: #DDDCEE;
height: 0px;
width: 80%;
}

table.center { 
margin-left:auto; margin-right:auto;
}

.shadow {
text-shadow: black 0.1em 0.1em 0.2em;
}

	.top-left, .top-right, .bottom-left, .bottom-right { 
		background-image: url('/gfx/corners1280x18.gif'); /* CHANGE: path and name of your image */
		height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
		font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
		}
	.top-left, .bottom-left { 
		margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
		}
	.top-right, .bottom-right { 
		margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
		margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
		}
	.top-right {
		background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
		}
	.bottom-left  { 
		background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
		}
	.bottom-right { 
		background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
		}
	.inside {
		border-left: 1px solid #aa00aa; /* YCC: color & properties of the left-borderline */
		border-right: 1px solid #aa00aa; /* YCC: color & properties of the right-borderline */
		background: #36255b;            /* YCC: background-color of the inside */
		color: #ffffff;                 /* YCC: default text-color of the inside */
		padding-left: 3px;             /* YCC: all texts at some distance of the left border */
		padding-right:3px;             /* YCC: all texts at some distance of the right border */
		text-align: left;
		}
	.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
	.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */