/*  
Theme Name: Esther Leijen
Author URI: http://www.ericks.nl
Version: 1
Author: Erick Schluter
Description: A nice welbalanced 3 columned theme designed especially for Esther Leijen by Martje Bloot - <a href="http://www.martapart.nl/">www.martapart.nl</a> and developed by Erick Schluter - <a href="http://www.ericks.nl/">www.ericks.nl</a>
*/


/*
Kleurcode:

#353537		- Donkere grijs (achtergrondkleur)
#9e9fa1		- Grijs
#ffffff		- Wit
#000000		- Zwart
*/

body {
background:#353537;
color:#000;
font-size:11px;
font-family:Verdana, Helvetica, Arial, sans-serif;
margin:0;
}

img{border:0;}

.no_print{display:none; !important}

#container {
width:1005px;
color:#000;
background:#fff url(images/bg-strip.gif) top center repeat-y;
text-align:left;
border:1px solid #353537;
margin:20px auto;
}

#header {
color:#000;
background:url(images/headerbackground_blanko.jpg) top center repeat-x;
margin-bottom:0;
border-bottom:0px solid #ff9900;
padding:0px;
height:184px;
}

#header h2 {
background:url(images/logo_butt.jpg) top left no-repeat;
width:272px;
height:176px;
padding:0;
margin:0;
border:0;
}

#header h3 {
color:transparent;
background-color:transparent;
font-size:18px;
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
margin:0;
}

#menu {
font-family: "Eras Bold ITC", Impact, Charcoal, sans-serif;
font-weight:normal;
font-size:1.6em;
font-style:normal;
letter-spacing:0px;
margin-top:-43px;
margin-bottom:0px;
margin-left:340px;
_margin-left:342px;
*margin-left:342px;
text-align:left;
border-top:0px solid #ccc;
border-bottom:0px solid #ccc;
padding:0px 0px;
}
#menu h2 {
margin:0;
padding:10px 25px 12px;
}
#menu li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}
#menu ul li a {
color:#353537;
background:#fff;
text-decoration:none;
margin:0;
padding:0 34px 0 0;
}
#menu ul li a:hover {
color:#9e9fa1;
background:#fff;
text-decoration:none;
}

.taalvlag{margin:0;padding:0 26px 0 0;float:right;}


#l_sidebar {
background:#ccc url(images/bg-strip.gif) top left repeat-y; */
width:179px;
*width:160px;
float:left;
margin-top:10px;
margin-bottom:0px;
min-height:252px;
padding:32px 0 0 20px;
*padding:20px 0 0 20px;
_padding:20px 0 0 20px;
border:0px solid #ff0000;
color:#000;
}
/* Voor WIDGET  */
#l_sidebar li.pagenav ul li a, #l_sidebar li.pages ul li a{
display:block;
color:#a0a1a3;
font-weight:bold;
background-color:#fff;
text-decoration:none;
letter-spacing:1px;
padding:5px 0 5px 5px;
}
#l_sidebar li.pagenav ul li a:hover, #l_sidebar li.pages ul li a:hover{
color:#fff;
background-color:#fff;
}

/* Jaartallen reeks bij de portfolio: */
#l_sidebar li#mycategoryorder{margin-top:-17px;*margin-top:-4px;_margin-top:-3px;}

.widgettitle{display:none;visibility:hidden;} /* Zodat automatisch geplaatste H2 header niet wordt getoond in sidebars! */

#r_sidebar {
color:#000;
background:#fff url(images/bg-strip_r_s.gif) top right repeat-y;
width:165px;
float:right;
position:relative;
margin-top:10px;
margin-bottom:0px;
min-height:284px;
padding:0;
}
/* Voor WIDGET  */
#r_sidebar .textwidget{
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
font-size:1.2em;
font-weight:normal;
color:#9e9fa1;
letter-spacing:normal;
line-height:1.5em;
text-align:right;
padding:34px 25px 0 0;
*padding:35px 25px 0 0;
_padding:35px 25px 0 0;
}
#r_sidebar .textwidget a:link, #r_sidebar .textwidget a:visited{background:#fff;color:#9e9fa1;text-decoration:none;}
#r_sidebar .textwidget a:hover{background:#fff;color:#ff0000;text-decoration:underline;}
#r_sidebar .textwidget a:visited{background:#fff;color:#000;text-decoration:none;}


