@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	}
.informatie p {font-size: 11px; color: #000000}
#content p a {
	font-size: 11px;}
#content p a:hover {
	color: #EA352C;
	text-decoration: none}
#content p a:visited {
	text-decoration: none;
	}
#outerwrapper #contentwrapper_img_prod .image_winkel .bestellen a {
	font-size: 11px;}
#outerwrapper #contentwrapper_img_prod .image_winkel .bestellen a:hover {
	color: #EA352C;
	text-decoration: none}
#outerwrapper #contentwrapper_img_prod .image_winkel .bestellen a:visited {
	text-decoration: none;
	}
body {
	line-height: 1;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #87888A;
	text-align: center;
	color: #000000;}
ol, ul {
	list-style: none;}
#contentwrapper_img .image h1, #contentwrapper_img .image_contact h1  {
	font-size: 14px;
	color: #EA352C;
	padding: 20px 0 20px 110px}
#contentwrapper_cv .content_cv h1{
	font-size: 14px;
	color: #EA352C;
	padding: 20px 0 20px 0px}
#contentwrapper_img .image p, #contentwrapper_img .image_contact p {
	padding: 0 100px 0 110px;
	}
#outerwrapper {
	width: 970px;
	background: #FFFFFF;
	margin: 20px auto;
	text-align: left;
	padding: 0;}
#header {
	width: 970px;
	height: 142px;
	background: url(images/header-birgit.jpg) no-repeat;
	padding: 0;
	margin: 0;}
#contentwrapper {
	padding: 0;
	margin: 0;
	background: url(images/bg_content_img.gif) no-repeat;
	overflow: hidden}
#contentwrapper_webwinkel {
	padding: 0;
	margin: 0;
	background: url(images/bg_content_webwinkel.gif) no-repeat;
	overflow: hidden}
#contentwrapper_cv {
	padding: 0;
	margin: 0;
	background: url(images/bg_content_cv.gif) repeat-y;
	overflow: hidden}
#sidebar1 {
	padding: 0;
	margin: 0;
	float: left;
	width: 285px}
#content {
	width: 685px;
	padding: 0;
	margin: 0;
	float: right}
.content_cv {
	width: 575px;
	padding: 30px 0 0 110px;
	margin: 0;
	float: right}
#footer {
	clear: both;
	height: 8px;
	background: url(images/footer-birgit.gif) no-repeat;
	padding: 0;
	margin: 0}
.een {
	float: left;
	width: 170px;
	height: 170px;
	padding: 0;
	margin: 0;
	text-align: center}
.twee {
	float: left;
	width: 170px;
	height: 150px;
	padding: 20px 0 0 0;
	margin: 0;
	text-align: center}
.drie {
	float: left;
	width: 170px;
	height: 150px;
	padding: 30px 0 10px 0;
	margin: 0;
	text-align: center}
.vier {
	float: left;
	width: 170px;
	height: 150px;
	padding: 30px 0 10px 0;
	margin: 0;
	text-align: center}
.vijf {
	float: left;
	width: 170px;
	height: 140px;
	padding: 25px 0 10px 0;
	margin: 0;
	text-align: center}
.zes {
	float: left;
	width: 170px;
	height: 140px;
	padding: 35px 0 10px 0;
	margin: 0;
	text-align: center}
.zeven {
	float: left;
	width: 170px;
	height: 153px;
	padding: 45px 0 12px 0;
	margin: 0;
	text-align: center}
.acht {
	float: left;
	width: 170px;
	height: 153px;
	padding: 30px 0 12px 0;
	margin: 0;
	text-align: center}	
.negen {
	float: left;
	width: 170px;
	height: 150px;
	padding: 30px 0 10px 0;
	margin: 0;
	text-align: center}
.tien {
	float: left;
	width: 170px;
	height: 150px;
	padding: 30px 0 15px 0;
	margin: 0;
	text-align: center}
#menu {
	display:block; 
	height:350px; 
	margin:0px; 
	padding: 90px 0 0 90px; 
	width: 175px}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:0px; display:block; width:132px; border:0px solid #000;}
#menu li.list1 {background:transparent url(images/schilderijen.jpg) no-repeat top left;}
#menu li.list2 {background:transparent url(images/tekeningen.jpg) no-repeat top left;}
#menu li.list3 {background:transparent url(images/textiel.jpg) no-repeat top left;}
#menu li.list4 {background:transparent url(images/webwinkel.jpg) no-repeat top left;}
#menu li.list5 {background:transparent url(images/informatie.jpg) no-repeat top left;}
#menu li.list6 {background:transparent url(images/contact.jpg) no-repeat top left;}
#menu li.list7 {background:transparent url(images/overwerk.jpg) no-repeat top left;}
#menu li.list8 {background:transparent url(images/cv.jpg) no-repeat top left;}
#menu li.list9 {background:transparent url(images/links.jpg) no-repeat top left;}
#menu a {display:block; width:104px; padding:14px; height:10px; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:100px; height:0;}

