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

body{
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	margin:0px auto;
	background: #7F0000;
	width:1000px;
	padding:0;
	color:#fff;
	}
	td{
	font: 12px Arial, Helvetica, sans-serif;
	}
img {
border: none;
}
	a{ 
	text-decoration: none;
	color: #fff;
	}
	
a:hover{ 
	color: #2c7309;
	}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 40px;
left: 60px; /*position where enlarged image should offset horizontally */

}
#baniere 
{ 
background-color: #7F0000;
	width: 1000px;
	height:150px;
border-bottom: 2px solid #fff;
		} 
#imabox 
{ 
	width: 105px;
	margin-bottom:5px;
	float: left;
	position: relative;
		} 
#home 
{ background-image:url("http://www.obosso.org/img/ban.jpg"); 
background-repeat: no-repeat;
	width: 1000px;
	height:268px;
		} 
		
#flag 
{ padding-left:150px;
		}
		
#banner_left
{float:right; 
position:static;
width;290px;
}
#banierenews
{ background-image:url("<?php SERVER_URL ?>/img/croissancen.jpg"); 
	width: 800px;
	height:250px;
		}
#newshead
{font:bold 14px Arial, Helvetica, sans-serif;
color:#fff;
width: 520px;
height : 18px;
border-bottom: 2px solid #fff;
	float: left;
	position: relative; 
	margin-left:5px; 


}
#newsheadred
{font:bold 14px Arial, Helvetica, sans-serif;
color:#a01f1f;
height : 18px;
border-top: 1px solid #a01f1f;
border-bottom: 1px solid #a01f1f;
}

#newsheadgreen
{font:bold 14px Arial, Helvetica, sans-serif;
color:#3b7a12;
height : 18px;
border-top: 1px solid #3b7a12;
border-bottom: 1px solid #3b7a12;
}
#newsheadyello
{font:bold 14px Arial, Helvetica, sans-serif; 
color:#e59100;
height : 18px;
border-top: 1px solid #e59100;
border-bottom: 1px solid #e59100;
}

#newsgraph
{
font: 12px Arial, Helvetica, sans-serif;
padding-left : 5px;
padding-right : 5px;
text-align:justify;
	float: left;
	position: relative;
	margin-bottom:20px;

}
#subgraph
{padding-left: 20px; 
}
#titred
{font:bold 12px Arial, Helvetica, sans-serif;
color:#a01f1f;
height : 14px;
}
#tityello
{font:bold 12px Arial, Helvetica, sans-serif;
color:#e59100;
height : 14px;
}
#titgreen
{font:bold 12px Arial, Helvetica, sans-serif;
color:#3b7a12;
height : 14px;
}

#tit
{font:bold 12px Arial, Helvetica, sans-serif;
color:#547892;
height : 14px;
}
#contain
{	width: 520px;
margin-left:20px;
	float:left;
position: relative; 
	}

#containi
{	width: 800px;
	float:left;

position: static; 
	}
	
#contain_top
{
width: 510px;
height:25px;
margin-left: 20px;
padding-top:5px;
color:#fff;
font:bold 16px Arial, Helvetica, sans-serif;
	}
	
#home
{
background-image:url("http://beadsandthinkx.nl/img/home.jpg"); 
background-repeat:no-repeat;
width: 510px;
height:45px;
margin-left: 5px;
padding-top:5px;
	} 
#collectie
{
background-image:url("http://beadsandthinkx.nl/img/collectie.jpg"); 
background-repeat:no-repeat;
width: 510px;
height:45px;
margin-left: 5px;
padding-top:5px;
	}
#Winkel
{
background-image:url("http://beadsandthinkx.nl/img/winkel.jpg"); 
background-repeat:no-repeat;
width: 510px;
height:45px;
margin-left: 5px;
padding-top:5px;
	}
#Kinderfeestjes
{
background-image:url("http://beadsandthinkx.nl/img/kinder.jpg"); 
background-repeat:no-repeat;
width: 510px;
height:45px;
margin-left: 5px;
padding-top:5px;
	}
#workshops
{
background-image:url("http://beadsandthinkx.nl/img/workshops.jpg"); 
background-repeat:no-repeat;
width: 510px;
height:45px;
margin-left: 5px;
padding-top:5px; 
	}
#Openingstijden
{
background-image:url("http://beadsandthinkx.nl/img/open.jpg"); 
background-repeat:no-repeat;
width: 510px;
height:45px;
margin-left: 5px;
padding-top:5px;
	}
#contact
{
background-image:url("http://beadsandthinkx.nl/img/contact.jpg"); 
background-repeat:no-repeat;
width: 510px;
height:45px;
margin-left: 5px;
padding-top:5px;
	}
	
	
#contain_top2
{
height:20px;

padding-left:10px;
padding-top:5px;
color:#2c7309;
font:bold 14px Arial, Helvetica, sans-serif;
border-bottom: 2px solid #eebb00;
	}
	
#contain_main
{font: 14px Arial, Helvetica, sans-serif;	
	padding-right: 10px;
	text-align:justify;
	margin-left: 10px;
	margin-bottom:15px;
	}

#contain_main2
{font: 12px Arial, Helvetica, sans-serif;	

	margin-right: 0px;
	}
	
	
#contain_bot
{	width: 500px;
height:24px;
background-image:url("<?php SERVER_URL ?>/img/images/menu_03.jpg");
background-repeat:no-repeat;
	}


#bigbox 
{
font: 12px Arial, Helvetica, sans-serif;
	width: 1000px;
	background-color:#fff;
}
#bod 
{	background-color:#7F0000;	
float:left;
width:1000px;
 
	}
#top 
{	
float:left;
margin 0 auto;

 
	}
#footer
{
background-color: #fff; 
height: 20px;    
width : 1000px;
float:left;
color:#7F0000
}	
#menuBox
{float:left;
background-color: #7F0000;
position: static; 
 width:150px;
 height: auto;

		}

#menuBoxo
{float:left;
background-color: #7F0000;
position: static; 
margin-left:10px;
 height: 25px;
 width:530px;

		}


#menuDeroulant
{
	list-style-type: none;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	border: 0;
	position: static;
	 list-style-type: none;


 
}
#menuDeroulant li
{
 display: block; 
 float: none;
 margin: 0;
 border: 0;
 border-bottom:1px solid #fff;
 }

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height:25px;
 color:#fff;
 padding: 0px 10px;
 text-decoration: none;

}
#menuDeroulant li a:hover { 
background-color: #fff;
color:#7F0000;
;}
#menuDeroulant .sousMenu
{

 list-style-type: none;
 margin: 0;
 padding: 0; 
 border: 0;
float:right;
}
#menuDeroulant .sousMenu li
{
display:block;
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
 width: 132px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
  float: left;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background:  #7598CF;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #91B1DD;
}
#menuDeroulant li:hover > .sousMenu { display: block; }



#menuDeroulanto
{
	list-style-type: none;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	position:static;
	float:left;
 border-bottom:1px solid #220000;


 
}
#menuDeroulanto li
{float:left;
 display: block;
 margin: 0;
 border: 0;
 height: 35;
 width: 138;
background-image:url("http://www.obosso.org/img/logo/bouton-1.jpg");
background-repeat:no-repeat;
 }

#menuDeroulanto li a:link, #menuDeroulanto li a:visited
{
 display: block;
 color:#fff;
 padding: 0px 10px;
 text-decoration: none;

}
#menuDeroulanto li a:hover { 
background-color: #dc9835;
color:#FFFFFF;
;}