/*
 * viva.css - layout cascading stylesheet for viva.nl
 *
 * All rights reserved.
 *
 * This stylesheet contains layout elements and generic colors and fonts ONLY. Please refer
 * to appropriate <skin>.css for skin related style definitions such as backgrounds, images
 * and colors.
 *
 * @version: 2.1
 * @author: K.J. Stellema <klaas@buyways.nl>
 * @date: 12/07/2007
 **/

/* generic elements */
html, body {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}
a {
	text-decoration: none;
	-moz-user-select: none;
}
a img {
    border: none;
}
a, p, select, input, textarea, h1, h2, label, li {
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
}
a:active, a:focus {
	outline: 0;
}

.nostyle {
    text-decoration: none;
	color: black;	
}

.link-underline {
    text-decoration: underline;
}

.clear {
    clear: both;
}

.fixfloat {
    overflow: hidden;
}

.floatl {
	float: left;
}

.floatr {
	float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hidden {
	display: none;
}
.invisible {
    visibility: hidden;
}

.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}


/* header */
div.header {
    background: transparent url(../images/navtop.gif) no-repeat left bottom;
    padding-bottom: 4px;
	position: relative;
	z-index: 10;
}
div.header ul.topnav {
	height: 20px;
    width: 980px;
}
div.header ul.topnav li {
	width: 163px;
}
div.header ul.topnav li a {
	font-size: 11px;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
}
div.header div.topmenu {
	position: relative;
	width: 980px;
	height: 30px;
}
div.header img {
	margin-top: 9px;
	margin-bottom: 19px;
}

/* tabs */
ul.tabs {
	height: 30px;
	display: inline;

}
ul.tabs li {
	height: 30px;
	margin-right: 1px;


}
ul.tabs li a {
	display: block; /* for ie6 */
}
ul.tabs li a img {
    margin: 0;
    padding: 0;
}

/* menu */
#the-menu {
	display: block;
	position: relative;
	width: 980px;
	height: 59px;
}

ul.tabs li ul {
	position: absolute;
	width: 170px;
	left: -999em;

	z-index: 10;
	border-top: 0px solid transparent;
	padding-bottom: 10px;
	background: transparent url(../images/menubottom.gif) no-repeat left bottom;
}
ul.tabs li ul li {
	margin: 0 !important;
	padding: 0px 0px 0px 11px;
	height: 25px;
	float: none;
	background: #fff url(../images/menuitembg.gif) repeat-x;

	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

ul.tabs li ul li a {
	display: inline;
	margin: 0 !important;
	line-height: 24px;
	text-transform: none;
	padding: 0px 0px 0px 11px;
	color: #000 !important;
	font-weight: bold;
	background: transparent url(../images/blackbullet.gif) no-repeat 0px 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul.bullet  {
	display: block;
	padding: 0px 0px 0px 11px;
	color: #000 !important;
}
ul.bullet li.clear  {
	display: block;
	margin: 0 !important;
	float:none
	line-height: 24px;
	text-transform: none;
	padding: 0px 0px 0px 11px;
	color: #000 !important;
	background: transparent url(../images/blackbullet.gif) no-repeat 0px 5px;
}

ul.tabs li:hover ul {
	left: auto;
	border: none;
}
ul.tabs li.sfhover ul {
	left: auto;
	border: none;
}


ul.site {
	margin-left: 20px;
	float: left;
}
ul.meta {
	position: absolute;
	right: 20px;
	top: 0;
}
ul.site li {
	text-transform: uppercase;
}

/* submenu */

#submenu {
	position: absolute;
	left: 0;
	top: 30px;
	height: 57px;
	line-height: 29px;
	width: 977px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 11px;
	padding-bottom: 1px;
	}
#submenu-right	{
	position: absolute;
	right: 0px;
	top: 29px;
	height: 59px;
	width: 4px;
	overflow: hidden;
	}
#submenu .inner { padding: 0 0 0 28px; }

ul.sublist li {
	margin: 0 !important;
	padding: 0px 12px 0px 12px;
	background: transparent url(../images/dots2.gif) no-repeat left center;
	}
ul.sublist li.selected { background-color: #fff; }
ul.sublist li.selected ul li a { color: #000 !important; }

ul.sublist a:link,
ul.sublist a:visited,
ul.sublist a:active {
	color: #000;
}
/* footer */
div.footer {
	position: relative;
}

div.wrapper {
	width: 980px;
	min-height: 500px;
	background: #fff url(../images/wrapperbg.gif) repeat-y;
	position: relative;
	z-index: 1;
	top: 25px;
}

div.content {
    padding: 20px 20px 20px 20px;
    width: 560px;
    float: left;
}

div.search_content {
    padding: 20px 20px 20px 20px;
    width: 940px;
	min-height:460px;
    float: left;
}

div.search_results {
	color: green;
}

div.sidebar {
    padding: 20px 20px 20px 0px;
    width: 340px;
    float: right;
}

div.footer ul li {
    color: #fff;
}
div.footer ul li a {
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

/* tabsheet */
div.tabsheet {
	width: 340px;
    padding-bottom: 5px;
    background: transparent url(../images/tabbottom.gif) no-repeat left bottom;
    margin-bottom: 20px;
}
div.tabsheet ul {
/*	height: 29px; */
    background: transparent url(../images/tabtop.gif) no-repeat left bottom;
}
div.tabsheet form {
	padding: 10px 10px 4px 10px;
	border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background: #fff;
    margin: 0; /* for ie6 */
}
div.newsletter {
	padding: 0px 1px 0px;
	border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    background: #fff;
    margin: 0;
}
div.tabsheet form input {
    font-size: 11px;
    border: 1px solid #a5acb2;
}
div.tabsheet form select {
    font-size: 11px;
    border: 1px solid #a5acb2;
}
div.tabsheet form ul {
	height: auto;
    background: none;
}
div.tabsheet form ul li {

}
div.tabsheet form ul li a,
div.panel ul li a {
    color: #f15a22;
    font-size: 11px;
}

div.tabsheet form ul li a.bullet,
div.titledtabsheet a.bullet,
div.panel ul li a.bullet,
div.titledtabsheet ul li a.bullet,
div.panel a.bullet, a#tagcloudlink {
    background: transparent url(../images/green/bullet.gif) no-repeat 0px 4px;
    padding-left: 12px !important;
    display: inline;
    line-height: 19px;
}

a#tagcloudlink {
    color: #f15a22;
    font-weight: bold;
}

div.tabsheet form ul.buttons,
div.tabsheet ul.buttons {
	margin-top: 8px;
}
div.tabsheet form ul.buttons li.left {
	float: left;
}
div.tabsheet form ul.buttons li.right {
	float: right;
}
div.tabsheet form ul.buttons li.right img {
	margin-right: 8px;
}
div.tabsheet form ul li input#search, input#loginemail {
	width: 180px;
}
div.tabsheet form ul li select#searchin, input#loginpassword {
	width: 110px;
}
div.tabsheet form ul li {
	float: none;
	display: inline;
}
div.tabsheet form ul {
	clear: both;
}
div.tabsheet form ul li ul li {
	float: left;
	margin-top: 3px;
	margin-right: 7px;
}
div.tabsheet form ul li ul li label {
	line-height: 20px;
	width: 182px;
	text-align: right;
	display: block;
	padding-top: 3px;
}
div.tabsheet form ul li ul li select {
	width: 102px;
}

