/*  
Theme Name: Wonen Franeker
Theme URI: http://www.wonenfraneker.nl/
Description: Het thema voor wonenfraneker.nl
Version: 1.0
Author: Noord Media
Author URI: http://www.noordmedia.nl/
*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	background:#eeeeee url(images/bg.jpg) repeat-x left top;
	color:#333;
	font:0.8em/140% "Trebuchet MS", Verdana, Arial, sans-serif;
}

#container,#footer,#head,#container_content,#deelnemers{width:960px; margin:0 auto}

#container {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	clear:left;
	background: #fff;
	position:relative;
}

.container-col-2 {
	float:left;
	width:640px;
	margin-bottom:15px;
}

#head {
	position:relative;
	background:#fff url(images/head.gif) no-repeat left top;
	height:146px;
	margin-bottom:20px;
}

#nav {
	position:absolute;
	left:320px;
	top:121px;
}

#home {
	position:absolute;
	left:10px;
	top:121px;
}

#splash{position:relative;}

#submenu, #sidebar, .col {
	width:300px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

.col-gallery {
	position:relative;
	width:310px;
	padding-left:10px;
	padding-right:0px;
	float:left;
}

div.entry {
	float:left;
	width:530px;
}

div.afbeelding {
	float:left;
	width:90px;
}

.aanbiedingenlijst {
	margin-bottom:20px;
}

.aanbieding-pannel {
	background: #eee;
	height:300px;
	position:relative;
}

.aanbieding-text {
	padding:10px;
}

.col-2 {
	width:620px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

.headline-pannel {
	background: #eee;
	padding:10px;
	margin-bottom:5px;
	height:80px;
	position:relative;
}

#deelnemers {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:20px;
	clear:left;
	background: #fff url(images/divider-deelnemers.gif) no-repeat center top;
}

#footer{
	padding: 10px;
	height: 50px;
	text-align:center;
	color: #666;
}

#logo {
	position:absolute;
	left:10px;
	top:12px;
}


/*LISTS*/

ul{list-style: disc outside;margin-bottom:15px;}
ol {list-style:none;}
ul li {margin-left: 30px;}

ul.headlines{font-size:.9em;list-style: none; line-height:1.8em;}

ul.headlines li {
	padding-top:1px;
	padding-bottom:0px;
	margin-left: 0px;
}

