/* ##################################################################### */
/* HTML ELEMENTS
/* ##################################################################### */

html, body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body
{
	background-image:url(../images/body_bg.gif);
	background-position:0px 158px;
	background-repeat:no-repeat;
	
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

img
{
	border:none;
}



/* ##################################################################### */
/* MAIN DIVS
/* ##################################################################### */

#header
{
	width:100%;
	height:158px;
	background-image:url(../images/header.jpg);
	background-position:left;
	background-repeat:no-repeat;
	background-color:#f2d0d0;
}

#wrap
{
	width:915px;
}

#navigation
{
	width:145px;
	float:left;
}

#main-menu
{
	margin:20px 0 0 10px;
}

#content
{
	width:760px;
	float:right;
	padding-top:20px;
	padding-left:10px;
	
	line-height:150%;
}

#footer
{
	margin-top:50px;
}

#unibern
{
	margin-left:230px;
}

#ecos img
{
	padding-bottom:20px;
}


/* ##################################################################### */
/* CLASSES
/* ##################################################################### */

.clearer
{
	clear:both;
}

/* Menu ###################################### */

.menu
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.menu li
{
	padding:2px;
}

.menu li a
{
	font-weight:bold;
	color:#642323;
	text-decoration:none;
}

.menu li a:hover, .menu li.active a
{
	color:#b15656;
}

td {
	vertical-align: top;
}

p {
	padding-top: 0;
	margin-top: 0;
}

h1 {
	font-size: 14px;
}