#feedlink
{
  background: url("../images/green/bullet.gif") no-repeat scroll 0 4px transparent;
  color: #F15A22;
  padding-left:12px;
}

#feedlogo
{
  position:relative;
  left:70px;
}

/* search tabsheet */
input#search_exclude {
	width: 102px;
}
ul#search_slide {
	display: none;
	height: 100px;
}

#searchbutton {
	height:20px;
	position:relative;
	top:5px;
}

/* Flippingbook popup */
#flippingbook {
    background: #fff;
    width: 800px;
    position: relative;
}
#flippingbook #lbClose {
    top: 10px;
    position: absolute;
    right: 10px;
}
#flippingbook #flashcontent {
    margin-top: 10px;
}
#flippingbook .header {
    margin-left: 10px;
    margin-top: 10px;
}
a#previewcover {
	display: block;
	float: left;
	width: 98px;
	/*padding-right: 10px;*/
}
div#previewinfo {
	float: left;
	width: 204px;

}


/* under contruction */
input#search_exclude {
	width: 102px;
}
ul#search_slide {
	display: none;
	height: 100px;
}


/* Flippingbook popup */
#flippingbook {
    background: #fff;
    width: 800px;
    position: relative;
}
#flippingbook #lbClose {
    top: 10px;
    position: absolute;
    right: 10px;
}
#flippingbook #flashcontent {
    margin-top: 10px;
}
#flippingbook .header {
    margin-left: 10px;
    margin-top: 10px;
}

/* Blog posts */
div.intro {
	padding-top: 10px;
}
div.post {
    padding-top: 10px;
    padding-bottom: 10px;
}
div.border {
	background: transparent url(../images/dots.gif) repeat-x left bottom;
	/*border-bottom: 1px dotted #000;*/
}
div.post img {
    float: left;
    margin-right: 10px;
}
div.post div.postinfo {
    float: left;
    width: 400px;
}
div.post div.search {
    width: 500px;
}

div.post div.postinfo .meta,
div.post div.postinfo .meta a {
    color: #888;
}

	a#previewcover {
    float: left;
    margin-right: 10px;
}
div#previewinfo {
    float: left;
    width: 200px;
}

div.panel {
    background: #fff;
    padding: 10px 10px 0 10px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: none;
}

div.panel div.panelheader {
    background: url('../images/round_small.gif') no-repeat top right;
    height: 40px;
}
div.panel div.panelheader div {
    background: transparent url(../images/dots.gif) repeat-x left bottom;
    width: 179px;
    padding-bottom: 10px;
    padding-top: 5px;
}

form#signup label {
    width: 136px;
    text-align: left;
}
form#signup input {
    width: 158px;
}
form#signup_popup label {
    width: 116px;
    text-align: left;
}
form#signup_popup input {
    width: 158px;
}
input.shortdate {
    width: 30px !important;
    margin-right: 5px;
}
input.longdate {
    width: 60px !important;
}
input.checkbox {
    width: auto !important;
}
label.fullsize {
    width: auto !important;
}
.hidden {
    display: none;
}
.pagination {
    text-align: right;
}
.pagination a,
.pagination a:hover,
.pagination a:active,
.pagination a:visited {
    color: black;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
ul.errors,
ol.errors {
    color: red;
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    display: block;
}
ul.errors li,
ol.errors li {
    display: block !important;
    margin-bottom: 8px;
}

/* footer */
div.footer {
	height: 56px;
	position: relative;
	top: 25px;
}
div.footer ul {
	padding: 0;
	margin: 0;

}
div.footer ul li {
	padding: 0;
	margin: 0;
	height: auto;
	line-height: 12px;

}
div.footer ul li a {
	margin: 0;
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
}
ul.f1 {
	position: absolute;
	left: 84px;
	top: 8px;
}
ul.f2 {
	position: absolute;
	left: 600px;
	top: 8px;
}
ul.f3 {
	position: absolute;
	left: 10px;
	top: 22px;
}
ul.f4 {
	position: absolute;
	left: 110px;
	top: 36px;
}
ul.f5 {
	position: absolute;
	left: 50px;
	top: 50px;
}

div.metanav ul li {
	margin-top: 5px;
    margin-right: 8px;
}


div.metanav ul li img {
	vertical-align: middle;
}

div.breadcrumb {
	background: transparent url(../images/dots.gif) repeat-x left bottom;
	padding-bottom: 42px;
	width: 520px;
}

div.search_breadcrumb {
	width: 890px;
}

div.breadcrumb p {
    margin-top: 11px !important;
    margin-bottom: 11px !important;
	display: inline;
}
div.breadcrumb h3 {
	display: inline;
	margin: 0px;
    margin-top: 11px !important;
    margin-bottom: 11px !important;
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
	font-weight: normal;
}
div.leftbar {
	width: 180px;
	padding-right: 20px;
	float: left;
    padding-bottom: 200px;
}
div.leftbar h1 {
	font-size: 12px;
}
div.leftbar img {
	margin-bottom: 8px;
}
div.postcontent {
	float: left;
	width: 350px;
	}
	
	div.postinfo h1 {
	}
	
	div.post h2.heading-h2 {
		margin: 11px 0px;
	}
	div.postinfo h1 a {
		font-size: 17px;
	}

div.postcontent a:link,
div.postcontent a:visited,
div.postcontent a:active {
    color: #000;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

div.postcontent a:hover {
    color: red;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

div.content p a:link,
div.content p a:visited,
div.content p a:active {
    color: #000;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

#privacy_notice {
	margin-left:140px;
}

div.content p a:hover {
    color: red;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}
div.content .breadcrumb a,
div.content .breadcrumb2 a,
div.content .breadcrumb a:hover,
div.content .breadcrumb2 a:hover{
		text-decoration: none;
}
div.content ul a:link,
div.content ul a:visited,
div.content ul a:active {
    color: #000;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

div.content ul a:hover {
    color: red;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}


li.userpicture {
    height: 65px;
}
div.content li.userpicture a:link,
div.content li.userpicture a:visited,
div.content li.userpicture a:active {
    color: #000;
}

div.content li.userpicture a:hover {
    color: red;
    text-decoration: none;
}
div.datetime {
	padding-bottom: 16px;
	width: 520px;
}

div.postinfo p {
	margin: 0;
	padding: 0;
	margin-top: 4px;
	margin-bottom: 11px;
	line-height: 15px;
	/*font-size: 12px;
	letter-spacing: 0.7px;*/
}
div.postinfo p a {
    /*font-size: 12px;*/
    text-decoration: underline;
    color: #000;
}
div.postinfo p a:hover {
    color: #ed1b26;
}
div.postinfo p.meta {
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 11px;
	letter-spacing: normal !important;
}
div.postinfo p.meta a {
    text-decoration: none;
}
div.postinfo p.meta a:hover {
    color: #ed1b26;
}

div#categories ul li {
    width: 155px;
}
div.categories ul li {
    width: 155px;
}
#shop-iframe {
    width: 580px;
    height: 600px;
    margin-top: 30px;
}

div#vivablogsummary img.leftimg {
	float: left;
	margin-right: 10px;
}
div#vivablogsummary div {
	background: transparent url(../images/dots.gif) repeat-x left bottom;
	padding-bottom: 10px;
}
div#vivablogsummary div div {
	float: left;
	width: 160px;
	border: none !important;
	background: transparent;
}
div#vivablogsummary div div h1 {
	font-size:18px !important;
    padding: 0;
    margin: 0;
    margin-bottom: 3px;
}
div#vivablogsummary div div p {
    padding: 0;
    margin: 0;
}
div#vivablogsummary ol {
	margin-top: 10px;
	margin-bottom: 5px;
}
.orange {
	color: #f15a22 !important;
}
div#vivablogsummary ol li a {
	color: #000 !important;
	display: inline;
}

