﻿@import 'https://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise'; /*het vinkje vendu loué op polaroid (verkocht detail)*/
body { background: #ddd; }
.page { background: #fff; width: 980px; position: absolute; top: 25px; left: 50%; margin-left: -480px; padding: 25px 0; }
.container{width:900px;}
.fixed td { width: 50%; }
.blockPrice span { font-size: 2em; font-weight: bold; }
.blockPrice { border: 2px solid #555; border-radius: 5px; text-align: center; margin: 15px 0; padding: 10px 0; }
.shortinfo { list-style-type: none; padding: 0; }
.shortinfo li { width: 100%; padding: 8px 0; border-bottom: 1px solid #555; text-align: right; }
.shortinfo label { float: left; }
.name { display: block; width: 100%; margin-top: 25px; }
.phone { display: block; width: 100%; font-size: 1.6em; font-weight: 400; }
.cirle { border-radius: 50%; width: 150px; height: 150px; overflow: hidden; }
.descr .title { text-transform: uppercase; font-size: 1.2em; margin-top: 15px; display: block; width: 100%; }
.descr h2 { margin-top: 15px; }
.descr .description { line-height: 1.8em; padding-right: 15px;}
.Print h4 { font-size: 1.8em; font-weight: 400; text-align: center; margin: 15px 0 25px; border-bottom: 2px solid #555; padding-bottom: 15px; }
.mb50{margin-bottom:30px;}
.fac{margin-bottom:15px;}
.img-responsive{margin-bottom:25px;}

.printfichewhoops h1{text-transform:uppercase; font-weight:400; font-size:1.5em;}
.printfichewhoops span.whoops{font-size:3em; font-weight:700;}
.printfichewhoops .imgPolaroid { background: #f1f1f1; padding: 7px 7px 4px; transform: rotate(15deg); box-shadow: 4px 4px 2px #ddd; width:80%; margin-bottom:50px;}
.printfichewhoops .imgPolaroid img{margin-bottom:5px;}
.printfichewhoops .imgPolaroid .mark { font-family: 'Waiting for the Sunrise', cursive; padding: 0; background: none; text-align: center; width: 100%; display: block; font-size:2em;}
.printfichewhoops .imgPolaroid .mark i { transform: rotate(12deg); display: inline-block; margin-right: 10px; }

.P_item { float: left; display: block; width: 100%; position: relative; margin-bottom: 25px; }
.P_item .imgClip { width: 100%; float: left; display: block; background: #f5f5f5; position: relative; }
.P_item .imgClip img { margin: 0 auto; }
.P_info h3 { font-size: 1.5em; width: 100%; text-transform: uppercase; color: #959595; line-height: 1.2em; font-weight: 400; text-align: left; margin-top: 12px; float: left; }
.P_info h3 span { color: #c20000; }
.P_item a:hover { text-decoration: none; }
.IDK { padding: 25px 0; float: left; display: block; width: 100%; }
.P_item .lbl { position: absolute; top: 20px; left: 2px; background: red; color: #fff; padding: 15px 15px; }
.P_item .lbl_project { }
.P_item .lbl_nieuw { background: #81bd00; }
.P_item .lbl_nieuweprijs { background: #03a0aa; }
.P_item .lbl_optie { background: #e96502; }
.P_item .lbl_extra { background: #81bd00; }
.P_item .lbl_verkocht { }
.P_item .PO_hyp_favo { position: absolute; bottom: 10px; right: 10px; width: 50px; height: 50px; font-size: 2.8em; text-shadow: 1px 2px 1px rgba(0,0,0,0.5); color: #fff; padding: 0; line-height: 0; border: none; background: none; border-radius: 4px; }
.P_item .fo-favo-active { background: rgba(129, 189, 0, 0.70); }
.P_item .overlay { background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 1s; }
.P_item .overlay img { margin: 0 auto; display: block; position: absolute; top: 50%; margin: -30px -30px 0; left: 50%; transition: transform .8s ease-in-out; }
.P_item .overlay h3 { color: #fff; margin-top: 25%; }
.P_item .imgClip:hover .overlay { opacity: 1; }
.P_item .imgClip .overlay:hover img { transform: rotate(180deg); }
.lbl_peb { position: absolute; bottom: 10px; left: 10px; }
#hypFavo{display:none;}

.btnRed { width:auto; float:none;  margin: 0 auto; display: block; background: #c20000; color: #fff; font-weight: 300; border-radius: 5px; padding: 9px; text-align: center; font-size: 1.1em; border: none; border-bottom: 2px solid #530101; text-transform: uppercase; font-weight:700; text-decoration:none;}
.btnRed:hover { background: #d70505; color: #fff; text-decoration: none; }
.other { text-align: center; }
.other a { display: inline-block; clear: both; width: auto; margin: 20px auto 10px; float: none; text-align: center; }
.other .btnRed { font-weight: bold; padding: 20px 40px; }
.other .txtLink { width: 100%; display: block; min-height: 44px; padding-top: 10px; }

a{color:#c20000; text-decoration:underline;}

.pagebreakBefore {display: block;width: 100%;float: left;height: 2px;}
.centered .cirle{margin:0 auto;}
.centered span{display:inline-block; width:100%; text-align:center;}


@media print {
	.col-xs-12{page-break-inside: avoid;}
}