/* Added HHO*/
ul.user { margin:5px 0 0; }
ul.user li { margin:0 0 1em; position:relative; width:50%; float:left;}
ul.user h4 { font:14px/1em Impact,sans-serif; line-height:14px; color:#000; float:left; }
/*ul.articles span.date { font-size:0.9em; line-height:14px; font-weight:bold; float:right; }*/
ul.user h4, ul.articles span.date { line-height:16px; margin:0 0 2px; }
ul.user p { margin-top:40px;text-align:justify; }
ul.user a.image { position:absolute; right:0; top:0; width:127px; }

/* Added BGR */
#profiletablediv { width: 245px; height: 270px;background-color:#D71F27;display:block;padding:13px 10px; } 
#profiletable { color:White;background-color: #D71F27; width: 245px; }
#profiletable .head { font-weight:bold; }
#profiletable .content { vertical-align:top; }
.errorwhite { color: white;}
.profileDivBlock { background-color: #D71F27;padding:"5px 5px 5px 5px"; } 
#secondary .error { color: Black; }


 /* favorites results list has icons */
div.favorites ul.snippers li { padding-left:67px; /*ie*/position:relative; width:515px; }
div.favorites ul.snippers li.VitaeSnippr { background:url(../img/ico/searchresults-1.gif) no-repeat; }
div.favorites ul.snippers li.Snippr { background:url(../img/ico/searchresults-2.gif) no-repeat; }
div.favorites ul.snippers li.InpiratieBoekje { background:url(../img/ico/searchresults-3.gif) no-repeat; }
div.snippers-list.favorites .footer { padding-left:63px; }
.form label.checkgroup span .error { display:inline; margin-left:0px; margin-top:0px; }

#primary .tagsCloud { text-align:justify; }
#primary .tagsCloud a { font-size:10px; line-height:1em; color:black; }
#primary .tagsCloud a.size1 { font-size:1.0em; }
#primary .tagsCloud a.size2 { font-size:1.2em; }
#primary .tagsCloud a.size3 { font-size:1.2em; font-weight:bold; }
#primary .tagsCloud a.size4 { font-size:1.4em; }
#primary .tagsCloud a.size5 { font-size:1.4em; font-weight:bold; }
#primary .tagsCloud a.size6 { font-size:1.7em; font-weight:bold; }

#invoer-main td { font-size:1.0em; } 

.form .row .selectgender label { display:inline;font-size: 1.0em; }

.col3 a { color:Black;}
/* End Added By BGR */


/* Vitae - dropzone */

body {
	margin:0; padding: 0;
	background:#fff;
	font-size:62.5%; /* allow text to resize in IE */
	font-family:Verdana,Arial,sans-serif;
	line-height:1.2em;
	color:#000;
}

/* reset */
p, ul, ol, dl, form, pre, blockquote, address, table, dt, dd, li { margin:0; padding:0; }
h1, h2, h3, h4, h5 { margin:0 0 1em; padding:0; line-height:1em; }
ul, ol, li { list-style:none; }
img { display:block; }
p img { display:inline; }

/* base styles */

div.clear { clear:both; }

a 		{ text-decoration:none; color:#d71f27; }
a:hover { text-decoration:underline; }
a img 	{ border: 0; vertical-align:middle; }
#header ul.nav li a:hover, #footer p.links a:hover, p.pager a:hover { text-decoration:none; }
#secondary a { color:#fff; }

caption, td, th { font-size:1.1em; line-height:1.2em; font-family:Arial,sans-serif; }


/*---------------------------*/
/* Forms */
/*---------------------------*/

/* forms base rules */
form, label, fieldset { margin: 0; padding: 0; }
input, select, textarea { font:11px Arial, sans-serif; color:#000; line-height:1.2em; }
textarea { overflow:auto; }
input.text, textarea.text {
	background:url(../img/layout/textfield-bg.gif) no-repeat;
	border-color:#e5e5e5; border-style:solid; border-width:0 1px 1px 0; padding:2px 4px 1px 5px;
}
* html input.text, * html textarea.text { background-attachment:fixed; }
.comment-form textarea, #invoer .text { padding-top:1px; padding-left:4px; border-color:#7f9db9; border-width:1px; background-image:none; }
.content input.text, .content textarea.text { padding-top:3px; padding-bottom:2px; }

 /* content forms base rules */
.form { font-family:Arial; }
.form label { display:block; line-height:1.2em; margin-bottom:2px; }
.form input.text, .form textarea.text, .form select { margin-bottom:1em; }

.form label.checkgroup input { width:13px; height:13px; margin:0; float:left; }
.form label.checkgroup span.label { display:block; margin-left:20px; margin-top:-1px; }
#ie .form label.checkgroup input { margin-top:-4px; }

 /* floating form elements onto one row */
.form input.float, .form label.float { float:left; }
.form .padright { margin-right:10px; }

.form .row { width:100%; clear:both; margin:0 0 1px; }

.form .footer { clear:both; text-align:right; margin-top:1em; }


/* sidebar */
#secondary .form { margin:0 0 2em; font-family:Arial,sans-serif; }
#secondary .form p { line-height:16px; }
#secondary .form a { text-decoration:underline; }
#secondary .form label { color:#fff; font-size:1.1em; line-height:1.34em; }
#secondary .form input.text, #secondary .form textarea.text { background-color:#fff; border-color:#7f9db9; }
#secondary .form input.text, #secondary .form textarea.text { display:block; width:198px; }
#secondary .form select { width:208px; }


/*---------------------------*/
/* Content styles */
/*---------------------------*/

#secondary { color:#fff; }

/* type */
.content p, .content label, .form p { font-size:1.1em; line-height:1.45em; }
.content p.intro { font-weight:bold; line-height:1.2em; }
.article .content p { text-align:justify; }
#secondary .content { font-family:Arial; }

/* margins */
.content p, .form p { margin:0 0 1.2em; }
.block   { margin:0 0 1em; }
.section { margin:0 0 2em; }
.split, .content .split { margin-top:1.5em; }


/*---------------------------*/
/* Site-wide elements */
/*---------------------------*/

/* icons */
/*.icon-plus { padding-left:13px; background:url(..../img/ico/plus-sign.gif) no-repeat 0 50%; }*/

#primary .titlebox { background:#d71f27 url(../img/layout/dented-red.gif) no-repeat right top; border-bottom:1px solid #e1575d; 
 	margin:0 0 8px; padding:0px 10px 0px 15px; width:557px; }/*20070905*/

/* headings */
#primary h2 { font:32px/1em Impact,sans-serif; }/*20070905*/
#primary .titlebox h2 { color:#fff; margin:0; padding:0; }/*20070905*/

#primary h3 { font-size:12px; line-height:1em; font-weight:bold; padding:3px 0 4px 17px; color:#fff; background:#d71f27; border-top:1px solid #a94145; border-bottom:1px solid #eb8f93; }
#primary h3.alt { font:16px/1.2em Impact,sans-serif; color:#000; margin:0 0 1em; padding:0; background:none; border:none; }
#primary h3.altcenter { font:16px/1.2em Impact,sans-serif; color:#000; margin:0 0 1em; padding:0; background:none; border:none; text-align:center; }
#secondary h2 { font:24px/1.1em Impact,sans-serif; color:#fff; margin:0 0 10px; padding:0 0 3px; }

/* */
#breadcrumb { width:100%; } /*ie POS*/
#breadcrumb p { font-size:0.9em; margin:12px 0 4px; line-height:1.2em; }
#breadcrumb a { color:#d71f27; }

/* pager */
p.pager { font:bold 1.2em/12px Arial,sans-serif; }
p.pager a, p.pager span.active { padding:0 2px; }
p.pager a img { padding:0 3px; vertical-align:-2px; }
p.pager a { color:#d71f27; }


/* */
dl.channels { margin:0 0 1em; }
dl.channels dt a { font-size:1.3em; font-weight:bold; color:#fff; }
dl.channels dt { margin:0 0 4px; }
dl.channels dd { padding-left:15px; margin:0 0 2px; }
dl.channels dd a { font-size:1.1em; color:#fff; }

/* */
.tagsCloud { text-align:justify; }
.tagsCloud a { font-size:10px; line-height:1em; color:#fff; }
.tagsCloud a.size1 { font-size:1.0em; }
.tagsCloud a.size2 { font-size:1.2em; }
.tagsCloud a.size3 { font-size:1.2em; font-weight:bold; }
.tagsCloud a.size4 { font-size:1.4em; }
.tagsCloud a.size5 { font-size:1.4em; font-weight:bold; }
.tagsCloud a.size6 { font-size:1.7em; font-weight:bold; }
.tagsCloud a.size7 { font-size:1.8em; font-weight:bold; }
#secondary p.tagsCloud { margin:0 -10px; }

/* */
a.more { font-size:10px; line-height:1em; }
a.more, a.logout { font-weight:bold; font-family:Verdana; padding-right:9px; background:url(../img/ico/more-arrow.gif) no-repeat right 2px; }


/* */
.comments { padding:0 16px 0; border:1px solid #bfbfbf; border-top:0; margin:0 0 1em; }
.comments h3 { margin:0 -16px 11px; }
.comments ul {}
.comments ul li { padding:10px 0 0;  border-top:1px solid #bfbfbf; width:100%; }
/*.comments ul li.first { padding-top:0; border-top:0; }*/
.comments ul li .meta { text-align:right; line-height:14px; margin:0 0 6px; font-size:1em; }
.comments ul li .meta .author { font-size:1.2em; font-weight:bold; float:left; }
.comments ul li .meta .date   { font-size:0.9em; font-weight:bold; }
.comments ul li p { clear:both; margin:0 0 11px; }
.comments ul li .comment-edit-links { margin:0 0 8px; text-align:right;  }
.comments ul li .comment-edit-links a { margin:0 0 0 1em; }


/* link-style hover for image buttons */
a img.linkh { border-bottom:1px solid #fff; }
a:hover img.linkh { border-bottom:1px solid #d71f27; }
#secondary a img.linkh { border-bottom:1px solid #d71f27; }
#secondary a:hover img.linkh { border-bottom:1px solid #fff; }

/* */
.snippers-flash { width:718px; margin:12px 0 16px; }
.snipprs-flash-top { margin:0 0 1em; }
.snipprs-flash-top a { float:left; margin-right:1.4em; }
.snipprs-flash-top img.secondary { float:right; }

/* */
.snipprs-links-top { margin:0 0 1em; }
.snipprs-links-top p { display:inline; }/*ie*/
.snipprs-links-top a { float:left; }
.snipprs-links-top a.padleft { margin-left:7px;  }
.snipprs-links-top a img { display:block; }


/* */
table.boring { width:100%; margin:0 0 1em; }
table.boring th { font-weight:bold; text-align:left; }
table.boring th, table.boring td { padding:2px 5px 3px; }
table.boring td { background:#f7f5f5; border-color:#fff; border-width:0 2px 1px 1px; border-style:solid; vertical-align:top; }
table.boring td.tight { width:1%; }
table.boring td.tight a { display:block; }
table.boring td a.more { line-height:13px; background-position:100% 3px; }/*align to 11px text*/
 /*reacties*/
table.boring td.text { background-color:#fff; padding-bottom:10px; line-height:1.6em; }

/* */
.twocol-style { font-family:Arial,sans-serif; }
.twocol-style .row { clear:both; width:100%; margin:0 0 3px; float:left; }
.twocol-style label { float:left; width:87px; font-weight:bold; }
.twocol-style label, .twocol-style .content { font-size:1.1em; line-height:1.7em; }
.twocol-style .content { float:right; width:495px; }
.twocol-style .content a.more { line-height:1.87em; }
.twocol-style input.text, .twocol-style textarea.text { margin-bottom:0; }
.twocol-style .content input.text, .twocol-style .content textarea.text { width:485px; }
.twocol-style p.form-buttons { margin:0.7em 0 0; text-align:right; }

/* */
.form-errors { background:#d71f27; padding:9px; margin:0 0 2em; }
.form-errors h4 { font:16px/1.2em Impact,sans-serif; color:#fff; margin:0 0 0.5em; }
.form-errors, .form-errors p, .form-errors h4 { color:#fff; }
.form-errors p { margin:0.5em 0; }


/*---------------------------*/
/* Site layout */
/*---------------------------*/

#container { width:958px; margin:0 auto; padding:0 16px; }

/* columns */

#body { background:url(../img/layout/body-twocols.gif) repeat-y 100% 0; }
#body.home  { background-image:none; }

#primary { width:582px; float:left; }
#secondary { width:208px; float:right; padding:13px 16px 16px; background:#d71f27 url(../img/layout/dented-red.gif) no-repeat right top; }
#secondary { min-height:500px; }

* html #secondary { min-height:auto;height:500px; }

/* HEADER */

#header { padding:10px 0 6px; border-bottom:1px solid #bfbfbf; background:url(../img/layout/header-logo.gif) no-repeat 0 8px; }
#header .logo { /*position:absolute; width:146px; height:77px; left:0; top:10px;*/  }
#header .logo h1 { display:none; }

#header .login { float:right; width:169px; padding-left:14px; border-left:1px solid #bfbfbf; position:relative; height:79px; }
#header .login p.title1 { width:140px; height:15px; overflow:hidden; background:#d71f27; color:#fff; font:11px/1.3em Tahoma,sans-serif; padding:1px 0 2px 5px; margin:0 24px 0 0; }
#header .login a.rss { position:absolute; right:0; top:0; }
#header .login .title2 { font-family:Arial,sans-serif; margin:3px 0 0; }
#header .login table { position:absolute; right:0; top:36px; }
#header .login table td { height:21px; padding:0; vertical-align:middle; }
#header .login td.lbl { padding-right:4px; text-align:right; font-family:Arial; }
#header .login td.fld { width:79px; }
#header .login td.fld input { width:69px; }
#header .login td.btn { width:24px; }
#header .login td.btn input { float:right; }

#header .ingelogd dl { margin:4px 0 0; width:100%; font-family:Arial; }
#header .ingelogd dt, #header .ingelogd dd { line-height:1.2em; }
#header .ingelogd dt { float:left; width:46px; }
#header .ingelogd dd { margin-left:46px; }
#header .ingelogd a.logout { font-family:Verdana; }

#header .search { width:205px; float:right; position:relative; height:79px; }
#header .search table { margin-top:57px; float:right; }
#header .search table td { height:21px; padding:0; vertical-align:middle; }
#header .search label { font-family:Arial; }
#header .search td.lbl { padding-right:7px; text-align:right; font-size:1.1em; }
#header .search td.fld { width:112px; }
#header .search td.fld input { width:102px; }
#header .search td.btn { padding-left:7px; padding-right:9px; }

#header ul.nav { float:right; margin:53px 0 0; }
#header ul.nav li { float:left; }
#header ul.nav li a { display:block; font:1.4em Arial,sans-serif; font-weight:bold; line-height:1em; padding:6px 8px 5px; border-right:1px solid #bfbfbf; color:#000; }
#header ul.nav li a:hover, #header ul.nav li a.active { color:#d71f27; } 


/* FOOTER */

#footer { clear:both; margin:0 0 1em; }
#footer a { float:left; }
#footer p.links { font-size:0.9em; line-height:1em; color:#000; float:right; margin-top:21px; }
#footer p.links a { padding:0 4px; color:#000; float:none; }
#footer p.links a:hover { color:#d71f27; }


/*---------------------------*/
/* Homepage */
/*---------------------------*/

.home #theflash { margin:6px 0; width:100%; height:438px; background:#eee; }


/*---------------------------*/
/* Article */
/*---------------------------*/

.article .float { float:right; width:190px; padding:0 17px 37px 30px; }
.article .float blockquote { font:16px/1.1em Impact,sans-serif; padding-top:6px; }

.article-footer { margin:3px 0 2.3em; }
.article-footer p.pager { float:left; padding:2px 0 0; }
.article-footer p.actions { float:right; }
.article-footer p.actions a { margin:0; margin-left:14px; color:#d71f27; font:16px/1em Impact,sans-serif; line-height:1em; }

.comment-form { margin:0 0 1em; }
.comment-form label { display:block; }
.comment-form label.lblComment { font-weight:bold; }
.comment-form textarea { width:538px; height:82px; }
.comment-form .checkgroup { float:left; }
.comment-form .submit { float:right; }


/*---------------------------*/
/* Magazine */
/*---------------------------*/

#primary.magazine h2 { margin-bottom:2px; }
.magazine .illustration-top { width:100%; overflow:hidden; margin:0 0 2px; }
.magazine .article-footer { padding-left:19px; background-position:2px 2px; }

ul.articles { margin:5px 0 0; }
ul.articles li { margin:0 0 1em; padding-right:173px; position:relative; }
ul.articles h4 { font:14px/1em Impact,sans-serif; line-height:14px; color:#000; float:left; }
/*ul.articles span.date { font-size:0.9em; line-height:14px; font-weight:bold; float:right; }*/
ul.articles h4, ul.articles span.date { line-height:16px; margin:0 0 2px; }
ul.articles p { clear:both; text-align:justify; }
ul.articles a.image { position:absolute; right:0; top:0; width:127px; }


/*---------------------------*/
/* Search results / Snippers */
/*---------------------------*/
ul.snippers { margin:1.3em 0 0; }
ul.snippers li { margin:0 0 1em; padding:0 0 8px; border-bottom:1px solid #bfbfbf; }
ul.snippers div.meta { float:left; width:100%; margin:0 0 8px; }
ul.snippers .meta h4 { font:18px/1.2em Impact,sans-serif; color:#000; width:415px; float:left; margin:0; }
ul.snippers .meta .date { font-size:0.9em; line-height:1em; padding-top:9px; font-weight:bold; float:right; }
ul.snippers p { clear:left; text-align:justify; margin:0 0 8px; }
ul.snippers p img.inset { float:right; margin-left:20px; }
ul.snippers p.links { margin:0; }
ul.snippers p.links a.more { margin-right:1.8em; }

 /* search results list has icons */
div.searchresults ul.snippers li { padding-left:67px; /*ie*/position:relative; width:515px; }
div.searchresults ul.snippers li.icon-1 { background:url(../img/ico/searchresults-1.gif) no-repeat; }
div.searchresults ul.snippers li.icon-2 { background:url(../img/ico/searchresults-2.gif) no-repeat; }
div.searchresults ul.snippers li.icon-3 { background:url(../img/ico/searchresults-3.gif) no-repeat; }

div.snippers-list { margin:0 0 2em; }
div.snippers-list .footer { margin:0 0 2em; }
div.snippers-list.searchresults .footer { padding-left:63px; }


/*---------------------------*/
/* Forms */
/*---------------------------*/
#form-mijnsnippers textarea { height:70px; }

/* */
#form-register {}
#form-register .col-40 { width:81px; float:left; }
#form-register .col-60 { width:127px; float:left; }
#form-register .col-40 input.text { width:66px; }
#form-register .col-60 input.text { width:117px; }
#form-register .captcha { margin:0 0 4px; }


/*---------------------------*/
/* Reacties */
/*---------------------------*/
div.reacties table.boring { margin:0; } 


/*---------------------------*/
/* Profile View */
/*---------------------------*/
#profile-view { font-family:Arial; }
#profile-view .links-top { padding-left:107px; margin:0 0 7px; }
#profile-view .frame { border:3px solid #000; padding:1px; width:75px; height:75px; overflow:hidden; margin:0 0 3px; }
#profile-view .frame img { width:75px; height:75px; }
#profile-view .col1 { width:97px; float:left; }
#profile-view .col2 { margin-left: 10px; width:265px; float:left; }
#profile-view .col3 { width:205px; float:right; }
#profile-view dl { width:245px; padding:13px 10px; background:#d71f27; color:#fff; font-size:1.1em; line-height:1.2em; }
#profile-view dt { width:79px; float:left; font-weight:bold; clear:both; margin-bottom:11px; }
#profile-view dd { float:left; width:161px; margin-bottom:11px; padding-left: 5px; }
#profile-view h3.alt { margin:0 0 0.4em; }
#profile-view .col3 p { line-height:1.45em; }

/*---------------------------*/
/* Profile Edit */
/*---------------------------*/
#profile-edit { font-family:Arial; }
#profile-edit .col2 h3 { margin:0 0 0.5em; }
#profile-edit .col1 { width:120px; float:left; }
#profile-edit .col2 { width:462px; float:left; }
#profile-edit .col1 a { float:left; margin:0 0 8px; }
#profile-edit .col2 input.text { width:370px; }
#profile-edit .col2 label.float { margin:3px 0 0 8px; float:right; }

#profile-edit .col2 .section { border-top:1px solid #bfbfbf; padding-top:1.2em; }


/*---------------------------*/
/* Article inspiratie */
/*---------------------------*/
.article-fotos { width:602px; }
.article-fotos div.foto { width:100px; margin:0 20px 10px 0; height:60px; overflow:hidden; float:left; }
.article-fotos div img { display:block; width:100%; }


/*---------------------------*/
/* Snippers invoer */
/*---------------------------*/
#invoer .twocol-style label { width:71px; font-weight:normal; }
#invoer .twocol-style .content { width:397px; }
#invoer .twocol-style input.text,
#invoer .twocol-style textarea { width:387px; }
#invoer h3.alt { margin:0 0 0.5em; }

#invoer .invoer-fotos .row1 input.text { width:305px; }
#invoer .invoer-fotos .row2 input.text  { width:368px; }

#invoer .invoer-videos .row1 input.text,

#invoer .invoer-links .row1 input.text,
#invoer .invoer-links .row2 input.text { width:369px; }

#invoer .plus { padding:4px 0 0 0px; float:right; }
#invoer .col50-left {  }
#invoer .col50-right {  }
#invoer .col50-right img { display:block; float:right; }
/*v2*/
#invoer-menu { margin:0pt 0pt 1em; padding-bottom:1em;}
#invoer-main {  float:left; width:468px;}
#invoer-menu a { display:block;float:left;margin-right:1.4em; }
#invoer-menu a img {display:block;  }


/*---------------------------*/
/* Misc */
/*---------------------------*/
#emailadres-aanpassen .row label { width:136px; }
#emailadres-aanpassen .row .content { width:446px; }
#emailadres-aanpassen .row .content input.text { width:436px; }

#delete-account-confirm { text-align:center; }

#sidebar-poll p.tagline { font-size:1.6em; line-height:1.1em; }

#snippers-aanpassen {}
#snippers-aanpassen .col1 { width:298px; float:left; }
#snippers-aanpassen .col1 select { width:298px;	 }
#snippers-aanpassen .col2 { width:284px; float:right; }
#snippers-aanpassen .col2 img { display:block; float:right; }


/*---------------------------*/
/* Popup */
/*---------------------------*/
#pu-header { background:#d71f27; padding:14px 13px 12px; text-align:right; }
#pu-header .logo { float:left; }
#pu-header a img { display:inline; }
#popup #primary { width:449px; padding:27px 80px 35px; font-family:Arial; }
#popup #primary h2 { background:none; border:none; color:#000; margin:0 0 12px; padding:0; }
#popup #primary h3 { margin:0 0 0.5em; }


/* --- Added by bgr */
a.morebig { font-size: 1.2em;
	background:transparent url(../img/ico/more-arrow.gif) no-repeat scroll right 5px
	 }
	 
ul.articles h4 { font:14px/1em Impact,sans-serif;width: 400px;line-height:14px; color:#000; float:left; }