/* ------------ default page style ------------  */
html {
	display: block !important;
}

html,body {
	height: 100%;
}

body,html,div,p,h1,h2,h3,h4,h5,h6,span,table,tr,td {
	margin: 0;
	padding: 0;
}

body {
	background-color: #D7ECED;
	background-color: #fff;
	height: 100%;
	background-image:
		url('http://static.brabbels.com/images/achtergrond/achtergrond.gif');
}

/* ------------ end default page style ------------  */
/* ------------ layout ------------  */ /* hacks */
* html #center {
	display: inline;
}

* html #footer {
	position: relative;
}

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	overflow: auto;
	width: 1012px;
	padding-top: 10px;
	padding: 10px 4px 4px 0;
	clear: both;
}

#top {
	font-family: arial, helvetica, sans-serif;
	color: #008EAA;
	font-size: 1.1em;
	margin: 0 auto;
	width: 1008px;
	background-color: #fff;
	margin-bottom: 14px;
	box-shadow: 0 0 2px 2px #DDD;
	-moz-box-shadow: 0 0 2px 2px #DDD;
	-webkit-box-shadow: 0 0 2px 2px #DDD;
	background: #fff url('http://static.brabbels.com/images/logotest5.jpg')
		no-repeat 0 0;
	padding: 0px;
	height: 130px
}

#top img a {
	border: 0px soldi #FFF;
	text-decoration: none;
}

#bottom {
	clear: both;
	font-family: arial, helvetica, sans-serif;
	color: #008EAA;
	font-size: 1.1em;
	font-weight: bold;
	width: 1000px;
	padding: 4px;
	overflow: auto;
	background-color: #fff;
	box-shadow: 0 0 2px 2px #DDD;
	-moz-box-shadow: 0 0 2px 2px #DDD;
	-webkit-box-shadow: 0 0 2px 2px #DDD;
	margin: 0 auto;
	padding: 4px;
	overflow: auto;
	margin-top: 14px;
}

.colofoon {
	width: 20%;
	float: left;
	font-size: 90%;
	padding: 10px;
}

.over {
	width: 50%;
}

.colofoon .header {
	display: block;
	font-weight: bold;
	color: orange;
}

.colofoon a:link,.colofoon a:visited {
	color: #999;
}

#midwrap {
	width: 1008px;
	margin: 0 auto;
	overflow: auto;
	background-color: #fff;
	margin-top: 14px;
	box-shadow: 0 0 2px 2px #DDD;
	-moz-box-shadow: 0 0 2px 2px #DDD;
	-webkit-box-shadow: 0 0 2px 2px #DDD;
}

#rightbottom {
	float: right;
}

#top a {
	color: #008EAA;
}

body {
	line-height: 1.6em;
	color: #40463C;
	font-family: verdana, arial, helvetica, sans-serif;
	text-align: left;
	font-size: 76%;
}

#head {
	padding-bottom: 125px;
}

#head a img {
	text-decoration: none;
	border: none;
	float: left;
	width: 300px;
	margin-bottom: 10px;
}

#topnav {
	height: 29px;
	background-color: #fff;
	border-bottom: 1px solid #DDD;
	padding: 2px;
}

#topnavwelkom {
	margin-left: 2%;
	float: left;
	margin-top: 6px;
	margin-right: 2%;
}

#topnavzoeken {
	
}

#topnavzoeken input {
	border: 1px solid #DDD;
	border-radius: 0;
	padding: 2px;
	float: left;
	margin: 4px 0 0 0;
}

#topnavzoeken #sWoord {
	width: 140px;
	height: 16px;
}

#topnavzoeken input.submit {
	padding: 4px;
	position: relative;
	left: -1px;
	width: auto;
}

#toplogin {
	float: right;
}

#topnavregister {
	float: right;
	margin-right: 2%;
	margin-top: 6px;
}

#toplogin input {
	border: 1px solid #DDD;
	border-radius: 0;
	padding: 2px;
	float: left;
	margin: 4px 2px 0 0;
	height: 16px;
}

#toplogin input.inp {
	width: 120px;
}

#topnavmenu {
	margin-top: 4px;
	float: right;
	vertical-align: text-top;
}

#topnavmenu ul {
	margin: 0px;
	padding: 0px;
}

#topnavmenu ul li {
	display: inline;
	height: 30px;
	float: left;
	list-style: none;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}

