/*  
Theme Name: Nuzeilen
Author: Wouter de Winter
*/

/********* Basic element styles *********/

/* default font styles */
body, body * {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	color: #111;
}
small {color: #aaa; font-size: 9px; text-transform: uppercase; font-weight: bold;}

/* headings */
h1 {font-size: 120%; color: #333;}
h2 {font-size: 110%; color: #333;}
h3 {font-size: 100%; color: #333;}

/* deel heading afwijkende kleur */
h3 span {color: #888;}

/* link in een heading */
h1 a, h2 a, h3 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #999;}

/* links */
a, a strong {color: #0C75B4; text-decoration: none;}
a:hover {text-decoration: underline;}

/* table styles 1 */
.table1 {border-collapse: collapse;}
.table1 caption {font-size: 80%; padding-bottom: 5px;}
.table1 th {background-color: #eeeeee;}
.table1 td, .table1, th {padding: 2px 10px; vertical-align: top; text-align: left; border: solid 1px #eeeeee}

/* horizontal rule */
hr {height: 1px; color: #bbb; background-color: #bbb; border:none; margin: 20px 0;}

/* button */
.button, .page-nav a {font-weight: normal; background-color: #666; color: #ffffff; padding: 1px 8px 3px 8px; border-style: none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.button.strong {background-color: #0C75B4;}
.button.important {background-color: #f26522;}
.button.big {font-size: 110%; padding: 4px 10px 5px 10px;}
.button.small {padding: 0px 5px 1px 5px; font-size: 12px;}
.button.down {background-image: url('images/small-arrow-down.gif'); background-position: 95% 50%; background-repeat: no-repeat; padding-right: 20px;}
.button.more {background-image: url('images/small-arrow-right.gif'); background-position: 95% 50%; background-repeat: no-repeat; padding-right: 20px;}
.button.left {background-image: url('images/small-arrow-left.gif'); background-position: 7% 50%; background-repeat: no-repeat; padding-left: 20px;}
.button.close {background-image: url('images/close-small.png'); background-position: 93% 50%; background-repeat: no-repeat; padding-right: 22px;}
.button:hover {background-color: #888; text-decoration: none;}

/* block container for buttons */
.button-container {margin: 5px 0;}
.button-container.big {margin: 25px 0;}
.button-container.right {text-align: right;}

/* geen border linked images */
a img {border: none;}

.page-nav {height: 1em; margin: 1em 0;}
.page-nav-next {float: right;}
.page-nav-prev {float: left;}

/* form defaults */
.clearFieldBlurred {color: #666;}

/* rond */
.round {-moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* modal dialog box */
.modal {z-index:9999; display: none; padding: 20px; position: fixed; background-color: white; width: 500px;}
#modal-mask {z-index:9000; display: none; position: fixed; background-color: #000; filter:alpha(opacity=80); opacity: 0.8; top: 0px; left: 0px;}
.modal-close {float: right;}
.modal-title {margin-top: 0;}
.modal input.input {width: 300px;}
.modal textarea {width: 400px;}
.modal.big {width: 840px;}

/* ajax loading icon */
.ajax-load {display: none; position: relative; left: 5px; top: 3px;} 

/* messages */
.message-info {color: #0a0;}
.message-error {color: #a00;}

/* light color */
.light {color: #bbb;}

/* needed for wordpress media */
.alignright {float: right; margin: 0 0 10px 10px;}
.alignleft {float: left; margin: 0 10px 10px 0;}
.alignright.wp-caption-text {text-align: right;}
.wp-caption-text {font-size: 80%; color: #666; margin-bottom: 0;}
.wp-caption-text img {margin-bottom: 3px;}
.wp-caption-text a {font-size: inherit; color: #666; text-decoration: underline;}
.clear {clear: both;}

/* faq */
a.faq {color: #aaa; font-size: 13px; font-weight: normal; text-decoration: underline; float: right;}
a.faq strong {font-weight: bold;}

/* info message panel */
.info-panel {background-color: #ffc; padding: 10px; margin: 1em 0;}

/* list table */
.list-table {border-collapse: collapse; qwidth: 100%;}
.list-table td {border: solid 1px #bbb; border-width: 1px 0; padding: 5px 0px;}
.list-table h2, .list h3 {margin-top: 0;}
/********* layout styles *********/
#site {
	width: 960px;
	margin: 10px auto 20px auto;
	position: relative;
}

#header {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 100%;
}

#logo {
	width: 200px;
	height: 65px;
	display: none;
}

#nav {position: absolute; top: 0px; left: 0px;}

/* dropdown menu */
#jsddm {margin: 0; padding: 0; z-index: 1;}
#jsddm li {float: left; list-style: none; margin-right: 5px; margin: 0;}
#jsddm li a {color: #555; text-decoration: none; font-weight: bold; display: block; text-decoration: none; white-space: nowrap; padding: 2px 8px 2px 8px;}

#jsddm li.current_page_item a {color: #0C75B4;}
#jsddm li.current_page_ancestor a {color: #0C75B4;}
#jsddm li.current_page_ancestor li a  {color: #555;}
#jsddm li.current_page_item li a {color: #555;}
#jsddm li.current_page_ancestor li.current_page_item a {color: #0C75B4;}
#jsddm li.current_page_item li.current_page_item a {color: #0C75B4;}
#jsddm a:hover {color: #bbb !important;}

#jsddm li ul {background-color: #fff; margin: 0; padding: 5px; position: absolute; visibility: hidden; border-style: solid; border-color: #ddd; border-width: 0px 1px 1px 1px}
#jsddm li ul li {float: none; display: inline}	
#jsddm li ul li a {width: auto; font-weight: normal;}
#jsddm li ul li a:hover {}
#jsddm li.has-childs {background-image: url('images/tiny-arrow-down.gif'); background-position: 100% 55%; background-repeat: no-repeat; margin-right: 5px; padding-right: 5px;}
#jsddm li li.has-childs {background-image: none; padding-right: 0;}

#headerimg {
	position: relative;
	top: 25px;
	height: 100px;
	background: url(images/header5.jpg) 0 0 no-repeat;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	display: block;
}

#main, #sidebar {margin-top: 160px;}

#main {
	width: 625px;
	float: left;
	padding-right: 15px;
}
/* andere breedte met wide template */
body.wide #main {width: 960px;}

#main h1 {margin-top: 0;}

#sidebar {
	width: 290px;
	float: left;
	padding: 10px;
	margin-left: 10px;
	background-color: #ddd;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#sidebar h2, #sidebar h3 {margin-top: 0;}

#header-search {position: absolute; right: 0px; top: 0px;}
#header-search .query {border: solid 1px #ccc; font-size: 12px; width: 100px;}
#header-search form {display: inline;}

/* footer */
#footer {clear: left; padding-top: 30px;}
#footercontent {background-color: #ddd; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#footer ul, #footer li {list-style-type: none; margin: 0px; padding: 0px; display: inline;}
.footer-icons {float: right;}

/* subnav */
.subnav {margin: 10px 0 20px 0; border-bottom: solid 1px #bbb; height: 20px;}
.subnav ul {margin: 0 0 0 10px; padding: 0}
.subnav li {list-style: none; padding: 0; margin: 0;}
.subnav li a {display: block; float: left; background-color: #ddd; padding: 2px 10px; margin-right: 6px; color: #666; text-decoration: none; font-size: 12px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; border: solid 1px #bbb; height: 15px;}
.subnav li a:hover, .subnav li.current_page_item a, .subnav li.current_page_ancestor a {background-color: #fff; color: #111; text-decoration: none; border-bottom-color: #fff; border-bottom-width: 3px;}

/* columns */
.leftcol {float: left; width: 300px; border-right: solid 1px #ccc; padding-right: 12px;}
.rightcol {float: left; width: 300px; margin-left: 12px;}
.col-actions {float: right}

/* breadcrumb */
.breadcrumb {color: #666; position: absolute; top: 140px; z-index: 0; left: 0px;}
.breadcrumb a {color: #aaa; }
.breadcrumb, .breadcrumb a {text-decoration: none; font-size: 9px; text-transform: uppercase; font-weight: bold;}
.breadcrumb a:hover {color: #666;}

/* basic body style */
body.simple #main, body.basic #sidebar {margin-top: 61px;}
body.simple #headerimg {height: 1px; background-image: none; background-color: #ddd; -moz-border-radius: 0px; -webkit-border-radius: 0px;} 
body.simple .breadcrumb {top: 41px;}

/* post styles */
.post-summary img {float: left; margin: 0 20px 20px 0;}

/* comments */
.commentlist {list-style-type: none; margin: 0; padding: 0;}
.comment {background-color: #ddd; padding: 10px; margin: 10px 0 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.comment-author {float: right; margin: 0 0 10px 10px;}
.comment .children {list-style-type: none; margin: 0; padding: 0;}
.comment .children .comment {background-color: #fefefe;}
.comment-meta * {color: #666;}
.comment-meta a {color: #aaa;}
.comment-date {margin-left: 20px;}
.comment-reply-link a {margin-left: 20px;}
.comment-edit-link a {margin-left: 20px;}

/********* content specific styles *********/
/* tiles */
.tile {position: relative; display: block; cursor: pointer; text-decoration: none; color: #333; display: block; width: 300px; height: 150px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.tile img {border-style: none;}
.tile h2 {margin: 0 0 5px 0; color: #333;}
.info {filter:alpha(opacity=80); opacity: 0.8; width: 280px; display: block; position: absolute; bottom: 0px; left: 0px; padding: 3px 10px; background-color: #fff;}
.extrainfo {display: none; padding: 5px 0px; text-decoration: none;}
.tile-wrapper-wide {margin-top: 2em}
.tile-wrapper-wide .tile {float: left;}
.tile-wrapper-wide .tile.odd {margin-right: 25px;}
.tile-wrapper-small {margin-top: 2em;}
.tile-wrapper-small h2 {margin-top: 0;}
.tile-arrow {background: url(images/arrow-up.gif) no-repeat; float: right; width: 19px; height: 10px; position: relative; top: 5px;}
.tiles-or {position:relative; right: 322px; top: -15px;}

/* aanbieder */
.supplier-buttons {text-align: right; margin: 10px 0;}
.supplier-promotion p {color: #4a4; font-weight: bold;}
.supplier-detail-image img {float: right; padding: 0px 0px 10px 10px;}
.supplier-mapicons {padding: 5px; background-color: #ddd; float: right; color: #bbb; font-size: 9px; text-transform: uppercase; font-weight: bold;}
.supplier-products {border-collapse: collapse; width: 100%; background-color: #eee;}
.supplier-products td {border: solid 1px #bbb; border-width: 1px 0; padding: 4px 10px;}
.suppliers-basic {border-collapse: collapse; width: 100%; background-color: #eee;}
.suppliers-basic td {border: solid 1px #bbb; border-width: 1px 0; padding: 4px 10px; vertical-align: top;}
.suppliers {border-collapse: collapse; width: 100%;}
.suppliers td {border: solid 1px #bbb; border-width: 1px 0; padding: 10px 0px;}
.suppliers h3 {margin-top: 0;}
.supplier-img img {border: none; padding-right: 10px;}

/* boek */
.book {}
.book-buttons {text-align: right; margin-top: 20px;}
.book-img {float: left;}
.book-content {margin-left: 120px;}
.book-title, .book-author {margin: 0 0 0.5em 0;}
.book-author {color: #bbb; font-size: 9px; text-transform: uppercase; font-weight: bold;}
.book-detail-image {float: right; padding: 0px 0px 10px 10px; text-align: center;}
.book-detail-image img {margin-bottom: 1em;}
.book-detail-content {margin-right: 120px;}

/* boek widget */
.book-widget-img img {float: left; margin: 0 20px 20px 0px;}
.book-widget-content {}

/* term */
.source {margin-top: 1em;} 
.source, .source-label {color: #bbb; font-size: 9px; text-transform: uppercase; font-weight: bold;}
.source .source-label {color: #666;}

/* google maps */
.map {overflow: hidden; border: solid 1px #ccc;} /* fix terms of use link out of div */
.map h3 {margin-top: 0;}
.tooltip {background-color: #fff; border: solid 3px #369; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#map-list {display: none;}
.maplabel {font-size: 10px; font-weight: bold; color: #333; background-color: #fff; padding: 0px 2px; filter:alpha(opacity=80); opacity: 0.8; -moz-border-radius: 3px; -webkit-border-radius: 3px;}.maplabel a {font-size: 10px;}

/* newsletter */
.newsletter-input {width: 140px;}

/* contact supplier form */
#contact-info, #contact-error {font-weight: bold;}

/* zeiltermen */
.term-definition {color: #3a3;}

/* photo widget */
#photo-thumbnail img, .photo-large img {border: solid 1px #ccc}
.photo-large {text-align: center;}

/* compare tables */
.compare {border-collapse: collapse; margin: 20px 0;}
.compare td, .compare th {padding: 2px 10px; border: solid 1px #ddd; border-color: #ddd #999 #ddd #999;}
.compare .labels {background-color: #ddd;}

/* rss feed */
.rss-item img {float: left; margin: 0 10px 10px 0;}
.rss-description br {display: none;}

/* photo index */
.photo-index-thumbnail img {float: left; margin: 0 20px 20px 0;}

/* latest posts */
table.latest-posts {margin-bottom: 10px;}
table.latest-posts td {vertical-align: top;}

/* profile widget */
.profile-widget img {float: left; margin: 0 10px 10px 0;}

/* photo gallery */
.photo-gallery {}
.gallery-image {float: left; margin: 0 21px 21px 0; text-align: center;}
.gallery-image.col-3 {margin-right: 0px;}