/* Blue Color Styles */

/*-----------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-downs
-2.4 Introduction
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. WIDGETS

4. POSTS
-4.1 Typographic Elements
-4.2 Images
-4.3 PageNavi

5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form

6. GENERAL STYLES

-----------------------------------------------*/



/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

body  {
	color: #3f312e;
	background: #69c3e5 url(blue/bg.jpg) repeat-x top left;
}

h1, h2, h3, h4, h5, h6  {
	color: #3f312e;
}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #fb5e00; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	color: #3f312e;
}


/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.1 Containers */

#main  {
	background: url(blue/main.png) repeat left top;
}

#main #inside  {
	background-color: #fff;
}

/* 2.2 Header */

/* 2.3 Navigation */

#nav a:link, #nav a:visited {
	color: #fff;
	border-left: 1px solid #267e9f;
	border-top: 1px solid #267e9f;
	border-right: 1px solid #267e9f;
	background-color: #61b5d5;
}

#nav li.current_page_item a, #nav li a:hover  {
	color: #3f312e;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #fff url(blue/nav.jpg) repeat-x left top;
}

/* Style drop down list */

#nav li ul { border: 1px solid #267e9f;}
#nav li ul li {	border-bottom: 1px solid #267e9f; background: #FFF; }
#nav li ul li a { background-color: #61b5d5!important; background-image: none!important; border: none!important;}
#nav li ul li a:hover { background: #fff url(blue/nav.jpg) repeat-x left top!important; border: none!important;}

/* 2.4 Introduction */

#introduction  {
	border-bottom: 1px solid #c0d9e2;
}

#about  {
	background: #fb5e00 url(blue/about.jpg) repeat-x top left;
}

#about h2  {
	color: #fff;
}

#about p  {
	color: #fff;
}

#about a  {
	color: #fff;
}
#about img  {
	border: 5px solid #f57833;
}

#about .fold  {
	background: url(blue/about_fold.png) no-repeat left top;
}

#connect  {
	border: 1px solid #ededed;
}

#connect ul li a  {
	color: #1b82a8;
	background: url(blue/connect_grad.png) repeat-x top left;
}

#connect ul li a span  {
	color: #3f312e;
}


/* toegevoegd */

#gids #rubrieken  {
	background: #dadada /* url(minimal/about.jpg) repeat-x top left*/;
	margin-bottom: 20px;
}

#gids #rubrieken h2  {
	color: #000;
}

#gids #rubrieken p  {
	color: #000;
}

#gids #rubrieken .fold  {
	background: url(minimal/about_fold.png) no-repeat left top;
}

#gids #rubrieken img  {
	border: 5px solid #919191;
}

.reis .preview  {
	background: #dadada /* url(minimal/about.jpg) repeat-x top left*/;
}

.reis .preview h2  {
}

.reis .preview p  {
}

.reis .preview a  {
}

.reis .preview .fold  {
	background: url(minimal/about_fold.png) no-repeat left top;
}

.reis .preview img  {
	border: 5px solid #919191;
}

/* 2.5 Content */

h2.result_heading  {
	border-bottom: 2px solid #3f312e;
}

/* 2.6 sidebar */

#sidebar a  {
	color: #1b82a8;
}

/* 2.7 Footer */


#footer p  {
	color: #1b6784;
}

#footer ul li a  {
	color: #4f4f4f;
}

#footer ul li.current_page_item a, #footer ul li a:hover  {
	color: #3f312e;
}



/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/

.widget h3  {
	color: #fff;
	background-color: #1b82a8;
}

.widget h3 span.fold  {
	background: url('blue/widget_fold.png') no-repeat center center;
}

.widget ul li a:link, .widget ul li a:visited  {
	border-bottom: 1px solid #e0e6e6;
	color: #6c6c6c!important;
	background: url(blue/bullet.png) no-repeat 8px 13px;
}

.widget ul li a:hover  {
	color: #1b82a8!important;
	background-color: #f0f0f0;
	background-image: url(blue/bullet_hover.png);
}

.widget_recent_comments li  {
	border-bottom: 1px solid #e0e6e6;
	background: url(blue/bullet.png) no-repeat 8px 13px;
}

.widget_recent_comments li a  {
	background: none!important;
	border: none!important;
}

#searchform #s  {
	border: 1px solid #898989;
}

#searchform .submit  {
	color: #fff;
	border: 1px solid #fb5e00;
	background-color: #fb5e00;
}

#twitter a  {
	background-image: none;
}

/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/

.post  {
	border-bottom: 1px solid #dcd6d5;
}

