@charset "UTF-8";

/******************************/
/*        GLOBAL RESET        */
/******************************/

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

/******************************/
/*       MAIN SETTINGS        */
/******************************/

html {
	overflow-y: scroll;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #333;
}

h1 {
	font-size: 16px;
	padding-bottom: 32px;
	font-weight: bold;
}

h2 {
	font-size: 12px;
	font-weight: bold;
}

/******************************/
/*         DIV BOXES          */
/******************************/

#wrapper {
	width: 850px;
	background-image: url(../images/bg_content.png);
	background-repeat: no-repeat;
	margin: 0px auto;
}

#title {
	height: 75px;
	width: 800px;
	padding-top: 25px;
	margin-left: 25px;
}

#title img {
	border: none;
}

#header {
	height: 150px;
	width: 750px;
	margin-left: 50px;
	background-color: #000;
}

#navi {
	height: 25px;
	width: 750px;
	position: absolute;
	top: 225px;
	left: 50%;
	margin-left: -375px;
}

#content {
	width: 750px;
	margin: 25px 50px 0px 50px;
}

#content ul {
	list-style: circle;
	margin-left: 15px;
}

#content {
	line-height: 16px;
}

#angela_foellmi {
	float: right;
}

#footer {
	width: 750px;
	height: 83px;
	padding: 17px 50px 0px;
	font-size: 10px;
	color: #999;
	line-height: 20px;
	background-image: url(../images/bg_footer.png);
	background-repeat: no-repeat;
}

/******************************/
/*         NAVIGATION         */
/******************************/

#navi_ul {
	list-style: none;
}

#nav_01,#nav_02,#nav_03,#nav_04,
#nav_05,#nav_06,#nav_07,#nav_08{
	color: #FFF;
	display: block;
	float: left;
	height: 22px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid #ffffff;
	background: rgba(255,255,255,.5);
}

#nav_01:hover,#nav_02:hover,#nav_03:hover,#nav_04:hover,
#nav_05:hover,#nav_06:hover,#nav_07:hover,#nav_08:hover{
	color: #333;
	background-color: #FFF;
	text-decoration: none;
}

#nav_01 {width: 49px;}
#nav_02 {width: 218px;}
#nav_03 {width: 71px;}
#nav_04 {width: 105px;}
#nav_05 {width: 134px;}
#nav_06 {width: 56px;}
#nav_07 {width: 51px;}
#nav_08 {width: 66px;}

.navisolid {
	color: #333;
	background-color: #FFF;
	text-decoration: none;
}

/******************************/
/*          CLASSES           */
/******************************/

.divline {
	height: 1px;
	width: 750px;
	margin: 24px 0px 0px;
	display: block;
	border-top: 1px dotted #CCC;
}

.float_left {
	float: left;
	padding-right: 15px;
}

/******************************/
/*          COLOURS           */
/******************************/

.colour_blue {color: #54A5DC;}
.colour_green {color: #8BB03F;}
.colour_brown {color: #A97E5E;}
.colour_red {color: #CC2027;}
.colour_orange {color: #F78A1F;}
.colour_yellow {color: #FFD200;}
.colour_pink {color: #FF00FF;}
.colour_purple {color: #8D53A1;}