#topnavmenu li a {
	text-decoration: none;
}

#topnavmenu li ul {
	margin: 0px;
	padding: 0px;
	display: none;
	background-color: #fff;
	border: 1px solid #DDD;
	position: absolute;
	top: 26px;
	left: -30px;
	z-index: 200;
}

#topnavmenu li ul li a {
	display: block;
	width: 150px;
}

#topnavmenu li ul li a:hover {
	color: red;
}

#topnavmenu li ul#settings {
	left: -90px;
}

#topnavmenu li ul#toevoegen {
	left: -102px;
}

#topnavmenu li ul#socialbtns {
	left: -112px;
}

#topnavmenu li ul#toplogin {
	left: -112px;
	width: 370px;
}

#topnavmenu li ul.last {
	left: -180px;
	color: orange;
}

#topnavmenu li:hover ul {
	display: block;
	width: 150px;
	background-color: #FFF;
	padding: 10px 0 10px 20px;
}

#topnavmenu li ul li {
	list-style: none;
	display: list-item;
}

#menu {
	width: 990px;
	position: absolute;
	z-index: 11;
	padding: 0;
	font-size: 88%;
	height: 34px;
	line-height: 1.4em;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 2px;
	position: absolute;
	z-index: 11;
	padding: 0;
	font-size: 88%;
	height: 34px;
	line-height: 1.4em;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 2px;
	top: 96px;
	left: 0;
}

#menu .right {
	float: right;
}

.nav.right li a,.nav li a {
	background-image:
		url('http://static.brabbels.com/images/opacity_white_1x1.png');
}

ul.nav,ul.nav li ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.nav li,ul.nav li ul li {
	float: left;
	position: relative;
}

ul.nav li.first a {
	border-left: 1px solid #9ED3DE;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}

ul.nav li.last a {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

ul.nav li a {
	color: #008EAA;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 1.11em;
	font-weight: bold;
	border-right: 1px solid #9ED3DE;
	border-top: 1px solid #9ED3DE;
	border-bottom: 1px solid #9ED3DE;
}

ul.nav li ul {
	display: none;
	position: absolute;
	top: 18px;
	left: -1px;
	margin-left: -1px;
	background-color: #FFF;
	opacity: 0.9;
	filter: alpha(opacity =     90);
}

ul.nav li ul li {
	background-image: none;
}

ul.nav li ul li a {
	width: 140px;
	color: #40463C;
	padding: 5px;
	font-size: 1em;
	border-left: 1px solid #9ED3DE;
	border-right: 1px solid #9ED3DE;
	border-top: 0px solid #fff;
}

ul.nav li ul li a:hover {
	background-color: #d0f1fe
}

ul.nav li ul {
	top: auto;
	left: auto;
}

ul.nav li:hover ul {
	display: block;
}

/* bread */
#bread {
	z-index: 10;
	padding: 2px;
	font-size: 74%;
	line-height: 1em;
	clear: both;
	height: 1em;
	font-weight: nomal;
}

#bread a {
	color: #A3A05B;
	color: green;
}

/* ------------ end layout ------------  */
/* ------------ boxes ------------  */ /* BOX*/
.box h2 {
	border-bottom: 1px solid #EFEFEF;
	padding: 3px 5px;;
	margin: 0 0 3px 0;
}

#center h1 {
	border-bottom: 1px solid #EFEFEF;
	padding: 3px 5px;;
	margin: 0 0 3px 0;
	color: #5D9240;
	font-size: 15px;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
}

#center h1 {
	border-bottom: 1px solid #0A6C9A;
	padding: 3px 5px;;
	margin: 0 0 3px 0;
	color: #0A6C9A;
}

.button a {
	text-align: center;
	color: #008EAA;
	display: block;
	margin: 0;
	padding: 8px 17px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.03em;
	border: 1px solid #9ED3DE;
	width: 130px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.bluebox {
	padding: 0 10px 14px 10px;
	border: 2px solid #EFEFEF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #D7ECED;
	padding: 0 10px 14px 10px;
	border: 1px solid #0A6C9A;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: auto;
}

.bluebox h2,.bluebox h2.nobg {
	color: #0A6C9A;
	padding: opx;
	margin: 0px;
	position: relative;
	top: -0px;
	left: 0px;
}

.bluebox input {
	width: 230px !important;
}

.bluebox select {
	width: 236px !important;
}

.bluebox textarea {
	width: 414px !important;
}

#center .bluebox table {
	border: none;
	margin-left: 4px;
	margin-right: 4px;
}