#content {
position:relative;
height:340px;
margin:10px 0 0 180px;
*margin:10px 0 0 156px;
_margin:10px 0 0 150px;
padding:33px 0 0 0;
*padding:34px 0 0 0;
_padding:30px 0 0 0; 
width:485px /* for IE8 */
}
#content, #ie8#fix {
position:relative;
height:340px;
margin:10px 0 0 180px;
*margin:10px 0 0 156px;
_margin:10px 0 0 150px;
padding:33px 0 0 0;
*padding:34px 0 0 0;
_padding:30px 0 0 0; /* for all browsers other than IE8 */
}


#contentXXXXXXXX {
position:relative;
height:340px;
margin:10px 0 0 180px;
*margin:10px 0 0 156px;
_margin:10px 0 0 150px;
padding:33px 0 0 0;
*padding:34px 0 0 0;
_padding:30px 0 0 0;
}

* html #content,* html #l_sidebar,* html #r_sidebar {
height:284px;
}

#content p {
line-height:20px;
margin:0 0 0 0px;
padding:0 40px 16px 0;
}

#content p img {
border:none;
margin-right:5px;
margin-bottom:3px;
}


#content p img.size-full, #content p img.alignnone, #content p img.alignleft{
margin:0 0 0 0px;
padding:0 16px 16px 0;
border:0px solid #000;
}

#content p img.alignleft{}

#content .scroll_area ul li .alignleft{margin:10px 10px 0 0;padding:0;border:1px solid #000;}

/* Jaartallen links op portfolio startpagina: */
#content a.jaartal:link, #content a.jaartal:visited{
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
font-size:1.3em;
color:#a0a1a3;
background-color:#fff;
text-decoration:none;
letter-spacing:1px;
}	
#content a.jaartal:hover{color:#000;background-color:#fff;}
#content a.jaartal:active{color:#a0a1a3;background-color:#fff;}


#content h1 {
color:#ccc;
background-color:#fff;
font-size:22px;
font-family:"Helvetica Bold", "Arial Bold", Verdana, sans-serif;
font-weight:400;
line-height:150%;
margin:0;
padding:10px;
}

#footer_blanko h1 {
font-size:148px;
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
font-weight:400;
margin:0 0 0 172px;
padding:0px;
color:#ccc;
text-align:left;
}

#footer_blanko h1.kunst_op_hout {
font-size:108px;
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
font-weight:400;
margin:0 0 0 172px;
padding:0px;
color:#ccc;
text-align:left;
}

#content h1 a {
color:#ccc;
background-color:#fff;
text-decoration:underline;
}

#content h2 {
color:#9fa0a2;
background-color:transparent;
font-size:14px;
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
font-weight:700;
line-height:120%;
margin:0;
margin-left:162px;
}

#content h3 {
color:#fff;
background-color:#9e9fa1;
font-size:15px;
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
font-weight:700;
margin-bottom:10px;
line-height:120%;
border-bottom:1px solid #ccc;
padding:2px 0 2px 8px;
}

#content ol {
list-style-type:decimal;
line-height:18px;
margin:0;
padding:0 0 10px 30px;
}
/* GUESTBOOK */
#content .scroll_area ol {
list-style-type:decimal-leading-zero;
padding:0 0 10px 30px;
background:#fff;
line-height:18px;
font-weight:bold;
font-weight:700;
margin:0;
}
#content .scroll_area ol.commentlist li p{padding:0 0 10px 10px;font-weight:normal;}


