/* ************************************************************************************************
** JKU Globale CSS - Weboffice
************************************************************************************************
**  Funktion : Spezifische Gestaltung der JKU-Startseite
**  Basis    : YAML 3.0.6
*/


@media all
{


/* Gestaltung des Basis-Layouts der JKU-Startseite */

body#home #page_margins {
	width: 950px;
}

/* Gestaltung Image-Foto(s) */
body#home h1.image_welcome {
	position: relative;
	margin: 0 0 12px 0;
	padding: 0;
	height: 150px;
	overflow: hidden;
	background-color: #808080;
}

body#home #main {
	border-right: 0 none;
	border-left: 0 none;
	position: relative; /* fuer Position Social Media und moreof */
}


/* Spots */

body#home div.home_spots {
	margin-bottom: 12px;
	height: 90px;
	width: 950px;
	background: none;
}

body#home div.home_spots div {
	width: 308px;
	border: solid 1px #A7B2B7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
	background-color: #FFFFFF;
  position: relative;
}

body#home div.home_spots div.c33l {
	margin-right: 10px;
}

body#home div.home_spots div.c33l.middle {
	margin: 0;
}

body#home div.home_spots div img.pin {
	position: absolute;
	top: -7px;
	right: -3px;
	z-index: 100;
}

body#home div.home_spots .subcl, body#home div.home_spots .subc, body#home div.home_spots .subcr {
	padding: 0;
}

body#home div.home_spots div div {
	width: 302px;
	height: 82px;
	border: 0 none;
	margin: 3px;
	border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px; 
	background-color: #DEEAEF;
	overflow: hidden;
}

body#home div.home_spots div div img {
	float: left;
	height: 76px;
	margin: 3px 6px 3px 3px;
}

body#home div.home_spots div div h2 {
	padding: 18px 0.2em 0.2em 0.2em;
	background: none;
	text-transform: uppercase;
	color: #4b4b4b;
}

body#home div.home_spots div div a {
	text-decoration: none;
}

body#home div.home_spots div div a:hover {
	text-decoration: underline;
}

body#home div.home_spots div div p {
	padding-right: 0.2em;
	font-size: 0.9em;
}


  /** Formatierung der Inhalts-Container
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #c33l   | #c33l     | #c33r   |
   * | 310px   | 308px     | 310px   |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

body#home div.subcolumns {
	width: 950px;
	background: url(/fs_resources/img/col_divider_home.gif) repeat-y 0px 50%;
}

body#home div.equalize {
	display: table;
	table-layout: fixed;
}

body#home div.subcolumns .c33l {
	width: 310px;
	margin-right: 11px;
	background-color: #FFFFFF;
}

body#home div.subcolumns .c33l.middle {
	width: 308px;
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
}

body#home div.subcolumns .c33r {
	width: 310px;
	margin-left: 11px;
	background-color: #FFFFFF;
}

body#home div.subcolumns .subcl, body#home div.subcolumns .subc, body#home div.subcolumns .subcr {
	padding: 0;
	height: 1%;
}

body#home h2 {
	margin: 0;
	padding: 0.6em 12px 0.4em 12px;
	background: url(/fs_resources/img/home_h2_gradient.gif) repeat-x 0 top;
	color: #000000;
	font-size: 1em;
	line-height: 1.4em;
}


/* News und Events */

/* Tab Navigation */
body#home ul#tab_navigation {
	margin-top: 0;
	margin-right: -1px;
	border-right: 1px solid #FFFFFF;
	padding-top: 10px;
}

/* News */

body#home div.news {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 12px 12px 0 12px;
}

body#home div.news div.lead {
	margin: 10px 0 20px;
	padding: 1.3em 0;
	position: relative;
}

body#home div.news div.lead h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
}

body#home div.news div.lead h3 a {
	text-decoration: none;
}

body#home div.news div.lead h3 a:hover {
	text-decoration: underline;
}

body#home div.news div.lead img {
	float: left;
	margin: 0 5px 3px 0;
	width: 85px;
}

body#home div.news div.lead p.newsage {
	border-bottom: 1px dotted #888888;
	padding: 0 0 0 3px;
	color: #888888;
	font-size: 0.9em;
	position: absolute;
	top: -1em;
	left: 0;
	width: 280px;
}

body#home div.news div.lead p {
	padding-top: 0;
	line-height: 1.4em;
}

