/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2 (Oct 21, 2005)

Screen layout: */

body{
margin:0 auto;
padding:0;
font:76% Arial;
background:#E5E5E5;
/* background:url(http://www.dating-wijzer.nl/assets/images/achtergrond1.jpg);color:#303030; */
}

#wrap{
background:#ffffff;
border-left: 2px solid #900000;
border-right: 2px solid #900000;
color:#303030;
margin:0 auto;
width:1000px;
}

#header{
background:url(http://www.dating-wijzer.nl/assets/images/header.jpg);
clear:both;
margin:0;
padding:0;
height:105px;
}

#header h1{
width:250px;
margin:5px 20px 0;
float:left;
}

#header p{
width:500px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}

#left{float:left;width:680px}
#right{float:right;width:320px}
#rightcolumn{margin: 50px 10px 20px; widht:300px}
#avmenu{
clear:left;
float:left;
width:150px;
margin:0 0 0 0;
padding:0;
font-size:0.9em;
}
.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}
#breadcrumb{
padding-left: 5px;
padding-bottom: 10px;
font:83% Arial;
line-height:1.4em;
}
#content{
float:right;
width:508px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
background:#ffffff;
margin:0px;
padding:10px;
line-height:1.4em;
text-align:left;
}
#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#content img{
padding:0px;
display:inline;
background:#cccccc;
color:#303030;
border:0px solid #000000;
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#0000ff;
}

a:hover{
text-decoration:underline;
color:#0000ff;
}

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
width:900px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

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

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

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

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}

.nl_summaryPost h3 {
width:506px;
border-bottom: 1px solid #CCCCCC;
margin:  0 0 !important;
padding: 5px 0 !important;
color: black;
}

.nl_summaryPost .nl_info {
background-color: #F8F8F8;
margin: 0px; !important;
padding: 5px !important;
font-size: 0.8em;
color: black;
}
 
.nl_link {
font-size: 76%;
text-align: right;
}
.nl_prev {
	padding: 2px 0 2px 20px ;
	background: url('../images/book_previous.png') left center no-repeat;
}
.nl_next {
	padding: 2px 20px 2px 0 ;
	background: url('../images/book_next.png') left center no-repeat;
}
.nl_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#nl_pages #nl_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#nl_pages .nl_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#nl_pages a, #nl_pages a:link, #nl_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #618100;
} 
#nl_pages a:hover {
    background-color: #fff;
    color: #000;
}
#nl_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#nl_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#nl_archivelist .nl_month {
    font-weight: bold;
}
.chronodata {
	padding: 2px 0 2px 20px ;
	background: url('../images/time.png') left center no-repeat;
	}
.commentslink {
	padding: 2px 0 2px 20px;
	background: url('../images/comment.png') left center no-repeat;
	margin-left: 5px;	}
.entry-tags {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('../images/tag_blue.png') left center no-repeat;
	}
.email-go {
	padding: 2px 0 2px 20px ;
	background: url('../images/email_go.png') left center no-repeat;
	margin-left: 5px;
	}
.permalink {
	margin-left: 5px;
}
.email-upd {
	padding: 2px 0 2px 20px ;
	background: url('../images/email_open.png') left center no-repeat;
	margin-left: 5px;
}
.rss-upd {
	padding: 2px 0 2px 20px ;
	background: url('../images/feed.png') left center no-repeat;
	margin-left: 5px;
}
#main_content{
	WIDTH:708px;
}
#roodbox{
border: 2px solid #007000;
margin: 0px 5px 20px 5px;
padding: 9px;
width:688px;
}
#blauwbox{
position: relative;
float:left;
border: 1px solid #5b1520;
padding:5px;
margin:5px;
width:332px;
height:175px;
}
#witbox{
border: 1px solid #900000;
margin: 0px 0px 0px 0px;
padding: 1px;
width:500px;
}
#blauwbox h3{
font-size:1.1em;
text-align:left;
}
.blauwbox{
	text-align: left;
}
.bb_prijs{
	color: Red;
	font-size: 20px;
	font-weight: bold;
}
.bb_link A {
	color: Blue;
	font-size: 12px;
	font-weight: bold;
}
.bodem {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
}
#breedbox {
float: left;
width: 100%;
}
#rand {
position: relative;
float:left;
border: 1px solid #cc6600;
padding: 0px;
margin: 5px;
width: 708px;
height:150px;
}
#oranjebox{
border: 3px solid #d8a2a5;
padding: 5px 80px 5px 5px;
width: 618px;
height:134px;
}
.oranjebox {
position: absolute;
top: 10px;
right: 10px;
width: 70px;
text-align: center;
}
#titelbox{
border: 0px;
margin: 6px 6px 6px 6px;
padding: 0px;
width:708px;
}
#emailbox {
float:left;
border: 1px solid #5b1520;
background-color: #FAC9CC;
margin: 10px 5px 10px 5px;
padding: 10px;
width:698px;
}
#adbox {
background:#ffd7b4;
width:708px;
height:100%;
margin:5px;
padding:5px;
border: 1px solid #5b1520
}
.tkstbox {
width:708px;
height:100%;
margin:5px;
padding:6px;
}
#introbox {
padding: 5px; float: left; width: 318px;
}
.banner {
width:708px;
margin: 10px 120px
}
div.bluebox-l {width:236px;float:left;height:200px;border:1px solid #b9b5b5;margin: 0 10px 10px 0;padding:3px;background-color: #f6f4f4}
div.bluebox-3 {width:500px;float:left;height:95px;border:1px solid #b9b5b5;margin: 0 10px 10px 0;padding:3px;background-color: #f6f4f4}
div.bluebox-4 {width:500px;float:left;height:325px;border:1px solid #b9b5b5;margin: 0 10px 10px 0;padding:3px; background-color: #f6f4f4}
div.bluebox-5 {width:500px;float:left;height:295px;border:1px solid #b9b5b5;margin: 0 10px 10px 0;padding:3px; background-color: #f6f4f4}
div.bluebox-2 {width:236px;float:left;height:200px;border:1px solid #B4090F;margin: 0 10px 10px 0;padding:3px}