/******************************************************************************
 * standaard css
 */

html, body
{ height: 100%; margin: 0; padding: 0; }

#inqr-container, #wrapper, #site
{ min-height: 100%;  }

body 
{ background: #cecbce url(img/bg.jpg) repeat-y top center; }
	

#site
{ margin: 0; padding: 0; position: relative; margin-bottom: 50px; }
body, #site, #site textarea, #site input, .suggestions
{ font-family: Arial, FreeSans, sans-serif; font-size: 11px; }
h1, h2, h3, h4, h5, h6
{ clear: both; margin: 0; padding: 0.1em 0; }
h1
{ display: none; }
h2
{ font-size: 14px; margin-top: 0; padding: 6px 0px 0px 0px; }
h3
{ font-size: 15px; margin: 15px 0 5px 9px; 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; }
p
{ line-height: 1.5em; margin-bottom: 4px; margin-top: 4px; padding: 0; }


/******************************************************************************
 * formulier css
 */
#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; }
.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: 250px; }
.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: 4px 0; padding: 0 0 0 0px; width: 125px; }
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: 0px; position: relative; width: 390px; padding-left: 10px; padding-right: 20px; padding-bottom: 50px;}

#sidebar-big
{ float: left; left: 0; position: relative; width: 240px; margin-bottom: 50px; }

#sfeerplaat-top
{ position: absolute; top: 0px;  background: url(img/sfeerplaat_top.png) no-repeat bottom center; width: 660px; height: 170px; left: 0; margin-left: 20px;}

#menubar-top
{ position: absolute; top: 160px; width: 660px; height: 30px; left: 0; margin-left: 20px; margin-top: 20px; background: url(img/menu_bg.png);}

#inqr-container
{ margin: 0 auto; position :relative; text-align: left; width: 700px; background-color: white; }

#menubar-top ul
{ list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }

#menubar-top li
{ display: inline; float: left; margin: 0; min-height: 1px; padding: 0; }

#menubar-top a
{ text-align: center; display: block; height: 24px; padding: 0 20px; background: url(img/menu_bg.png); padding-top: 6px; text-decoration: none; color: black;font-size: 12px;}

#menubar-top a:hover, #menubar-top a.active 
{ background: url(img/menu_bg_active.png); }

#menubar-top a.active
{ font-weight: bold; }

#header-spacer
{ height: 220px; }

#footer
{ height: 50px; width: 660px; position: absolute; bottom: 0;}

#footer .orange
{ background-color: #FFA500; height: 30px; width: 100%;}

#footer .white
{ background-color: white; height: 10px; width: 100%; }

#wrapper
{ margin-left: 20px; }

#sidebar-big #sfeerplaat-right 
{ width: 240px; height: 300px; margin-bottom: 10px;}

#sidebar-big h2 
{ background: url(img/bg_links.png); width: 220px; font-size: 12px; font-weight: bold; padding: 5px 10px 5px; 20px ;}

#sidebar-big .linkpics
{ width: 240px; height: 60px; margin-top: 10px;}

#sidebar-big .linkpics span
{ display: none; }

#sidebar-big .linkpics a
{ display: block; width: 240px; height: 60px; }

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

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

.message_goed, .message_fout 
{ padding: 25px; font-size: 13px; font-weight: bold; text-align: center; margin-bottom: 10px; margin-top: 10px;}

.message_goed 
{ background-color: #4AEF60; border: 2px solid #000000;}

.message_fout
{ background-color: #FF6644; border: 2px solid #000000;}