.card {
	border: 1px solid #DDD;
	margin: 10px;
	padding: 4px 10px 10px 11px;
	margin-bottom: 4px;
	box-shadow: 0 0 2px 2px #DDD;
	-moz-box-shadow: 0 0 2px 2px #DDD;
	-webkit-box-shadow: 0 0 2px 2px #DDD;
}

.card:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.card input {
	width: 230px
}

.card select {
	width: 236px;
}

.card textarea {
	width: 414px;
}

/*card zonder header*/
.noheader {
	padding: 10px 10px 10px 11px;
}

#center .card h3,#center .card h2 {
	padding-top: 0px;
}

.card textarea.dashed,.card input.dashed {
	border: 1px dashed green;
	background-color: white;
}

.reacties {
	padding: 0 10px 14px 10px;
	border: 1px solid #bbb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #fff
		url('http://static1.brabbels.com/images/bg_reacties.jpg') no-repeat
		top right;
}

.dbreacties {
	background: #fff
		url('http://static1.brabbels.com/images/bg_reacties.jpg') no-repeat
		bottom right;
}

.dbalbum {
	background: #fff
		url('http://static1.brabbels.com/images/i/baby_camera_s.jpg')
		no-repeat 100% 100%;
}

.dbreacties p.reactie {
	border-bottom: 2px solid #EFEFEF;
	font-size: 88%;
	line-height: 1.4em;
	margin-top: 3px;
}

.dbreacties .top {
	color: green;
}

.reacties p.reactie {
	border-bottom: 2px solid #EFEFEF;
	font-size: 88%;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.reacties .top {
	color: green;
}

.reacties p.reactie {
	border-bottom: 2px solid #EFEFEF;
	font-size: 88%;
	line-height: 1.4em;
}

.reacties h2 {
	color: #A3A05B;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

.reacties input {
	width: 230px !important;
}

.reacties select {
	width: 236px !important;
}

.reacties textarea {
	width: 314px !important;
	height: 150px !important;
}

#center .reacties table {
	border: none;
	margin-left: 4px;
	margin-right: 4px;
}

.whitebox {
	padding: 0 10px 14px 10px;
	border: 1px solid #bbb;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: auto;
}

.whitebox h2 {
	color: #A3A05B;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

#center .whitebox table {
	border: none;
	margin-left: 4px;
	margin-right: 4px;
}

.tip {
	position: absolute;
	top: 10px;
	left: 310px;
	padding: 10px;
	border: 1px solid #fff;
	background-color: #F8F8F8;
	box-shadow: 2px 2px 2px #AAAAAA;
	-moz-box-shadow: 2px 2px 2px #AAAAAA;
	-webkit-box-shadow: 2px 2px 2px #AAAAAA;
	background: rgba(248, 248, 248, 0.93);
	width: 600px;
	max-height: 600px;
	overflow-y: auto;
}

#stuurberichtdiv {
	padding: 10px;
	border: 10px solid #fff;
	background-color: #fff;
	box-shadow: 0px 0px 8px #fff;
	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	left: 50%;
	overflow: hidden;
	position: fixed;
	top: 30%;
	width: 90%;
	z-index: 999;
	width: 600px;
	height: 300px;
	margin: 0 0 0 -301px;
}

#forumpreviewdiv {
	padding: 0px;
	border: 10px solid #fff;
	background-color: #fff;
	box-shadow: 0px 0px 8px #fff;
	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	left: 50%;
	overflow: hidden;
	position: fixed;
	top: 20%;
	width: 90%;
	z-index: 999;
	width: 984px;
	height: 400px;
	padding: 4px;
	margin: 0 0 0 -505px;
}

#mailnaarvrienddiv {
	padding: 10px;
	border: 10px solid #fff;
	background-color: #EAEAEA;
	box-shadow: 0px 0px 8px #fff;
	-moz-box-shadow: 0px 0px 8px #fff;
	-webkit-box-shadow: 0px 0px 8px #fff;
	background-attachment: scroll;
	background-clip: border-box;
	background-image: none;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	left: 50%;
	overflow: hidden;
	position: fixed;
	top: 30%;
	width: 90%;
	z-index: 999;
	width: 300px;
	height: 300px;
	margin: 0 0 0 -151px;
	background: #fff url('http://static.brabbels.com/images/ouders_bg.png')
		no-repeat 80px 80px;
}

