/*
Theme Name: OverFlow Spa
Theme URI: http://www.overflowspa.nl
Description: Het theme voor OverFlow Spa
Version: 1.0
Author: Karin & Jordi
Author URI: http://www.winkel-nieuwtjes.nl
*/



/***********************************************************/
/* Algemeen */
/***********************************************************/
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
a.tooltip {
position:relative;
}
a:hover.tooltip {
padding:0;
z-index:10;
}
a span{
display:none;
}
a:hover span {
position:absolute;
display:block;
top:50px;
left:0px;
width:100%;
z-index:10;
background:#FFF;
border:1px solid #5c5b57;
color:#333333;
padding:2px 3px;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
}

* {
	margin:0;
	padding:0;
}

body {
	background:#eee;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	line-height:22px;
}
ul.bullets {
        list-style-type:circle;
        margin:0px 0px 0px 16px;
}
ul.bullets li {
        margin-top:10px;
}
ul {
        margin-left:36px;
}
ol {
        margin-left:36px;
}
p.normal {
        margin:3px 0px;
        color:#3f3f3f;
        font-size:14px;
}
.clear {
	clear:both;
}
.leesmeer {
	float:right;
	margin:10px 0px;
	width:64px;
	height:20px;
	background:url(images/leesmeer.jpg);
	text-align:center;
	line-height:20px;
	color:#fff;
	font-size:11px;
}

/***********************************************************/
/* Links */
/***********************************************************/
a:link, a:visited{
	color:#42647d;
	text-decoration:none;
	border:0;
}
a:hover, a:active{
	color:#42647d;
	text-decoration:underline;
	border:0;
}
#content a {
	color:#42647d;
	text-decoration:underline;
	border:0;
}
#content a:hover {
	color:#42647d;
	text-decoration:none;
	border:0;
}
a.white {
	color:#fff;
	text-decoration:none;
	border:0;
}
a:hover.white {
	color:#fff;
	text-decoration:underline;
	border:0;
}

/***********************************************************/
/* Afbeeldingen */
/***********************************************************/
img {
	border:0;
}
img.img_floatleft {
	float:left;
	margin:0px 12px 7px 0px;
}
.intro_content img {
        float:left;
	margin:0px 7px 0px 0px;
}

/***********************************************************/
/* Koppen */
/***********************************************************/
h1 {
        font-size:12px;
}
h1.intro {
	font-size:24px;
	color:#42647d;
	font-weight:bold;
	margin:0px 0px 18px;
}

h2 {
	font-size:12px;
	font-weight:bold;
}
#wrapper h2 {
	font-size:20px;
	color:#42647d;
	font-weight:bold;
	margin:0px 0px 13px;
}
#bottom_bar h3 {
	color:#42647d;
	font-size:11px;
	font-weight:bold;
	margin-bottom:7px;
}

/***********************************************************/
/* Paragrafen */
/***********************************************************/
p {
	margin:10px 0px 0px;
}
p.strong {
	font-weight:bold;
}

/***********************************************************/
/* Blokken */
/***********************************************************/
#container {
	width:942px;
	text-align:left;
	margin:0px auto;
	background:#fff;
	padding:10px 9px 0px;
}

/* menu */
#menu {
	margin-bottom:10px;
	width:940px;
}
#menu ul {
        margin:0;
	list-style:none;
}
#menu ul li {
	display:inline;
	margin:0px 25px 0px 10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
}
#talen {
        float:right;
        margin-top:-20px;
}

/* header */
#header {
       width:250px;
       height:55px;
       background:url(images/header.jpg);
       padding:27px 0px 0px 690px;
}

/* content */
#content {
	float:left;
	width:630px;
	margin:8px 10px 8px 0px;
}
.intro_top {
	width:630px;
	height:28px;
	background:url(images/intro_top.jpg);
}
.intro_content {
	padding:0px 24px;
	width:582px;
	background:url(images/intro_content.jpg) repeat-y;
}
.intro_bottom {
	width:630px;
	height:24px;
	background:url(images/intro_bottom.jpg);
}
.tussen10 {
       width:200px;
       height:10px;
}

/* nav */
#page_nav {
	margin:0px 0px 10px;
	padding:0px 10px;
	width:610px;
	height:39px;
	background:url(images/menu.jpg);
}
#page_nav ul {
        margin:0;
	height:39px;
	list-style:none;
}
#page_nav ul li {
	display:inline;
}
#page_nav ul li a {
	height:39px;
	color:#fff;
	text-decoration:none;
	padding:0px 22px;
	font-weight:bold;
	line-height:39px;
	display:block;
	float:left;
	border-right:1px solid #fff;
}
#page_nav ul li a:hover {
	height:39px;
	background:url(images/menu_hover.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
	padding:0px 22px;
	font-weight:bold;
	line-height:39px;
	display:block;
	float:left;
	border-right:1px solid #fff;
}

