/* CSS Document */
body {
margin: 0;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 62.5%;
background: url(../images/back.gif);
}

/*tekst opmaak*/
h1 {
font-size: 1.8em;
color: #339;
margin: 230px 20px 5px 20px;
padding: 0;
}

h1.melding {
font-size: 1.8em;
color: red;
margin: 230px 20px 5px 20px;
padding: 0;
}

h2 {
font-size: 1.4em;
color: #339;
margin: 10px 20px 5px 20px;
padding: 0;
}

p {
font-size: 1.2em;
margin: 5px 20px 20px 20px;
padding: 0;
}

ul.opsomming {
font-size: 1.2em;
margin: 5px 20px 20px 20px;
padding: 0 0 0 10px;
list-style: disc;
}

img {
margin: 0 0 50px 20px;
padding: 0;
}

img.lijn {
border: #ccc 1px solid;
}

p#adres {
font-size: 1.2em;
margin: 0 0 7px 100px;
}

p#adres_naam {
margin: 5px 0 7px 100px;
font-weight: bold;
}

label#adres {
font-size: 1em;
float: left;
color: #339;
margin: 2px 0 0 20px;
font-style: italic;
}

 a {
color: #339;
}

a:link, a:visited {
text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
}

/*div*/
div#main_container {
margin: 0 auto 0 auto;
background: url(../images/main.gif);
width: 880px;
text-align: left;
}

div#left {
float: left;
width: 200px;
}

div#left_logo {
background: #fff url(../images/logo.jpg) no-repeat 85px;
width: 200px;
height: 73px;
}

