/******************************************************************************
 * standaard css
 */
#site
{ margin: 0; padding: 0; position: relative;}
#site, #site textarea, #site input, .suggestions
{ font-family: Arial, FreeSans, sans-serif; font-size: 12px; }
h1, h2, h3, h4, h5, h6
{ clear: both; margin: 0; padding: 0.1em 0; }
h1
{ display: none; }
h2
{ font-size: 16px; height: 20px; margin-top: 0; padding: 3px 5px; }
h3
{ font-size: 15px; padding: 0 0 0 15px; }
h4
{ font-size: 13px; margin: 15px 0 5px 9px; padding: 0 0 0 15px; }
hr
{ border: none; background: #666666; height: 1px; }
img
{ border: none; }

/******************************************************************************
 * formulier css
 */

form
{ padding-top: 15px;} 
#content .error, #content .lbl.error
{ color: #ff3333; font-weight: bold; }
#content .error input.text, #content .error input.password, #content .error select, #content .error textarea
{ background: #ffeeee; }
#content p.error
{ background-color: #ffeeee; border: 1px solid #ff3333; margin-right: 32px; margin-top: 16px; padding: 6px; }
#content .success, #content .lbl.success
{ color: #009900; font-weight: bold; }
#content p.success
{ background-color: #ccffcc; border: 1px solid #009900; margin-right: 32px; margin-top: 16px; padding: 6px;}
.lbl
{ color: #666666; clear: both; margin-left: 16px; margin-right: 16px;}
.lbl.nomargin 
{ margin: 0px; }
.lbl input.text, .lbl input.password, .lbl input.smalltext, .lbl select, .lbl textarea
{ border: 1px solid #666666; margin: 4px 0; }
.lbl textarea
{ height: 75px; }
.lbl input.text, .lbl input.password, .lbl textarea, .lbl select
{ border: 1px solid #666666; clear: right; display: block; float: left; margin: 0 0 4px 0; width: 300px; }
.lbl select.start_type
{ clear: right; float: left; margin-left: 4px; width: 280px; }
.lbl input.city
{ margin-left: 4px; width: 280px; float: left; clear: right; }
.lbl input.counter
{ clear: right; display: block; float: left; width: 50px; }
.lbl select.date
{ clear: none; display: inline; float: none; width: auto; }
.lbl label
{ clear: left; color: #666666; display: block; float: left; margin: 0px 0; padding: 0 0 0 0px; width: 158px; }
label.inline-label
{ display: inline; float: none; padding: 0; margin: 0; }
.lbl input.submit
{ margin: 4px 0 0 25px; padding: 0 0 0 0; }

/******************************************************************************
 * standaard layout css
 */
#content
{ float: left; left: 128px; margin: 4px 0; position: relative; width: 498px; }
#sidebar-small
{ float: left; left: -498px; margin: 4px 0; position: relative; width: 128px; }
#sidebar-big
{ float: right; margin: 4px 0; position: relative; right: 4px; width: 336px; }

/******************************************************************************
 * banner css
 */
.snet-auto-banner, .banner
{ background: #f7f7f7; }

/******************************************************************************
 * site specifieke css
 */

/* 
 * Content
 */

#content
{ line-height: 1.5 }
#content a
{ color: #72bf44; }
#content h2
{ background-image: url(img/bar_498.png) }
#content h2 
{ color: white; width: 482px; height: 28px; padding: 0px; margin: 0px; padding-left: 16px; padding-top: 2px;}
#content h2 a 
{ color: white; text-decoration: none; }
#content p
{ margin: 16px; }

/*
 * Sidebar right
 */
#dorhout_logo_topright
{ margin-bottom: 10px; }

#dorhout_logo_topright, #dorhout_logo_topright a
{ width: 336px; height: 140px; }

#dorhout_logo_topright a
{ display: block; }

#dorhout_logo_topright
{ background-image: url(img/logo_dorhout.png); background-repeat: no-repeat; }

#dorhout_logo_topright span
{ display: none; }

/*
 *  Menu left
 */


#menu ul 
{ list-style: none; margin: 0; margin-left: 4px; padding: 0; }

#menu a 
{ position: absolute; height: 22px; width: 115px; text-decoration: none; color: black;}

#menu ul li 
{ background: url(img/btn_normal.png); font-weight: bold; font-size: 12px; height: 24px; margin: 0 0 4px 0; padding: 6px 0 0 5px; width: 115px; }

#menu ul li:hover
{ background: url(img/btn_hover.png); }

#menu ul li.active a 
{ color: #ffffff; }

#menu ul li.currentpage
{ background: url(img/btn_active.png); }

#menu ul li.currentpage a 
{ color: white; }

#menu ul li.head
{ color: #666666; background: #ffffff; }

/* 
 * Home
 */
#home_teaser
{ width: 498px; height: 200px; background-image: url(img/header.png); margin-bottom: 4px;}

#home_teaser span
{ display: none; }

/*
 * Question
 */

#question, .answer_value, .comment_block
{ padding-left: 9px; padding-right: 9px;}

#qmiddle p, #amiddle p, .cmiddle p
{ margin-left: 10; margin-top: 0px; margin-bottom: 0px; margin-right: 10px; }
#qmiddle, #amiddle, .cmiddle
{ background-image: url(img/balon_middle.png); }
#qtop
{ background-image: url(img/balon_top.png); font-size: 1pt; height: 10px; margin-top: 15px;}

#qbottom
{ background-image: url(img/balon_bottom.png); font-size: 1pt; height: 41px; }

#atop
{ background-image: url(img/answer_balon_top.png); font-size: 1pt; height: 31px; }

#abottom, .cbottom
{ background-image: url(img/answer_balon_bottom.png); font-size: 1pt; height: 10px; }

.ctop
{ background-image: url(img/reaction_balon_top.png); font-size: 1pt; height: 31px; }

.comment_author
{ padding-top: 20px; }

/*
 * Zwarte lijst
 */

.black_list_div { line-height:1.35em;}
.black_list_div ul { margin: 0; padding: 10px 10px 10px 10px; list-style: none; }
.black_list_div li { clear: both; padding: 0; padding: 10px 10px 10px 10px; height: 100%; border: 1px dotted #757575; margin-bottom: 10px; }
.black_list_div li .left { 	float: left; clear: right; width: 170px; }
.black_list_div li .right {	}
.black_list_div li .full { overflow: auto; width: 100%; }


/* Form */

.comment_value, .comment_author { padding-left: 16px; padding-right: 16px; }

div.suggestions {   /*	-moz-box-sizing: border-box; box-sizing: border-box;*/ background-color: white;	border: 1px solid black; position: absolute; text-align: left; }

div.suggestions div {	cursor: default; padding: 0px 3px; }

div.suggestions div.current {	background-color: #3366cc; color: white; }