#mailnaarvrienddiv h2 {
	margin: 0 0 5px 0;
	padding: 0px;
}

#mailnaarvrienddiv input {
	width: 100%;
}

#mailnaarvrienddiv textarea {
	width: 100%;
	height: 6em;
}

#darken {
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat;
	background-size: auto auto;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 900;
	/*filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	 */
	width: 10000px;
	height: 10000px;
	background-image:
		url("http://static1.brabbels.com/images/op70zwart.png");
}

/
* einde darkenpage * /

.pinkbox {
	padding: 0 10px 14px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 0 10px 14px 10px;
	border: 1px solid #FFC1C1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: none repeat scroll 0 0 #FFF2F2;
	background: none repeat scroll 0 0 rgba(255, 0, 0, 0.05);
	overflow: auto;
}

.pinkbox input,.pinkbox textarea {
	border-color: #FFC1C1;
	color: #880000;
}

.pinkbox a:link,.pinkbox a:visited {
	color: #880000;
}

.pinkbox h2,#center .pinkbox h1 {
	color: #880000;
	padding: opx;
	margin: 0px;
	position: relative;
	top: -0px;
	left: 0px;
}

/*zwangerschap tijdslijn*/
#tijdlijn {
	width: 640px;
	float: left;
}

#tijdlijn div {
	padding: 0px; margin-top;
	float: left;
	overflow: hidden;
	width: 12px;
	margin-right: 1px;
	text-align: center;
	height: 11px;
	font-size: 60%;
	vertical-align: super;
}

.t1,.t1 a:link,.t1 a:visited,.t1 a:hover {
	background-color: #7A44A3;
	color: #7A44A3;
}

.t2,.t2 a:link,.t2 a:visited,.t2 a:hover {
	background-color: #a3dcf5;
	color: #a3dcf5;
}

.t3,.t3 a:link,.t3 a:visited,.t3 a:hover {
	background-color: #fbd291;
	color: #fbd291;
}

.j1,.j1 a:link,.j1 a:visited,.j1 a:hover {
	background-color: #c4e39f;
	color: #c4e39f;
}

.selected a:link,.selected a:visited,.selected a:hover {
	color: #fff;
}

#tijdlijn .selected {
	width: 62px;
	height: 20px;
	color: #fff;
	font-weight: bold;
}

#tijdlijn .small {
	width: 13px;
}

/* ------------ end boxes ------------  */
/* ------------ elements , classes and selectors------------  */
h1 {
	color: #40463C;
	font-size: 23px;
	margin-top: 0;
}

h2 {
	color: #99366C;
	font-size: 15px;
	margin-bottom: 0.75em;
	margin-top: 0.75em;
}

h3 {
	color: #A3A05B;
	font-size: 12px;
}

td {
	vertical-align: top;
}

a {
	color: #0A6C9A;
	text-decoration: none;
}

ul li {
	list-style: none;
}

h1,h2,h3,h4 {
	font-weight: 800;
	padding-right: 0;
}

.left {
	float: left;
}

img.left {
	margin: 0 10px 10px 0;
}

.right {
	float: right;
}

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

img.icon {
	vertical-align: top;
	position: relative;
	top: -4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #AAAAAA;
	-moz-box-shadow: 0px 0px 0px #AAAAAA;
	-webkit-box-shadow: 0px 0px 0px #AAAAAA;
}

img.facebookloginicon {
	vertical-align: top;
	position: relative;
	top: 4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #AAAAAA;
	-moz-box-shadow: 0px 0px 0px #AAAAAA;
	-webkit-box-shadow: 0px 0px 0px #AAAAAA;
}

img a,img {
	border: 0px solid #FFF;
	text-doceration: none;
}

p.justify {
	text-align: justify;
}

p.intro {
	padding: 13px 10px 20px 20px;;
	font-size: 120%;
}

p.intro:first-letter {
	font-size: 34px;
	font-style: bold;
	color: #99CCCC;
}

h1.nobg,h2.nobg {
	border: none;
	background: none;
	color: #0A6C9A;
	margin-top: 10px;
}

.noborder {
	border: 0px solid #FFF !important;
}

h2.floatfix {
	clear: left;
	padding-top: 10px
}

p.floatfix,.floatfix {
	clear: both;
}

#center img {
	text-decoration: none;
	max-width: 660px;
}

