/* Stylesheet voor Kolthoff */

*			{margin:0; padding:0;}
p			{margin-bottom:1em; margin-top:1em;}
img			{border:0px;}
#center		{text-align:center}
#preload	{position:absolute; top:0px; left:-5000px}
#sectie		{clear:both}

body 		{font-family: Arial; font-size: 14px; line-height:18px; background-color: #6e6e6e; color:#000000}

#screen1		{position:relative; width:1100px; height:600px; margin:0 auto; background:url(../images/achtergrond1.jpg) top left no-repeat;  padding-top:1px;}
#screen1_small	{position:relative; width:1100px; height:102px; margin:0 auto; background:url(../images/achtergrond1-small.jpg) top left no-repeat;  padding-top:1px;}
#screen2		{position:relative; width:1100px; height:auto; margin:0 auto; background-color:#d6d8ce; padding-top:1px;}
#screen3		{position:relative; width:1100px; height:560px; margin:0 auto; background-color:#d1d2c8; padding-top:1px;}

#s2_top		{width:1100px; height:15px; margin-top:50px; background:url(../images/top.jpg) top left no-repeat; background-size:100% 100%}
#s2_middle	{position:relative; width:1100px; height:auto; min-height:550px; background:url(../images/middle.jpg) top left repeat-y; padding-top:1px;}
#s2_bottom	{width:1100px; height:90px; background:url(../images/bottom.jpg) top left no-repeat; background-size:100% 100%}

#menu	{position:absolute; top:70px; right:16px;}
#menu a	{float:left; padding:0px 20px 0 20px; color:#ffffff; text-align:center; border-left:1px solid #b4b4b4; text-decoration:none; font-size:17px}
#menu a:visited	{text-decoration:none;}
#menu a:hover	{text-decoration:none; color:#b4b4b4}

#slideshow {position:absolute; top:220px; left:110px; height:400px; width:90px; z-index:10}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

#fotomenu	{float:left; margin-left:70px; width: 270px; height:auto;}

#werkmenu	{float:left; margin-top:30px; margin-left:70px;}
#werkmenu a	{display:block; width:200px; height:30px; padding:7px 0 0 5px; border-top:1px solid #ffffff; border-bottom:1px solid #737373; color:#4266ac; text-decoration:none}
#werkmenu a:hover	{font-weight:bold}
#werkmenu a.first	{border-top:0px; margin-top:20px;}
#werkmenu a.last	{border-bottom:0px;}
#werkmenu a:before {content:"> "}

#blok	{display:block; float:left; width:600px; height:auto; margin-top:30px; margin-left:150px;}
#lijn	{display:block; float:left; width:600px; height:0px; margin-top:20px; margin-left:150px; border-top:1px solid #737373; border-bottom:1px solid #ffffff}

#footer	{text-align:center; font-size:10px; margin-top:30px; border-top:1px solid #737373}

#tekstblok {padding-left:100px; padding-right:100px}
#tekstblok2 {padding-left:120px; padding-right:100px}

p.grijs		{color:#737373}
p.tekst		{padding-left:100px; padding-right:100px}
p.tekst2	{padding-left:120px; padding-right:100px}
p.bijschrift	{color:#737373; font-style:italic; font-size:12px;margin-top:3px;}

h1	{color:#3459a5; font-size:25px;}
h1.center	{text-align:center}
h1.lager	{margin-top:10px;}

h2			{font-size:20px; color:#3459a5}
h2.links	{margin-left:100px;}
h2.grijs	{font-size:20px; color:#737373}

img.logo	{position:absolute; width:250px; height:auto; top:12px; left:60px;}
img.rechts	{float:right; margin-left:10px;}
img.rondom	{text-align:left;}

p.belons	{position:absolute; top:0px; right:30px; display:block; width:177px; height:29px; padding:13px 0 0 55px; background:url(../images/belons.png) top left no-repeat; color:#ffffff;}


a	{color:#000000}
a:visited	{color:#000000}
a:hover	{color:#000000}

a.dik:hover	{font-weight:bold}

a.klein	{font-size:10px;
}
a.leesmeer	{display:block; width:95px; height:25px; background-color:#4266ac; color:#ffffff; text-decoration:none; padding:6px 0 0 10px; border-right:1px solid #737373; border-bottom:1px solid #737373; border-top:1px solid#ffffff; border-left:1px solid #ffffff}
a.leesmeer:hover	{border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-top:1px solid#737373; border-left:1px solid #737373; padding:4px 0 0 8px; width:97px; height:27px}

a.contact		{position:absolute; top:360px; left:125px; display:block; width:260px; height:55px; padding:15px 0 0 25px; background:url(../images/knop.png) top left no-repeat; color:#ffffff; font-size:20px; text-decoration:none}
a.contact:hover	{top:362px; left:127px; display:block; width:260px; height:55px; padding:15px 0 0 25px; background:url(../images/knop.png) top left no-repeat; color:#ffffff; font-size:20px; text-decoration:none; color:#b4b4b4}

iframe.kaart	{width:600px; height:350px; border:0px}

input.invoer	{width:200px; border:none; color:#ffffff; background-color:#3459a5; height:20px;}
textarea.invoer	{width:200px; resize:none; border:none; height:100px; color:#ffffff; background-color:#3459a5}
input.knop		{font-size:20px}

td	{vertical-align:top;}
td.eerste	{border-left:1px solid #b0b0b0; width:80px; padding-left:100px; height:22px}
table.invullen	{position:absolute; top:80px; left:550px; border-collapse:collapse}

ul.vragen	{margin-left:120px; line-height:22px}