body#home div.news div.lead span.date {
	color: #32404D;
	font-size: 0.9em;
	font-style: italic;
}

body#home div.news p.moreof, body#home div.events p.moreof { /* Link Mehr News/Veranstaltungen */
	margin-bottom: 0.2em;
	position: absolute;
	bottom: 0;
	right: 654px;
}

/* Events */

body#home div.events {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 12px 12px 0 12px;
}

body#home div.events .event_item {
	margin: 12px 0 20px;
}

body#home div.events .event_item img {
	float: right;
	margin: 0 0 3px 5px;
	width: 75px;
}

body#home div.events .event_item h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
}

body#home div.events .event_item span.date {
	display: block;
	color: #32404D;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
}

body#home div.events .event_item h3 a {
	text-decoration: none;
}

body#home div.events .event_item h3 a:hover {
	text-decoration: underline;
}

body#home div.events .event_item p {
	margin: 0.2em 0;
}

body#home div.events hr {
	border-bottom: 1px dotted #888888;
}


/* Topic */

body#home div.topic h2 {
	margin-bottom: 24px;
} 

body#home div.topic div.home_media {
 	margin: 0 auto 14px;
 	width: 288px;
 	text-align: center;
}

body#home div.topic div.home_media iframe { /* fuer Videos */
	border: 0 none;
}

body#home div.topic div.home_media a.download {
 	margin: -1.7em auto 0;
 	padding-top: 3px;
 	height: 1.6em;
 	width: 100%;
 	background: url(/fs_resources/img/icn_flash.png) no-repeat 5px center #FFFFFF;
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	-opera-opacity: 0.9;
 	text-align: left;
 	text-indent: 25px;
 	text-decoration: none;
 	display: block;
 	z-index: 100;
}

body#home div.topic p {
	margin: 0 11px 0.8em 11px;
	line-height: 1.4em;
}

body#home div.topic p.moreof { /* Link Mehr Themen */
	margin-bottom: 0.2em;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 322px;
}


/* Tag Cloud */

body#home div.subcr.home_tagcloud {
	margin-bottom: 90px; /* Platzhalter fuer socialmedia */
	border: 1px solid #CCCCCC;
	border-top: 0 none;
}

body#home ol.tagcloud {
	margin: 0;
	padding: 17px 7px 17px 7px;
	text-align: justify;
}

body#home ol.tagcloud li {
	margin-left: 0;
	list-style-type: none;
	display: inline;
	line-height: 1.8em;
}

ol.tagcloud a {
	text-decoration: none;
	word-spacing: -0.1em;
}

ol.tagcloud a.tag10 {
	font-size: 1.8em;
	color: #232B41;
}

ol.tagcloud a.tag09 {
	font-size: 1.7em;
	color: #2A344E;
}

ol.tagcloud a.tag08 {
	font-size: 1.6em;
	color: #313C5B;
}

ol.tagcloud a.tag07 {
	font-size: 1.5em;
	color: #384568;
}

ol.tagcloud a.tag06 {
	font-size: 1.4em;
	color: #3F4D75;
}

ol.tagcloud a.tag05 {
	font-size: 1.3em;
	color: #465682;
}

ol.tagcloud a.tag04 {
	font-size: 1.2em;
	color: #556794;
}

ol.tagcloud a.tag03 {
	font-size: 1.1em;
	color: #6275A4;
}

ol.tagcloud a.tag02 {
	font-size: 1em;
	color: #6C80B0;
}

ol.tagcloud a.tag01 {
	font-size: 0.9em;
	color: #8295C2;
}

ol.tagcloud a:hover {
	text-decoration: underline;
}


/* Social Media Links */

body#home div.subcr.home_socialmedia {
	height: 80px;
	width: 308px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	position: absolute;
	bottom: 0;
}

body#home div.home_socialmedia div.socialmedia a img {
	padding-top: 10px;
	padding-left: 5px;
}


/* Hauptinhalt unterhalb Spots einspaltig (z.B. fuer Login) */

body#home div.home_login {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}

body#home div.home_login h2 {
	margin-right: -12px;
	margin-bottom: 1.6em;
	margin-left: -12px;
}


/* Abstand zwischen Content und Footer (nur Siteinfo) */
body#home #footer #siteinfo {
	margin-top: 1.2em;
}


}