/* 
==================================================================================

	Dieses File gehrt zum Projekt unilu.ch und behandelt das Layout am Bildschirm
	Erstellungdatum: 16.05.06 / VELS
	Korrekturen: 31.05.06 / Footer / ZUEM
	
	Inhaltsverzeichnis
		1.	Allgemeine Defintionen
		2.	Header-Bereich
		3.	Hauptnavigation
		4.	Subnavigation
		5.	Breadcrumbs
		6.	Inhaltsbereich
	
==================================================================================
*/

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
}
html {
}
body {
	background:  #dfdfdf;
	font-size: 70%; 
}

/* 
========================================================
1.	Allgemeine Definitionen
======================================================== 
*/

h1 {
	display: none;
}

h2 {
	margin: 0 0 1.5em 0;
	font-size: 150%;
	color: #333333;
}

h3 {
	height: 24px;
	margin: 0 -20px 10px -20px;
}

h3 img {
	margin: 9px 0 0 25px;
}

h3 span {
	display: none;
}

h4 {
	clear: both;
	margin: 20px 0 1.3em 0;
	font-size: 110%;
	letter-spacing: 0.05em;
	color: #333333;
}

h5 {
	margin: 0 0 0.75em 0;
	color: #535353;
	font-size: 110%;
	font-weight: bold;
}

a {
	color: #5596c8;
}

a:hover {
	color: #333;
}

a img, img {
	border: none;
}

.hidden-info {
/*	display: none; */
	visibility: hidden; 
}
hr.hidden-info {
	width: auto !important;
}
strong {
	font-weight: bold;
}
u {
	text-decoration: underline;
}
hr {
	border: solid #DDDDDD;
	border-width: 0 0 1px 0;
	display: block;
	height: 0;
	margin: .3em 0;
	width: 100%;
}
strong.validation{display:block; color: #E2017A; }

div#wrap {
	width: 920px;
	margin: 0 auto;
	background: url(../img/layout/container.gif) repeat-y;
	position: relative;
	padding: 0 0 -5px 0;
	min-height: 500px;
}


div#container {
	width: 900px;
	margin: 0 auto;
	padding: 6px 5px 0 5px;
	background: #FFF;
	position: relative;
	overflow:hidden;
}

/* 
========================================================
	Header ( Skipnavi / Logo / Suche / Service-Navi )
======================================================== 
*/

ul#skipnavi li#link-home {
	float: left; 
	width: 105px; 
	height: 107px; 
	background: url(../img/layout/logo.jpg) no-repeat;
	margin: 0 46px 6px 6px;
	padding: 0;
	display: inline;
}
* html ul#skipnavi li#link-home {
	margin: 0 31px 6px 6px;
}
ul#skipnavi li#link-phz {
	display: none;
/*
	float: left; 
	width: 155px; 
	height: 107px; 
	background: url(../img/layout/2011.gif) no-repeat 0 14px;
	margin: 0 0 6px 0;
	padding: 0;
	display: inline;
*/
}

img#logo-print, ul#skipnavi li#link-home a span, div#service-field label, ul#skipnavi li#link-phz a span {
	display: none;
}

ul#skipnavi li#link-home a {
	display: block; 
	width: 120px; 
	height:107px; 
}
ul#skipnavi li#link-phz a {
	display: block; 
	width: 155px; 
	height:107px; 
}

ul#skipnavi li a {
	display: none;
}

div#service-field {
	position: absolute;
	top: 60px;
	right: 10px;
	width: 300px;
	height: 50px;
	text-align: right;
	font-size: 90%;
}

div#service-field a {
	margin: 0 0 0 10px;
	color: #747474;
}

div#service-field a:hover {
	color: #000;
}


div#service-field legend {
	display: none; 
}

div#service-field fieldset { 
	height: 35px; 
	padding: 5px 0 0; 
	border: none; 
}