/* tabsheet */
div.titledtabsheet {
	width: 340px;
    padding-bottom: 0px;
    padding-top: 40px;
}
div#forumpanel {
	background: transparent url(../images/vivaforumtitle.gif) no-repeat left top;
}
div.titledtabsheet > ul {
	margin-left: 15px;
}

#forumpanel ul.tabrow  {
    _margin-left: 15px;
}

div.titledtabsheet > ul li {
	height: 25px;
}
div.titledtabsheet div {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 10px 10px 10px 10px;
	background: #fff;
    -margin-top: -5px;
}
div.bottompanel {
	background: transparent url(../images/tabbottom2.gif) no-repeat left top;
	width: 340px;
	height: 7px;
    margin-bottom: 15px;
}

div.toppanel {
	background: transparent url(../images/tabtop2.gif) no-repeat left bottom;
	width: 340px;
	height: 7px;
}

div.titledtabsheet div ol li {

	background: transparent url(../images/dots.gif) repeat-x left bottom;
	padding-bottom: 4px;
}

/* advertorial */
div.advertorial {
}
div.advertorial div {
	padding: 20px 20px 0px 20px;
	float: left;
	width: 328px;
}
div.advertorial div h1 {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
div.advertorial div h1 a {
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 19px;
}
div.advertorial p {
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	line-height: 15px;
	/*font-size: 12px;
	letter-spacing: 0.7px;*/
}
div.advertorial img.advimage {
	float: right;
	border: 0px;
  margin: 10px 0px;
}
div.advertorial div p.meta {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
	font-size: 11px;
}

div.limitedwidth {
	width: 522px;
	padding-bottom: 8px;
}
.tagsize1 {
    font-size: 12px;
    font-family: Arial;
}
.tagsize2 {
    font-size: 13px;
    font-family: Arial;
}
.tagsize3 {
    font-size: 14px;
    font-family: Arial;
}
.tagsize4 {
    font-size: 16px;
    font-family: Arial;
}
.tagsize5 {
    font-size: 18px;
    font-family: Arial;
}
div#mijnviva-favorieten {
	padding-top: 20px;
}
div#mijnviva-favorieten img {
	margin-bottom: 8px;
}
div.favoritepanel h2 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	color: #ee1c25;
}
div.favoritepanel h2 a {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	text-transform: uppercase;
}
/* ----------------------- */
div.favoritepanel {
	width: 265px;
    float: left;
}
div.favoritepanel h1 {
    margin: 0;
    padding: 0;
    margin-bottom: 12px;
}

div.favoritepanel ul li a {
	color: #000;
}
div#mijnviva-latest img {
	margin-bottom: 8px;
}

div#mijnviva-whoishere img {
	margin-bottom: 8px;
}
div#mijnviva-hugs img {
	margin-bottom: 8px;
}
div.mainpanel {
	margin-top: 10px;
	margin-bottom: 20px;
	background: transparent url(../images/dots.gif) repeat-x left bottom;

}

div#mijnviva-aboutme ul {
    margin-top: 10px;
    margin-bottom: 8px;
}
div#mijnviva-aboutme div.border {
    margin-top: 10px;
}
div#mijnviva-aboutme div.border img {
    margin-bottom: 8px;
}
ul li.userpicture {
    text-align: center;
    width: 80px;
    height: 90px;
    font-size: 10px;
    border: solid 1px #f4f4f4;
    overflow: hidden;
    margin-right: 8px;
    margin-bottom: 6px;
}
ul li.userpicture img {
    margin-bottom: 2px;
}

img.hoverbtn {
    cursor: pointer;
}
div.profilepanel {
	width: 560px;
	background: transparent url(../images/panelbottom.gif) no-repeat left bottom;
	padding-bottom: 5px;
	margin-top: 40px;
	position: relative;
}
div.profilepanel img#portrettoevoegen {
	margin-bottom: 7px;
}
div.profilepanel ol li ul li label {
	width: 120px;
	text-align: left;
	margin-right: 4px;
	display: block;
}
div.profilepanel ol li ul li input {
	border: 1px solid #a5acb2;
	width: 200px;
	margin-bottom: 6px;
}
div.profilepanel ol li ul li select {
	border: 1px solid #a5acb2;
	width: 200px;
	margin-bottom: 6px;
}
div.profilepanel ol li ul li textarea {
	border: 1px solid #a5acb2;
	width: 200px;
	margin-bottom: 6px;
}
div.profilepanel ol li ul li ul li label {
	width: auto;
}
div.profilepanel ol li ul li ul li input {
	float: left;
	margin-bottom: 6px;
	width: auto;
}
div.profilepanel ol li ul li ul li select {
	float: left;
	margin-bottom: 6px;
	width: auto;
}
div.profilepanel h5 {
	height: 20px;
	font-size: 12px !important;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #000;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding-left: 14px;
	background: transparent url(../images/paneltop.gif) no-repeat left top;
}
div.profilepanel p.sub {
	color: #cdcdcd;
	margin: 0;
	padding: 0;
}
div.profilepanel ol {
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	padding: 20px;
	padding-bottom: 0px;
}
div.profilecontent {
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	padding: 20px;
	padding-bottom: 20px;
}
div.profilecontent p {
	margin: 0;
	padding: 0;
}
div.profilepanel ul.panelbuttons {
	position: absolute;
	left: 520px;
	top: 2px;
}
div.profilepanel ul.panelbuttons li {
	margin-right: 2px;
}
div.profilepanel input.short {
	width: 30px;
}

