@charset "utf-8";
/* CSS Document */

html, body {height: 100%; 	
            overflow-y: hidden; 
			overflow-x: auto; 
			border: 0px none; 
			margin:0px; 
			padding: 0px; }


body{
background-repeat:repeat;
font-family:Verdana, Arial, Geneva, sans-serif;
font-size:0.81em;
color:#000;
border-style:none;
border-width:0px;
padding:0px;
margin:0px;
text-align:left;
}

img{border:none;padding:0px 5px 5px 5px; }
table{border:none; padding:0px;margin:0px;border-collapse:collapse;}
table, td, th
{
border:0px solid black; padding:0px;margin:0px; padding-right:4px;
}

div{text-align:left}

textarea, input, select, iframe {
border-style:solid;
border-width:1px;
border-color:#999;
font-size:inherit;
font-family:inherit;
}

p, ul, ol, blockquote, div, select {margin-bottom:0px; margin-top:0px;}
p,h1, h2   {font-size:14px; margin: 0px 5px 0px 5px;text-align:left; color:black}

.centerpage {width:972px; margin: 0 auto ; background-color: #402419;}	
.page      {position: absolute; 
            top:0px; 
            width:972px; bottom: 0px;
			background-color: #f1e9e5  ;
			}

x.kop       {width:972px; position: absolute; top: 0px; left: 0px; 
            height: 200px;  background-repeat: no-repeat;} 
			
.hoofdmenu    {background-color:#968568;background-color: #8b7a5d; top:200px;left:0px; width:155px; position:absolute; bottom:0px; padding:75px 0px 0px 0px;}	
.hoofdmenu p  {color:#FF3;margin: 5px 20px 0px 5px; font-size:16px; font-weight:bold; text-align: left; 			   z-index:50;}  

.social       {left:15px; width:155px; position:absolute;  padding:0px;}	 
.social img   {border:none;padding:0px;padding-right: 2px; width:24px; height:24px;}
.social .banner1 {border:none;padding:0px;padding-right: 2px; width:123px; height:175px;}
.social .banner2 {border:none;padding:0px;padding-right: 2px; width:123px; height:50px; }
.redactie .banner1 { visibility:hidden; display:none }
.redactie .banner2 { visibility:hidden; display:none } 
.banner2 { visibility:hidden; display:none } 

.social p     {margin: 5px 20px 0px 20px; text-align:left} 


.beeldraam    {position:absolute; bottom:0px; left:-3px; z-index:-1}  

	   

.content      {background-color:#f1e9e5; top:240px;left:155px; width:817px; bottom:90px; position:absolute; overflow: auto; z-index:10; overflow-x: hidden }
.content p    {margin:	 0px 0px 0px 0px}
.kol_links    {float: left; clear: left; width:48%; color: #573729;  }  
.new_links    {float: left; clear: both; width:48%; color: #573729;  } 
.kol_rechts   {float: right;  clear: right; width:48%; color: #573729;  } 
.new_rechts   {float: right; clear: both; width:48%; color: #573729;  } 
.kol_geen     {float: none; clear: both; width:100%; color: #573729;} 
.dak          {position: absolute; top: 100px; left: 0px;  padding: 0px} 
.logo         {position: absolute; top: 10px; right: 20px; padding: 0px} 
.onder        {position: absolute; bottom: 0px; left: 0px; padding: 0px; } 




/* class */

.hoofdmenu      
.iconRed, .icon {width:16px; height:16px; border:none;padding-left: 2px;padding:0px;}

.aoptieRed    {margin-left:-11px; margin-bottom:-6px;margin-right: -2px }
img .aoptieRed{width:16px; height:16px; border:none;padding:0px;  }

.optie{color:#fbd516; height:1.40em; vertical-align:bottom; font-weight:bold; margin-left:20px; margin-top:5px}
.optieRed{display:inline;}

a.aoptie        {color:#fbd516;text-decoration: none; }
a.aoptie:link   {color:#fbd516;text-decoration: none; } 
a.aoptie:visted {color:#fbd516;text-decoration: none; }
a.aoptie:hover  {color:#fbd516;text-decoration: underline; }
a.aoptie:active {color:#fbd516;text-decoration: none} 

/* id */
#menu{position: absolute;top: 105px;bottom: 1,40em;left: 5px;width: 155px;}
#menuRed{position: absolute;height: 1,40em;bottom: 16px;left: 5px;width: 155px;
}


#titel{position: fixed;top: 20px;height: 30px;left: 190px;right: 60px;
overflow:hidden ;z-index:0px ; 
text-align:left; color:#FFF; font-size:24px; font-weight:bold}

.textarea_i { width:100%; visibility:hidden; margin-top:0.5em}
.textarea_o { padding-top:0.5em}
.time_i { width:3em}
.time_o {}
.date_i { width:6em}
.date_o {}
.text_i { width:80%}
.date_o {}
.hyperlink_o {width:auto}

.tbf {width: 100%; }
.trf {}
.tdf {vertical-align:top; padding: 0px 20px 0px 20px; width:auto}


.auto   {margin-bottom:0px; margin-top:0px}
.inline {display:inline}
.block  {display:block}
.prepos {font-weight:bold}

.menu {padding: 0px; margin:0; list-style:none; background-color:#CCC ; position: relative; height:0.81em;}
.menu_div {background-color:#CCC ;display: block; width:100%; height:0.81em;top:-0.81em;}
.menu li.menu_top {display:block; float:left; position:relative; padding:0 0.81em 0 0; xbackground-color:#CCC }
.menu_actief_2 {background-color: #F60}
.menu_actief_1 {background-color: #F60}
.menu_actief1  {background-color: #CCC}
.menu_actief2  {background-color: #6F6}
.menu_actief3  {background-color: #6F6}
.menu_actief4  {background-color: #390}
.menu li a.top_link {display:block; float:left; color:#bbb; text-decoration:none; font-weight:bold;  cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; }
.menu li a.top_link span.down {float:left; display:block;  }
.menu li a.top_link:hover {color:#000; }
.menu li a.top_link:hover span {}
.menu li a.top_link:hover span.down {}

.menu li:hover > a.top_link {}
.menu li:hover > a.top_link span {}
.menu li:hover > a.top_link span.down {}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.menu_sub {left:0px; top:1.2em; right:2px; background-color: #EEE; padding:3px 0; border:1px solid #999999; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.menu_sub li {display:block; position:relative; float:left; width:250px;}
.menu :hover ul.menu_sub li a {font-weight:normal;display:block; width:192px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #EEE; border-width:0 0 0 3px;}
.menu :hover ul.menu_sub li a.fly { background-color:#fff;}
.menu :hover ul.menu_sub li a:hover { background-color:#999999;}
.menu :hover ul.menu_sub li a.fly:hover { background-color:#999999; color:#fff;}
.menu :hover ul li:hover > a.fly { background-color:#999999; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background-color:#fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:93px; z-index:200; height:auto;}

.menu_greyed {filter:alpha(opacity=20); opacity:0.2; color:#999;left:0px;text-indent:5px;border:3px solid #EEE; border-width:0 0 0 3px;}

#art__titel_value {padding-top:0px; font-size:14px; font-weight:bold}
.art__block_tekst {padding-bottom:20px;}

.form                {font-weight:bold; width:95%} 
table .form td       {vertical-align:bottom} 
.form select         {width:250px; margin-bottom:2px;margin-right:10px;} 
.form input          {width:248px; margin-bottom:2px;margin-right:10px;} 
.form textarea       {width:336px; height:60px; margin-bottom:2px;} 
.form input.form__button        {width:100px;} 
.form__label         {width:80px;} 
.form__field         {width:320px;}
.form__bedankt_titel {padding-top:0px; font-size:14px; font-weight:bold}
.form__bedankt_tekst {padding-bottom:20px;}
.form__radio         {font-weight: normal;}  

#form_lemarche__prijs  {width: 100px; text-align:right}
#form_lombardia__prijs {width: 100px; text-align:right}



.pag__block_prepos {float:left; width:120px;} 
.pag__float_prepos {float:left; width:120px;} 
.pag__inline_value  { float:left }

.art__titel_i {width:120px}
.varchar_i    {width:80%}


.error       {color:#F00; visibility:hidden; display:none}
.errtxt      {visibility:visible;color:#F00;display:block}
.errcol      {background-color:#FFCCCC;}
.err         {color:#F00;}
.hidden      {display:none; visibility:hidden}
#debug       {color:#009;} 

@media print {
	
.noprint, .dak, .onder,  .hoofdmenu  {display:none}
.logo      {left:0px}
.content   {left: 0px; width:680px; overflow:visible; height:700px; margin:50px 0px 50px 0px;}
}