div#left_foto {
background: url(../images/foto.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_borduur {
background: url(../images/foto_borduur.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_fijngravure {
background: url(../images/foto_fijngravure.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_diepgravure {
background: url(../images/foto_diepgravure.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_lasergravure {
background: url(../images/foto_lasergravure.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_studio {
background: url(../images/foto_studio.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_tampondruk {
background: url(../images/foto_tampondruk.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_digitaaldruk {
background: url(../images/foto_digitaaldruk.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_zeefdruk {
background: url(../images/foto_zeefdruk.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_beletteren {
background: url(../images/foto_beletteren.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_transfers {
background: url(../images/foto_transfers.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_naambadges {
background: url(../images/foto_naambadges.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_producten {
background: url(../images/foto_producten.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#foto_sleutelhangers {
background: url(../images/foto_sleutelhangers.jpg) no-repeat bottom;
width: 200px;
height: 630px;
}

div#left_blue {
background: url(../images/menu.gif) no-repeat;
position: absolute;
top: 73px;
width: 200px;
height: 287px;
font-size: 1.4em;
z-index: 1;
}

div#menu {
float: right;
padding: 80px 0 0 0;
z-index: 2;
}

div#content {
background: url(../images/banner.jpg) no-repeat top;
float: left;
width: 520px;
z-index: 0;
margin: 0 0 50px 0;
}

div#content_borduur {
background: url(../images/banner_borduur.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_fijngravure {
background: url(../images/banner_fijngravure.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_diepgravure {
background: url(../images/banner_diepgravure.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_lasergravure {
background: url(../images/banner_lasergravure.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_studio {
background: url(../images/banner_studio.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_tampondruk {
background: url(../images/banner_tampondruk.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_digitaaldruk {
background: url(../images/banner_digitaaldruk.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_zeefdruk {
background: url(../images/banner_zeefdruk.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_beletteren {
background: url(../images/banner_beletteren.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_transfers {
background: url(../images/banner_transfers.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_naambadges {
background: url(../images/banner_naambadges.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_sleutelhangers {
background: url(../images/banner_sleutelhangers.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#content_producten {
background: url(../images/banner_producten.jpg) no-repeat top;
float: left;
width: 520px;
margin: 0 0 50px 0;
}

div#right_wit {
margin: 20px 0 0 10px;
float: right;
background: #fff;
width: 150px;
height: 210px;
}

div#right_blauw {
float: right;
background: #339;
width: 160px;
height: 290px;
}

div#hes_citec {
clear: right;
float: right;
background: white;
width: 160px;
text-align: left;
margin: 0 0 20px 0;
}

div#hes_citec img {
margin: 20px 0 0 0;
padding: 0;
}

div#hes_citec img a{
border: none;
}

#footer {
position: relative;
clear: both;
left: 200px;
padding: 15px 0 15px 20px;
width: 500px;
color: #339;
font-size: 1em;
text-align: left;
border-top: #339 1px solid;
border-right: none;
border-bottom: none;
border-left: none;
}

#footer a {
color: #39c;
}

#footer a:link, #footer a:visited {
text-decoration: none;
}

#footer a:hover, #footer a:active {
text-decoration: underline;
}

div#webdesign {
float: right;
margin: -12px 0 0 0;
}

#punt {
position: relative;
clear: both;
width: 780px;
margin: 0;
padding: 0;
}

/*menu*/
#nav, #nav ul, #nav ul ul {
padding: 0;
margin: 0;
list-style: none;
background: url(none.gif) repeat 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}

#nav {
width: 140px;
}

#nav li {
width: 140px;
}

#nav ul {
position: absolute;
width: 120px;
left: -1000px;
margin: -19px 0 0 140px;
font-size: 100%;
}

* html #nav ul {
margin: -17px 0 0 140px;
}

#nav li li {
width: 100px;
}

#nav ul ul {
width: 100px;
margin: -17px 0 0 99px;
font-size: 100%;
}

* html #nav ul ul {
margin: -15px 0 0 99px;
}

#nav li li li{
width: 100px;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
}

#nav li:hover ul ul, #nav li.ie_does_hover ul ul {
left: -1000px;
}

#nav ul li:hover ul, #nav ul li.ie_does_hover ul {
left: auto;
}

#nav a {
font-weight: bold;
text-align: right;
display: block;
text-decoration: none;
padding: 2px 10px 5px 4px;
margin: 5px 0 0 0;
}

#nav a:link, #nav a:visited {
background: #339 url(../images/knop1.gif) no-repeat bottom left;
color: #fff;
}

#nav a:hover, #nav a:active {
background: #339 url(../images/knop2.gif) no-repeat bottom left;
color: #0cf;
}

#nav li li a {
text-align: left;
margin: -1px 0 0 0;
padding: 2px 0 2px 10px;
border: 1px solid #fff;
font-weight: normal;
}

* html #nav li li a {
position: relative;
margin: -3px 0 0 0;
}

#nav li li a:link, #nav li li a:visited {
background: #339;
color: #fff;
}

#nav li li a:hover, #nav li li a:active {
background: #39c;
color: #fff;
}

#nav li li li a:link, #nav li li li a:visited {
background: #39c;
color: #fff;
}

#nav li li li a:hover, #nav li li li a:active {
background: #6cf;
color: #fff;
}

ul {
list-style: none;
}

/* Formulier */
table.form {
font-size: 1.2em;
margin: 0px 0 20px 20px;
padding: 0;
}

table td{
margin: 0;
padding: 0 50px 0 50px;
}

table.form td {
padding: 0 10px 0 0;
}

/*oud
label#form {
color: #339;
margin: 7px 0 0 0;
float: left;
width: 70px;
}

fieldset {
font-size: 1.2em;
width: 400px;
margin: 0px 0 20px 10px;
padding: 20px 0 10px 10px;
border: 0;
}

legend {
color: #339;
font-weight: bold;
font-size: 1.4em;
}
*/
input {
color: #339;
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #339;
background-color: #fff;
width: 320px;
}

.foutmelding {
background-color: #ffcccc;
border: 1px solid red;
}

textarea {
color: #339;
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #339;
background-color: #fff;
width: 320px;
}

select {
color: #339;
margin: 2px 0 9px 0;
padding: 1px 0 2px 3px;
border: 1px solid #339;
background-color: #fff;
}

.button {
background-color: #339;
color: #fff;
font-weight: bold;
width: auto;
margin: 0 5px 0 0;
padding: 1px 5px 2px 5px;
cursor: pointer;
border: 0;
float: right;
}

a.pdf img {
border: none;
cursor: pointer;
margin: 5px 0 0 0;
}

a.pdf label {
cursor: pointer;
}

a img {
border: none;
}