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

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:#777a7a;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
	


#content{
	width:100%;
	position:relative;
	}
	
#homepage #content{
	background:url(../img/raster.png);
	height:100%;
	}
	
#header{
	position:absolute;
	height:135px;
	width:100%;
	background:#f5f5f5;
	z-index:999;
	top:0px;
	left:0px;
	}
	

/*													TYPO
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/

*{
font-family:'Linotype Syntax W01 Light',Arial, Helvetica, sans-serif;
}

strong{
	font-weight:normal;
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
}


p, li{
	font-family:'Linotype Syntax W01 Light',Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#575a5a;
	line-height:20px;
	
	}
	
p{
	max-width:550px;
	margin-bottom:20px;
	padding-right:10px;
	}
	

.intro > p{
font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
}
	
	
#main ul, #right ul{
	margin-bottom:20px;
	}
	
a {
	text-decoration:none;
	}
	
a:active{
	
	}
	
.active a, .category_list a.active, .sub-menu a.active, #news_list.van_laar #men_kollektionen a,  #site_kollektionen #men_kollektionen a,  #site_profil #men_profil a{
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	display:block;
	padding-left:10px;
	position:relative;
	left:-10px;
	background:url(../img/pfeil_men.png) no-repeat left 6px;
	}
	
 a.active{
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	
	}
	
::-moz-selection{
	background-color:#fad716;
	color:#575a5a;
}
::selection{
	background-color:#fad716;
	color:#575a5a;
}
	
	
h1, h2, h3{
	text-transform:lowercase;
	font-family:'Linotype Syntax W01 Light',Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-style:normal;
	}
	
h1, #article_list h2, h2.header{
	color:#575a5a;
	font-size:24px;
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	margin-bottom:35px;
	line-height:1.3em;
	}
	
h2.header{
	padding-top:35px;
	font-size:18px;
	
	clear:both;
	}

.hidden{
	display:none;
	}

.body{
	overflow:hidden;
	}
	


.body h3{
	margin-bottom:5px;
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	}
	
.body ul{
	margin-top:20px;
	margin-bottom:20px;
	}
	
.body h2 + ul{
	margin-top:0px;
	}
	
.body ul li, .referent_liste li{
	padding-left:20px;
	background:url(../img/list.gif) no-repeat left 6px;
	}
	
.body ul.logo li, .body ul.bilder li{
	background:none;
	padding-left:0px;
	}
	
	
.body p img{
	float:left;
	margin-right:20px;
	padding-right:20px;
	border-right:1px solid #dedede;
	padding-bottom:20px;
	}
	
img.no-border{
	border:none !important;
	margin-left:-90px;
	}
	
.single_hersteller .body{
	overflow:visible;
	}
	
ul.bilder li{
	float:left;
	margin-bottom:0px;
	padding-bottom:0px;
	}
	
ul.bilder{
	overflow:hidden;
	}
	
ul.bilder img{
	margin-bottom:3px;
	margin-right:3px;
	display:block;
	}
	

	
#article_list h2 a{
	color:#575a5a;
	}
	
	
	
p.top-line{
	color:#9d9d9d;
	font-size:24px;
	font-family:'Linotype Syntax W01 Light',Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	text-transform:lowercase;
	}
	
h1.title span{
	color:#9d9d9d;
	display:block;
	font-family:'Linotype Syntax W01 Light',Arial, Helvetica, sans-serif;
	margin-top:7px;
	}
	
#article_list h2, #article_list .top-line{
	font-size:18px;
	}
	
.widget h3{
	color:#575a5a;
	font-size:16px;
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	}
	
.widget a{
	color:#6c6c6c;
	}
	
.widget a:hover{
	color:#a5a4a5;
	}

.widget p{
	color:#979595;
	line-height:18px;
	font-size:12px;
	}
	
.sub-menu{
	text-transform:lowercase;
	margin-top:112px;
	padding-bottom:20px;
	}
a{
color: #6c6c6c;
}

a:hover{
color: #a5a4a5;
}

p a:hover{
color: #fad716;
}


div.body h2{
	font-size:18px;
	margin-top:32px;
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	margin-bottom:12px;
	}
	
div.body h3{
	font-size:18px;
	margin-top:18px;
	margin-bottom:4px;
	}
	
div.body h2, div.body h3{
	color:#575a5a;	
	
	}
	
	
div.body h2:first-child, div.body h3:first-child{
	margin-top:0px;
	
	}
	
.wide{
	width:auto !important;
	min-width:720px;
	}
	
	
.referenz_head{
	padding-top:30px;
	border-bottom:1px solid #dedede;
	padding-bottom:5px;
	margin-bottom:10px;
	width:550px;
	position:relative;
	}
	

.referenz_head img{
	position:absolute;
	right:0px;
	top:75px;
	}
	
.referenz_head .intern{
	font-size:12px;
	display:inline-block;
	font-family:'Linotype Syntax W01 Light',Arial, Helvetica, sans-serif;
	}
	
.referenz_head h2{
	font-size:18px;
	color:#575a5a;
	display:inline-block;
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	}


/*													TYPO ENDE
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------
*/




