/*CSS BASIS Document*/
/* ONDERDELEN
#transparantfilter { position:absolute; top:133px; left:167px; width:536px; height:40px; background-color:#fff; opacity:.80;filter:alpha(opacity=80); -moz-opacity:0.80; z-index:2 }

Gebruikte kleuren in de site bijv.
groen #e1e8c7
oranje #f28e00
etc.

LIST
.menu { height:45px; font-size:75%; background-color:#FFFFFF}
.menu a { font-weight:bold; color:#000000; text-decoration:none;}
.menu ul{ margin: 0 0 0 25px; padding: 0; list-style: none; }
.menu li { display:inline;}
.menu li a{ display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0px 0px; background-color:#ffffff}
.menu li a:hover {display:inline; margin: 0; padding: 0 35px 0 15px; background: url(../beeld/bullit.gif) no-repeat 0 0; border-bottom: 2px none #ed008c; background-color:#ecedee}


*/
html {overflow: -moz-scrollbars-vertical;}

html, body { height:100%; background-image:url(../img/container-BG.jpg); background-repeat:repeat-y; background-position:center;background-color:#811819;}
/* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */


body {  margin:0; font-size:12px; background-color: #811819; font-family: Verdana;color:#444444; }

/* sitewide weergave van links */
a {color:#2b415c}
a:hover {color:#b52c2f}
a:visited {color:#2b415c}


/* De hoofdcontainer. Dit is het werkgebied waarbinnen de div's worden gepositioneerd */
#container {height:100%; margin-left:auto; margin-right:auto; width:753px; position:relative; background-color:#fffce9; }

#advertcontainer { height:100%; position:absolute; text-align:center; background-image: url(../img/container-BG-ad.jpg); background-repeat:repeat-y; left:758px; top:0px; width:150px;  background-color:#fffce9;}
#advertcontainer_uit { height:100%; position:absolute; text-align:center; background-image: url(../img/container-BG-ad.jpg); background-repeat:repeat-y; left:928px; top:0px; width:150px;  background-color:#fffce9;}

#advert_page { z-index:99; height:150px; position:absolute; text-align:center;  left:0px; top:575px; width:753px;  }

#header { position:relative; top:0px; left:0px; width:753px; height:85px; background-image: url(../img/gaultmillau2010-topbanner.jpg); background-repeat:no-repeat;}

#slogan { position:relative; top:0px; left:0px; width:753px; height:60px;}
#slogan p {
	position:absolute;
	left:390px;
	top:10px;
	width:322px;
	font-size:10px;
	line-height:14px;
	text-align:right;
	padding:0px;
	margin:0px;
	color:#28757c;
}

#blokmain {
	width:440px;
	height:339px;
	position:relative;
	top:20px;
	left:15px;
	float:left;
}

#home_pictures {
	width:450px;
	height:339px;
	position:relative;
	top:20px;
	left:15px;
	float:left;
}

#home_pictures .pic { padding:2px; margin:0px; float:left; position:relative; top:0px; left:0px;}


#zoekbox {
	height:369px;
	width:225px;
	top:10px;
	overflow:hidden;
	left:10px;
	position:relative;
	text-align:left;
	float:left;
	margin:10px 10px 10px 0px;
	font-size:10px;
}
#zoekbox strong { font-size:12px; font-weight:bold;}
#zoekbox h1 {font-size:14px; color:#cc0000; font-weight:bold; line-height: 18px; margin:0; padding:0px 0px 0px 10px;}
#zoekbox td {color:#c9121e; font-size:12px; font-weight:normal; line-height:18px; margin:0px; padding:0px;}

#zoekbox td a:link , #zoekbox td a:visited { color:#c9121e; font-size:10px; text-decoration:none;}
#zoekbox td a:hover { color:#c9121e; font-size:10px; text-decoration:underline;}


#remotetextdown {height:255px; width:419px; top:10px; overflow:hidden; left:0px; position:relative; text-align:left;  float:left; margin:10px 10px 10px 10px; font-size:10px;}
#remotetextdown strong { font-size:12px; font-weight:bold;}

#remotetext {height:255px; width:419px; top:10px; overflow:hidden; left:0px; position:relative; text-align:left;  float:left; margin:10px 10px 10px 10px; font-size:10px;}
#remotetext strong { font-size:12px; font-weight:bold;}

#remotetext_home {height:255px; width:419px; top:10px; overflow:hidden; left:0px; position:relative; text-align:left;  float:left; margin:10px 10px 10px 10px; font-size:12px;}
#remotetext_home strong { font-size:14px; font-weight:bold;}

#remotetext_1 , #remotetext_2 , #remotetext_3 , #remotetext_4 , #remotetext_5 , #remotetext_6 , #remotetext_7 , #remotetext_8 , #remotetext_9 , #remotetext_10 , #remotetext_11 , #remotetext_12 {height:255px; width:419px; top:10px; overflow:hidden; left:0px; position:absolute; text-align:left;  float:left; margin:10px 10px 10px 10px; font-size:12px;}
#remotetext_1 strong , #remotetext_2 strong , #remotetext_3 strong , #remotetext_4 strong , #remotetext_5 strong , #remotetext_6 strong , #remotetext_7 strong , #remotetext_8 strong , #remotetext_9 strong , #remotetext_10 strong , #remotetext_11 strong , #remotetext_12 strong { font-size:14px; font-weight:bold;}



#navigatie { position:relative; left:10px; top:0px; width:250px; float:left;clear:left;  }
#navigatie h1 { font-size:14px; color:#cc0000; font-weight:bold; line-height: 18px; margin:0; padding:0}
#navigatie a { text-decoration:none; color:#cc0000; padding: 0 0 0 10px}
#navigatie a:hover { color:#000; background-image:url(../img/navpijl.gif); background-repeat:no-repeat; background-position: 0 5px }
#navigatie .aan { color:#9cc953; background-image:url(../img/navpijl.gif); background-repeat:no-repeat; background-position: 0 5px }


#webline {
	position:relative;
	top:30px;
	left:0px;
	width:484px;
	height:12px;
	line-height:12px;
	float:left;
	font-weight:bold;
	padding:0px;
	margin:0px;
	font-size:8px;
}
#webline a:link, #webline a:visited, #webline a.act:hover { text-decoration:none; color:#000; font-size:8px; margin:0px; padding:0px;}
#webline a:hover, #webline a.act:link, #webline a.act:visited { text-decoration:none; color:#cc0000; font-size:8px; margin:0px; padding:0px;}