div#mijnviva-hugs p {
	margin: 0;
	padding: 0;
	width: 140px;
}

div#mijnviva-hugs img {
	margin-bottom: 0px;
	margin-right: 4px;
}
span.author {
	color: #f15a22;
}
span.subject {
	color: #888;
}

div.titledtabsheet a:hover {
	color: #f15a22;
	text-decoration: underline;
}
div#new_topics a {
	color: #000;
}
div#new_topics a:hover {
	color: #f15a22;
	text-decoration: underline;
}
div#forum_messages a {
	color: #000;
}
div#forum_messages a:hover {
	color: #f15a22;
	text-decoration: underline;
}
div#forum_messages a:hover span {
	color: #f15a22 !important;
	text-decoration: underline !important;
}
div.overlay {
	position: fixed;
	z-index:1;
	top: 0px;
	left: 0px;
	background-color:#333;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	width: 100%;
	height: 100%;
	display: none;
}
div.previewbox {
	width: 800px;
	height: 504px;
	top: 50%;
	left: 50%;
	margin-top: -252px;
	margin-left: -400px;
	background: #fff;
	position: fixed;
	z-index: 2;
	border: 2px solid #000;
	display: none;
}
.transferer1
{
	border: 1px solid #f00;
}
div.userpanel {
	width: 560px;
	height: 271px;
	background: transparent url(../images/completepanel.gif) no-repeat left top;
	margin-top: 40px;
}
div.userpanel div.leftpanel {
	margin: 0;
	padding: 0;
	width: 170px;
	float: left;
}
div.userpanel div.leftpanel img {
	margin-left: 10px;
	margin-top: 19px;
	margin-bottom: 11px;
}
div.userpanel div.leftpanel ol li {
	height: 25px;
	background: transparent url(../images/menuitembg2.gif) repeat-x;
	padding-left: 9px;
}
div.userpanel div.leftpanel ol li span {
	display: inline;
	margin: 0 !important;
	line-height: 24px;
	text-transform: none;
	padding: 0px 0px 0px 11px;
	color: #bcbcbc !important;
	font-weight: bold;
	background: transparent url(../images/blackbullet.gif) no-repeat 0px 5px;
	text-transform: uppercase;
}

div.userpanel div.leftpanel ol li a {
	display: inline;
	margin: 0 !important;
	line-height: 24px;
	text-transform: none;
	padding: 0px 0px 0px 11px;
	color: #000 !important;
	font-weight: bold;
	background: transparent url(../images/blackbullet.gif) no-repeat 0px 5px;
	text-transform: uppercase;
}
div.userpanel div.leftpanel ol li a:hover {
	color: #ed1c24 !important;
	background: transparent url(../images/redbullet.gif) no-repeat 0px 5px;
}
div.userpanel div.leftpanel ol li a.active {
	color: #ed1c24 !important;

}

div.rightpanel {
	width: 388px;

	float: left;
}
div.userpanel div.rightpanel img.avatar {
	float: left;
}
div.userpanel div.rightpanel p {
	margin: 0;
	padding: 0;
}
div.userpanel div.rightpanel div.summary {
	float: left;
	width: 195px;
	margin-left: 20px;
}
div.summary {
	margin-bottom: 10px;
}
div.rightpanel a {
	color: #000;
}
div.summary ol li ul li:first {
	width: 90px;
}
p.fieldtype {
	width: 60px;
	color: #ed1c24;
}

div.summary ol li ul li {
	margin-bottom: 4px;
}
div.rightpanel ol.doen li ul li {
	margin-right: 8px;
	margin-bottom: 4px;
	width: 100px;
}
div.rightpanel ol li ul li a img {
	margin-right: 4px;
}
div.profilepanel div {
}
div#tabsheet_loginsignup_popup {
	margin-bottom: 0px !important;
}
/* single */
div.postcontent p.meta {
	margin-top: 0px;
	padding-top: 0px;
	color: #717171;
}
div.postcomments p.meta {
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #717171;
}
div.postcontent p.meta a {
	color: #717171;
}

h2.teasertekst p {
	margin-top: 0px;
	/*margin-bottom: 11px;*/
}

div .sociable { margin: 4px 0 !important; float: left; width: 160px; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.sociable_hovers_hovered {
	filter: alpha(opacity=100);
}

div.postdetail {
	margin-top: 20px;
}
div#tipderedactie div.breadcrumb p {
    margin-bottom: 0px !important;
}
div#tipderedactie label {
	width: 70px;
	display: block;
}
div#tipderedactie ol {
	width: 307px;
	margin: 0 !important;
}
div#tipderedactie input {
	width: 230px;
}
div#tipderedactie textarea {
	width: 230px;
}
div#tipderedactie textarea {
	height: 120px;

}
div#tipderedactie p {
	margin-bottom: 30px;
}
li.right {
	margin-top: 6px;
	text-align: right;
}
ol.errors li p {
    color: #f00;
    margin: 0 !important;
    padding: 0 !important;
}
ol.errors {
    margin-bottom: 20px;
}

/* fixes for lists within posts */
div.postcontent ul,
div.postcontent ol {
	display: auto !important;
	margin: auto !important;
	list-style: auto !important;
}
div.postcontent ol {
	list-style: decimal !important;
	list-style-position: inside !important;
}
div.postcontent ul {
	list-style: disc !important;
	list-style-position: inside !important;
}
div.postcontent ul li {
	float: none;
	display: list-item !important;
}

