@charset "UTF-8";
/* CSS Document */

/* ### HOME ### */

@media all
{

/* ----------------------------------------------------------------------------------
* basic layout elements (basemod)
* ---------------------------------------------------------------------------------- */
.upper { background-color: #FFF; }

/* header elements */
#header {
	height: 50px;
	color:#fff;
	background-color: #F9F9F9;
	text-align: center;
	border-bottom: 5px #ccc solid;
	/*	background-image: url(images/puzzle_colored.jpg);*/
}

.headertext h1 {
	font-size: 3em;
	color: #fff;
	letter-spacing: 0.1em;
}

/* accessible rollover */
.portal_box a {
	display: block;
	margin: 0 auto;
	text-align: center;	
	font-size: 2em;
	position: relative;
	height: 380px; /* image size */
	width: 250px;
	border: 5px solid #efefef;
	color: #FFFFFF;
}
	
.portal_box a span { 
	position: absolute; /* box overlay */
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

/* lognostik */
.portal_box a#lognostik_img { background-color: #F8D7D7; }
.portal_box a#lognostik_img:hover, a#lognostik_img:focus {
	border-color: #F8D7D7;
	color: #333333;
}
.portal_box a#lognostik_img span { background: url(../images/home/portal_lognostik.jpg); }
.portal_box a#lognostik_img:hover span { background-position: -250px; }
.portal_box a#lognostik_img:focus span { background-position: -250px; }
/* capability */
.portal_box a#capability_img { background-color: #B4C3D1; }
.portal_box a#capability_img:hover, a#capability_img:focus {
	border-color: #B4C3D1;
	color: #333333;
}
.portal_box a#capability_img span { background: url(../images/home/portal_capability.jpg); }
.portal_box a#capability_img:hover span { background-position: -250px; }
.portal_box a#capability_img:focus span { background-position: -250px; }
/* togro*/
.portal_box a#togro_img { background-color: #B3CDB3; }
.portal_box a#togro_img:hover, a#togro_img:focus {
	border-color: #B3CDB3;
	color: #333333;
}
.portal_box a#togro_img span { background: url(../images/home/portal_togro.jpg); }
.portal_box a#togro_img:hover span { background-position: -250px; }
.portal_box a#togro_img:focus span { background-position: -250px; }

.subcl, .subc, .subcr { text-align: center; }

/* (en) searchbox */
#header div.tx-macinasearchbox-pi1 form span {color:#aaa;}
#header #topportal_box {color:#aaa; background:transparent;}


/* ----------------------------------------------------------------------------------
* content elements (content)
* ----------------------------------------------------------------------------------*/

/* headline-color */
h1,h2,h3,h4,h5,h6 {
	color:#999999;
}

/* links */
a {
	color:#ffffff;
	text-decoration:none;
}

a:focus,
a:hover,
a:active {
	font-style: italic;
}

.subcolumns {
	border: none;
}

}