#menu a#item1 {background:transparent url(images/schilderijen-rood.jpg) -115px -50px no-repeat;}
#menu a#item2 {background:transparent url(images/tekeningen-rood.jpg) -115px -50px no-repeat;}
#menu a#item3 {background:transparent url(images/textiel-rood.jpg) -115px -50px no-repeat;}
#menu a#item4 {background:transparent url(images/webwinkel-rood.jpg) -115px -50px no-repeat;}
#menu a#item5 {background:transparent url(images/informatie-rood.jpg) -115px -50px no-repeat;}
#menu a#item6 {background:transparent url(images/contact-rood.jpg) -115px -50px no-repeat;}
#menu a#item7 {background:transparent url(images/overwerk-rood.jpg) -115px -50px no-repeat;}
#menu a#item8 {background:transparent url(images/cv-rood.jpg) -115px -50px no-repeat;}
#menu a#item9 {background:transparent url(images/links-rood.jpg) -115px -50px no-repeat;}

#menu a#item1:hover {background-position:top left; z-index:50;}
#menu a#item2:hover {background-position:top left; z-index:50;}
#menu a#item3:hover {background-position:top left; z-index:50;}
#menu a#item4:hover {background-position:top left; z-index:50;}
#menu a#item5:hover {background-position:top left; z-index:50;}
#menu a#item6:hover {background-position:top left; z-index:50;}
#menu a#item7:hover {background-position:top left; z-index:50;}
#menu a#item8:hover {background-position:top left; z-index:50;}
#menu a#item9:hover {background-position:top left; z-index:50;}

* html #menu a:hover {height:23px; height:0;}
#menu li.list22 {background:transparent url(images/tekeningen-rood.jpg) no-repeat top left;}
#menu li.list11 {background:transparent url(images/schilderijen-rood.jpg) no-repeat top left;}
#menu li.list33 {background:transparent url(images/textiel-rood.jpg) no-repeat top left;}
#menu li.list44 {background:transparent url(images/webwinkel-rood.jpg) no-repeat top left;}
#menu li.list55 {background:transparent url(images/informatie-rood.jpg) no-repeat top left;}
#menu li.list66 {background:transparent url(images/contact-rood.jpg) no-repeat top left;}
#menu li.list77 {background:transparent url(images/overwerk-rood.jpg) no-repeat top left;}
#menu li.list88 {background:transparent url(images/cv-rood.jpg) no-repeat top left;}
#menu li.list99 {background:transparent url(images/links-rood.jpg) no-repeat top left;}
.image {
	width: 665px;
	height: 500px;
	padding: 30px 0 0 0;
	margin: 0;
	float: left}
.image_contact {
	width: 665px;
	padding: 30px 0 0 0;
	margin: 0;
	float: left}
.image_winkel {
	width: 665px;
	height: 550px;
	padding: 30px 0 0 0;
	margin: 0;
	float: left}
#contentwrapper_img .image .img {
	padding: 0 0 0 110px}
#contentwrapper_img_prod .image_winkel .img {
	padding: 0 0 0 110px}
#contentwrapper_img {
	padding: 0;
	margin: 0;
	background: url(images/bg_content.gif) no-repeat;
	overflow: hidden}
#contentwrapper_img_prod {
	padding: 0;
	margin: 0;
	background: url(images/bg_content_prod.gif) no-repeat;
	overflow: hidden}
#contentwrapper_img_contact {
	padding: 0;
	margin: 0;
	background: url(images/bg_content_contact.gif) no-repeat;
	overflow: hidden}
#header_img {
	width: 970px;
	height: 142px;
	background: url(images/header-birgit-img.jpg) no-repeat;
	padding: 0;
	margin: 0;}
.informatie {
	padding: 20px 0 0px 0px;
	margin: 0;
	text-align: left;}
.navigatie {
	padding: 20px 0 0 110px;
	margin: 0;}
.informatie_winkel {
	padding: 20px 0px 0px 0px;
	margin: 0;
	text-align: left;
	float: left;
	width: 480px}
.bestellen {
	float: right;
	width: 180px;
	height: 150px;
	padding: 20px 0 0 0px;
	font-weight: bold;
	}
.navigatie_winkel {
	padding: 20px 0 0 110px;
	margin: 0;
	float: left;
	width: 200px;}
a:link, a:visited {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold}
a:hover, a:active {
	text-decoration: none;}
form {
	padding: 15px 15px 15px 0px;
    width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
label {
    float: left;
    width: 80px;
    text-align: left;
    margin-right: 15px;
}
input {
    background-color: #f5f5f5;
	font-size: x-small;
	border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 10px;
}
select {
    width: 120px;
    font-size: x-small;
    background-color: #f5f5f5;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
}
textarea {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    margin-bottom: 10px;
}
.informatie_winkel p {
	padding: 0 100px 0 110px;
	font-size: 11px
	}

.style2 {
	font-size: 12px}
#submit, #reset {
	border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	font-size: x-small;}
a.style3:link, a.style3:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;}
a.style3:hover, a.style3:active {
	text-decoration: none;
	color: #EA352C;
	font-weight:bold;}
.formulier {
	padding: 0;
	margin: 0}
html {
	overflow: scroll}