div.postcontent ul, div.postinfo ol li {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

div.postinfo ul,
div.postinfo ol {
	display: auto !important;
	margin: auto !important;
	list-style: auto !important;
}
div.postinfo ol {
	list-style: decimal !important;
	list-style-position: inside !important;
}
div.postinfo ul {
	list-style: disc !important;
	list-style-position: inside !important;
}
div.postinfo ul li {
	float: none;
	display: list-item !important;
}

div.postinfo ul, div.postinfo ol li {

	font-family: Arial, Helvetica, Sans-Serif;
	/*font-size: 12px;
	letterspacing: 0.7px;*/
}

form#photoform ol li ul li label,
form#photoeditform ol li ul li label {
    display: block;
    width: 100px;
}
div.sidebariframe {
    margin-bottom: 15px;
}

div.sidebariframe p {
    margin: 20px 0px 0px 0px;
}

div.sidebariframe p a:hover {
	text-decoration: underline;
}

div.breadcrumb p a {
	color: #000;
}
div#sidebarwerf {
    text-align: center;
    margin-bottom: 15px;
}
div.teasers_sidebar {
	width: 340px;
}
div.teasers_sidebar #rightteaser {
  margin-left: 12px;
	float: left;
	height:115px;
	overflow:hidden;
	margin-bottom: 15px;
}
div.teasers_sidebar #leftteaser {
	float: left;
	height:115px;
	overflow:hidden;
	margin-bottom: 15px;
}

/* do your thing!! */

#knockknock ul li img {
margin-right: 10px;
}

.postcontent {
    padding-bottom: 10px;
    *padding-bottom: 21px;
}

div.postdetail {
    margin-bottom: 1px;
}

div.tabsheet form ul.buttons,
div.tabsheet ul.buttons {
   height: none;
}

.dart_tag {
    position: absolute;
    top: 31px;
    left: 252px;
    width: 728px !important;
    height: 90px;
    text-align: center;
    z-index:1000;
}

.banner_sidebar_content {
	position: absolute;
	top:260px;
	left:620px;
    width: 330px;
    margin-bottom: 20px;
    _margin-bottom: 15px !important;
	text-align: center;
	min-height: 280px;
	height: auto;
	z-index: 10;
}

.banner_sidebar {
	width: 330px;
    margin-bottom: 20px;
    _margin-bottom: 15px !important;
	text-align: center;
	min-height: 280px;
	height: auto;
	z-index: 11;
}

.banner_sidebar img {
    margin: 0 !important;
    padding: 0 !important;
}

.postcomments {
    margin-top: 15px;
}

.postcomments textarea#comment {
    height: 70px;
    width: 350px;
}

.mb10 {
    margin-bottom: 20px;

}

.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:hover,
.breadcrumb a:active {
    color: #000;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

div.favoritepanel ol li a {
	color: #000;
    font-family: Arial, Helvetica, Sans-Serif;
}


div.favoritepanel ol li a:hover {
	color: red;
    font-family: Arial, Helvetica, Sans-Serif;
}

img.button {
	margin-top: 8px;
}
a#lbClose {
	position: absolute;
	right: 22px;
	top: 12px;
}
div#loginpopup h1 {
	margin-top: 0px;
	padding-top: 0px;
}
div.subscribeform ol li ul li label {
    display: block;
    width: 120px;
}
div.subscribeform ol li ul li {
    margin-bottom: 2px;
}
img.titleimg {
	margin-top: 20px;
	margin-bottom: 9px;
}
p.description {
	margin-top: 0px;
	margin-left: 8px;
}
p.index {
	margin-top: 0px;
	margin-right: 8px;
}
img.photouploadbutton {
	margin-bottom: 8px;
}
div.bottom {
	/*margin-top: 8px;
	margin-left: 8px;
	*/
	position: absolute;
	left: 8px;
	bottom: 0px;
	width: 200px;
}

li.userphoto {
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 80px;
	height: 80px;
    border: solid 1px #f4f4f4;
    overflow: hidden;
    margin-right: 16px;
}

li.photopanel {
	position: relative;
	height: 80px;
}
li.photopanel a {
	color: #000;
}
li.photopanel a img {
	vertical-align: middle;
}
a#confirmimagedelete {
	margin-right: 4px;
}
p.login {
	margin-top: 2px;

	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.faq div.profilepanel ol li a {
    color: #444;
}
div.faq div.profilepanel ol li div {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 8px;
}
div.faq div.profilepanel ol {
    border: none;
    padding: 0;
}
a.faqactive {
    color: #ec1d25 !important;
}
div.faqentry p {
	margin-bottom: 1em;
}
div.faqentry ol {
	list-style-type: decimal;
	margin-left: 20px;
}
div.faqentry ul {
	float: none;
	margin-left: 20px;
}
div.faqentry ul li {
	float: none;
	list-style-type: disc;
	display: list-item;
}
div.faqentry a {
    color: #ec1d25 !important;
}


p.paneltext {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}
div.breadcrumb2 {
    background: transparent url(../images/dots.gif) repeat-x left bottom;
    padding-bottom: 12px;
    width: 530px;
}
div.breadcrumb2 a {
    color: #000;
}
div.ledenvindenheader {
    background: transparent url(../images/dots.gif) repeat-x left bottom;
    margin-top: 22px;
    padding-bottom: 8px;
    margin-bottom: 16px;
}
div#find-members label {
    width: 68px;
    display: block;
}
div#find-members input {
    width: 168px;
    margin-bottom: 6px;
}
div#find-members select {
    width: 170px;
    margin-bottom: 6px;
}

input#ledenvind {
    width: auto !important;
}
span.success p {
    color: green;
}
span.error p {
    color: red;
}
div.noimage {
    width: 555px !important;
}
div.favitem {
    padding-top: 8px;
    padding-bottom: 8px;
    background: transparent url(../images/dots.gif) repeat-x left bottom;
}
div.favitem div {
    float: left;
    width: 12px;
    margin-right: 4px;
}
div.favitem a {
    color: #000;
}
div.favitem p {
    float: left;
    display: block;
    width: 530px;
    margin-top: 0px;
    padding-top: 0px;
}
div.favitem div img {
    margin-top: 4px;
}
div.favitem a:hover {
    color: #00f;
}
p.profilelabel {
    width: 150px;
}

div.profilepanel form {
    margin: 0;
}

div.favpanelbtn {
    position: absolute;
    bottom: 4px;
    left: 170px;
    border: 1px solid red;
}
div.favoritepanel {
    position: relative;
}

span.meta {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	letter-spacing: normal !important;
    color: #888;
    font-family: Arial, Helvetica, Sans-Serif;

}

