/* General settings */
a:link {
	text-decoration:none; 
	color:#000000;
}
a:active {
	color:#000000;
}
a:hover {
	text-decoration:none; 
	color:#000000;
}
a:visited {
	text-decoration:none; 
	color:#000000;
}
body {
	margin: 0px;
	font-family: verdana, tahoma, sans, arial, helvetica, sans-serif;
	background-color:#FFFFAA;
	background: url('/pictures/design/yellow_background.jpg') repeat;
} 

#headline {
	position: relative;
	width: 70%;
	margin-top: 20px;
	padding: 5px;
	padding-right: 20px;
	height: 20px;
	z-index: 5;
	font-weight: bold;
	text-align: right;
	border-style: solid;
	border-right-width: 3px;
	border-left-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	background-color: #AAAAAA;
	background: url('/pictures/design/titlebar.gif') repeat-x;
}

#headline img {
	position: absolute;
	left: 205px;
	border-width: 0px;
}

#menu {
	position: relative;
	float:left;
	margin-left: 10px;
	margin-top: -45px;
	padding: 0px;
	padding-bottom: 10px;
	z-index: 10;
	width: 170px;
	border-style: solid;
	border-right-width: 3px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	background-color: #99AACC;
}

#menu div {
	font-weight: bold;
	padding-left: 7px;
}

#menu dl {
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
}

#menu dd {
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

#menu a:before {
	content: "» ";
}

#menu dd:hover {
	background-color: #66CC6f;
	background: url('/pictures/design/menu_selected.gif') repeat-y;
	text-decoration: none;
}

#menu a:link, #menu a:visited {
	display: block;
}

#menu img {
	margin-top: 7px;
	margin-bottom: 5px;
}

#menu center a:before {
	content: " ";
}

#contentarea {
	position: relative;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 10px;
	padding: 10px;
	border-style: solid;
	border-right-width: 3px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	background-color: #FFFFFF;
	background: url('/pictures/design/marmor.gif');
}

#bottomline {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 0px;
	padding: 5px;
	padding-right: 20px;
	height: 20px;
	z-index: 5;
	text-align: left;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 3px;
	background-color: #BBBBBB;
	background: url('/pictures/design/bottomline.gif') repeat-x;
}

#bottomline a {
	float: left;
}

#bottomline a:hover {
	text-decoration: underline;
}

#bottomline div {
	text-align: right;
}

#contentarea a:link {
	color:#0000FF
}

/* Format of the actual content */

#contentarea a:visited {
	color:#5500FF
}

#contentarea a:hover {
	color:#0000FF;
	background-color:#FFFF55;
}

/* For my download list */

#contentarea #download h1 {
        padding: 2px;
        margin: 0px;
        margin-bottom: 3px;
        background: #B0B0B0;
        text-align: left; 
        font-size: large; 
        font-stretch: wider;
}

#contentarea #download p {
        font-weight: bold;
        margin: 0px;
        padding: 0px;
}

#contentarea #download div.spacer {
	margin-bottom: 30px;
}

#contentarea #download dd {
	font-size:80%
}

/* Obfuscate my mail address */
span.contact span {
	display:none;
}