/* @override http://raamfolies.nl/wp-content/themes/Reijntjes-interproject/style.css */

/* @override http://raamfolies.nl/wp-content/themes/Reijntjes-interproject/style.css */

/* @override http://raamfolies.nl/wp-content/themes/Reijntjes-interproject/style.css */

/*   
Theme Name: Reijntjes interproject
Theme URI: http://www.intermesh.nl
Description: Reijntjes interproject theme
Author: Intermesh B.V.
Author URI: http://www.intermesh.nl
Version: 1.0
*/

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 14px/1.4 Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */




/* BEGIN OF CUSTOM CSS */


body {
	font-size: 12px;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	background: url("images/body-bg.png");
}

#mainwrapper {
	background: url("images/top-bg.png") repeat-x top #333;
}

#wrapper {
	width: 957px;
	background: url(images/logo.png) no-repeat top left;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height: auto;
	width:100%;
}

.title {
	background: url(images/title.png) no-repeat 95px 0px transparent;
	float: left;
	height: 122px;
	width: 380px;
}

.subtitle {
	float:right;
	margin-right: 16px;
	width: 278px;
	height:55px;
	background: url(images/subtitle.png) no-repeat top left;
}

#mainmenu {
	width: 560px;
	height: 67px;
	float: right;
	margin-right: 16px;
}

.submenu {
	width:862px;
	height: auto;
	float:left;
	margin-left:95px;
	margin-top:0px;
}

#center {
	background: url(images/center-bg.png) repeat-x top left #FFF;
}

#centerwrapper {
	width: 957px;
/*	height: 400px;*/
	margin-left:auto;
	margin-right:auto;
}

.whitespace {
	height:39px;
	background-color:#FFF;
}

div.printfolies {
	background-color: white;
	margin: 25px auto;
	width: 960px;
	background-image: none;
}

#footer {
	margin-top:25px;
	width: 957px;
	height: 49px;
	margin-left:auto;
	margin-right:auto;
	color:#CCC;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
}

#footer .sponsors {margin-right: 10px; float:right;}
#footer .sponsors a img { border: none;}
#footer .sponsors a { }

#footer a { text-decoration: none; color:#CCC;}

/* CSS FOR SUB-MENU */
.submenu ul {
	padding-top: 6px;
	float: left;
	font: bold 100% Tohoma;
	width: 100%;
}

* html .submenu ul{ /*IE only rule, reduce menu width*/
	width: 99%;
}

.submenu ul li {
	display: inline;
}

.submenu ul .current_page_item span, .submenu ul .current_page_parent span { color:#000; background: url(images/submenu-item-bg-yellow.png) #33ccff !important;}

.submenu ul li a {
	float: left;
	color: #FFF;
	text-decoration: none;
	padding: 0px 10px;
	background: url(images/submenu-divider.png) center right no-repeat;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.submenu ul li a:visited  {
	color:#FFF;
}

.submenu ul li a:active  {
	color:#FFF;
}

.submenu ul li a:hover  {
	color:#FFF;
}

.submenu-item-span {
	padding:1px 2px 1px 2px;
	/background: url(images/submenu-item-bg.png) #33ccff;
	line-height:30px;
}

.first-submenu-item {
	padding:0px 6px 0px 0px !important;
	background: url(images/submenu-divider.png) center right no-repeat !important;
}

.center-submenu-item { /* DEPRECATED ??*/
	padding: 0px 7px 0px 8px;
	background: url(images/submenu-divider.png) center right no-repeat;
}

.last-submenu-item {
	padding:0px 0px 0px 6px !important;
	background:none !important;
}
/* END OF CSS FOR SUB-MENU */

/* CSS FOR MAIN-MENU */
#mainmenu ul {
	list-style:none;
}

#mainmenu li {
	display:inline;
}

#mainmenu a {
	float:right;
	display:block;
	background-color:#000;
	padding:6px 8px 8px 8px;
	margin:38px 0px 0px 5px;
	border: 1px solid #FFF;
	border-bottom:none;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
}

#mainmenu a:hover, #mainmenu a:active{
	background-color:#66ccff;
	padding:10px 9px 11px 9px;
	margin:32px 0px 0px 5px;
	border: none;
	
}