.pb12 {
	padding-bottom: 12px;
}
.pb10 {
	padding-bottom: 10px;
}
td a {
    color: #000;
}
td.tdimg {
     padding-right: 40px; padding-top: 3px;
}
.pt12 {
	padding-top: 12px;
}
form input.border, select.border {
    font-size: 11px;
    border: 1px solid #a5acb2;
}
div.favpanel {
    border: 1px solid red;
    width: 265px;
    float: left;
}
div.favmargin {
    margin-right: 20px;
}
div.favoritepanel ul.options a {
    display: block; line-height: 15px; margin-top: 2px;
}
div.favoritepanel ul.options a img {
    margin-right: 4px; vertical-align: middle;
}
div.margintop {
    margin-top: 20px;
}
li.marginleft {
    margin-left: 20px;
}
p.pfw {
    width: 250px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;

 }
.fright {
    float: right !important;
}
div#funstuff {
    position: absolute;
    left: 10px;
    bottom: 20px;
}
div#funstuff p {
    margin: 0;
    padding: 0;
    color: #717171;
}
div#funstuff a {
    color: #000;
}
div.postdetail {
    position: relative;
}
div.titledtabsheet {
	position: relative;
}

a.titledtabsheetlink {
	display: inline !important;
	border: none !important;
	color: #fff !important;
	font-size: 12px !important;
	position: absolute !important;
	left: 224px;
	top: 16px;
}
a.titledtabsheetlink:hover {
    color: #fff;
    text-decoration: none;
}
a.orangebullet {
    background: transparent url(../images/orangebullet.gif) no-repeat 0px 5px;
    padding-left: 8px;
}
.loginform ol li label {
    width: 100px;
    display: block;
}
div.poll {
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 4px;
    padding-bottom: 12px;
    position: relative;
}
div.poll h1 {
    margin: 0;
    padding: 0;
    margin-left: 95px;
}
img.pollimg {
    position: absolute;
    left: 0px;
    top: 8px;
}
div.poll ol {
    margin-left: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
}
div.poll ol li {
    margin-bottom: 3px;
}
div.poll ol li p {
    margin-top: 6px;
    margin-bottom: 2px;
}

div.poll ul {
    margin-left: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
}
div.poll ul li {
    margin-bottom: 3px;
    float: none;
}
div.dem-results {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.dem-total-votes {
	font-size: 12px;
}

div.pollbar {
    width: 2px;
}
div.pollcontainer {
    width: 300px;
    height: 11px;
    padding: 4px;
    background: #eee;
}


img.imgbutton {
    float: none !important;
    margin-left: 20px !important;
    margin-bottom: 0px;
}
input.noborder {
    border: none !important;
    width: auto !important;
}

/** Iframe banner css **/
#iframe_header,
#iframe_teaser,
#iframe_banner {
	background-color: transparent;
}
div.leftbar h1,
div.leftbar h1 img {
	margin: 0 !important;
}
.image-meta {
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
	width: 135px;
	text-align: center;
	height: 15px;
	top: -5px;
	_top: -8px;
	position: relative;
	margin-bottom: 15px;
}
.align-top
{
	vertical-align: top;
}

/* bfb block */

.bfb_center h1, .bfb_center h2 { margin-top: 0; }
.bfb_center p img { margin: 0 6px; }
.bfb_center {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 0 6px;
	}
.bfb_top { 
	height: 10px;
	overflow: hidden;
	background: url(../images/bfb_top.png) no-repeat top left;
	}
.bfb_bottom { 
	height: 10px;
	overflow: hidden;
	background: url(../images/bfb_bottom.png) no-repeat top left;
	}

/**
 * Click and win widget
 */
#clickandwin .item {
	margin-bottom: 15px;
}
#clickandwin .article {
	padding-left: 15px;
	float: left;
	width: 220px;
}
#clickandwin .article p.title {
	font-size: 12px;
	margin-bottom: 2px;
	margin-top: 0px;
}
#clickandwin .article p {
	margin-top: 0px;
	margin-bottom: 2px;
}
#clickandwin .article a {
	font-weight: bold;
}
#clickandwin img.article-image {
	border: 1px solid #cccccc;
	width: 60px;
}

/**
 * Forummededelingen widget
 */

div#forummededelingen {
	background: transparent url(../images/forummededelingen.gif) no-repeat left top;
}
img.intro-image {
	float: left;
	margin-right: 15px;
}

/**
 * Vertical carousel
 */
.carousel-viewport {
	height: 249px;
	overflow: hidden;
}

/**
 * RSS Feed widget
 */

.rss-widget .rss-item {
	width: 286px;
	margin-bottom: 10px;
}

.rss-widget * {
	font-family: Verdana, helvetica, arial !important;
	font-size: 12px !important;
	color: #000;
}

.rss-widget .item-img {
	float: left;
	margin-right: 10px;
}

.rss-widget a.item-title {
	font-weight: bold;
	color: #000;
}

.rss-widget .item-content {
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif !important;
    font-size: 11px !important;
}
.rss-widget .item-content a {
	font-family: Arial, Helvetica, Sans-Serif !important;
    font-size: 11px !important;
	color: black;
}

.rss-widget .footer {
	height: 25px;
	margin-right: 24px;
	background: transparent url('../images/dots.gif') repeat-x scroll center top;
}

/**
 * Viva Tipt widget
 */
div#vivatipt ul li {
	float: none;
	margin: 0 0 6px 0;
	height: 20px;
	background: transparent none no-repeat scroll 0 center;
}
div#vivatipt ul li a {
	display: block;
	padding: 3px 0 3px 28px;
}
div#vivatipt .tip_footer {
	line-height: 0;
	font-size: 1px;
	height: 4px;
	width: 100%;
	background: transparent url(../images/dots.gif) repeat-x scroll center top;
}

div#sidebarziechannel {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* 
    Rsswidget
*/

.rsswidget .rss-item {
	width: 286px;
	margin-bottom: 10px;
}

.rsswidget * {
	font-family: Verdana, helvetica, arial !important;
	font-size: 12px !important;
	color: #000;
}

.rsswidget .item-img {
	float: left;
	margin-right: 10px;
}

.rss-widget a.item-title {
	font-weight: bold;
	color: #000;
}

.rsswidget .item-content {
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif !important;
    font-size: 11px !important;
}
.rsswidget .item-content a {
	font-family: Arial, Helvetica, Sans-Serif !important;
    font-size: 11px !important;
	color: black;
}

.rsswidget .footer {
	height: 25px;
	margin: 0px 24px;
	background: transparent url('../images/dots.gif') repeat-x scroll center top;
}

/* 
    Actiewidget
*/

div.actiewidget {
    height: 325px;
    background: url('../images/duidelijkheidviva.gif') no-repeat;
}