div#service-field fieldset input {
	background: url(../img/layout/search_input.gif) repeat-x right top;
	border: 1px solid #4A4A4A;
	font-size: 90%;
}

fieldset#suche input#button{
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	background: url(../img/layout/icon_lupe.gif) no-repeat;
	border: none;
	color: #E6412D;
	cursor: pointer;
}

ul#navigation-service {
	list-style: none;
}

ul#navigation-service li {
	float: right;
}

/* 
========================================================
	Hauptnavigation
======================================================== 
*/

ul#navigation {
	clear: both;
	height: 30px;
	background: url(../img/layout/navigation.gif) no-repeat;
	list-style: none;
}
ul#navigation li { 
	float: left; 
}
ul#navigation a {
	display: block; 
	height: 30px; 
}
ul#navigation a span {
	display: none;
}
ul#navigation a.aktuelles		{ width: 95px; }
ul#navigation a.organisation	{ width: 110px; }
ul#navigation a.forschung		{ width: 90px; }
ul#navigation a.studium			{ width: 70px; }
ul#navigation a.weiterbildung	{ width: 125px; }


ul#navigation a.aktuelles:hover		{ background: url(../img/layout/navigation_h.gif) no-repeat 0 0;}
ul#navigation a.organisation:hover	{ background: url(../img/layout/navigation_h.gif) no-repeat -95px 0; }
ul#navigation a.forschung:hover		{ background: url(../img/layout/navigation_h.gif) no-repeat -205px 0; }
ul#navigation a.studium:hover			{ background: url(../img/layout/navigation_h.gif) no-repeat -295px 0; }
ul#navigation a.weiterbildung:hover	{ background: url(../img/layout/navigation_h.gif) no-repeat -365px 0; }



ul#navigation a.aktuelles-active-link		{ background: url(../img/layout/navigation_h.gif) no-repeat 0 0; width: 95px; }
ul#navigation a.organisation-active-link	{ background: url(../img/layout/navigation_h.gif) no-repeat -95px 0; width: 110px; }
ul#navigation a.forschung-active-link		{ background: url(../img/layout/navigation_h.gif) no-repeat -205px 0; width: 90px;}
ul#navigation a.studium-active-link			{ background: url(../img/layout/navigation_h.gif) no-repeat -295px 0; width: 70px;}
ul#navigation a.weiterbildung-active-link	{ background: url(../img/layout/navigation_h.gif) no-repeat -365px 0; width: 115px;}

div#aktuell {
	width: 500px;
	float: left;
}

/* 
========================================================
	Breadcrumbs
======================================================== 
*/

ol#navigation-breadcrumbs {
	float: left;
/*	width: 650px; */
	width: 600px;
	margin: 10px 0 0 30px;
	font-size: 90%;
}
ol#navigation-breadcrumbs li {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	list-style: none;
}
ol#navigation-breadcrumbs li a {
	padding: 0 0 0 10px;
	height: 20px;
	background: url(../img/layout/arrow_black.gif) no-repeat 0 4px;
}

/* 
========================================================
	Subnavigation
======================================================== 
*/

div#subnavi {
	float: left;
	width: 200px;
	overflow: hidden;
	margin: 0 0 20px 0;
	background: url(../img/layout/subnavi_middle.gif) repeat-y;
}
div#subnavi h3 {
	height: 20px;
	margin: 0;
	background: url(../img/layout/subnavi_top.gif) no-repeat;
}
div#subnavi h3 span {
	display: none;
}

div#subnavi ul {
	padding: 0 5px 25px 5px;
	background: url(../img/layout/subnavi_close.gif) no-repeat left bottom;
	overflow: hidden;
}
div#subnavi ul li {
	display: inline;
	
}
div#subnavi ul a {
	display: block;
	padding: 3px 15px;
	color: #252525;
	overflow: hidden;
}
div#subnavi ul a:hover {
	background: #808080;
	color: #FFF;
}
div#subnavi ul a.active-link {
	background: #808080;
	color: #FFF;
}
div#subnavi ul li#back a {
	padding : 3px 10px;
	margin-top : 10px;
	
	
}
div#subnavi ul ul {
	margin: 10px 0;
	padding: 15px 0 25px 0;
	background: url(../img/layout/subnavi_sub.gif) no-repeat top left #FFF;
	border-bottom: 1px solid #D7D7D7;
}
div#subnavi ul ul a {
	color: #5F5F5F;
	width: 160px; 
}