.post .meta  {
	color: #8a7975;
}

.post .meta .comments  {
	background: url(blue/ico-comments.png) no-repeat right 1px;
}

.categories a  {
	color: #fff;
	background-color: #fb5e00;
}

.categories a:hover  {
	text-decoration: none;
}

/* 4.1 Typographic Elements */

.entry blockquote  {
	color: #666;
}

/* 4.2 Images */

.entry img  {
	border: 3px solid #dbdbdb;
}

img.wp-smiley  {
	border: none;
}

/* 4.3 Page Navi */

.Nav strong.on  {
	color: #fff;
	background-color: #1b82a8;
}

.Nav a:link, .Nav a:visited  {
	color: #1b82a8;
}

/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/

/* 5.1 Comments */

#comments ol.commentlist  {
	border-top: 1px solid #dcd6d5;	
}

#comments ol.commentlist li {
	border-bottom: 1px solid #dcd6d5;
}

#comments ol.commentlist li .comment-head .avatar img  {
	border: 3px solid #dcd6d5;
}

#comments ol.commentlist li .comment-head .user-meta span.date  {
	color: #565656;
}

#comments ul.children {
	background: url(blue/comment_reply.png) no-repeat left 11px;
}

#comments ul.children li {
	border-bottom: 0;
}

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	color: #fff;
	background: #9F9F9F;
}

#comments .navigation a:hover {background: #888;}

#comments .commentlist #respond #form_wrap {
	border:0;
}

/* 5.2 Comments Form */

#commentform input.txt  {
	border: 1px solid #898989;
}

#commentform textarea  {
	background-color: #f4f4f4;
	border: 1px solid #898989;
}

#commentform #submit  {
	color: #fff;
	border: 1px solid #fb5e00;
	background-color: #fb5e00;
}

/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/

div.inventory-right
{
	height: 29px;
	margin-right: 7px;
}
div.inventory-left
{
	height: 29px;
}
div.inventory
{
	height: 29px;
	background: url('/generiek/css/blue/main.png') top left repeat;
	margin: 0 0px 0 500px;
}
div.inventory ul
{
	margin: 0;
	padding: 0 5px 0 0;
	list-style-type: none;
	line-height: 29px;
	float: right;
}
div.inventory ul li
{
	float: left;
	margin: 0 5px;
	padding: 0;
}
div.inventory ul li a
{
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	color: #000000;
}
div.inventory ul li a:hover
{
	text-decoration: underline;
}
div.inventory ul li.home a
{
	color: #E7F289;
}
div.inventory ul li.login a
{
	color: #FBC8A8;
}
.boeken  {
	color: #fff;
	border: 1px solid #fb5e00;
	background-color: #fb5e00;
	display: block;
	padding: 10px;
	text-align: center;
}

.boeken a {
	color: #fff;
	padding: 10px;
	border: 1px solid #fff;
	font-weight: bold;
	display: block;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 550px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 270px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.dagtoppers{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 590px; /*Width of Carousel Viewer itself*/
height: 220px; /*Height should enough to fit largest content's height*/
font-size: 11px;
}

.dagtoppers .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.dagtoppers .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
padding: 10px;
margin: 0px; /*margin around each panel*/
width: 180px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 220px;
}

.dagtoppers li  {
	padding: 0 0 0 20px;
	background: url(blue/bullet.png) no-repeat 8px 5px;
}

.prijs {
color: #ff1d21;
font-weight: bold;
}
div.rubrieken
{
	list-style-type: none;
	padding: 0px;
	width: 100%;
}
div.rubrieken a
{
	font-weight: bold;
	text-decoration: none;
}
div.rubrieken a:hover
{
	text-decoration: underline;
}
div.rubrieken div.col
{
	float: left;
	height: 100%;
	text-align: left;
	/*width: 33%;*/
	padding-top: 15px;
	position: relative;
}
div.rubrieken div.last
{
	float: left;
	height: 100%;
	text-align: left;
	/*width: 33%;*/
	padding-top: 15px;
}
div.subrubrieken
{
	padding-left: 30px;
}
div.subrubrieken a
{
	font-size: 0.9em;
	font-weight: normal;
}
div.rubrieken div.divider
{
	clear: both;
	line-height: 1px;
}
div.rubrieken div.categ
{
	line-height: 22px;
	padding-left: 15px;
	background: url('/generiek/images/ico-dir.gif') top left no-repeat;
	margin-left: 5px;
	padding-left: 25px;
}
.reis .preview li  {
	list-style: square inside;
}