/*															Content
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------
*/

#content, #footer{
	background:#FFF;
	}
	
#homepage #footer{
	background:none;
	}
	


#main .widget{
	display:none;
	}

#right .prev_next{
	
	width:310px;
	}

#right .prev_next, #main .prev_next{
	
	height:75px;
	background:url('../img/light-grey-80.png');
	position:relative;
	
	}
	
#right .prev_next a, #main .prev_next a{
	position:absolute;
	top:0px;
	display:block;
	width:50%;
	height:100%;
	}

.normal-view #content{
	padding-top:135px;
	overflow:hidden;
	}
	
#main{
	float:left;
	max-width:790px;
	
	padding-left:90px;
	padding-top:80px;
	padding-bottom:100px;
	}
	
#news_list #main{
	width:auto !important;
	max-width:none !important;
	}
	
	
	
#main .prev_next{
	display:none;
	}
	
.image-container{
	margin-left:-90px;
	
	position:relative;
	margin-bottom:50px;

	width:680px;
	}
	
	
.image-container.hersteller{
	margin-left:0px;
	position:relative;
	margin-bottom:50px;
	width:200px;
	float:left;
	overflow:hidden;
	}


	
.image-container img{
	margin-bottom:0px;
	display:block;
	width:100%;
	height:auto;
	}
	
.image-container.hersteller img{
	margin-bottom:0px;
	display:block;
	width:auto;
	height:auto;
	}
	
.image-container .caption{
	position:absolute;
	left:0px;
	bottom:-30px;
	max-width:none !important;
	margin:0 !important;
	font-size:12px;
	color:#999;
	}
	
.image-container .caption span{
	padding:5px 0px 5px 90px;
	width:590px;
	max-width:580px;
	display:block;
	}
	


#right{
	float:right;
	width:310px;
	
	}
	
	
#news_list #right{
	position:absolute;
	right:0px;
	width:310px;
	
	}

#right .widget.sub-menu{
	border-bottom:1px solid #dedede;

	}
	
#right .widget{
	padding-left:35px;
	margin-bottom:40px;
	padding-right:40px;
	border-bottom:1px solid #dedede;
	}
	
	
.rss h4, .weitere_news h4{
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
	}
	
.rss h3{
	background:url(../img/rss.gif) left 2px no-repeat;
	padding-left:20px;
	}
	
.rss.flickr h3{
	background:url(../img/flick_logo.png) left 0px no-repeat;
	padding-left:70px;
	width:100%;
	padding-top:3px;
	padding-bottom:10px;
	}
	
	
.more_info{
width:50%;
display:block;
float:left;
padding-top:20px;
}

.more_info.in_article{
	width:auto;
	}
	
.more_info.in_article.big{
	margin-bottom:5px;
	border-bottom:1px solid #dedede;
	display:block;
	padding-bottom:10px;
	width:100%;
	}

.more_info a{
padding-left:20px;
background:url('../img/pfeiLweiter_small.gif') no-repeat;
display:block;
text-transform:lowercase;
}
.more_info.in_article.big a{
	font-size:18px;
	}


#main .logo{
	padding-bottom:30px;
	}

#main .logo li{
	float:left;
	padding-right:20px;
	padding-left:20px;
	height:100px;
	overflow:visible;
	border-right:1px solid #dedede;
	}
	
.clear{
	clear:both;
	overflow:hidden;
	}

/*															Content ENDE
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------
*/

#homepage body, html#homepage{width:100%;height:100%;overflow:hidden;background:#FFF;padding:0;margin:0;border:0}


#bg .bg_img{
	display:none;
	}

#bg,#bg *{-moz-user-select:-moz-none;-webkit-user-select:none;background:#FFF none}													/*Prevent selection*/
#bg,#bg b{width:100%;height:100%;overflow:hidden;position:absolute;display:block}								/*Containers*/
#bg i{position:absolute;width:200%;height:200%;top:-50%;left:-50%;display:table;}								/*Create canvas*/
#bg i i{left:0;top:50%;width:100%;display:block;height:auto;background:#FFF none}			/*IE center verticaly and loading-gif*/
#bg i > i{display:table-cell;vertical-align:middle;height:100%;position:static;top:0}							/*Others center verticaly*/
#bg img{display:block;margin:0 auto;width:50% !important; height:auto !important;-ms-interpolation-mode:bicubic}									/*Smooth anti-alising in IE*/
#bg{position:absolute;left:0;bottom:0}																			/*Position preventing scrolling-bug in opera*/
*+html #bg i i{position:absolute;top:50%;height:auto}															/*IE7  fix centerer*/
*+html #bg img{position:relative;top:-50%}																		/*IE7  fix image*/
* html #bg img{height:50%;position:relative;top:-50%}															/*IE6  fix image*/


	
/*
header
*/

