@charset "utf-8";
/* stijlsheet behorende bij jongleerworkshop.nl - geschreven door netwel, netwel@hetnetniet.nl
	laatste wijziging: eindhoven 01-06-08   */
/* overall layout, indeling in layout divs. */
html{	background: #FDFDFD url("images/bg_monocolor.jpg") repeat;
	font: 0.9em Myriad, Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

body
{
	background: #2e4859 url("images/bg_gradient.jpg") repeat-x;
    font-family: Arial, Verdana, sans-serif;
	top:0px;
	left:0px;
    margin:0;
    padding:0;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


#mainwrapper{
	height:auto !important; 
	height:100%; 
	min-height:100%; 
	width: 1010px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:1px;
	text-align:justify;

}

#subwrapper{
	background: #2e4859 url("images/bg_gradient.jpg") repeat-x;
	width:1010px;
	top:0px;
	left:0px;
    margin:0px;
    padding:0px; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	}

#menu{
	/* background: #f55;*/
	width:159px;
	height:100%;
	float:left;
	text-align:right;
	font-size:1.0em;
	}

#contentwrapper{
	width:850px;
	height:100%;
	margin-left:160px;
	background: #2e4859 url("images/content_monocolor.2.jpg") repeat-y 0px 219px ;
}
#header{
	background: url("images/header.jpg") no-repeat ;
	height:219px;
}
#content{
	text-align:left;
	padding:20px 20px 20px 38px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background: url("images/content_gradient.jpg") no-repeat;

}
.contenttext{width:570px;text-align:justify;}
#sidebar{
	width:190px;
	float:right;
	margin-left:20px;
} 
#sidebarhead{ background:url('images/sidebar.header.png') no-repeat top left; height:29px; margin-bottom:0;}
#sidebarbody{ background:url('images/sidebar.middle.png') top left; margin:0 ; padding:0 16px 0 16px; }
#sidebarfooter{ background:url('images/sidebar.footer.png') no-repeat top left; height:56px; margin-top:0}
#sidebarbody div.foto{margin:auto ; padding:0 ; clear:both; margin-bottom:38px; text-align:center;}

#footer{
	width:100%;
	height:220px; 
	background: url("images/footer.jpg") no-repeat;
	clear:both;
	padding-top:22px;

}
#copyright{
	width:50%;
	font-size:1em ;
	color:#eef;
	left:42px;
	top:202px;
	position:relative;
}
#visitekaartje{
	text-align: right;
	white-space: nowrap;
	color: #254a63;
	margin-bottom:38px;

}
#visitekaartje a{ font-weight:400;}
#naw{
	float:right;
	text-align: right;
	margin-top:22px;
	width:172px;
	font-size:1em ;
	overflow:hidden;
	color:#eee;
	padding-right:38px;
	white-space: nowrap;
	border-left: 1px dotted #eee;
}
#footer #naw a:link, #footer #naw a:active, #footer #naw a:visited
{	color:#eee;	font-weight: normal; }

#footer #naw a:hover{
	color:#eee;
	font-weight: normal;
	background-color:#996f4f;
	text-decoration:none;
}
#footer #copyright a:link, #footer #copyright a:active, #footer #copyright a:visited{color:#eef;font-weight: normal; }
 #footer #copyright a:hover{color:#fffea7;}
.clearing {
  height: 0;
  clear: both;
}

/*  opmaak menu items */
#menu ul{
	margin:222px 0px 170px 0px;
	list-style-type:none;
	padding:0px 0px 12px 0px;
}

#menu ul li{
	margin-bottom:20px;
}	
	
#menu ul li.active_item {
/*	background: url("images/menu_active.jpg") no-repeat ;  */
	display:block;

} 

#menu ul li a{
	display:block;
	color:#4a4742;
	text-decoration:none;

}

#menu ul li a:hover{
/*	background: url("images/menu_hover.jpg") no-repeat ;  */
	display:block;
		color:#416680;
	
}

/*opmaak teksten */

hr{color:#2e4859; margin-top:16px;}

h1, h2, h3 , h4{
	margin-top:12px;
	margin-bottom:4px;
	padding-top:0px;
	line-height:1em;
	color:#36414c;
}
h1{
	font-size:x-large;
}
h2{
	font-size:large;
	color:#416680;
}
h3{ color:#474b56;}


h3.motto{
	text-indent:12px;
	margin-top:4px;
	margin-bottom:4px;
	font-style:italic;

}
#sidebar  h3 , h4{
	margin:0 0 8px 0;
	padding-top:6px;
	padding-left: 2px;
	font-size:.9em;
	color:#36414c;
	border-bottom:3px inset #416680;
}

.vinkaan{
	font-family: Impact, Myriad, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#36414c;
	font-size:1.3em;
}
p.samenwerking{border-left:1px dotted #416680; padding-left:8px; margin-bottom:0;}

/* volgende werkt niet in ie   huh??? */
.acceskey{
	text-decoration:underline;
}




/* general styles */ 

/*  a, .link
{
	text-decoration: none;
	color: #03c;
}

a:visited, .linked
{
	text-decoration: none;
	color: #039;
}

a:hover, .link:hover, .link:hover
{
	text-decoration: underline;
	color: #36f;
}

a.selected
{
	font-weight: bold;
	color: #345;
}   */




/* links in t algemeen  */
/* a{
	font-weight: bold;
	text-decoration: none;
}
a:link, a:active, a:visited {
	color:#2e4859;
}
a:hover {
	color: #547c93;
	text-decoration: underline;
}

a.samenwerkingslink, a.leesmeer {
	margin:4px 0 12px 0;
	display: block;
	text-indent:12px;}
a.samenwerkingslink:link, a.samenwerkingslink:visited,a.samenwerkingslink:active,
a.leesmeer:link, a.leesmeer:visited, a.leesmeer:active {
	color:#fffea7;
}
a.samenwerkingslink:hover, a.leesmeer:hover{
	color:#666e7b;
}
a.leesmeer {
	font-size:0.8em;
}
*/

a{
	text-indent:12px;
	font-weight: bold;
	text-decoration: none;
}
a:link, a:active, a:visited {
	color:#fffea7;
}
a:hover {
	color:#666e7b;
	text-decoration: underline;
}

a.samenwerkingslink, a.leesmeer {
	margin:4px 0 12px 0;
	display: block;
	text-indent:12px;}
a.leesmeer {
	font-size:0.8em;
}

BLOCKQUOTE.open {
      background: url(images/quote.open.png) top left no-repeat;
	  margin:8px;
	  width:470px;
    padding-left:50px;
	  text-align:justify;
}
   
div.quoteclosed{
        background: url(images/quote.close.png) bottom right no-repeat;
        padding-right: 50px;

    }

/*


span.quoteclose{background: url(("images/quote.close.gif")) no-repeat; width:40px; height:25px;}
span.quoteopen{background: url(("images/quote.open.gif")) no-repeat; width:40px; height:25px;}
*/
/*Form*/
table#contact{
	width:100%;
}
td.input{
	width:68%;
}
td.label{
	cursor: pointer; 
	vertical-align:top;
	width:32%;
}

input:focus, select:focus {
	color: #05053b;
  	background-color:#f9f9ff;
  	border-color:rgb(102, 153, 204);
}
textarea:focus, select:focus {
	color:#05053b;
  	background-color:#f9f9ff;
  	border-color:rgb(102, 153, 204);
}




/*   images   */
img { border: none; }

.thumb{
	padding:0px;
	width:120px;
	height:120px;
}