body,td,th {
	color: #999999;
}
body {
	background-color: #ECECEC;
	padding: 40px 0 40px;
}

@font-face
{
	font-family: 'secarts';
    src: url('../fonts/secarts.ttf') format('truetype');
	font-weight:normal;
}

@font-face
{
	font-family: 'roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight:normal;
}

@font-face
{
	font-family: 'roboto_s';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
	font-weight:normal;
}

@font-face
{
	font-family: 'roboto_l';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
	font-weight:bold;
}

#f {
	text-align: center;
}

h1 {
	color: #000000;
	font-size:36px;
	line-height:44px;
	font-family:roboto_s;
}

.sid {
	color:#CC0000;
	text-decoration:none;
}

.klein {
	color:#999999;
	text-decoration:none;
	font-size:12px;
	font-family:roboto;
}

.mittel {
	color:#000000;
	text-decoration:none;
	font-size:16px;
	line-height:24px;
	font-family:roboto;
}

footer {
  position: fixed;
  padding: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(90, 90, 90,0.75);
  background: -moz-linear-gradient(270deg, rgba(90, 90, 90,0.75) 0%, rgba(236, 236, 236,0.75) 93%);
  background: -webkit-linear-gradient(270deg, rgba(90, 90, 90,0.75) 0%, rgba(236, 236, 236,0.75) 93%);
  background: -o-linear-gradient(270deg, rgba(90, 90, 90,0.75) 0%, rgba(236, 236, 236,0.75) 93%);
  background: -ms-linear-gradient(270deg, rgba(90, 90, 90,0.75) 0%, rgba(236, 236, 236,0.75) 93%);
  background: linear-gradient(0deg, rgba(90, 90, 90,0.75) 0%, rgba(236, 236, 236,0.75) 93%);
  text-shadow: 1px 1px 1px rgba(255,255,255,0.75),
				 1px -1px 1px rgba(255,255,255, 0.75),
				 -1px 1px 1px rgba(255, 255,255, 0.75),
				 -1px -1px 1px rgba(255,255,255, 0.75);
}

header {
  position: fixed;
  top: 0;
  left: 10px; 
  right: 0;
  text-shadow: 1px 1px 6px rgba(236,236,236,0.5),
				 1px -1px 6px rgba(236,236,236,0.5),
				 -1px 1px 6px rgba(236,236,236,0.5),
				 -1px -1px 6px rgba(236,236,236,0.5);
  color:rgba(100,100,100,0.25);
}

.secorg	{
	font-family:secarts;
	font-size:32px;
	color:rgba(100,100,100,0.25);
	line-height:45px;
	text-decoration:none;	
	margin-bottom:4px;
}
.secorg:hover, .secorg:focus 	{
	color:#CC0000;
}

.wwwava	{
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	color:rgba(100,100,100,0.25);
	line-height:45px;
	font-family:roboto_l;
	font-size:25px;
}
.more_light
{
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
a.more_light:link {
	height:30px;
	padding-left:8px;
	padding-right:8px;
	display:inline-block;
	line-height:28px;
	font-family:roboto;
	font-size:20px;
	color:#CC0000;
	background-color:rgba(255, 255, 255,1);
	text-decoration:none;
	-webkit-box-shadow: -2px 1px 1px rgba(204, 0, 0, 0.35);
	-moz-box-shadow: -2px 1px 1px rgba(204, 0, 0, 0.35);
	box-shadow: -2px 1px 1px rgba(204, 0, 0, 0.35);	
}
a.more_light:visited {
	color:#CC0000;
	background-color:rgba(255, 255, 255,0.35);
	text-decoration:none; 
	-webkit-box-shadow: -2px 1px 1px rgba(204, 0, 0, 0.35);
	-moz-box-shadow: -2px 1px 1px rgba(204, 0, 0, 0.35);
	box-shadow: -2px 1px 1px rgba(204, 0, 0, 0.35);	
}
a.more_light:hover {
	color:#FFFFFF;
	background-color:rgba(204, 0, 0,0.8);
	text-decoration:none;
	-webkit-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.35);
	box-shadow: -2px 1px 1px rgba(0, 0, 0, 0.35);	
}

/* Download over image */

.ccontainer {
  position: relative;
  width: 100%;
}

.cimg {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  /*backface-visibility: hidden;*/
}

.coverlay	{
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.ccontainer:hover .cimg {
  opacity: 0.5;
  background:none;
  -webkit-filter: grayscale(0.7);
  filter: grayscale(0.7);
}

.ccontainer:hover .coverlay {
  opacity: 1;
  background:none;
  -webkit-filter:none;
  filter:none;
}

.cbutton {
  position: absolute;
  right:15px;
  text-align:right;
  opacity: 0;
  transition: opacity .35s ease;
  font-family:roboto_s;
  font-size:25px;
  vertical-align:middle;
}

.cbutton a {
	padding: 10px 25px;
	text-align: center;
	color: rgba(204,0,0,0.75);
	z-index: 1;
	background-color:rgba(255,255,255,0.35);
	border: solid 3px rgba(255,222,222,0.9);
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	text-decoration:none;
}

.ccontainer:hover .cbutton {
	opacity: 1;
    -webkit-filter:none;
    filter:none;
}

.cbutton a:hover {
	background-color:rgba(0,0,0,1);
	color:#ECECEC;
	border: solid 3px #CCCCCC;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	text-decoration:none;
}

.lanbox	{
	height:30px;
	width:40px;
	font-size:24px;
	line-height:28px;
	font-family:roboto_s;
	text-align:center;
	display:inline-block;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	padding-right:5px;
	padding-left:5px;
}
.lanbox_act	{
	border:2px solid #CC0000;
	color:#CC0000; 
	text-decoration:none;
}
.lanbox_deact	{
	border:2px solid #999999;
	background-color:#FFFFFF;
	color:#999999; 
	text-decoration:none;
}

.lanbox_act:focus, .lanbox_act:hover	{
	background-color:#000000;
	border:2px solid #999999;
	color:#CCCCCC;
}