input,select,textarea {
	color: #5D9240;
	border: 1px solid #5D9240;
	background-color: #fff;
	padding: 2px;
}

input,select,textarea {
	border: 2px solid #DDD;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: white;
	background-color: #FAFAFA;
}

.error {
	border-color: red;
}

input.text {
	width: 470px;
}

textarea {
	width: 470px;
}

textarea.large {
	height: 10em;
}

.divider {
	clear: both;
	height: 1em;
}

.clearboth {
	clear: both
}

p.nolink .ilink,span.nolink .ilink {
	border-bottom: 1px dotted #A3A05B;
	color: #000;
}

a.ilink {
	color: #40463C;
	border-bottom: 1px dashed orange;
}

a:hover.ilink {
	color: orange;
	border-bottom: 1px dashed orange;
}
/* pink h2 right*/
#r h2,#r h2 a {
	color: #99366C;
	color: #A3A05B;
	border-bottom: 1px solid #99366C;
	border-bottom: 1px solid #A3A05B;
	margin: 0 0 3px;
	padding: 3px 5px;
}

#l h2 a,#r h2 a {
	border-bottom: none;
	padding: 0px;
}

/*green h2 left*/
#l h2,#l h2 a {
	font-size: 80%;
	background-image:
		url('http://static.brabbels.com/images/achtergrond/tape.png');
	background-repeat: no-repeat;
	background-position: -5px 2px;
	padding: 8px;
	margin: 0 auto;
	background-color: #fff;
	margin-bottom: 20px;
	-webkit-transform: rotate(-0.5deg);
	-moz-transform: rotate(-0.5deg);
	transform: rotate(-0.5deg);
	-ms-transform: rotate(-0.5deg);
	-webkit-backface-visibility: hidden;
	font-size: 11px;
	color: green;
	margin: 0px;
	margin-left: 10px;
}

#l a {
	color: #5D9240;
	color: #666;
	color: #7A44A3;
}

#l a:hover {
	color: #40463C;
}

#l p,#l table,#r p,#r table,#r .indent,#l .indent {
	margin: 0px;
	padding: 5px;
}

#center p,#center table {
	margin-left: 5px;
	margin-right: 5px;
}

#center h2 {
	margin: 10px 0 3px 0;
	padding: 3px 5px;
}

#center h3 {
	margin: 0px;
	padding: 8px 5px 0px 5px;
}

.green {
	color: green;
}

.small {
	font-size: 88%;
	line-height: 1.4em;
}

img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	asdborder: 0px solid #fff !important;
	box-shadow: 2px 2px 2px #AAAAAA;
	-moz-box-shadow: 2px 2px 2px #AAAAAA;
	-webkit-box-shadow: 2px 2px 2px #AAAAAA;
}

img.icon {
	top: 2px;
}

img.normal {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #AAAAAA;
	-moz-box-shadow: 0px 0px 0px #AAAAAA;
	-webkit-box-shadow: 0px 0px 0px #AAAAAA;
	vertical-align: baseline;
}

#head img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0px solid #fff !important;
	background-color: #FFF;
	box-shadow: 0px 0px 0px #AAAAAA;
	-moz-box-shadow: 0px 0px 0px #AAAAAA;
	-webkit-box-shadow: 0px 0px 0px #AAAAAA;
}

table.data {
	margin: 10px;
	padding: 10px;
	border: 1px solid #DDD;
	margin: none;
	border-collapse: collapse;
}

table.data th {
	background-color: #EEE;
	border-bottom: 1px dashed #DDD
}

table.data tr:hover {
	padding: 0 10px;
	background-color: #F6F6F6;
}

table.data td,table.data th {
	padding: 2px 20px;
	margin: none;
	border-bottom: 1px dashed #DDD;
}

table.notdlpad td,table.notdlpad th {
	padding: 2px 10px;
}

/* tabs */
ul.tab {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 10px;
}

ul.tab li {
	float: left;
	border: 1px solid #ddd;
	border-bottom-width: 0;
	margin: 0;
	margin-left: 4px;
}

ul.tab a {
	text-decoration: none;
	display: block;
	background: #efefef;
	padding: 0.24em 1em;
	width: 8em;
	text-align: center;
}

ul.tab a:hover {
	background: #fff;
}

ul.tab li.tabselected a {
	position: relative;
	top: 1px;
	background: white;
	font-weight: bold;
}