#mainmenu .current_page_item a, #mainmenu .current_page_parent a {
	background-color:#66ccff;
	padding:10px 9px 11px 9px;
	margin:32px 0px 0px 5px;
	border: none;
	font-size:11.5px;
}

/* END OF CSS FOR MAIN-MENU */


/* CSS FOR BEDRIJVEN PAGE */
.imagecontainer {
  z-index: 90;
  position: relative;
	width: 100%;
	height:240px;
/*	background:url(images/bedrijven-banner.jpg) top left no-repeat;*/
}

.imagecontaineroverlay {
  position: absolute;
/*	float: right;*/
	height:140px;
	top:40px;
  left: 600px;
	background:transparent url(images/bedrijf-image-overlay.png) top right no-repeat;
	width: 355px;
}

.brandboxslideritem {
  display:none;
}

.brandboxpager {
  position: absolute;
  height:20px;
	margin-top:-30px;
  background: #000;
  z-index: 99;
  padding: 5px;
}

.brandboxpager a {
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  margin: 2px;
  color:#FFF;
}

.activeSlide {
  color: #f7e700 !important;
}

.imagecontaineroverlaytext {
	width: 290px;
	height: 44px;
	display:block;
/*	margin-left:auto;*/
/*	margin-right:auto;*/
	margin: 30px;
  font-size: 22px;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  text-align:left;
  line-height: 22px;

/*	background:transparent url(images/bedrijf-image-overlay-tekst.png) top right no-repeat;*/
}

.imagecontaineroverlaytext a {
  text-decoration: none;
  color: #f7e700;
}


.categorycontainer {
	margin-top:39px;
}

.category-next {
	float: right;
	width:41px;
	height:130px;
	margin-right:16px;
	padding-top:30px;
	text-align:center;
}

.category-prev {
	float: left;
	height:130px;
	width:41px;
	padding-top:30px;
	text-align:center;
}

.scrollable {
	float:left; /* important for inline positioning */
	width:859px; /* important (this width = width of list item(including margin) * items shown */
	overflow: hidden;  /* important (hide the items outside the div) */
/*	left: 0px;*/
	height:160px;
  position:relative;
}

.scrollable .items {
/*	overflow: hidden;
	position: relative;*/
   width:2000em;
  position: absolute;
}

.scrollable .items div{
/*  position:inline;*/
/*margin-top:-17px;*/
float:left
}

.category-prev a, .category-next a{
	margin: 0px 2px 0px 2px;
	display:block;
  cursor: pointer;
}

.category-next a:hover {
	margin: 0px 0px 0px 4px;
}

.category-prev a:hover {
	margin: 0px 4px 0px 0px;
}

.category-next img, .category-prev img {
	display:block;
	border:none;
}

.center-category-image {
	width: 151px;
	height: 160px;
	padding: 0px 0px 0px 0px;
	margin: 0px 9px 14px 9px;
	background-color:#C00;
	float: left;
	text-align:center;
	background:url(images/category-image-shadow.png) no-repeat top left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:bold;
}
.first-category-image {
	margin: 0px 9px 0px 16px;
}

.last-category-image {
	margin: 0px 16px 0px 9px;
}

.center-category-image img {
	display:block;
	border:none;
	margin: 0px 12px 10px 12px;
}

.center-category-image a {
	text-decoration:none;
	color:#000;
}

.center-category-image-folie {
	width: 139px;
	height: 160px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	float: left;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	font-weight:bold;
}

.center-category-image-folie img {
	display:block;
	border:none;
	margin: 0px 6px 10px 6px;
}

.center-category-image-folie a {
	text-decoration:none;
	color:#000;
}
/* END OF CSS FOR BEDRIJVEN PAGE */


/* CSS FOR PRINTFOLIE PAGE */
.contentfull {
	background: url(images/contentfull-topbg.png) no-repeat top left;
	width: 957px;
	min-height: 130px;
}

.contentright {
	float: right;
	width: 235px;
	background: url(images/contentright-topbg.png) no-repeat top right;
	min-height: 300px;
}