.actiewidget .rss-item {
	margin-bottom:25px;
	margin-left:10px;
	margin-top:15px;
	width:286px;
}

.actiewidget * {
	font-family: Verdana, helvetica, arial !important;
	font-size: 12px !important;
	color: #000;
}

.actiewidget .carousel-viewport {
    height: 150px;
    padding: 65px 15px;
}
.actiewidget .item-img {
	float: left;
	margin-right: 10px;
}

.actiewidget a.item-title {
	font-weight: bold;
	color: #000;
	font-size: 14px !important
}

.actiewidget .item-content {
	text-align: left;
	font-family: Arial, Helvetica, Sans-Serif !important;
	font-size: 12px !important;
}
.actiewidget .item-content a {
	font-family: Arial, Helvetica, Sans-Serif !important;
	font-size: 12px !important;
	color: black;
}

.actiewidget .footer {
    padding: 0 25px;
    text-align: right;
    top: 10px;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.aligncenter {
float: center;
}

/* Social media area beneath an article: reageer/print en social media icons */
.bottom_menu {
/*    height: 38px;*/
	padding: 8px 0px;
}

ul.singlebuttons {
	margin-left: 200px;	
}
ul.singlebuttons li {
	margin-right: 16px;
}

.socialmediaIcons {
	float: right;
}

/* Subscribe page: /aanmelden */
p.subscribe-en {
    font-size: 12px;
	margin-bottom: 2px;
}

ol.subscribe-text {
	margin-bottom: 33px;
}

ol.subscribe-text li {
	margin-bottom: 7px;
}

ol.subscribe-text li a {
    font-size: 12px;
}

.subscribe-newsletter {
	display: block; 
	width:420px;
	margin-top: 2px;
}

.subscribeform input.checkbox {
margin-right: 7px;
}

form#registerform p, form#lostpasswordform p,
form#loginform p   , form#changepasswordform p,
form#profileform {
    margin-top : 8px;
    margin-bottom : 8px;
}

form#registerform label,
/*form#lostpasswordform label,*/
form#changepasswordform label,
form#profileform label {
    width: 136px;
    text-align: left;
    padding-top : 2px;
		float: left;
		height: 20px;
}

form#registerform input,
form#changpasswordform div.input,
/*form#lostpasswordform input,*/
form#changepasswordform input,
form#profileform input {
    margin-left : 140px;
}
form#registerform input[type=text], 
form#registerform input[type=password] {
	margin-left: 0px;
}
/* activate page for activating account at /sd_idm/activate_page */
form.activateform {
    padding: 20px;
}

form#loginform label {
    padding-top : 2px;
    width : 80px;
    text-align : left;
    position : absolute;
}

form#loginform input {
    /* -left : 84px;*/ 
}

form#loginform p.forgetmenot label {
    position : static;
}

form #loginform p.forgetmenot input {
    margin-left :  0;
}

div#tabsheet_loginsignup ul.buttons, div#tabsheet_loginsignup p.login {
    background : white;
    margin-top : 0;
    border-left : 1px solid #dcdcdc;
    border-right : 1px solid #dcdcdc;
    padding-left : 10px;
}

.black {
    color: black;
}

.white {
    color: white;
}

/* Font colors for the different themes */
.theme-black {
    color: #ed1c24;
}

.theme-blue {
    color: #349835;
}

.theme-red {
    color: #ec008c;
}

.theme-green {
    color: #0099cc;
}

.theme-pink {
    color: #ed1c24;
}	

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 20, 2011 */
/*
@font-face {
        font-family: 'BellGothicBTBold';
        src: url('../fonts/bellgothicbt-b-webfont.eot');
        src: local('BellGothic BT'), local('BellGothicBTBold'), url('../fonts/bellgothicbt-b-webfont.woff') format('woff'), url('../fonts/bellgothicbt-b-webfont.ttf') format('truetype'), url('../fonts/bellgothicbt-b-webfont.svg#webfontmySPTSqj') format('svg');
        font-weight: normal;
        font-style: normal;
}
*/

/* Elements that use font-face */
.generic-h2, .generic-h2 a, h1.generic-h1, .generic-h1 a,
.theme-articleteaser, .theme-comments, .generic-h3 {
    font-family: 'BellGothicBTBold', arial;
        font-size: 17px; /* 19px */
    letter-spacing: 0px;
    font-weight: normal;
}

/* Browsers have issues with kerning: The space between the first and second character 
 * is more then the rest of the characters. Until browsers support this workaround is used:
 * http://getsatisfaction.com/typekit/topics/any_way_to_adjust_kerning_issues
 */
.generic-h2:first-letter, .generic-h2 a:first-letter, .generic-h1:first-letter, 
.generic-h1 a:first-letter, .theme-articleteaser:first-letter, 
.theme-comments:first-letter, .generic-h3 :first-letter {
    letter-spacing: -1px;
}

.generic-advertorial {
    margin: 11px 0px;
}

.theme-comments {
    margin: 10px 0px;
}

h1.blogdate {
    font-family: 'BellGothicBTBold',arial;
        font-size: 20px;
        text-transform: uppercase;
}

.poll .democracy h2.generic-h2 {
	padding-top: 20px;
}
#forum_right_spacer_image {
	width:1px; 
	height: 2700px; 
	float: left;
	right: 0px;
	border: 0px;	
}
#forum_right_bottom_banner_container {
	position: absolute; 
	right: 20px; 
	bottom: 15px; 
	height: 280px; 
	width: 340px;	
}

/*--- Ratingtool Front-end ---*/
#front_rt{
	padding: 20px 0 0 20px;
	float: left;
	width: 560px;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 13px;
}

.front_rt_breadcrumb a:link,
.front_rt_breadcrumb a:visited,
.front_rt_breadcrumb a:hover,
.front_rt_breadcrumb a:active {
    color: #000;
    text-decoration: underline;
}

.front_rt_breadcrumb{
	margin: 0 0 0 0;
}

.front_rt_breadcrumb a:hover {
    color: red;
	text-decoration: underline;
}

.logo_viva_400{
	background: url('../images/viva400_logo.gif');
	width: 150px;
	height: 143px;
	float: right;
}

.front_rt_title{
	margin: -30px 0 10px 0;
}

.front_rt_title a{
	color: black;
	text-decoration: underline
}

.front_rt_title a:hover{
	color: red;
	text-decoration: underline
}

.front_rt_title .title_head{
	font-size: 45px !important;
	color: #453689;
	font-weight: bold;
	height: 10px;
}

.front_rt_description{
	width: 460px;
	float: left;
}

.front_rt_description p{
	font-size: 13px;
}