/* tab with index*/
ul.tabwithindex {
	margin: 3px 10px 0px 1px;
}

ul.tabwithindex li {
	float: right;
}

ul.tabwithindex li.tabindex {
	float: left;
	border: 0px;
}

#center ul.tabwithindex li.tabindex h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#tabcloser {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin-bottom: 20px;
}

/* products */
.pcont {
	display: block;
	float: left;
	width: 84px;
	padding: 2px;
	font-size: 0.8em;
}

.pdesc {
	padding: 0px 2px 2px 2px;
	margin: 3px 0 0 0;
	line-height: 1em;
	overflow: hidden;
	color: #B0B0B0;
	height: 2em;
}

#r .pcont {
	display: block;
	float: left;
	width: 80px;
	padding: 2px;
	font-size: 0.8em;
}

#l .thumbcontainer {
	margin-right: 20px;
	height: 82px;
}

#l .thumbcontainer.last {
	margin-right: 0px;
}

#l .caption {
	width: 80px;
	font-size: 80%;
}

.thumbcontainer {
	position: relative;
	float: left;
	margin-right: 14px;
	margin-bottom: 14px;
	height: 137px;
}

.caption {
	background-color: #FFFFFF;
	color: #99366C;
	color: #D62C8D;
	font-size: 11px;
	font-weight: bold;
	left: 0px;
	margin: 0;
	padding: 0px;
	opacity: 0.6;
	position: relative;
	width: 137px;
	left: -0px;
	bottom: 36px;
	overflow: hidden;
	height: 1.6em;
	padding: 0 0 4px 0px;
	text-align: center;
}

#calender div {
	height: 26px;
	width: 30px;
	border: 1px solid #BBB;
	float: left;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 4px;
	padding-top: 3px;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	line-height: 2em;
}

.r {
	display: none;
}

.socialbuttons {
	padding: 6px;
}

.large {
	font-size: 140%
}

.orange {
	color: #ffa500;
}

.purple {
	color: #7A44A3;
}

.lightblue {
	color: #A3DCF5;
}

.darkblue {
	color: #0A6C9A;
}

.green {
	color: #C4E39F;
	color: #b8dd8b;
}

.pink {
	color: #D62C8D;
}

.quote {
	border: 1px solid #EEBC5C;
	margin: 5px;
	background-image: url("/trans2.png");
	box-shadow: 2px 2px 2px #AAAAAA;
	-moz-box-shadow: 2px 2px 2px #AAAAAA;
	-webkit-box-shadow: 2px 2px 2px #AAAAAA;
	float: left;
	max-width: 560px;
	padding: 2px 10px;
}

.quotetext {
	padding: 5px;
}

.quoteuser {
	padding: 2px 5px;
	font-size: 0.9em;
	background-color: #FFF;
}

/* ------------ end elements ------------  */
/* ---------- pagination -----------*/
.mypagination {
	clear: right;
	margin-top: 10px;
}

.dbtops {
	
}

#center .dbtops h2 {
	font-size: 96%;
	padding: 0px;
	margin: 10px;
	color: orange;
	border-bottom: 1px dashed #DDD;
}

#center .dbtops p {
	padding-bottom: 10px;
}

#center .dbartikelen h2 {
	font-size: 96%;
	padding: 0px;
	margin: 10px;
	color: orange;
	border-bottom: 1px dashed #DDD;
}

#center .dbtops .socialleft {
	padding-bottom: 10px;
	width: 300px;
}

#center .dbtops .socialleft span {
	atext-align: center;
	font-size: 80%;
	color: orange;
	display: block;
}

#center .dbtops .forumtops span {
	text-align: center;
	font-size: 80%;
	color: orange;
	display: block;
}

#center .dbtops .krabbels textarea {
	width: 400px;
}

#center .dbtops .krabbels p {
	font-size: 80%;
}

#center .dbtops .top {
	color: #aaa;
	border-bottom: 1px dashed #ddd;
}

#center .dbtops .socialright {
	float: right;
	text-align: center;
	width: 200px;
	font-size: 80%;
	color: orange;
}