#content {
	position:relative;
	top:0px;
	float:right;
	left:0px;
	width:484px;
	padding-bottom:25px;
}
#content_top {
	position:relative;
	top:0px;
	float:right;
	left:0px;
	width:484px;
	padding-bottom:25px;
}

#c-titel h1 { font-size:14px; font-weight:bold; color:#cc0000; padding:0px 0px 4px 0px; margin:0px; line-height:18px;}

#item { width:242px; height:100px;  text-decoration:none;}
#item h1 { width:227px; max-height:32px; position:relative; color:#1072b8; font-weight:bold; font-size:14px; line-height:16px; padding:0px; margin:0px;}
#item p { width:227px; height:50px; line-height:14px; overflow:hidden; position:relative; color:#444444; padding:4px 0px 8px 0px; margin:0px;}
#item img { width:242px; height:4px; position:absolute; bottom:0px; left:0px; padding:0px; margin:0px; border:none;}

#itemlink {}
#itemlink a:link, #itemlink a:visited {text-decoration:none; cursor:pointer; cursor:hand; height:100px; width:242px;position:relative; top:0px; left:0px; float:left;}
#itemlink a:hover { background-color: #aeaeae;}

#footer {position: relative; top:25px;  margin-left:auto; margin-right:auto; float:left; width:753px; height:40px;}
#footer p { color:#28757c; font-size:9px; line-height:40px; padding:0px 0px 0px 18px; margin:0px; }
#footer p a:link, #footer p a:visited { text-decoration:none; color:#28757c;}
#footer p a:hover { text-decoration:none; color:#444444;}



#content-vervolg { position:relative; top:20px; float:left; left:20px; width:484px; padding-bottom:25px;}
#content-vervolg p { padding:2px 0px 2px 0px; margin:0px;}


#blok1 a:link, #blok1 a:visited, #blok2 a:link, #blok2 a:visited, #blok3 a:link, #blok3 a:visited, #blok4 a:link, #blok4 a:visited, #blok5 a:link, #blok5 a:visited   { width:32px; height:31px; position:absolute; text-decoration:none; border:none;}
#blok1 a:hover, #blok2 a:hover, #blok3 a:hover ,#blok4 a:hover,#blok5 a:hover { width:32px; height:31px; position:absolute; text-decoration:none; border:none;}

#blokmain-klein {width:180px; height:32px; position:absolute; top:5px; left:5px;}

#url {height:15px; width:180px; top:40px; left:5px; position:absolute; text-align:center;}
#url strong { font-size:10px; font-weight:bold; line-height:15px;}


#screen span {position:absolute; overflow:hidden; border:#FFF solid 1px; background:#FFF; }
#screen img{ position:absolute; left:-32px; top:-32px; cursor: pointer; }


#banners {position: relative; top:80px; left:0px; float: left; width:753px; height:160px; text-align:center; background-color:#fffce9; }
#banners p  { margin:0px; padding:0px; background-color:#fffce9;}
#banners img { padding-left:3px; padding-right:3px;}

#zoeken { width:240px; height:125px; text-align:center; float:left; color:#cc0000;}
#zoeken a:link , #zoeken a:visited {text-decoration:none; color:#cc0000;}
#zoeken a:hover { text-decoration:none; color:#000000;}

#zoekenz { width:240px; height:125px; text-align:center; float:right; color:#cc0000;}
#zoekenz a:link , #zoekenz a:visited {text-decoration:none; color:#cc0000;}
#zoekenz a:hover { text-decoration:none; color:#000000;}

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	
	
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	
}

#popupje p { font-size:10px; font-family: Verdana; width:422px; margin-left:10px; color:#444444; text-align:left; text-decoration:none;}

#popupje { height:110px; width:442px; text-align:left; background-color:#FFFFFF; opacity:.90;filter:alpha(opacity=90); -moz-opacity:0.90; position:absolute; top:232px; left:0px;}

#popupdicht { height:25px; width:150px; background-color:#FFFFFF; text-align:center; position:absolute; top:0px; left:292px;}
#popupdicht a:link , #popupdicht a:visited { color:#000000; font-size:10px; line-height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none;}
#popupdicht a:hover {color:#000000; font-size:10px; line-height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; text-decoration:none;}

#popupje_beeld { height:342px; width:442px; padding:0px; width:0px; background-color:#FFFFFF; position:absolute; top:0px; left:0px;}