/* ------------------------------------------------- */
/* Common rules
/* ------------------------------------------------- */
	* {margin:0;padding:0;} 
	html, body { height:100%; }
	body { padding:0; margin:0; background:#252a2d; font:11px/14px Georgia, "Times New Roman", Times, serif; color:#FFF; }



/* ------------------------------------------------- */
/* HEADER rules
/* ------------------------------------------------- */
	#header { height:80px; border-bottom:1px solid #9ba799; background:#FFFFFF; position:fixed; top:0; left:0; width:100%; z-index:100;}
	#header #logodecoders { position:absolute; top:19px; left:20px;}
	#header #rechts { background: url(../img/bird.gif) no-repeat right 20px; position:absolute; top:0px; right:40px; width:480px; display:table; margin:0;}
	#header #rechts #contact {display:table-cell; vertical-align:middle; height:80px; color:#464d49; letter-spacing:1px; }
	#header #rechts #contact a, #header #rechts #contact a:visited { padding:0 20px 0 0; text-transform:uppercase; text-decoration:none; color:#464d49;}
	#header #rechts #contact a:hover, #header #rechts #contact a:active { color:#f01a47;}
	
	#header #rechts #twitterload {display:table-cell; vertical-align:middle; height:80px; font-size:11px; line-height:16px; font-family: Geneva, Arial, Helvetica, sans-serif; }
	#header #rechts #twitterload p { border-left: solid 1px #d3ddd2; padding:0 60px 0 20px; color:#f01a47; }
	#header #rechts #twitterload p a { color:#f01a47; }
	

/* ------------------------------------------------- */
/* CONTENT rules
/* ------------------------------------------------- */
	#primary { margin-top:81px;}

	div.box { cursor:pointer; margin:2px 0px 0px 2px; padding:0; border:4px solid #FFF; background:#fff; font-size:12px; float:left; overflow:hidden;  }
	div.box img { display:block; }
	div.box a { text-decoration:none; color:#FFF; }
	div.box a span { display:none; }
	div.box div.over { position:absolute; display:table; left:0; }
	
	div.box div.print { padding:0 10px; background:#f01a47; }
	div.box div.fotografie { padding:0 10px; background:#7fc06b; }
	div.box div.web { padding:0 10px; background:#1abce4; }
	
	
	div.box div.text { display:table-cell; vertical-align:middle; }
	div.box div.text h1 { font-size:17px; line-height:18px; color:#fff; font-weight:normal; padding:0 0 4px 0; }
	div.box div.text p { color:#353936; padding-right:10px; }
	
	div.box div.hallo { padding:10px;}
	div.box div.hallo h1 { font-size:22px; color:#f01a47; font-weight:normal; padding:0 0 6px 0; }
	div.box div.hallo p {color:#464d49; font-size:13px; line-height:21px; padding-right:20px;}
	div.box div.hallo img { float:left; position:relative; top:0; left:0; padding:34px 30px 30px 8px; }
	
	/* 4 verschillende formaten */
	div.mini { width:111px; height:116px; }
	div.mini div.over { width:111px; height:116px; top:-116px; }
	div.stripe { width:111px; height:242px; } 
	div.stripe div.over {width:111px; height:242px; top:-242px; }
	div.dash { width:232px; height:116px; }
	div.dash div.over { width:232px; height:116px; top:-116px; }
	div.square { width:232px; height:242px; }
	div.square div.over {width:232px; height:242px; top:-242px; }
	div.wide { width:353px; height:242px; }
	div.wide div.over {width:353px; height:242px; top:-242px; }


/* ------------------------------------------------- */
/* Overlay rules
/* ------------------------------------------------- */
	#overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:1000; display:none; }

/* ------------------------------------------------- */
/* Masonry CSS
/* ------------------------------------------------- */
	.wrap { border:0px solid #456; padding:0px; margin-bottom:20px; font-family:Georgia, "Times New Roman", Times, serif; }
	.wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 



/* ------------------------------------------------- */
/* Infinite Scroll loader
/* ------------------------------------------------- */
	#infscr-loading { z-index: 5000; position: fixed; left: 40%; bottom: 40px; width: 200px; height: 100px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }


/* ------------------------------------------------- */
/* DETAIL PAGE
/* ------------------------------------------------- */
	body.detail { background:#191c1f; padding:0; margin:0;}
	
	#closewrapper {}
	#closewrapper a { position:absolute; top:50%; left:0; width:65px; height:156px; margin-top:-79px; margin-left:0; background: #f01a47 url(../img/close.png) no-repeat;}
	#closewrapper a:hover { background-color:#191c1f;}
	#closewrapper a span { display:none; }
	
	
	#visualwrapper { position:absolute; top:0; left:66px; width:70%; height:100%; cursor:url(../img/cursor-down.png), default; }
	#visualwrapper .wrapper { display:table; height:100%; margin:0 auto; }
	#visualwrapper .wrapper .visual {display:table-cell; vertical-align:middle;}
	#visualwrapper .wrapper .visual img {}
	
	 
	#textwrapper { position:relative; float:right; height:100%; overflow:hidden; width:255px; background:#252a2d; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	#textwrapper .wrapper { width:170px; height:100%; display:table; margin-left:30px;}
	#textwrapper .wrapper .text {display:table-cell; vertical-align:middle;}
	#textwrapper .wrapper .text h1 {font-size:22px; color:#f01a47; font-weight:normal; padding:0 0 6px 0;}
	#textwrapper .wrapper .text p {font-size:12px; color:#fafbfc; font-weight:normal; line-height:21px; }