.twocolumn {
	column-count: 2;
	/* this tells the browser to render 3 columns - future proof */
	column-width: 10em;
	/* this sets the width of each column - future proof */
	column-gap: 2em;
	/* this sets the spacing/gap between each column - future proof */
	-moz-column-count: 2;
	/* this tells the browser to render 3 columns - Mozilla specific prefix */
	-moz-column-width: 10em;
	/* this sets the width of each column - Mozilla specific prefix */
	-moz-column-gap: 2em;
	/* this sets the spacing/gap between each column - Mozilla specific prefix */
	-webkit-column-count: 2;
	/* this tells the browser to render 3 columns - Webkit specific prefix */
	-webkit-column-width: 100%;
	/* this sets the width of each column - Webkit specific prefix */
	-webkit-column-gap: 2em;
	/* this sets the spacing/gap between each column - Webkit specific prefix */
	margin-left: 10px;
	font-size: 80%;
}

.twocolumnfloat .lettercontainer {
	float: left;
	width: 47%;
}

.letter {
	width: 20px;
	float: left;
	font-weight: bold;
	font-size: 120%;
	color: orange;
	color: #B8DD8B;
}

.artikel {
	margin-left: 20px;
}

.bullet {
	padding-right: 10px;
}

ul.pijl {
	margin: 0px;
	padding: 0px;
	list-style: square
		url("http://static.brabbels.com/images/icons/bullet.png");
}

ul.pijl li {
	background-image:
		url("http://static.brabbels.com/images/icons/bullet.png");
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 20px;
}

.bold {
	font-weight: bold;
	color: #b8dd8b;
}

.linkbox {
	width: 198px;
	float: left;
	color: #fff;
}

.linkbox p {
	padding: 6px 10px;
	margin-bottom: 8px;
}

.linkbox1,.linkbox1 a {
	color: orange;
}

.linkbox1 {
	margin-left: 10px;
	border-bottom: 1px dashed orange;
}

#center .linkbox1 h2 {
	margin: 0px;
	padding: 6px 10px;
	color: #FF5000;
	border-bottom: 1px dashed orange;
}

.linkbox2,.linkbox2 a {
	color: #D62C8D;
}

.linkbox2 p {
	
}

.linkbox2 {
	margin-left: 20px;
	border-bottom: 1px dashed #D62C8D;
}

#center .linkbox2 h2 {
	margin: 0px;
	padding: 6px 10px;
	color: #D62C8D;
	color: #D62BC5;
	border-bottom: 1px dashed #D62C8D;
}

.linkbox3,.linkbox3 a {
	color: #0A6C9A;
}

.linkbox3 {
	margin-left: 20px;
	border-bottom: 1px dashed #0A6C9A;
}

#center .linkbox3 h2 {
	margin: 0px;
	padding: 6px 10px;
	color: #0A6C9A;
	color: #49BDF3;
	border-bottom: 1px dashed #0A6C9A;
}

#center .linkbox h2.noborder {
	padding: 0px 10px;
	border-bottom: 0px dashed #0A6C9A;
}

.linkboxbevalling {
	height: 26.2em;
	overflow: hidden;
}

/* slideshow*/
#slideshow {
	position: relative;
	width: 626px;
	height: 200px;
	border: 0px solid #fff;
	margin: 10px;
	overflow: hidden;
	box-shadow: 0 8px 6px -6px #a8a8a8;
	-moz-box-shadow: 0 8px 6px -6px #a8a8a8;
	-webkit-box-shadow: 0 8px 6px -6px #a8a8a8;
	box-shadow: 0 8px 6px -6px #a8a8a8;
	margin-left: 26px;
}

#slideshow #images {
	width: 460px;
	overflow: hidden;
	border: 0px;
	border-right: 2px solid #fff;
}

#slideshow #images img {
	border: 0px solid #FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#slideshow #text {
	position: absolute;
	top: 144px;
	width: 420px;
	left: 10px;
	background-image:
		url('http://static.brabbels.com/images/opacity_white_1x1.png');
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 88%;
	line-height: 1.4em;
	color: #0A6C9A;
}

#slideshow #text b {
	display: block;
}

#slideshow #buttons {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	line-height: 1.3em;
}

#slideshow #buttons b {
	display: block;
	color: #D62C8D;
}

#slideshow #buttons div {
	font-size: 80%;
	margin: 0px 2px 2px 2px;
	padding: 10px;
	width: 142px;
	background-color: #efefef;
	padding: 4px 10px;
	color: #999;
	height: 31px;
	border-left: 2px solid #FFF;
}

#slideshow #buttons div.active {
	background-color: #DAE9F0;
}

/* polaroids*/
ul.polaroids {
	margin: 0 0 18px -30px;
}

