@charset "utf-8";

/* CSS Document */

  body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#000;

	background-color:#fff;

}

h1, h2, h3, h4, h5, h6 {

	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;

	margin: 0px 0px 0px 0px;

	font-weight:normal;

	font-size:13px;

	line-height:inherit;

	display:inline;

}

input:focus {

	outline:none;

}

a {

	color: #000000;

	outline:none;

	text-decoration:none;

}

img {

	border:0px;

}

.content {

	width:688px;

	height:auto;

}

.modul-cont {

	width:100%;

	border-bottom:1px solid #c1c0c0;

	border-left:1px solid #c1c0c0;

	border-right:1px solid #c1c0c0;

}

.gr-linear { /* fallback */

	background-color: #ffffff;

	background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eff0f0)); /* Safari 5.1, Chrome 10+ */

	background: -webkit-linear-gradient(top, #eff0f0, #ffffff); /* Firefox 3.6+ */

	background: -moz-linear-gradient(top, #eff0f0, #ffffff); /* IE 10 */

	background: -ms-linear-gradient(top, #eff0f0, #ffffff); /* Opera 11.10+ */

	background: -o-linear-gradient(top, #eff0f0, #ffffff);

}

.modul-title {

	width:94%;

	padding:0 3%;

	height:30px;

	font-size:12px;

	color:#000;

	line-height:30px;

	-moz-box-shadow:    inset 0 8px 8px -8px #ddddde, inset 0 -8px 8px -8px #ddddde;

	-webkit-box-shadow: inset 0 8px 8px -8px #ddddde, inset 0 -8px 8px -8px #ddddde;

	box-shadow:        inset 0 8px 8px -8px #ddddde, inset 0 -8px 8px -8px #ddddde;

	border-top:1px dotted #c1c0c0;

}

.logo {

	display:block;

	float:right;

	margin-top:10px;

}

.modul-body {

	display:block;

	width:96%;

	margin:0px;

	padding:0 2%;

	padding-top:10px;

	list-style:none;

	overflow:hidden;

}

.modul-body li {

	width:25%;

	height:auto;

	display:inline-block;

	display:blok;

	float:left;

/* margin-right: -4px; */

	vertical-align:top;

	height: 263px;

	position:relative;

	padding-bottom:25px;

	border-left:1px dotted #c1c0c0;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	cursor:pointer;

}

.modul-body li:first-child {

	border-color: rgba(111, 111, 111, 0.2) transparent;

}

.modul-body li div {

	width: 90%;

	margin:auto;

	padding-bottom:90%;

	overflow: hidden;

	background-size: auto 100%;

	background-repeat: no-repeat;

	background-position: center top;

}

.modul-body li h1 {

	font-size:13px;

	padding:10px 0;

	display:table-cell;

	width: 90%;

	padding:10px 5%;

}

.modul-body li:hover h1 {

	color:#555;

}

.modul-footer {

	display:block;

	width:100%;

	position:absolute;

	left:0%;

	bottom:0;

	-moz-box-shadow:    inset 0 8px 8px -8px #ddddde;

	-webkit-box-shadow: inset 0 8px 8px -8px #ddddde;

	box-shadow:        inset 0 8px 8px -8px #ddddde;

	height:25px;

	font-size:11px;

	color:#6c6d6e;

	line-height:25px;

	text-indent:5%;

}

.modul-footer a {

	color:#6c6d6e;

}

.modul-footer a:hover {

	color:#535454;

}

.modul-body li:first-child .modul-footer {

	width:110%;

	left:-10%;

	text-indent:15%;

}

.modul-body li:last-child .modul-footer {

	width:116%;

	right:-10%;

}

.clear {

	clear:both;

}