/*	Default
*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre { margin:0; padding:0; }


/*	Layout
*/
html { height:100%; }
body { height:100%; text-align:center; background:#a2c871 url(../img/dva_bg.gif) top left repeat; }
#container { position:relative; min-height:100%; text-align:left; margin:0 auto; width:950px; background-color:#fff; }
.dev { background:#fff url(../img/grid.gif) left top repeat-y; }

#header { position:relative; }
#header-logo { height:126px; margin-left:10px; padding-top:2px; }
#header-navigation { height:63px; }
#header-language { position:absolute; top:15px; left:890px; }

#content { clear:left; width:950px; }
#content-menu, #content-menu-placeholder, #content-sidebar { float:left; display:inline; width:165px; margin-left:20px; margin-top:49px;  }
#content-main { float:left; display:inline; margin-left:20px; width:540px; }
#content-clear { clear:left; height:63px; }

#footer { position:absolute; bottom:0; margin-left:205px; width:540px; }


/*	Styles
*/
h1, h2, h3, h4, h5, h6, .listHeader { padding-bottom:0; }
p, ul, ol, dl, pre { padding-bottom:21px; }

h1 { line-height: 42px; }
h2, h3, h4, h5, h6, p, li, pre, label, legend, input, textarea, label  { line-height:21px; }

h1, h3 { font-family:Georgia, Palatino, Palatino Linotype, serif; }
h2, h4, h5, h6, p, ul, ol, dl, legend, input, textarea, label { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
pre, code { font-family:Courier, monospace; }

body { color:#000; }
h1, h2, h3, h4 { color:#018923; }

h1 { font-size:24px; font-style:italic; font-weight:normal;  }
h2 { font-size:17px; font-weight:normal; }
h3 { font-size:16px; font-style:italic; font-weight:normal; }
h4 { font-size:12px; }
h5, h6 { font-size:11px; }
p, ul, ol, dl, code, legend, input, textarea, label { font-size:11px; }
pre { font-size:12px; }
#content-sidebar p, #content-sidebar ul, #content-sidebar ol, #content-sidebar dl, #footer p { font-size:10px; }

a { color:#cc151c; text-decoration:none; border-bottom:1px solid #cc151c; outline:none; }
a.active, a:hover { color:#091778; border-bottom:1px solid #fcb514; }
a:hover { background-color:#f6f6f6; }
a.active:hover { background-color:#fff; }
a.image { border:none !important; background:none; }
a img { border:none; }

ul { list-style:none; }
ul li { padding-left:15px; background:transparent url(../img/icon_bullet.gif) 0 7px no-repeat; }
ul ol { display:inline; }
ol li { margin:0 0 0 20px; padding:0; background:none; }

#header-navigation ul { margin-left:20px; }
#header-navigation li { line-height:42px; float:left; display:inline; margin-left:20px; padding-left:0; border-top:none; background:none; font-size:16px; }
#header-navigation li.first-child {  margin-left:0; }
#header-navigation li a { border-bottom:none; }
#header-navigation li a.active, #header-navigation li a:hover { border-bottom:2px solid #fcb514; }

#header-language a,#header-language img { border:none; outline:none; }

#content-menu { background:transparent url(../img/menu_top_bg.gif) 0 0 no-repeat; padding-top:14px; }
#content-menu-inner { background:transparent url(../img/menu_bottom_bg.gif) left bottom no-repeat; }
#content-menu ul { margin-left:15px; width:135px; padding-bottom:14px; }
#content-menu li { padding-left:0; background:none; }
#content-menu li a { border-bottom:none; }
#content-menu li a.active, #content-menu li a:hover { color:#091778; border-bottom:1px solid #fcb514; }

#content-sidebar { background:#fff url(../img/sidebar_top_bg.gif) 0 0 no-repeat; padding-top:14px; }
#content-sidebar-inner { background:#fff url(../img/sidebar_bottom_bg.gif) left bottom no-repeat; }
#content-sidebar h3 { margin-left:15px; width:135px; }
#content-sidebar p, #content-sidebar ul, #content-sidebar ol, #content-sidebar dl { margin-left:15px; width:135px; padding-bottom:14px; }
#content-sidebar a:hover { background-color:transparent; }

.foto { float:left; padding:0 10px 10px 0; }

fieldset { margin-bottom:21px; border:1px solid #018923; }
legend { color:#018923; font-size:10px; padding:.2em .5em; border:1px solid #018923; }
#persoonlijk label { float:left; display:inline; width:150px; margin-top:6px; }
#persoonlijk input, #vrijwilligersprojecten_anders, #stages_anders { float:left; display:inline; width:200px; height:18px; margin-top:6px; }
#overige_informatie input { float:left; display:inline; width:200px; height:18px; margin-bottom:6px; }
#persoonlijk br, #vrijwilligersprojecten br, #stages br, #overige_informatie br { clear:left; }
#bevestiging, #server-bevestiging { font-size:13px; color:#cc151c; }