#logo{
	display:block;
	width:324px;
	height:90px;
	position:absolute;
	left:13px;
	bottom:30px;
	margin:0;
	}
	
#logo a{
	background:url('../img/logo.gif') no-repeat;
	display:block;
	width:100%;
	height:100%;
	}
	
#logo span{
	display:none;
	}
	
	
#nav{
	width:310px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	background:#ededed;
	}
	
#main-nav{
	position:absolute;
	left:35px;
	bottom:26px;
	}
	
#customers-nav{
	position:absolute;
	left:170px;
	bottom:28px;
	}
	
#nav li{
	padding-top:4px;
	}
	
#nav a{
	font-size:14px;
	color:#6c6c6c;
	text-transform:lowercase;
	}
	

	
#main-nav a:hover,	
#main-nav a:focus{
	color:#a5a4a5;
	}
	
#nav a:active, a:active{
	color:#fad716 !important;
}

#customers-nav a{
	color:#a5a4a5;
	}
	
#customers-nav a:hover,
#customers-nav a:focus
{
	color:#6c6c6c;
	}
	

#footer{
	height:50px;
	width:100%;
	clear:both;
	}
	
#homepage #footer{
	position:fixed;
	right:0px;
	bottom:0px;
	z-index:1;
	height:120px;
	}
	
#footer .inner{
	width:270px;
	padding-left:40px;
	padding-top:30px;
	height:90px;
	background:#777a7a;
	float:right;
	}
	
#homepage #footer .inner{
	background:url('../img/dark-grey-80.png');
	}
	

	
#footer a{
	color:#f0f0f0;
	display:block;
	float:left;
	margin-right:20px;
	font-size:12px;
	}

/*
News-Teaser
*/
	
#teaser{
	position:absolute;
	left:0px;
	bottom:180px;
	width:100%;
	height:125px;
	z-index:5;
	}
	
.news_teaser{
	display:none;
	}
	
.news_teaser.active{
	display:block;
}
	
#teaser h2{
	height:37px;
	padding-top:13px;
	padding-left:90px;
	color:#575a5a;
	font-size:24px;
	background-color:#FFF;
	}
	
	
#teaser h2 a{
	color:#575a5a;
	}
/*	
#teaser h2:hover {
	background-color:#fad716;
	}

#teaser h2:hover a{
	color:#FFF;
	}
*/

#teaser h2 a:hover{
	color:#a5a4a5;
	}

#teaser h2 span{
	color:#a5a4a5;
}

#teaser .more-container{
	position:absolute;
	right:310px;
	top:50px;
	display:block;
	height:75px;
	background:url('../img/dark-grey-80.png');
	width:100%;
	}
	
#teaser .more{
	position:absolute;
	right:310px;
	top:50px;
	display:block;
	padding-right:0px;
	height:75px;
	font-size:18px;
	
	}
	
#teaser .more a{
	color:#FFF;
	text-transform:lowercase;
	display:block;
	height:45px;
	
	width:120px;
	padding-top:30px;
	padding-right:35px;
	text-align:right;
	font-family:'Linotype Syntax W01 Light',Arial, Helvetica, sans-serif;
	}
	
#teaser .more a:hover{
	background-color:rgba(255,255,255,.2);
	}
	
#teaser .prev_next{
	position:absolute;
	right:0px;
	width:310px;
	top:50px;
	height:75px;
	background:url('../img/light-grey-80.png');
	}
	
#homepage .prev_next .next, #homepage .prev_next .prev {
	display:block;
	width:50%;
	height:100%;
	position:absolute;
	top:0px;
	cursor:pointer;
	}
	

	

	
.prev_next .next a, .prev_next a.next, #homepage .prev_next .next{
	left:50%;
	background:url('../img/pfeil_next.png') no-repeat 70% 20px;
	}
	
.prev_next .next.empty{
	background:url('../img/pfeil_next.png') no-repeat 70% 20px;
	display:block;
	height:100%;
	width:50%;
	opacity:.3;
	float:right;
}
	
.prev_next .prev a, .prev_next a.prev, #homepage .prev_next .prev{
	left:0%;
	background:url('../img/pfeil_prev.png') no-repeat 30% 20px;
	}
	
.prev_next .prev.empty{
	background:url('../img/pfeil_prev.png') no-repeat 30% 20px;
	display:block;
	height:100%;
	width:50%;
	opacity:.3;
	float:left;
}
	
	

