html{padding:30px;}

/* SCHRIFTEINBINDUNG */

@font-face {
    font-family: 'VonnesRegular';
    src: url('../type/vonnes-medium-webfont.eot');
    src: url('../type/vonnes-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/vonnes-medium-webfont.woff') format('woff'),
         url('../type/vonnes-medium-webfont.ttf') format('truetype'),
         url('../type/vonnes-medium-webfont.svg#VonnesRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-size:10px;

}

@font-face {
    font-family: 'Vonneslight';
    src: url('../type/vonnethiext-webfont.eot');
    src: url('../type/vonnethiext-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/vonnethiext-webfont.woff') format('woff'),
         url('../type/vonnethiext-webfont.ttf') format('truetype'),
         url('../type/vonnethiext-webfont.svg#VonnesRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'faktpro';
    src: url('../type/faktpro-medium-webfont.eot');
    src: url('../type/faktpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../type/faktpro-medium-webfont.woff') format('woff'),
         url('../type/faktpro-medium-webfont.ttf') format('truetype'),
         url('../type/faktpro-medium-webfont.svg#faktpro') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* SCHRIFTEINBINDUNG */

body{
	font-family: 'faktpro';
	font-size: 12px;
	padding:10px 0 10px 0;
}

a{
	color: #000;
	text-decoration:none;
}

.logo{
	font-family: 'faktpro';
	font-size:70px;
	text-transform: lowercase!important;
	font-weight: 600;
	letter-spacing: -4px;
}

.contactInfos{
	font-weight: 600;
}

#logocontact{
	position: absolute;
	margin:0;
	top:60px;
	left:80px;
	height:68px;
	font-size: 60px;
	letter-spacing: -1px;
}

#logo{
	position: absolute;
	margin:0;
	top:60px;
	left:80px;
	height:68px;
	font-size: 60px;
	letter-spacing: -1px;

}

#tabelle{
	width:100%;
	margin:auto;
	margin-top: 200px;

}

#tabelle p{
	color:black;
	padding: 0 0 0 0;
}

#tabelle a{
	color:#000;
	text-decoration:underline;
}

p{
	font-size:17px;
	margin:0px; 
	padding:0px;
	border:0px dotted #000;
	line-height:14px;
	text-transform: lowercase;
	font-weight: 500;
}

p.thead{
	font-size:12px;
}

.titlelink{
	color: #000;
	text-decoration:none;
	}

.Nr{width:4%; display:inline-block;}

.Media{width:25%; display:inline-block;}
.Titel{width:13%; display:inline-block;}
.Pages{width:25%; display:inline-block; }
.Abmessung{width:10%; display:inline-block;}
.Year{width: 5%;display:inline-block;}

.Client{width:25%; display:inline-block;}
.small{margin:6px 6px 6px 6px;}

.info{
	color:#000;
	font-size:13px;
	line-height:15px;
	width:370px;
	position:relative;
	margin:0 80px 0 0;
	float:left;
	height:480px;
	padding:10px;
	white-space:normal!important;
	display:inline;
}

.img{
	display:inline;
	width:auto; 
	height:400px;
	margin-right:17px;
	margin-top:15px;
}

.mail:hover{
	color:#ffdb21;
}

iframe{
	margin:0 20px 100px 0;
}


/* KONTAKTDATEN */
.adress {
	position: absolute;
	margin:0;
	top:50px;
	left:465px;
    line-height: 14px;
    font-size: 14px;
	font-weight: 500;
}

.adresscontact {
	position: absolute;
	margin:0;
	top:50px;
	left:620px;
    line-height: 21px;
    font-size: 19px;
	font-weight: 500;
	width:280px;
}

p.divider{
	border-top:1px solid black;
	margin:10px 0 10px 0;
}

.fill{
	height: 437px;
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    background-color:#FFF;
    margin:0 0 20px 0;
    padding:20px 0 0 20px;
    width: 98.55%;
}

div.hold{
	padding: 8px 0 8px 0;
}

div.hold p{
	color: #000!important;
}

.adress a{
	color: #000;
	text-decoration:none;
}

/* SORTIERFUNKTION */


.adress {
	position: absolute;
	margin:0;
	top:70px;
	left:470px;
    line-height: 16px;
    font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
}

#info{
	border:0px solid red;
	text-align:right;
	top: 70px;
	left:800px;
	position:absolute;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
}

#linie{
	top: 45px;
	left:405px;
	position:absolute;
}

#liniecontact{
	top: 45px;
	left:405px;
	position:absolute;
}

#info a:hover{
	color:#ffdb21;
}


#filterme{
	border:0px solid red;
	text-align:right;
	top: 105px;
	right:72px;
	position:absolute;
}


.hover { background-color: #ffdb21 }
.neutral { background-color: #fff }

.active { background-color: #ffdb21;border-bottom:1px solid black }