.front_rt_buttons{
	float: left;
	width: 560px;
}

.front_rt_buttons img{
	margin-right: 10px;
}

.front_rt_gallery {
	margin : 10px 0px 0px 0px;
	clear : both;
	width: 560px;
	height: auto;
}

.foto_item{
	background-color: #E4E4E4;
	float: left;
	margin: 0 8px 20px 0;
	height: 300px;
	width: 131px;
	position: relative;
	text-align: center;
}

.foto_item img{
	display: block;
	margin: 0 15px 0 0;
	width: 131px;
	height: 196px;
}

.foto_item p{
	margin: 4px 0 0 -2px;
}

.foto_item #foto_title {
	font-size: 13px;
}

.foto_item #foto_desc{
	margin: 0 0 0 0;
}

.foto_item #foto_view{
	margin: 5px 0 0 0;
}

.foto_item #foto_view a{
	color: black;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

.front_rt_photo{
	float: left;
	width: 460px;
}

.front_rt_photo #photo{
	float: left;
}

.front_rt_photo #photo_vote{
	background-color: #E4E4E4;
	width: 450px;
	height: 35px;
	margin-bottom: 15px;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	font-style: italic;
}

#vote_button{
	width: 120px;
	height: 25px;
	font-weight: bold;
	font-size: 14px;
}

#photo_social_media{
	margin: 3px 0 4px 0;
	float: left;
}

#photo_prev_next{
	float: left;
	background-color: #E4E4E4;
	width: 450px;
	height: 40px;
}

#photo_description{
	margin: 0 0 10px 15px;
	float: left;
	width: 180px;
}

.photo_text{
	font-size: 15px;
}

.p_left_button {
	float: left;
	height: 17px;
	width: 100px;
	margin: 7px 0 5px 10px;
}

.p_left_button input{
	font-size: 14px;
	width: 105px;
}

.p_right_button {
	float: right;
	height: 17px;
	width: 100px;
	margin: 7px 18px 5px 0px;
}

.p_right_button input{
	font-size: 14px;
	width: 105px;
}

. fb_edge_widget_with_comment fb_iframe_widget{
	margin-top: -10px;
}

#login_vote .input{
	width: 180px;
	height: 25px;
}

#popupLogin {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	filter:alpha(opacity=75);
}

#windowLogin {
	width: 340px;
	height: 340px;
	margin: 0 auto;
	border: 1px solid #000000;
	background: #ffffff;
	position: absolute;
	top: 340px;
	left: 7%;
}

#popupVote {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	filter:alpha(opacity=75);
}

#windowVote {
	width: 340px;
	height: 230px;
	margin: 0 auto;
	border: 1px solid #000000;
	background: #ffffff;
	position: absolute;
	top: 340px;
	left: 7%;
}

#popup_content {
	margin: 10px 0 0 20px;
	font-size: 13px;
}

#popup_content a{
	font-size: 13px;
}

#popup_content .social_media {
	margin: 30px 0 0 0;
}

#popup_content td{
	padding: 5px;
}

#popup_content h2{
	font-size: 15px;
	font-weight: bold;
}

#popup_content .link{
	font-weight: bold;
	text-decoration: underline;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
.TB_overlayMacFFBGHack {background: url(../images/macHack.png) repeat;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayTrans {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);
	background-color:#333;
}


* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); 
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#fff;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	/*overflow:auto;*/
	text-align:left;
	line-height:1.4em;
}

body.javascript div#TB_ajaxContent {
	overflow: scroll !important;
}


#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -0.5px;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 4em;
}*/

html { background: #ef5ba1 url(../wp-content/assets/background/pink/vivabg.jpg) fixed no-repeat right top; }

/* header */
div.header {}
div.header ul.topnav { background: #f27cb4; }
div.header ul.topnav li a {
	font-size: 11px;
	color: #fff;
}
div.header ul.topnav li a:hover {
	color: #f27cb4;
	background: #fff;
}
/* submenu */

#submenu { background: #fac8e0 url(../images/dots.gif) repeat-x scroll left bottom; }
#submenu-right	{ background: transparent url(../images/pink/tabs/active/tabright.GIF) no-repeat right top; }
ul.sublist li.selected a { color: #d90000 !important; }
ul.sublist a:hover { color: #d90000; }
/* end submenu */

div.vivablog { background: transparent url(../images/pink/vivablog.gif) no-repeat 407px 18px; }
div.search_vivalogo { background: white url(../images/vivazoeken.gif) no-repeat 750px 15px; }
div.forum    { background: transparent url(../images/pink/vivaforum.gif) no-repeat 407px 18px; }
div.mijnviva { background: transparent url(../images/pink/mijnviva.gif) no-repeat 407px 18px; }
div.faq      { background: transparent url(../images/pink/faq.gif) no-repeat 299px 15px; }


div.datetime h1 {
	font-size: 16px !important;
	padding:0;
	margin:0;
	margin-top: 15px;
	color: #ed1c24;
    width: 380px;
}

div.datetime h1 span {
    color: #323232;
}

div.postinfo h1 {
    font-size: 24px;
    color: #ed1c24;
    padding: 0;
    margin: 0;
}
div.postinfo h1 a {
    font-size: 24px;
    color: #ed1c24;
    padding: 0;
    margin: 0;
}

h1 
{
    color: #ed1c24;
	font-family: Arial;
	font-size: 19px !important;
}
h1 a {
    color: #ed1c24 !important;
    font-family: Arial;
	font-size: 19px !important;
}

h1 span {
    color: #313131;
}


/* Blog Posts */
div.post div.postinfo h2 {
    color: #ed1c24;
}
.pagination a .current,
.pagination a:hover .current,
.pagination a:active .current,
.pagination a:visited .current{
    color: #ed1c24;
    font-weight: bold;
}
.pagination a.previous,
.pagination a.previous:hover,
.pagination a.previous:visited,
.pagination a.previous:active,
.pagination a.next,
.pagination a.next:hover,
.pagination a.next:visited,
.pagination a.next:active {
    color: #ed1c24;
    text-transform: uppercase;
}
div.favoritepanel h2 a {
	color: #ee1c25;

}
ul.tabs li ul li a:hover {
	color: #ed1c24 !important;
	background: transparent url(../images/redbullet.gif) no-repeat 0px 5px;
}
a.bullet {
    background: transparent url(../images/redbullet.gif) no-repeat 0px 5px;
    padding-left: 8px;
}
span.highlight a {
	color: #ee1c25 !important;
	font-weight: bold;
}
div.pollbar {
    background: transparent url(../images/pink/pollbg.gif) no-repeat top left;    
}