/* dummer IE6 \*/
* html div#subnavi ul ul a { height: 1%; }
* html div#subnavi ul { height: 1%; }
/* Ende gut, Alles gut */

div#subnavi ul ul a:hover {
	background: #e7e8e8;
	color: #000;
}
div#subnavi ul ul a.active-link {
	background: #e7e8e8;
	color: #000;
}
div#subnavi ul ul ul {
	margin: 0;
	height: auto;
	padding: 0 0 0 15px;
	background: none;
	border: none;
}
div#subnavi ul ul ul a {
	width: 145px;
	background: url(../img/layout/arrow_grey.gif) no-repeat 0 8px #FFF;
}
div#subnavi ul ul ul a:hover {
	background: url(../img/layout/arrow_pink.gif) no-repeat 0 8px #FFF; 
	color: #e2017a;
}
div#subnavi ul ul ul a.active-link {
	background: url(../img/layout/arrow_pink.gif) no-repeat 0 8px; 
	color: #e2017a;
}
div#subnavi ul ul ul ul {
	margin: 0;
	padding: 0 0 0 10px;
	background: none;
	border: none;
}
div#subnavi ul ul ul ul a {
	width: 135px;
	overflow: hidden;
}
div#subnavi ul ul ul ul ul{
	margin: 0;
	padding: 0 0 0 10px;
	background: none;
}
div#subnavi ul ul ul ul ul a {
	width: 125px;
	overflow: hidden;
}
div#subnavi ul ul ul ul ul ul {
	margin: 0;
	padding: 0 0 0 10px;
	background: none;
}
div#subnavi ul ul ul ul ul ul a {
	width: 115px;
	overflow: hidden;
}
/* 
========================================================
	Footer
======================================================== 
*/

ul#navigation-footer {
	clear: both;
	width: 895px;
	height: 15px;
	margin: 0 -10px 0 -10px;
	padding: 20px 25px 5px 0;
	background: url(../img/layout/footer_nav.gif) no-repeat top;
	list-style: none;
}

ul#navigation-footer li {
	float: right;
}

ul#navigation-footer li a {
	margin: 0 0 0 10px;
	color: #7D7D7D;
	font-size: 90%;
}
ul#navigation-footer li a:hover {
	color: #000;
}

/* 
========================================================
	Landing-Page
======================================================== 
*/

div.landing-col {
	width: 350px;
	float: left;
}

/* 
========================================================
	Landing-bersicht (linke/rechte spalte)
======================================================== 
*/

div#linkeSpalteUebersicht {
	width: 296px;
	padding: 30px 21px 0 0;
	float: left;
}


div#linkeSpalteUebersicht img {
	float: left; 
	margin: 4px 20px 10px 0;
}

div#rechteSpalteUebersicht {
	width: 296px;
	padding: 30px 0 0 0;
	float: left;
}

div#rechteSpalteUebersicht img {
	float: left; 
	margin: 4px 20px 10px 0;
}


/* 
========================================================
	Inhalt
======================================================== 
*/


#content.start {
	width: 700px;
	margin: 0 0 0 0;
}

#content.start img {
	padding: 0;
	background: none;
	border: none;
}
div#content.start ul {
	margin: 0;
	padding: 0 0 20px 0;
}
div#content.start li {
	list-style: none;
	padding: 0;
}
div#content.start span#swissuniversity {
	float: right;
	margin: 30px 0 0 0;
}