/* nav overflowspapro */
#page_nav_overflowspapro {
	margin:25px 0px 0px;
	padding:0px 10px;
	width:562px;
	height:39px;
	background:url(images/menu_overflowspapro.jpg);
}
#page_nav_overflowspapro ul {
        margin:0;
	height:39px;
	list-style:none;
}
#page_nav_overflowspapro ul li {
	display:inline;
}
#page_nav_overflowspapro ul li a {
	height:39px;
	color:#fff;
	text-decoration:none;
	padding:6px 8px 0px;
	font-weight:bold;
	line-height:14px;
	display:block;
	float:left;
	border-right:1px solid #fff;
}
#page_nav_overflowspapro ul li a:hover {
	height:39px;
	background:url(images/menu_hover_overflowspapro.jpg) repeat-x;
	color:#fff;
	text-decoration:none;
	padding:6px 8px 0px;
	font-weight:bold;
	line-height:14px;
	display:block;
	float:left;
	border-right:1px solid #fff;
}

#wrapper {
	margin:20px 0px 20px;
	padding:0px 10px;
	width:610px;
}
#helpdesk_left {
	float:left;
	padding:10px 35px 0px 108px;
	width:198px;
	height:94px;
	background:url(images/helpdesk_left.jpg);
}
#helpdesk_right {
	float:left;
	padding:14px 0px;
	width:289px;
	height:76px;
	background:url(images/helpdesk_right.jpg);
}	
#helpdesk_right ul {
        margin:0;
	list-style:none;
}
#helpdesk_right ul li {
	line-height:27px;
	display:block;
	margin:0px 0px 17px 0px;
	font-weight:bold;
}

/* sidebar */
#sidebar {
	float:left;
	width:302px;
	margin:8px 0px 8px;
}
ul#aanvragen {
        margin:0;
	list-style:none;
}
ul#aanvragen li {
	margin:0px 0px 10px;
	width:301px;
	height:59px;
	background:url(images/aanvragen.jpg);
	font-size:15px;
	font-weight:bold;
	line-height:59px;
	text-align:center;
}
.sidebar_top {
	width:274px;
	height:39px;
	background:url(images/sidebar_top.jpg);
	line-height:39px;
	padding:0px 14px;
	color:#fff;
}
.sidebar_content {
	width:272px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:14px 14px;
}
.sidebar_bottom {
	margin:0px 0px 10px;
	width:302px;
	height:7px;
	background:url(images/sidebar_bottom.jpg);
}
.sidebar_content ul {
	list-style-image: url(images/bullet.jpg);
	margin-left:14px;
	width:258px;
}
.sidebar_content li {
	width:258px;
	height:33px;
	line-height:33px;
	color:#807875;
	border-bottom:1px dotted #807875;
}
.sidebar_content li a {
	color:#807875;
	text-decoration:none;
}
.sidebar_content li a:hover {
	color:#807875;
	text-decoration:underline;
}

/* post */
.sidebar_content_post {
	width:286px;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	padding:14px 14px 14px 0px;
	overflow:hidden;
}
.post {
	clear:both;
	width:286px;
}
.post_left {
	float:left;
	width:49px;
	height:45px;
	background:url(images/nieuws_datum.jpg) no-repeat;
	padding:6px 0px;
	text-align:center;
        font-size:13px;
	color:#d9d9d9;
        font-weight:bold;
}
.post_right {
	float:left;
	margin-left:10px;
	width:227px;
}

/* bottom_bar */
#bottom_bar {
	width:950px;
	margin:0px 0px 0px -9px;
	padding:8px 3px 8px 7px;
	clear:both;
	background:#e3e3e3 url(images/bottom_bar_top.jpg) no-repeat left top;
}
.bottom_bar_blok {
	float:left;
	margin-right:4px;
	width:312px;
}
.bottom_bar_blok_top {
	width:312px;
	height:10px;
	background:url(images/bottom_top.jpg);
}
.bottom_bar_blok_content {
	padding:3px 15px 8px;
	width:280px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
}
.bottom_bar_blok_bottom {
	width:312px;
	height:7px;
	background:url(images/bottom_bottom.jpg);
}
.bottom_bar_blok_content ul {
        margin:0;
	list-style:none;
}
.bottom_bar_blok_content li {
	width:280px;
	height:100%;
	line-height:33px;
	color:#807875;
	border-bottom:1px dotted #807875;
}
.bottom_bar_blok_content li a {
	color:#807875;
	text-decoration:none;
}
.bottom_bar_blok_content li a:hover {
	color:#807875;
	text-decoration:underline;
}
.modelspecificaties {
        clear:both;
}

/* footer */
#footer {
	clear:both;
	margin:0px 0px 0px -9px;
	width:960px;
	height:71px;
	line-height:71px;
	text-align:center;
	background:url(images/footer.jpg);
	font-size:11px;
}
