/************************************************************************
**	JacobRas.nl
**  Een project van Jacob Ras ( www.jacobras.nl )
************************************************************************/
* { padding: 0; margin: 0; }
pre, blockquote, label, ol, dl, fieldset, address { margin: 1em 5%; }
dd { margin-left: 5%; }
fieldset { padding: .5em; }
img { border: none; }
.clear { clear: both; }
.center { text-align: center; }
.links { float: left; }
.rechts { float: right; }
hr { height: 1px; border:none; background: #d3d3d3; color: #d3d3d3; }


/************************************************************************
**	Body
*************************************************************************/
body { font-family: Tahoma, 'Trebuchet MS', Tahoma, Arial, sans-serif; font-size: 12px; text-align: center; background: url('afbeeldingen/achtergrond_blauw2.png') top repeat-x #f0f4f4; /* bg.png, #f1f1e9 */ color: #5f5f5f; line-height: 20px; }

/* Normale hyperlinks */
a { color: #007cdb; text-decoration: none; }
a:hover { text-decoration: none; border-bottom: 1px dotted #007cdb; }

/* heading tags */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Georgia, Arial, sans-serif; color: #000; }
h1 { font-size: 24px; }
h1 .kleingrijs { font-size: 16px; color: #b3b3b3; }


/************************************************************************
**	Container
*************************************************************************/
#container { width: 878px; margin: 0 auto; text-align: left; }


/* header */
#header { margin-bottom: 40px; padding-top: 60px; text-align: center; }
#header h3 a { color: #000; }
#header h3 { float: left; font-size: 24px; }
#header ul { float: right; list-style-type: none; }
#header ul li { display: inline; text-transform: uppercase; font-size: 18px; margin: 0 4px; font-family: Arial; }
#header ul li a { color: #000; font-weight: normal; }
#header li.active a { font-weight: bold; border-bottom: 1px dotted #007cdb; }


/* vak */
.vak { background: url('afbeeldingen/vak_bg.png') repeat-x bottom #fff; border-left: 1px solid #e2e2da; border-right: 1px solid #e2e2da; margin-bottom: 40px; padding: 4px 0; position: relative; }
#eerste { position: relative; }
#vlinder { position: absolute; left: -36px; top: -14px; }
#vlinder_overig { position: absolute; right: -76px; top: -60px; }
/*.vak h1, .vak p, .vak a, .vak img { margin: 0 4px; }*/
.thumb { float: left; margin: 14px; }
.vak h2 { margin-top: 28px; font-size: 20px; }
.vak h3 { margin-top: 28px; }
.vak h1, .vak h2 { }
.vak p, .lastvak p { margin: 0 8px 20px 0; }
.vak p strong, .lastvak p strong { color: #494949; }
p.projectinfo { background: #f0f4f4; display: block; width: 280px; float: left; padding: 4px 12px; }
p.projectinfo .icon { margin-right: 10px; }
.vak a.knop, .lastvak a.knop { display: block; color: #215f69; width: 138px; height: 29px; background: url('afbeeldingen/knop2.png') no-repeat; line-height: 29px; float: left; text-align: center; text-transform: uppercase; margin-left: 16px; }
.vak a.knop2, .lastvak a.knop2 { display: block; color: #215f69; width: 138px; height: 29px; background: url('afbeeldingen/knop2.png') no-repeat; line-height: 29px; text-align: center; text-transform: uppercase; margin-left: 16px; }
.vak a.knop:hover, .vak a.knop2:hover, .lastvak a.knop:hover, .lastvak a.knop2:hover { border: none; text-decoration: underline; }
.lastvak img.icon { margin: 0 8px; }

#homepage a { border-bottom: 1px dotted #007cdb; }


/* footer */
#footer p { text-align: center; margin-top: 18px; }
#footer a { margin: 0; }


/* footer2 */
#footer2 { height: 28px; text-align: center; padding-top: 42px; background: url('afbeeldingen/grasfooter.png') top repeat-x; color: #fff; }
#footer2 a { color: #fff; border-bottom: 1px dotted #fff; }
#footer2 a:hover { text-decoration: none; border: none; }


/* headervak */
#logo { margin: 16px 0 14px; }


#logo_klein { position: absolute; left: -56px; top: 54px; }
#logo_klein2 { float:left; bottom:6px; margin-right: 8px; position:relative; }


/* content */
.content { padding: 20px; }
.content h1 { margin-bottom: 20px; }
.content ul { list-style-position: inside; }


/* headertekst */
#headertekst { margin: 50px 0 70px; }
#headertekst p { font-family: Georgia; font-size: 20px; color: #000; font-style: italic; line-height: 30px; background: #c4dee2; color: #215f69; padding: 10px; border: 1px solid #b4d0e7; }


/* #contactform */
#contactform fieldset { border: 1px solid #e8e8e8; margin: 10px; padding: 10px 10px 20px; }
.invoervak { border: 1px solid #ddd; padding: 5px; border-top: 1px solid #b8b8b8; margin: 13px 0 4px 0; width: 288px; color: #696969; float: left; }
#contactform select { border: 1px solid #ddd; border-top: 1px solid #b8b8b8; margin: 4px 0; width: 288px; }
#contactform select option { padding: 5px; }
#contactform label { font-weight: bold; display: block; float: left; text-align: right; line-height: 14px; width: 140px; }
#contactform .klein { font-size: 11px; font-weight: normal; }
#contactform legend { font-weight: bold; color: #696969; }
#contactform textarea { border: 1px solid #ddd; border-top: 1px solid #b8b8b8; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #696969; width: 560px; padding: 5px; margin: 10px 10px; height: 120px; }
#contactform .checkbox { display: inline; margin-left: 10px; }
#stuurkopie { display: inline; }

#contactform .knop { background: url('afbeeldingen/knop2.png') no-repeat; width: 138px; height: 29px; line-height: 42px; text-align: center; color: #215f69; border: none; font-weight: bold; }
#verzendknop { margin-top: 24px; }
#berichtfieldset { margin-top: 10px; }


/* icons */
.icons { text-align: center; margin: 0px 0 24px; padding-top: 10px; }
.icons img { margin: 0 18px; }

/* specs */
#specs { text-align: center; padding-top: 10px; }
#specs p { display: block; background: url('afbeeldingen/knop_spec.png') no-repeat; width: 146px; height: 38px; float: left; line-height: 38px; }
#firstspec { margin-left: 120px; }

.icon { position: relative; top: 3px; }


a.navknop { background: #c4dee2; color: #215f69; padding: 10px; border: 1px solid #b4d0e7; font-family: Georgia, Arial, sans-serif; font-size: 16px; margin: 0 4px; }
a.navknop.groot { font-size: 14px; }
a.navknop:hover { text-decoration: underline; }
a.navknop.active { font-weight: bold; }


/* qtip-venster */
#qtip-venster {  }


#vandale { width: 300px; float: right; background: #eee; padding: 8px; margin: 90px 20px 20px; }
#vandale2 { width: 300px; float: right; background: #eee; padding: 8px; margin: 34px 20px 20px; }
blockquote { font-family: Georgia, Arial, sans-serif; font-style: italic; font-size: 16px; margin: 0; }


/* lijst */
ul.lijst { width: 200px; list-style-image: url('afbeeldingen/lijstitem.png'); list-style-type: circle; border-bottom: 2px solid #b4d0e7; margin: 10px 0; }
ul.lijst_groot { list-style-image: url('afbeeldingen/lijstitem.png'); list-style-type: circle; border-bottom: 2px solid #b4d0e7; margin: 10px 0; }
ul.lijst li, ul.lijst_groot li { border-top: 1px dotted #b4d0e7; list-style-position: inside; height: 30px; padding-left: 4px; }
ul.lijst li span, ul.lijst_groot li span { position: relative; top:-4px; }

#talenvak2 { float:left;margin-left:50px;margin-bottom:30px; }
.infovak { width:400px;float:left; }
.infovak_ruimte { width:400px;float:left;margin-right:20px; }
.lijstruimte { margin-bottom: 22px; }

#plugin-features { float: right; margin: 2px 20px; }
#plugin-features ul { width: 280px; }

.normallijst { margin: 20px 0; }
.normallijst li { margin-left: 24px; }
.spec { width: 180px; float:left; font-weight: bold; }
ul#parameters { list-style-type: none; }

/* pluginlist */
ul#pluginlist { list-style-type: none; margin-top: 8px; margin-bottom:20px; }
ul#pluginlist .plugintitle { width: 240px; float:left; }
ul#pluginlist .plugintitle {padding-left:20px;background-repeat:no-repeat;background-position:2px 50%;background-image:url(http://www.jacobras.nl/logo-16.png); }



/* beta */
.linenum{
    text-align:right;
    background:#eee;
    border:1px solid #b4d0e7;
    padding:0px 1px 0px 1px;
    font-family:Courier New, Courier;
    float:left;
    width:17px;
    margin:3px 0px 30px 0px;
    }

code    {/* safari/konq hack */
    font-family:Courier New, Courier;
}

.linetext{
    width:700px;
    text-align:left;
    background:white;
    border:1px solid #b4d0e7;
    border-left:0px;
    padding:0px 1px 0px 8px;
    font-family:Courier New, Courier;
    float:left;
    margin:3px 0px 30px 0px;
    } 
    
.post-image-preview { border: 2px solid #c4dee2; }
.content img { margin: 8px; }
#featureoverzicht h2 { margin-top: 50px; }
span.code { font-family: 'Lucida Console', serif; background: #eee; padding:2px; }



.jr-quote { font-family: 'Georgia'; font-style: italic; font-size: 16px; background: #f6f6f6; padding: 6px; color: #000; }
.jr-quote cite { font-size: 12px; color: #a3a3a3; }
.jr-quote a { text-decoration: none; }
.jr-quote #link {  margin:0; color: #a3a3a3; border-bottom: 1px solid #e3e3e3; }
.jr-quote #link:hover { text-decoration: none; border-bottom: 1px solid #a3a3a3; }



#jr-sidebar-contact {  }
#jr-sidebar-contact label { margin: 0; }
#jr-sidebar-contact textarea { font-family: Tahoma, Arial, sans-serif; font-size: 12px; }


/* highlights */
.highlight { margin: 8px 0 12px 0; }
.highlight h3 { margin-top: 0; padding-top: 14px; }
.highlight img.highlightimg { margin-right: 18px; float: left; border: 1px solid #d3d3d3; padding: 2px; }


/* screenshots */
.screenshot { margin: 8px 0 12px 0; width: 260px; margin: 8px; background: #f5f5f5; border: 1px solid #e5e5e5; /* 240px */ float: left; padding: 12px 0; }
.screenshot:hover { background: #f1f6f8; }
.screenshot h3, .screenshot p, .screenshot img { margin: 0 12px; }
.screenshot a { border: none; }
.screenshot a:hover img { border: 1px solid #97c3d9; }
.screenshot img.screenshotimg { border: 1px solid #d3d3d3; padding: 2px; margin-bottom: 10px; }


/* breadcrumbs */
p#breadcrumbs { padding: 10px 0 0 22px; margin-bottom: 4px; color: #a3a3a3; }
p#breadcrumbs2 { padding: 0 0 0 4px; margin-bottom: 30px; color: #a3a3a3; }