.next a:hover, .prev a:hover, #homepage .prev_next .next:hover, #homepage .prev_next .prev:hover{
	background-color:#FFF !important;
	background-color:rgba(255,255,255,.5) !important;
	}	
	
	
/*

*/


ul#article_list {
	width:auto;
	float:left;
	max-width:auto;
	margin-bottom:20px;
	position:relative;
	left:-15px;
	padding-right:10px;
	overflow:hidden;
	margin-right:320px;
	clear:both;
	}
	
	
.single_hersteller ul#article_list {
	/*margin-right:0px;*/
	}

#article_list li{	
	padding-top:0px;
	float:left;
	border-right:1px solid #dedede;
	width:190px;
	margin-top:0px;
	height:450px;
	margin-bottom:30px;
	position:relative;
	}
	
#article_list li.hersteller_liste{	
	padding-top:0px;
	float:left;
	border-right:1px solid #dedede;
	width:190px;
	margin-top:0px;
	height:160px;
	margin-bottom:30px;
	position:relative;
	}
	
#article_list li.hersteller_liste.link_liste{
	height:175px;
	} 
	
#article_list li.hersteller_liste.link_liste .title{
	padding-left:15px;
	clear:both;
	margin-top:12px;
	font-size:12px;
	} 
	
#article_list li.first{	
	width:380px;
	}
	
#article_list li h2, #article_list li p{
	padding:0 15px;
	}
	
#article_list p.top-line, #article_list li h2{
	font-size:14px;
	margin-top:15px;
	}
	
#article_list .first p.top-line, #article_list li.first h2{
	font-size:18px;
	margin-top:15px;
	}
	
	
#article_list .first p{
	font-size:16px;
	line-height:20px;
	}

	
#article_list p{
	font-size:12px;
	line-height:16px;
	}
	
#article_list p.more_info, #article_list .border-bottom{
	font-size:14px;
	position:absolute;
	bottom:-15px;
	left:20px;
	padding:15px 0px;
	width:150px;
	margin-bottom:0px;
	border-bottom:1px solid #dedede;
	}
	
#article_list .border-bottom{
	position:absolute;
	bottom:-15px;
	left:20px;
	padding:15px 0px;
	width:150px;
	margin-bottom:0px;
	border-bottom:1px solid #dedede;
	}
	
#article_list li h2, #article_list li.first h2{
	margin-bottom:10px;
	margin-top:0px;
	}
	
	
#article_list li .image-container{
	height:160px;
	width:160px;
	margin-left:15px;
	display:block;
	opacity:1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all.2s ease-in-out;	
	transition: all .2s ease-in-out;
	}
	

	
#article_list li.first .image-container{	
	width:350px;
	}
	
#article_list li a:hover .image-container{
	opacity:.5;
	}
	

#article_list .image-container{
	margin-left:0px;
	margin:0px;
	padding:0px;
	}

	
.prev_next_list{
	height:75px;
	clear:both;
	position:relative;
	margin-right:320px;
	}
	
.prev_next_list span{
	display:block;
	width:50%;
	height:100%;
	position:absolute;
	top:0px;
	cursor:pointer;
	}
	
.prev_next_list span.empty{
	cursor:default;
	opacity:.3;
	}
	
.prev_next_list span span{
	display:none;
	}
	
.prev_next_list span a{
	display:block;
	width:100%;
	height:100%;
	left:0 !important;
	}
	
	
.prev_next_list span.next.empty, .prev_next_list span.next{
	left:50%;
	}
	
.prev_next_list span.prev.empty, .prev_next_list span.prev a{
	left:0%;
	background:url('../img/pfeil_prev.png') no-repeat 0% 20px;
	}
	
	
.prev_next_list span.next.empty, .prev_next_list span.next a{
	position:absolute;
	left:50%;
	background:url('../img/pfeil_next.png') no-repeat 100% 20px;
	}
	
iframe{
	position:relative;
	left:-25px;
	
	}
	
.downloads h3{
	font-family:'Linotype Syntax W01 Medium',Arial, Helvetica, sans-serif;
	text-transform:none;
	font-size:14px !important;
	}
	
.downloads a:hover h3{
	color:#a5a4a5x !important;
	}
	
.downloads li{
	margin-bottom:12px;
	padding-left:20px;
	background:url(../img/list_download.gif) no-repeat left 6px !important;
	}

.downloads p{
	font-size:12px;
	margin-bottom:0px;
	max-width:300px;
	line-height:16px;
	}
	
.flickrPhoto{
	display:block;
	width:200px;
	height:120px;
	overflow:hidden;
	margin-bottom:2px;
	}

.flickrPhoto:last-child{
	margin-bottom:40px;
	}
	
.flickrPhoto img{
	width:100%;
	display:block;
	height:auto;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all.2s ease-in-out;	
	transition: all .2s ease-in-out;
	}
	
.flickrPhoto a:hover img{
	opacity:.7;
	}