/*
URI: www.yourpos.nl
Description: De stijlopmaak gebouwd op blueprint css framework
Author: D de Leeuw


[Table Of Contents]

0- Body
1- Links
2- Classes and defaults
3- Skeleton
4- Logo
5- Navigatie
6- Promo
7- Topbar
8- Content
9- Boxes
10 Wordpress



*/


/* 0- Body
-----------------------------------------*/

body {
	background:#d5d6d7 url(../img/bg-tabbar-repeater.gif) repeat-x;
}
/* 1- Links
-----------------------------------------*/

a {
	color:#000000;
	text-decoration:underline;
}
a:focus,
a:hover {
	text-decoration: none;
}
/* 2- Classes and defaults
-----------------------------------------*/

/*classes*/
.rounded {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	/*behavior: url(http://www.yourpos.nl/wp-content/themes/yourpos/css/border-radius.htc); */
}
.disabled {
	display:none;
}
.box {
	padding: 0.8em;
	margin-bottom:1.5em;
	background:#FFF;
	border:1px solid #e2dcdc;
}
.imgfloat {
	float:left;
	margin:0 0.8em 0.8em 0;
}
.morelink {
	background:url(../img/bg-navigatie-arrow-right.png) no-repeat 0 6px;
	padding-left:13px;
}
.morelink:hover {
	background-position:-1px 6px;
}
strong.search-excerpt {
	background: yellow;
}
/* 3- Skeleton
-----------------------------------------*/

div#tabbar {
	height:20px;
	overflow:hidden;
}
div#sidebar {
	width:190px;
	padding:0;
	margin:0 16px 0 0;
}
div.container div#sidebar.colborder {
	border-color:#d5d6d7;
}
div#promo {
	background:#FFF;
	margin-bottom:13px;
	padding:0;
	border:1px solid #e2dcdc;
}
div#contentframe {
	background:#FFF;
	border:1px solid #e2dcdc;
}
div#contentframe div#topbar {
	height:40px;
	overflow:hidden;
	border-bottom:1px solid #e2dcdc;
}
div#contentframe div#content {
	background:#fdfdfd;
}
div#footer {
	text-align:center;
	width:950px;
	margin:2em auto 0 auto;
	clear:both;
	float:none;
}
/* 4- Logo
-----------------------------------------*/

#logo {
	margin:0px auto 0 auto;
}
#logo,
#logo a {
	width:0px;
	height:0px;
	overflow:hidden;
}
#logo a {
	display:block;
	background:url(../img/logo-yourpos.gif) no-repeat;
}
#logo span {
	display:none;
}
/*5- Navigatie 
-----------------------------*/
div#navigatie {
	background:#023a76;
	padding:2px 0 5px 0;
	margin:0 0 1.5em 0;
	width:190px;
}
ul#mainnav {
	color:#FFF;
	width:190px;
	margin:15px 0 15px 0;
	padding:0;
	list-style:none;
	font-size:1.5em;
}
ul#mainnav li {
	margin-bottom:0.1em;
	padding:0;
}
ul#mainnav li a {
	display:block;
	margin:0 10px 0 15px;
	color:#FFF;
	text-decoration:none;
	text-shadow: 0px 0px 0px #002246;
}
ul#mainnav li a:focus,
ul#mainnav li a:hover {
	text-decoration: underline;
}
ul#mainnav li ul {
	list-style:none;
	margin:4px 1px 0 1px;
	width:188px;
	padding:5px 0 5px 0;
	font-size:0.7em;
	background:#FFF;
}
ul#mainnav li ul li {
	border:none;
	margin:0 0 5px 0;
}
ul#mainnav li ul li a {
	color:#023a76;
	text-shadow:none;
	display:block;
	background-image:url(../img/bg-navigatie-arrow-right.png);
	background-repeat:no-repeat;
	background-position:15px 9px;
	background-color:#FFF;
	padding:1px 0 1px 15px;
	margin:0;
	text-indent:15px;
}
ul#mainnav li ul li a:hover {
	background-color:#023a76;
	background-position:15px -6px;
	color:#FFF;
}
ul#mainnav li ul li.current_page_item a {
	font-weight:bold;
}
ul#mainnav li ul li.current_page_item a:hover {
	text-decoration:none;
}

/*lijn onder home*/
ul#mainnav li.page-item-3 a {
	border-bottom:1px solid #4c657f;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}
/*6- Promo 
-----------------------------*/

div#promo img {
	margin:3px 0 3px 3px;
}
/*7- Topbar
-----------------------------*/

/*breadcrumb*/
div.breadcrumb {
	margin:10px 0 0 12px;
	color:#7c7777;
}

/*zoeken*/
form#zoeken {
	margin:0 0 0 20px;
}
form#zoeken legend,
form#zoeken label,
form#zoeken button,
form#zoeken a.search span {
	display:none;
}
form#zoeken fieldset {
	margin:0;
	padding:0;
	border:none;
}
form#zoeken input {
	width:183px;
	height:28px;
	overflow:hidden;
	background:url(../img/bg-zoekform.gif) no-repeat;
	float:left;
	border:none;
	margin:6px 0 0 0;
	padding:0 5px 0 5px;
	line-height:28px;
}
form#zoeken a.search {
	display:block;
	background:url(../img/icons/search-icon.gif) no-repeat;
	width:24px;
	height:19px;
	overflow:hidden;
	float:left;
	margin:10px 0 0 10px;
}
/*8- Content
-----------------------------*/

div#content {
	padding:2em 20px 2em 20px;
	width:670px;
}
div#content h1 {
	font-size:30px;
	line-height:1.2em;
	margin-bottom:1em;
	margin-right:4em;
	text-shadow: 0px 1px 0px #ffffff;
}
div#content h2 {
	font-size:18px;
	font-weight: bold;
	line-height:1em;
	margin-bottom:1em;
	margin-right:4em;
	text-shadow: 0px 1px 0px #ffffff;
}
div#content h3 {
	font-size:14px;
	font-weight: bold;
	line-height:0em;
	margin-bottom:0.8em;
	margin-right:4em;
	text-shadow: 0px 1px 0px #ffffff;
}
/*9- Boxes
-----------------------------*/

.box p {
	margin-bottom:0.5em;
}
div.box span#telnr {
	font-weight:bold;
	display:block;
	font-size:1.4em;
	margin:0;
}
/*10 Wordpress
-----------------------------*/

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}