.contentleft {
	float: left;
	width: 722px;
}

.contentarrowleft {
	float:left;
	width: 97px;
	height: 88px;
}

.contentarrowright {
	float: right;
	width: 143px;
	height: 88px;
}

.contentarrowleft img, .contentarrowright img {
	border: none;
	display:block;
}

.contentarrowright a {
	margin: 33px 73px 0px 32px;
	display:block;
  color: #FFF;
  text-decoration: none;
}

.contentarrowleft a:hover {
	margin: 33px 32px 0px 27px;
}

.contentarrowright a:hover {
	margin: 33px 71px 0px 34px;
}

.contentarrowleft a {
	margin: 33px 30px 0px 29px;
	display:block;
  color: #FFF;
  text-decoration: none;
}

.contentcenter {
	float: left;
	width: 482px;
}

.contentcenter ul {
	list-style:none;
}

.contentcenter ul li {
	 /* display:none; */
}


.page-content {


}

.page-content ul li {
	list-style: disc inside;
	margin-left: 10px;
}

.page-content ol li {
	list-style-position: inside;
	margin-left: 10px;
}

.page-related {
	border: 1px solid #ccc;
	padding:12px;
	margin-top: 20px;
}

.page-related .prtitle {
	display: block;
	font-weight: bold;
}

.page-related .pritem {
	display: block;
	width: 80px;
	margin:10px 20px 10px 0px;
	background: url('images/related-shadow.png') no-repeat top left;
	float: left;
	text-align: center;
}

.page-related .pritem img {
	float:left;
	display: inline;
	width: 78px;
	height: 79px;
	border: none;
	margin-bottom: 10px;
}

.page-related a {
	text-decoration: none;
	color: #003366;
	font-weight: bold;
	font-size: 11px;
}



/* END OF CSS FOR PRINTFOLIE PAGE */


/* CSS FOR SERVICES PAGE */
.servicecontentfull {
	background-color: #FFF;
	width: 860px;
/*	height: 130px; */
	margin-left:80px;
}

.servicecontentright {
	float: right;
	width: 235px;
	background-color: #FFF;
	min-height: 300px;
}

.servicecontentleft {
	float: left;
	width: 580px;
	padding: 20px;
	background-color: #FFF;
}


.servicecontentleft h1 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

.servicecontentleft li {
	list-style-position: inside;
	margin-left: 6px;
}

.servicecontenttextblock {
	width:500px;
}

.servicecontenttextblock p{
	padding: 0px;
	margin: 0px;
	    margin-bottom: 15px;
}

.servicecontentcolumnblock div {
	float: left;
	width: 190px;
}

/* CSS FOR RAAMFOLIE PAGE */
.raamfoliecontentfull {
	background-color: #FFF;
	width: 860px;
/*	height: 130px; */
	margin-left:80px;
}

.raamfoliecontentright {
	float: right;
	width: 235px;
	background-color: #FFF;
	min-height: 300px;
}

.raamfoliecontentleft {
	float: left;
	width: 580px;
	padding: 20px;
	background-color: #FFF;
}


.raamfoliecontentleft h1 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

.raamfoliecontentleft li {
	list-style-position: inside;
	margin-left: 6px;
}

.raamfoliecontenttextblock {
	width:600px;
}

.raamfoliecontenttextblock p{
	padding: 0px;
	margin: 0px;
}

.raamfoliecontentcolumnblock div {
	float: left;
	width: 190px;
}


/* END OF CSS FOR SERVICES PAGE */


/* CSS FOR CONTACT PAGE */
#contactform {margin-bottom:8px;}

#contactform input {
	width: 200px;
	margin-bottom: 9px;
	border: 1px solid #ccc;
	background-color: #f6f6f6;
	padding:2px;
	font-size: 11px;
}

#contactform textarea {
	width: 400px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	font-family: sans-serif;
	padding:2px;
	font-size: 11px;
	background-color: #f6f6f6;
}
/* END OF CSS FOR CONTACT PAGE */


/* CSS FOR SIDEBAR */
.sidebar-container h1 {
	font-size: 12px;
	font-weight: bold;
}

