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


#homepage #header-left, #homepage #footer-left {
	/*width:725px;*/
}

* html #header-container /* All IE except IE 7 */
{
	/*width:722px;*/
}


#topnav
{
	background-color:#000000;
}

#mainnav
{
	background-color:#cccc99;
}

#content-top
{
	position: relative;
	height:200px;
	background-color:#000000;
	padding-left:100px;
	background-image:url(../images/06/home_image_left.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#container1 /* Container mit kurzem Text "content-top-left" */
{
	position:absolute;
	top:0;
	width:270px;
	height:175px;
	padding:25px 25px 0 25px;
	background-color:#000000;
	color:#ffffff;
}

html. * #container1 /* IE 5.5 fix */ {
	width:320px;
	height:200px;
}

#container2 /* Container mit Adresse "content-top-right" */ {
	position:absolute;
	left:420px;
	top:0;
	width:230px;
	height:175px;
	padding:25px 25px 0 340px;
	background-color:#000000;
	color:#ffffff;
	background-image:url(https://sagaconference.unibas.ch/fileadmin/webbaukasten/templates/images/06/bilderleiste/bild_1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

html. * #container2 /* IE 5.5 fix */
{
	width:635px;
	height:200px;
}

#content-bottom
{
	position: relative;
	height:220px;
	background-color:#ffffff;
}

#content-bottom #unibas-logo{
	width: 100px;
}

#container3 /* News-Container "content-bottom-left" */ {
	position:absolute;
	top:0;
	width:190px;
	height:195px;
	left: 100px;
	padding:25px 25px 0 25px;
	background-color:#ffffff;
	/*background-image:url(../images/06/news_container_background.gif);*/
	background-repeat:repeat-y;
	background-align: right;
}

#container3 p {
	margin-top: 0;
}

html. * #container3 /* IE 5.5 fix */ {
	width:335px;
	height:220px;
}

#container4 /* Veranstaltungs-Container "content-bottom-middle" */ {
	position:absolute;
	left:335px;
	top:0;
	width:340px;
	height:195px;
	padding:25px 25px 0 25px;
	background-color:#99cccc;
}

html. * #container4 /* IE 5.5 fix */ {
	width:390px;
	height:220px;
}

#container5 /* Quicklinks-Container "content-bottom-right" */
{
	position:absolute;
	left:725px;
	top:0;
	width:240px;
	height:195px;
	padding:25px 25px 0 25px;
	background-color:#ffffff;
}

html. * #container5 /* IE 5.5 fix */
{
	width:290px;
	height:220px;
}

#footer ul{
	padding-right: 10px;
}

#bottom{
	height: 150px;
}


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


/* Main navigation */

#mainnav a
{
	color:#000000;
}

#mainnav ul li.act a, #mainnav ul li a:hover
{
	color:#ffffff;
}


/* content home */

#content-top h1, #content-bottom h1, #content-top h3, #content-bottom h3
{
	font-size:11px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:0;
}

.events-date
{
	color:#ffffff;
	font-weight:bold;
}


/* content home */

.container-border-top /* Oberer Rand des News-Containers */
{
	margin-left:625px;
}

* html .container-border-top /* Oberer Rand des News-Containers */
{
	margin-left:622px;
}

/* News auf Startseite */
div.home #content-top div.events-latest-item span,div.home #content-bottom div.events-latest-item span{
	font-weight: bold;
}

div.home #content-top div.news-latest-item span,div.home #content-bottom div.news-latest-item span{
	font-weight: bold;
}