ol.commentlist li{background:#f8f2f2;border-bottom:1px dotted #353537;}

ol.commentlist li.alt {padding-left:10px;}
ol.commentlist li.alt{background:#fff;border-bottom:1px dotted #353537;}

a.url:link, a.url:visited, a.url:hover, a.url:active{padding:3px 0 0 0px;}

INPUT.reaktie_button{background:#9e9fa1;color:#fff;padding:4px;border:0;width:160px;}

INPUT{margin:0;padding:0;}



#content ul li {
list-style:circle outside;
margin:0 0 0 15px;
padding:0 0 10px 0;
line-height:15px;
}

/* Voor tabellen met Gallery Grey BOX FX: */
TABLE{padding:0;margin:3px 0 0 0;}

TABLE TD{padding:0 16px 16px 0;}

TABLE#gastenboek{margin:0;padding:0;}

blockquote {
font-style:italic;
color:#666;
background-color:#fff;
border-left:1px solid #ccc;
margin:0 0 0 25px;
padding:0 25px 0 10px;
}

#content blockquote p {
margin:0 0 20px;
padding:0;
}

.postspace {
color:#000;
background:#ccc;
width:440px;
height:32px;
margin:0;
padding:0;
}

.postspace2 {
color:#000;
background:#fff;
width:440px;
height:0;
margin:0;
padding:0;
}

.postspace3 {
color:#000;
background:#FFF;
width:440px;
height:15px;
margin:0;
padding:0;
}


/* Footer zichtbaar bij JAARTALLEN: */
#footer_blanko {
color:#000;
height:175px;
background:#fff url(images/footer_blanko.jpg) top left no-repeat;
text-align:center;
border-top:0px solid #ccc;
clear:both;
padding:10px 0 0 0;
}

/* Footer zichtbaar bij OVERIGE PAGINAS: */
#footer {
color:#000;
height:175px;
background:#fff url(images/footer.jpg) top left no-repeat;
text-align:center;
border-top:0px solid #ccc;
clear:both;
padding:10px 0 0 0;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{text-decoration:none;border:0;}

a,a:visited,#header h2 a,#content h2 a,#content h3 a,#content ul li a {
color:#f33;
background-color:transparent;
text-decoration:none;
}

a:hover,a:active,#content ul li a:hover {
color:#000;
background-color:transparent;
text-decoration:underline;
}

#header h2 a:hover,#content h1 a:hover,#content h2 a:hover,#content h3 a:hover {
color:#000;
background-color:#fff;
text-decoration:none;
}

#menu ul,#content li {
margin:0;
padding:0;
}

#content ul,#l_sidebar ul,#r_sidebar ul {
list-style:none;
margin:0;
padding:0 0 20px;
}

#l_sidebar p,#r_sidebar p {
line-height:16px;
margin:0;
padding:5px 0 10px;
}

#l_sidebar h2,#r_sidebar h2 {
color:#f33;
background-color:transparent;
font-size:14px;
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
list-style:none;
border-bottom:0px solid #ccc;
margin:0;
padding:0px 0;
}

#l_sidebar li,#r_sidebar li {
list-style:none;
margin:0;
padding:0;
}

#l_sidebar ul li,#r_sidebar ul li {
font-family:"Eras Bold ITC", Impact, Charcoal, sans-serif;
list-style:none;
border-bottom:0px dotted #ccc;
margin:0;
padding:0;
}

#l_sidebar ul li a,#r_sidebar ul li a {
display:block;
color:#a0a1a3;
font-weight:normal;
font-size:1.3em;
background-color:#fff;
text-decoration:none;
letter-spacing:1px;
padding:4px 0 3px 5px;
}

#l_sidebar ul li a:hover,#r_sidebar ul li a:hover {
color:#000;
background-color:transparent;
}


p.serif{text-align:right;}

textarea{overflow:auto;}

/* TOOLTIP in FOOTER */
div#qTip {
 padding: 5px;
 border: 1px solid #353537;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #353537;
 color: #fff;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

#main_start {position: absolute;left: -10000px;};

/*
Kleurcode:

#353537		- Donkere grijs (achtergrondkleur)
#9e9fa1		- Grijs
#ffffff		- Wit
#000000		- Zwart
*/