.sidebar-form {
	Xheight: 340px;
	overflow: hidden;
}

.sidebar-form span {
	font-size: 9px !important;
	width: 140px !important;
	margin:0px !important;
}

.wpcf7-response-output {
		margin-top: -23px !important;
		margin-bottom: 25px !important;
		margin-left: 105px !important;
		width: 93px !important;
		font-size: 9px !important;
		border-width: 1px !important;
		padding: 1px  !important;
}

.wpcf7-not-valid-tip {font-size: 9px !important; width: 200px !important;}

.submitbutton input {
	width: 78px;
	height: 12px;
	background: url("images/send-button.png") no-repeat top right;
	border: none;
	margin-left: 2px;
	display: inline;
background: #ccc;
    padding: 10px;
    height: auto;
}

.submitbuttonhover input{
	background: url("images/send-button.png") no-repeat top right;
	width: 78px;
	height: 12px;
	margin-left: 4px !important;
	border:none;
	cursor: pointer;
	display: inline;
}

.sidebar-form input, .sidebar-form textarea {
	width: 180px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
	font-family: sans-serif;
	font-size: 11px;
	padding: 2px;
	background-color: #f6f6f6;
}

.sidebar-container {
	margin: 20px;
}

.sidebar-divider {
	width: 100%;
	background-color: #000;
	height: 1px;
}

.sidebar-container a {
	margin-left: 2px;
}

.sidebar-container a:hover {
	margin-left: 4px;
}

.webshop-button {
	margin-top: 10px;
	margin-bottom: 10px;
	background: url("images/webshop-button.png") no-repeat top left;
	width:154px;
	height: 13px;
	display: block;
}

.sb-product-page {
	margin-top: 11px;
	margin-right:1px;
	padding: 10px;
	padding-left: 30px;
	min-height: 95px;
	color:white; 
	background: url("images/sb-bg-trans.png") top left;
}

.sb-product-page h2 {
	line-height: 33px;
	font-weight: bold;
	text-transform: uppercase;
}

.sb-product-page h2 img{
	display: inline;
	vertical-align: middle;
	margin-left: 5px;
}

.sb-product-page ul {
	list-style: none;
	margin-bottom: 20px;
}


.sb-product-page a {
	color: #FFF;
	text-decoration: none;
}

.current_page_item a {
	color:#e6db55;
}

/* END OF CSS FOR SIDEBAR */


/* CSS FOR NEWSLIST PAGE */

.news-item {
	width: 600px;
	margin-bottom: 15px;
}

.news-date {
	margin-right: 10px;
	float: left;
	background-color: yellow;
	padding-left: 3px;
	padding-right: 3px;
}

.news-content {
	width: 100%;
	padding-top:3px;
	color: #333;
}

.news-title {
}

.news-title a {
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
width: 600px;
}

.pagination span, .pagination a {
display:block;
float:left;
padding:2px 9px 2px 9px;
margin: 4px 0px 3px; 0px;
text-decoration:none;
width:auto;
color: #155172;
font-weight: bold;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.pagination a:hover{
}

.pagination .current{
	padding:2px 9px 2px 9px;
	margin: 4px 0px 3px 0px;
	color: #999;
}

.pagination .middle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 150px;
}

.pagination .next {
	float: right;
	font-weight: bold;
	color: #003366;
	border: none;
}

.pagination .previous {
	float: left;
	font-weight: bold;
	color: #003366;
	border: none;
}

.pagination .previous:hover {
	margin-left: -2px;
}

.pagination .next:hover {
	margin-right: -2px;
}

.news-content .read-more-link {
	text-decoration: none;
	color: #003366;
}

.social-links-raamfolies {
    text-align: center;
    font-size: 24px;
	display: inline-block;
	margin-top: 8px;
}
.social-links-raamfolies i {
    color: #fff;
}
.social-links-raamfolies p {
    display: inherit;
    font-size: 13px;
}

#wrapper {

    height: 160px;
}

/* END OF CSS FOR NEWSLIST PAGE */


.sidebar-form .inactive, #contactform .inactive {
	color: #a1a1a1;
}

/* END OF CUSTOM CSS */