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

table.plain th, table.plain td {
    border: 1px solid #ddd;
}
table.invisible td, table.invisible th, table.plain td, table.plain th, table.listing td, table.listing th {
    padding: 0.5em 1em;
    vertical-align: top;
}

/*  gallery  */

/* Container */
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
/* Header */
header {
	width: 100%;
	height: 8%;
	background-color: #5D5E5D;
	border-bottom: 1px solid #353635;
}
.logo {
	color: #fff;
	font-weight: bold;
	margin-left: auto;
	letter-spacing: 4px;
	margin-right: auto;
	text-align: center;
	padding-top: 15px;
	line-height: 2em;
	font-size: 22px;
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
}
/* About Section */
.text_column {
	width: 90%;
	text-align: left;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 23%;
	text-align: center;
	float: left;
	margin-top: 35px;
	background-color: #F8F8F8;
	padding-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 3px;
	padding-top: 20px;
	border-bottom: 4px solid #6DC7D0;
}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #52BAD5;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.gallery .thumbnail p {
	margin: 0;
	color: #B3B3B3;
	text-align: left;
	padding-left: 20px;
}
/* More info */
.intro {
	background-color: #FFFFFF;
	padding-bottom: 35px;
}
.column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
.intro .column h3 {
	color: #FFFFFF;
	text-align: center;
}
.intro .column p {
	color: #FFFFFF;
}
.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	/* max-height: 200px; */
	/* opacity: 0.8; */
}
.intro .column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
	width: 80%;
	margin-top: 4%;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #6DC7D0;
	color: #FFFFFF;
	cursor: pointer;
}
.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #717070;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}
footer {
	background-color: #B3B3B3;
	padding-top: 60px;
	padding-bottom: 60PX;
}
.intro {
	display: inline-block;
	background-color: #6DC7D0;
}
.profile {
	width: 50%;
}
.gallery .thumbnail .tag {
	color: #5D5E5D;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

/* Mobile */
@media (max-width: 320px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding: 0;
}
.intro .column p {
	width: 80%;
	margin-left: 0px;
}
.text_column {
	padding-left: 20px;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.thumbnail {
	width: 100%;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.profile {
	width: 100%;
}
.intro .column p {
	width: 90%;
	text-align: center;
	padding-left: 0px;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 48%;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
.intro .column p {
	width: 80%;
}
}


/*  end gallery  */



dl.portlet ul.navTree .navTreeCurrentItem {
    background-color: #ddd;
    border-left: 1em solid #ddd;
    margin-left: -1em;
    margin-right: -1em;
}
#content li, dl.portlet li, .portletStaticText li {
    margin-bottom: 0.25em;
    line-height: 1.5em;
    display: list-item;
}

@media screen{
@media screen{
*{margin:0;padding:0;}
* :link,:visited{text-decoration:none;}
* ul{list-style:none;}
* li{display:inline;}
* h1,h2,h3{font-size:1em;}
* a img,:link img,:visited img{border:none;}
a{outline:none;}
table{border-spacing:0;}
img{vertical-align:text-bottom;}
iframe{border-width:0;border-style:none;}
}
}

@media screen{
dl.portlet li{margin-bottom:0.25em;line-height:1.5em;display:list-item;}
table.invisible td,table.invisible th{padding:0.5em 1em;vertical-align:top;}
dl.portalMessage{margin:1em 0;font-size:80%;border:1px solid #996;background-color:#ffffe3;clear:both;}
dl.portalMessage dt{background-color:#996;font-weight:bold;float:left;margin:0 0.5em 0 0;padding:0.5em 0.75em;color:White;line-height:1.25em;}
dl.portalMessage dd{padding:0.5em 0.5em;margin:0;line-height:1.25em;}
.image-inline{float:none;}
.hiddenStructure{display:block;background:transparent;background-image:none;border:none;height:0.1em;overflow:hidden;padding:0;margin:-0.1em 0 0 -0.1em;width:1px;}
.visualClear{clear:both;}
#ajax-spinner{display:none;width:20px;height:20px;position:fixed;background-position:center center;top:50%;left:50%;margin-top:-10px;margin-left:-10px;}
}
@media screen{
body{font:100% Arial, FreeSans, sans-serif;background:White;color:Black;}
h1,h2,h3{font-family:"Helvetica Neue", Arial, FreeSans, sans-serif;font-weight:bold;color:Black;line-height:1.5em;}
h1,h2{letter-spacing:-0.05em;}
h1{font-size:2em;}
h2{font-size:1.75em;}
h3{font-size:1.25em;}
h2,h3{color:#444;}
a:link,a:visited{color:#205c90;}
a:focus img{outline:thin dotted;}
dt{font-weight:bold;}
#portal-header{position:relative;z-index:2;}
#portal-logo{display:inline-block;margin:1.375em 0;}
#portal-globalnav{clear:both;font-size:80%;background:#ddd;margin:0 0 1em 0;}
#portal-globalnav li a{display:inline-block;padding:0.5em 1em 1.8em 1em;background:#ddd;min-width:6em;white-space:normal;border-right:0.1em solid white;}
#portal-globalnav .selected a,#portal-globalnav a:hover{background:#205c90;color:White;}
#portal-globalnav .selected a:hover{background:#ddd;color:#205c90;}
#content{line-height:1.5em;clear:both;font-size:80%;margin:1em 0.25em 2em 0.25em;}
#content h1{margin-top:0.5em;}
#content h1.documentFirstHeading{margin-top:0;}
#content p,#content table,dl.portlet p,dl.portlet{margin-bottom:1em;}
#content a:link,dl.portlet a:link{color:#205c90;border-bottom:0.1em solid #ccc;}
#content a:visited,dl.portlet a:visited{color:#427597;border-bottom:0.1em solid #ccc;}
#content a:hover,dl.portlet a:hover{color:#75ad0a!important;}
#content a:target{background-color:#ffb;}
#content table{text-align:left;border-collapse:collapse;border-spacing:0px;}
#content .documentDescription{color:#666;margin-left:0;font:bold 1.25em "Helvetica Neue", Arial, FreeSans, sans-serif;}
#portal-footer{font-size:75%;background:#ddd;padding:1em;margin:1em 0;line-height:2em;}
}
@media screen{
div.row{float:left;width:100%;display:block;position:relative;}
div.cell{position:relative;float:left;left:100%;}
div.position-0{margin-left:-98.875%;}
div.width-1\3a 4{width:22.75%;}
div.width-3\3a 4{width:72.75%;}
div.width-full{width:97.75%;}
div.position-1\3a 4{margin-left:-73.875%;}
}
@media screen{
dl.portlet{margin:0 0 1em;font-size:80%;}
dl.portlet dt{padding:0.42em 1em;background:#ddd;line-height:normal;}
dl.portlet dt.hiddenStructure{padding:0;}
dl.portlet dt a:link,dl.portlet dt a:visited,dl.portlet dt a:hover{color:black;display:block;border:none;}
dl.portlet dd.portletItem{padding:1em;}
dl.portlet ul.navTree li a{border:none;display:block;zoom:1;}
dl.portletNavigationTree dd.portletItem{padding:0;}
dl.portlet ul.navTreeLevel0 > .navTreeItem{padding:0.25em 1em;border-bottom:0.1em dotted #ddd;line-height:2em;}
}
@media print{
body{font-family:"Helvetica Neue", Arial, FreeSans, sans-serif;}
h1,h2,h3{font-family:"Helvetica Neue", Arial, FreeSans, sans-serif;font-weight:bold;line-height:125%;page-break-inside:avoid;page-break-after:avoid;}
h1,h2{letter-spacing:-0.05em;}
a{text-decoration:none;border-bottom:0.1em solid gray;color:black;}
#portal-column-content{width:95%;}
.documentDescription{font-weight:bold;}
#content p,#content table{margin-bottom:0.625em;margin-top:0.625em;}
#content .documentDescription{margin:0.5em 0 1.31em;}
#portal-logo,.hiddenStructure,#portal-globalnav,#portal-column-one,.portalMessage,.documentActions,#portal-footer{display:none;}
.image-inline{float:none;}
}
@media handheld, screen and (max-device-width: 480px){
#portal-column-one,#portal-column-content{clear:both;width:97.75%;margin-left:-98.875%;}
#portal-logo{display:none;}
#portal-top{font-size:180%;}
#portal-globalnav li a{min-width:3em!important;padding:0.5em 1.5em 1em 0.5em;}
}

@media all{
@media all{
#portal-header{background-image:url('http://www.inevent-project.eu/portal_css/Sunburst%20Theme/background02.png');background-repeat:no-repeat;background-position:left;background-position:top;}
hr{border-width:thin;border-style:solid;color:#0099CC;}
}
}