ul.headlines li a{text-decoration:none;color:#333;}
ul.headlines li a:hover{text-decoration:underline;}

ul.mainnav{
	font-size: 0.85em;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	line-height:1.8em;
}

ul.mainnav li{
	padding-bottom:0px;
	margin-left: 0px;
	float:left;	
}

ul.mainnav li a{
	color: #666;
	padding-left:10px;
	padding-top:2px;
	height:25px;
	display:block;
	margin-bottom:2px;
	outline:none;
}

ul.mainnav li.current_page_item a, ul.mainnav li.current_page_parent a{
	color: #333;
	padding-left:10px;
	padding-top:2px;
	height:25px;
	display:block;
	margin-bottom:2px;
	outline:none;
}

ul.mainnav li a:hover{
	text-decoration:none;
	color: #333;
}

ul.subpages{
	list-style: none;
	line-height:130%;
	
}

ul.subpages li{
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	border-bottom: 1px solid #ccc;
	background: url(images/blt-submenu.gif) no-repeat left 9px;
	margin-left: 0px;
	
}

ul.subpages li a {text-decoration:none;}
ul.subpages li.current_page_item a {font-weight: bold; }

ul.deelnemerlijst{
	list-style: none;
	line-height:130%;
	margin-bottom:0px;
}

ul.deelnemerlijst li {
	display:block;
	width:285px;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	background: url(images/blt-submenu.gif) no-repeat left 9px;
	margin-left: 10px;
	margin-right: 10px;
}


/*HEADERS*/

h1, h1 a, h2, h2 a {color:#e50018; text-transform: uppercase; font-weight: bold;}
h3, h3 a {color: #333; font-weight: bold; text-transform: uppercase;}

h1 {
	font-size:1.3em;
	line-height:100%;
	margin-bottom:5px;	
	margin-bottom:25px;
}

h1.companyname, h1.aanbiedingname {
	margin-bottom:25px;
}

h2 {
	font-size:0.9em;
	margin-bottom:0px;
}

h2.posttitle {
	padding-top:0px;
}

h2.listheader {
	padding-top:0em;
	margin-bottom:5px;
	border-bottom: none;
}

h2.listheader a {
	font-size:1em;
	text-decoration:none;
	border-bottom: none;
}

h2.listheader a:hover {text-decoration:underline;}

h2.submenu-header {
	padding-top:0em;
	margin-bottom:5px;
	border-bottom: none;
}

.headline-pannel h2 {width:205px;}

h3.archive {
	font-size:0.85em;
	line-height: 100%;
	margin-bottom:20px;
}

h3.deelnemers {
	font-size:0.85em;
	margin-left:10px;
	padding-bottom:5px;
}

p{margin-bottom:10px}

p#backtotop {
	position:absolute;
	right:20px;
	bottom:0px;
	text-transform: uppercase;
	font-size: .8em;
}

p#backtotop a {color:#666; text-decoration:none;}
p#backtotop a:hover {color:#333; text-decoration:underline;}

.headline-pannel p {width:205px;}

.smalltext {font-size:0.95em;}

/*LINKS*/

a {
	text-decoration:none;
	color: #333;
}

a:hover {text-decoration:underline;}
#content a {text-decoration:underline;}

a.headline-link {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:100px;
	z-index: 2;
	outline:none;
}

a.aanbieding-link {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:300px;
	z-index: 2;
	outline:none;
}

a.headline-link:hover {
	background: url(images/headline-hover.png) no-repeat left top;
}

a.aanbieding-link:hover {
	background: url(images/aanbieding-hover.png) no-repeat left top;
}

a img {border:none;}

#nav a, #logo a, #logo a:hover, .banner a, .banner a:hover, a.no-linkborder img, a.no-linkborder, a:hover.no-linkborder {
border-bottom: none;
}

#footer a{color:#666}

#commentform #submit {float:right;}
#commentform input,#commentform textarea {font:0.9em}


/*IMAGES*/

img.alignright {
	float:right;
	margin:5px 0 5px 10px;
}

img.alignleft {
	float:left;
	margin:5px 10px 5px 0;
}

img.alignnone {
	float:none;
}

.headline-pannel img{
	position:absolute;
	top:0px;
	right:0px;
	margin:0px;
	z-index: 1;
}

.pics {
	display:none; 
	position:absolute; 
	left:0px;
	top:0px;
	width:   570px;  
	height:  270px;
}

/*END IMAGES*/

p.outlineSubhead,.post p a {color:#666}

.submenu,.outlinelist {
	font-size:0.85em;
	margin-bottom:15px
}

.submenu li a,.outlinelist li a {text-decoration:none}
.more a:hover {color:#333}

.item{
	margin-bottom: 15px;
	clear: both;
}

.home-article-item {
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.article-item {
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ccc;
}

a.no-linkborder, a:hover.no-linkborder {
	border-bottom: none;
}

#commentform textarea{width:95%;}

div.commentheader {
	height:80px;
	clear:both;
}

.articlefooter {
	margin-bottom: 30px;
	color:#666;
}

.articlefooter a{color:#666;}

.articlefooter p, .articleheader p, div.edit, p.date{
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 1.8em;
	clear: both;
}

p.date {color: #666;}

div.edit{
	background: url(images/page_white_edit.png) no-repeat;
	padding-left: 20px; 
	float:right;
}
div.edit a {color: #666; text-decoration:none;}
div.edit a:hover {color: #333;}

span.date {
	display:block;
	float:left;
	width:75px;
}

/*CUSTOM FIELDS*/

div.voordeelblok {
	position:absolute;
	bottom:15px;
	right:0px;
	text-align:right;
	padding-right:10px;
}

div.voordeelblok-detail {
	text-align:right;
	padding-right:10px;
}

span.prijsnormaal {
	font-weight: bold;
	text-decoration: line-through;
}

span.prijsaanbieding, span.kortingspercentage {
	font-weight: normal;
	font-size: 1.8em;
	color: #e50018;
	padding-left:5px;
}

p.voordeeltekst {
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
	margin-bottom:5px;
}

/*END CUSTOM FIELDS*/

/*VIEW WITH PICLENSE IN NEXTGEN GALLERY*/

div.piclenselink {
	position:absolute;
	right:5px;
	top:-20px;
	text-transform: uppercase;
	font-size: .85em;	
	padding:0px;
	margin:0px;
}

/*END PICLENSE*/