ul.polaroids li {
	display: inline;
}

ul.polaroids a {
	background: #fff;
	display: inline;
	float: left;
	margin: 0 0 27px 30px;
	width: auto;
	padding: 10px 10px 15px;
	text-align: center;
	font-family: "Marker Felt", sans-serif;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-webkit-backface-visibility: hidden;
}

ul.polaroids img {
	display: block;
	margin-bottom: 12px;
}

ul.polaroids a:after {
	content: attr(title);
}

ul.polaroids li.messy a {
	margin-top: -335px;
	margin-left: 90px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
}

ul.polaroids li a:hover {
	position: relative;
	z-index: 5;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
}

ul.polaroids li:nth-child(even) a {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
}

ul.polaroids li:nth-child      (3n     ) a {
	-webkit-transform: none;
	position: relative;
	top: -5px;
	-moz-transform: none;
	-ms-transform: none;
}

ul.polaroids li:nth-child      (5n     ) a {
	-webkit-transform: rotate(5deg);
	position: relative;
	right: 5px;
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
}

ul.polaroids li:nth-child      (8n     ) a {
	position: relative;
	right: 5px;
	top: 8px;
}

ul.polaroids li:nth-child      (11n     ) a {
	position: relative;
	left: -5px;
	top: 3px;
}

.fbtn a,a.fbtn {
	background-color: #A9014B;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.fbtn a:hover,a.fbtn:hover {
	background-color: #630030;
}

a.fbtnactive {
	background-color: #630030;
}

.glassbox {
	background-repeat: no-repeat;
	background-position: 4px 6px;
	position: relative;
	padding: 10px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px
		rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px
		rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px
		rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.glassbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* pagination*/
.pagination {
	margin: 10px 4px 6px 10px;
	padding: 0;
	list-style: none;
	display: inline;
}

.pagination li {
	float: left;
	margin-right: 10px;
	height: 30px;
}

.pagination li a {
	display: block;
	text-decoration: none;
	color: #717171;
	font: bold 11px Arial, sans-serif;
	text-shadow: 0px 1px white;
	padding: 5px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
	background: #f9f9f9;
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: -o-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#f9f9f9',
		endColorstr='#e8e8e8', GradientType=0 );
}

.pagination li a.current {
	color: white;
	text-shadow: 0px 1px #3f789f;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
	background: #7cb9e5;
	background: -webkit-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
	background: -moz-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
	background: -o-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
	background: -ms-linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
	background: linear-gradient(top, #7cb9e5 0%, #57a1d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#7cb9e5',
		endColorstr='#57a1d8', GradientType=0 );
}

.pagination li a:hover {
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.55);
	background: #fff;
	background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
	background: linear-gradient(top, #fff 0%, #e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#fff',
		endColorstr='#e8e8e8', GradientType=0 );
}

.pagination li a:active,#pagin li a.current:active {
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px
		1px 0px rgba(255, 255, 255, 1) !important;
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px
		0px rgba(255, 255, 255, 1) !important;
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 0px 1px 1px 0px
		rgba(255, 255, 255, 1) !important;
}

.pagination li a.current:hover {
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.9);
	background: #99cefc;
	background: -webkit-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
	background: -moz-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
	background: -o-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
	background: -ms-linear-gradient(top, #99cefc 0%, #57a1d8 100%);
	background: linear-gradient(top, #99cefc 0%, #57a1d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#99cefc',
		endColorstr='#57a1d8', GradientType=0 );
}

.fotoentext {
	float: left;
	border-bottom: 2px dotted #DDD;
	padding: 6px 6px 6px 6px;
	margin: 10px 20px 10px 10px;
	width: 170px;
}

.fotoentext img {
	padding: 0px;
	margin: 0px;
}

.fotoentext b {
	clear: right;
	padding-top: 6px;
	display: block;
	font-size: 80%;
	color: #aaa;
	font-weight: italic;
	text-align: right;
}

.fotoentextright {
	float: right;
	border-bottom: 2px dotted #DDD;
	padding: 6px 6px 6px 6px;
	margin: 10px 10px 10px 20px;
	width: 170px;
}

.fotoentextright img {
	padding: 0px;
	margin: 0px;
}

.fotoentextright b {
	clear: right;
	padding-top: 6px;
	display: block;
	font-size: 80%;
	color: #aaa;
	font-weight: italic;
	text-align: right;
}