* { outline: none; }

html, body 	{ height: 100%; overflow: visible; }
html			{ overflow-y: scroll; }
body 		{ margin: 0; padding: 0; font: 12px/1.5 verdana, arial, helvetica, sans-serif; color: #fff;
background: #131313 url(../images/layout/header_bg.jpg) repeat-x; }

h1 			{ margin: 36px 0 0 0; font-size: 20px; color: #a18f5c; font-weight: bold; margin-bottom: 9px; }
h2 			{ font-size: 11px; line-height: 22px; font-style: italic; margin: 0px; padding: 10px 0 10px 0; }
p			{ margin:0 0 30px 0; padding: 0; }

ul, li		{ margin: 0; padding: 0; list-style: none; }

.clear { clear: both;}

a	{ color: white; text-decoration: none; }
a:hover	{ text-decoration: underline; }

#main ul, #main li		{ margin-left: 10px; padding-left: 10px; text-align: left; }
#main ul li 			{ list-style-type: circle; }
#main ol li 			{ list-style-type: decimal; }

#sitecontainer 	{ position: relative; min-height: 100%; width: 100%; }
#content		{ width: 980px; margin: 0 auto;  padding-bottom: 50px; }
#subcontainer 	{ float: left; }

#header			{ width: 100%; height: 209px; text-align: center; }
#main			{ width: 100%;  }

#logo			{ width: 539px; height: 78px; background: url(../images/layout/logo.png); }

#main #col1		{ float: left; width: 301px; min-height: 20px;  }
#main #col2		{ float: left; width: 373px;  min-height: 20px; }
#main #col3		{ float: left; width: 306px; min-height: 20px; }

#menucontainer		{ margin: 0 auto; width: 539px; height: 209px; }
#menucontainer #logo	{ width: 539px; height: 78px; }
#menucontainer #menu	{ width: 539px; height: 131px; }

#menu li	{ float: left; font-size: 9px; font-weight: bold; text-transform: uppercase; text-align: center; text-decoration: none; border: 0px solid black; letter-spacing: 0px;}
#menu a	{ outline: none; color: #947736; }

#menu a span { display: block; padding-top: 6px; }

#menu3   	{ background: url(../images/layout/menusprite.png); }
#menu4	{ background: url(../images/layout/menusprite.png) -68px 0px;  }
#menu5	{ background: url(../images/layout/menusprite.png) -159px 0px; }
#menu6	{ background: url(../images/layout/menusprite.png) -240px 0px; }
#menu8 	{ background: url(../images/layout/menusprite.png) -345px 0px; }
#menu7 	{ background: url(../images/layout/menusprite.png) -435px 0px; }

#menu3  a   	{ display: block; width: 68px; height: 131px; background: url(../images/layout/menusprite.png); }
#menu4  a	{ display: block; margin-left: 5px; width: 86px; height: 131px; background: url(../images/layout/menusprite.png) -73px 0px;  }
#menu5  a	{ display: block; margin-left: 5px; width: 77px; height: 131px; background: url(../images/layout/menusprite.png) -164px 0px; }
#menu6  a	{ display: block; margin-left: 5px; width: 101px; height: 131px; background: url(../images/layout/menusprite.png) -245px 0px; }
#menu8  a	{ display: block; margin-left: 5px; width: 84px; height: 131px; background: url(../images/layout/menusprite.png) -350px 0px; }
#menu7  a	{ display: block; margin-left: 5px; width: 98px; height: 131px; background: url(../images/layout/menusprite.png) -440px 0px; }


#menu3  a:hover   	{ color: #d1c59b; background: url(../images/layout/menusprite.png) 0px 131px; }
#menu4  a:hover	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -73px 131px; }
#menu5  a:hover	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -164px 131px; }
#menu6  a:hover	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -245px 131px; }
#menu8  a:hover	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -350px 131px; }
#menu7  a:hover	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -440px 131px; }

#menu3  a.active  { color: #d1c59b; background: url(../images/layout/menusprite.png) 0px 131px; }
#menu4  a.active	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -73px 131px; }
#menu5  a.active	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -164px 131px; }
#menu6  a.active	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -245px 131px; }
#menu8  a.active	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -350px 131px; }
#menu7  a.active	{ color: #d1c59b; background: url(../images/layout/menusprite.png) -440px 131px; }


#menu a { text-decoration: none; }

#footer			{ position: absolute; bottom: 0; width: 100%; height: 50px; }

#textcontainer	{ width: 343px; margin-left: 15px; margin-top: 0px; }
.contentstippel { height: 1px; width: 343px; margin-top: 1px; background: url(../images/layout/footerstippel.gif); }
#text			{ margin: 10px 0 0 0; padding: 0px; color: #a18f5c; line-height: 24px; font-size: 11px; }

.polaroid { position: absolute; width: 271px; height: 300px; margin-top: -16px;  }
#foto_3			{ background: url(../images/layout/home_foto.png);  }
#foto_4			{ background: url(../images/layout/alsmama_foto.png); }
#foto_5			{ background: url(../images/layout/opreis_foto.png);  }
#foto_6			{ background: url(../images/layout/alsschrijver_foto.png);  }
#foto_8			{ background: url(../images/layout/alstrainer_foto.png);  }
#foto_7			{ background: url(../images/layout/inbusiness_foto.png);  }

#collage_7		{  }

a.lightviewlinkhome 			{ display:block; height:364px; width:276px; overflow:hidden; margin-top: -20px; margin-left: 20px; }
a.lightviewlinkhome:hover 	{ display:block; text-indent:-276px; }

a.lightviewlinkmama 			{ display:block; height:422px; width:259px; overflow:hidden; margin-top: -30px; margin-left: 28px; }
a.lightviewlinkmama:hover 	{ display:block; text-indent:-259px; }

a.lightviewlinkreis 			{ display:block; height:377px; width:264px; overflow:hidden; margin-top: -42px; margin-left: 33px; }
a.lightviewlinkreis:hover 	{ display:block; text-indent:-264px; }

a.lightviewlinkschrijver 	{ display:block; height:318px; width:270px; overflow:hidden; margin-top: -20px; margin-left: 28px; }
a.lightviewlinkschrijver:hover 	{ display:block; text-indent:-270px; }

.lightviewlinktrainer 	{ display:block; height:321px; width:263px; overflow:hidden; margin-top: -30px; margin-left: 20px; }

a.lightviewlinkbusiness 			{ display:block; height:310px; width:218px; overflow:hidden; margin-top: 38px; margin-left: 50px; }
a.lightviewlinkbusiness:hover 	{ display:block; text-indent:-218px; }



.leesmeer		{ padding: 4px 0 0 0; margin: 0 0 13px 0; }

#footerstippel{ height: 1px; line-height: 1px; overflow:none; width: 964px; margin: 5px auto; background: url(../images/layout/footerstippel.gif); }
#footertext img { margin: 0px 5px; 0px 0px;}
#footertext{ text-align: center; font-size: 10px; }
#footertext a { color: #b8a064; text-decoration: none; }
#footertext a:hover { text-decoration: underline; }

#moretext	{ overflow: hidden; margin-bottom: 34px; visibility: hidden; }
.leesmeer	{ visibility: hidden; }
.leesmeer a	{ display: block; width: 101px; height: 18px; background: url(../images/layout/button_leesmeer.jpg); cursor: pointer; }

#poweredby a	{ color: #fff; }