div#content {
	width: 440px;
	min-height: 400px;
	float: left;
	margin: 10px 30px 0 30px;
	padding: 0 0 0px 0;
	line-height: 1.7;
	letter-spacing: 0.02em;
	color: #333;
	font-size: 100%;
}
*html div#content {
	height: 400px;
}
div#content p {
	margin: 1em 0 1em 0;
}
div#content div.part_image-text li p {
	margin: 0;
}
div#content img {
	padding: 1px;
	background: #FFF;
}

div#content ul {
	margin: 0 20px;
	padding: 0 10px;
	line-height: 1.2;
}

div#content li {
	list-style: square;
	line-height: 1.2;
	padding: 0.3em 0;
}
div#content ol {
	margin: 5px 0 10px 20px;
	list-style: lower-greek;
}
div#content ol li {
	list-style: outside decimal;
	margin: 0 0 0 10px;
}
div#content table.normal {
	width: auto;
	border-spacing: 1px;
}
div#content table.normal tr td, div#content table.normal tr th {
	width: auto;
	background: none;
	padding: 3px 15px 3px 0;
	text-align: left;
	/* KOES 12.08.2011 */
	max-width : 288px;
}
div#content table {
	/* KOES 12.08.2011 */
	/*width: 440px;*/
	width : 100%;
	border-spacing: 1px;
}
div#content table.bluetable {
	border-spacing: 0;
	background: url(../img/layout/table_firstrow.gif) no-repeat top left #D2E7F2; 
}
div#content table.bluetable td {
	/*border-bottom: 1px solid #FFF;*/
	border: none ;
}
div#content table td {
	width: 190px;
	padding: 3px 15px;
	vertical-align: top;
}
div#content table th {
	width: 190px;
	padding: 3px 15px;
	vertical-align: top;
        text-align: left;
}
div#content table td.cell-right {
	text-align: left;
	border-left: 1px solid #FFF;
}
div#content table tr.last-row td {					background: url(../img/layout/table_lastrow_left.gif) bottom left; }
div#content table tr.last-row td.cell-right {	background: url(../img/layout/table_lastrow_right.gif) bottom right; }

div#content table tr.alt-row td {					background: #F7F8F8; }



div#content_uebersicht {
	width: 620px;
	min-height: 400px;
	float: left;
	margin: 10px 10px 0 30px;
	padding: 0 0 20px 0;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #333;
	overflow:hidden;
}
/**+html div#content_uebersicht {
	height:auto;
	overflow:hidden;
}
 
========================================================
	Einzeiliger Inhalt
======================================================== 
*/
div#singlecontent {
	margin: 15px 30px;
	min-height: 400px;
}
*html div#singlecontent {
	height: 400px;
}


div#sidebar {
	float: left;
	width: 200px;
	margin: 10px 0 30px 0;

}

p.claim, div.claim {
	margin: 5px 15px 5px 0;
	text-align: right;
}
p.claim {
	margin: 0 15px 10px 0;
}

div#PopDiv {
	z-index: 100;
	position: absolute;
	/*width: 870px;*/
	margin: 0 25px;
	padding: 0 0 10px 0;
	background: url(../img/layout/popdiv.png);
	border-bottom: 5px solid #AAA;
}
div#PopDiv img {
	display: block;
	margin: 0 /*auto*/5px;
	padding: 5px;
	background: #FFF;
	border: 1px solid #AAA;
}
div#PopDiv span {
	display: block;
	background: url(../img/layout/popdiv_a.gif);
}
div#PopDiv span a {
	display: block;
	margin: 0 10px 10px 0;
	padding: 5px 15px 5px 0;
	background: url(../img/layout/icon_close.gif) no-repeat right center;
	border-bottom: 1px solid #AAA;

	text-align: right;
	color: #FFF;
}

span#footbg {
	display: block; 
	background: url(../img/layout/footer_bg.gif) no-repeat bottom left; 
	width: 920px; 
	height: 30px; 
}