h1, h1.link	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 26px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #000000; 
	margin: 0px 0px 0px 0px; 
	padding: 0px;
}
h1.list, h1.file, h1.homeLink {
	font-size: 16px; 
	font-weight: bold; 
	color: #000000; 
	margin: 0px 0px 0px 0px; 
	padding: 0px;
}
h2	{
	font-size: 16px; 
	font-weight: normal; 
	color: #000000; 
	margin: 0px;
	padding: 0px;
}
a { 
    text-decoration: none; 
}

#headgroup {
	width: 95%;
	max-width: 960px;
	margin: 0px auto;
	padding: 42px 0px 26px 0px;
	text-align: right;
}


#mainwrapper {
	background-image: url(/images/calyxgroup_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	overflow: auto;
}
.barreriefrei #mainwrapper {
	background-image: none;
}
#menu {
	min-height: 80px;
	height: 80px;
	display:table;
	background-image: url(/images/menu_bg.jpg);
	background-repeat: repeat-x;
	}
#menu div {
	min-width: 1px;
	padding: 0px 1.167%;
	display: table-cell;
    vertical-align: middle;
    overflow: auto;
}
#menu div div {
	background-color: #818E94;
	float: left;
}

#menu h1 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	letter-spacing: 0.02em;
}
#welcome {
	padding: 30px 1.02% 25px 1.02%;
}
#welcome h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #6a7b7b;
	letter-spacing: 0.02em;
}
#welcome p {
	padding-left: 35px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
}
#welcome p:before {
	content: url(/images/arrow.png);
	display: block;
	position: relative;
	height: 0px;
	left: -35px;
	bottom: 0px;
	text-align: left;
	border: none;
	z-index: 10;	
}

#main {
    max-width: 980px;
}

#group {
	padding: 0px 0%;
    margin: 0px;	
	overflow: auto; 
}
.layerFloatGroup {
	width: 22.96%;
	min-width: 180px;
	max-width: 225px;
	padding: 0px;
	margin: 0px 1.02%;
    margin-bottom: 2.334%;
	float:left;
	background-color: #6E7B81;
    overflow: hidden;    
}
.layerFloatGroup p {
	margin: 24px 0px;
}
.layerFloatGroup p>a {
	padding: 0px;
	margin-left: 10px; 
	color: #ffffff;
	font-size: 18px;
}
.layerFloatGroup p>a:after {
	content: url(/images/arrow.png);
	display: block;
	position: relative;
	height: 0px;
	right: 8px;
	bottom: 20px;
	text-align: right;
	border: none;
	z-index: 9;
}

#footergroup {
}
#footergroup hr {
	border: thin solid #D9DDDE;
	width: 98%;
    margin: 0px;
    padding: 0px;
}
#footergroup div {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	padding: 18px 2.083%;
}
#footergroup a {
	color: #000000;	
}

@media screen and (min-width: 780px) {
	#welcome p {
		white-space: pre;
	}
}
@media screen and (max-width: 1100px) {
    #menu div {
		margin-left: 0px;
	}
    #welcome {
		padding: 0px 2.083% 20px 2.083%;
	}
	.layerFloatGroup {
        width: 45.7%;
    }
    .layerFloatGroup p>a:after {
    	display: block;
	}
}
@media screen and (max-width: 600px) {
	#welcome {
		padding: 0px 2.083% 10px 2.083%;
		margin-top: -20px;
	}  
}
@media screen and (max-width: 490px) {
    .layerFloatGroup {
        width: 97.664%;
		margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .layerFloatGroup p>a:after {
    	display: block;
	}
}
@media screen and (max-width: 320px) {
	.layerFloatGroup p>a:after {
    	display: none;
	}
	.layerFloatGroup div {
		display: none;
	}
}