body{ background : url('../img/bg.png') repeat-x #454545; margin : 0; font-family : 'Tahoma'; font-size : 11px; color : #333; }
#wrapper{ width : 963px; margin : 0 auto; }
#logo_ramon{ width : 262px; height : 104px; background : url('../img/logo_ramon.png'); position : absolute; bottom : 8px; left : 50%; margin : 0 0 0 -131px; }
*html #logo_ramon{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://klanten.webdoos.biz/dansschoolramon/img/logo_ramon.png", sizingMethod="crop");  }
#banner{ width : 963px; background : url('../img/banner3.png') no-repeat; height : 201px; position : relative; }
*html #banner{background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://klanten.webdoos.biz/dansschoolramon/img/banner3.png", sizingMethod="crop");  }
#random_banner{ position : absolute; width : 963px; z-index : 0; }
#omschrijving{ position : relative; }

#ramon{ display : none; }
h1{ margin : 0 0 10px 0; padding : 0; font-weight : normal; font-size : 18pt; color : #999; position : relative; }
h2{ margin : 10px 0; padding : 0; font-weight : normal; font-size : 12pt; color : #6F624C; position : relative; }
h3{ margin : 0; padding : 0; font-size : 10pt; font-weight : bold; border-top : 1px dotted #ccc; color : #333; }
h4{ margin : 10px 0; padding : 5px; font-size : 11px; font-weight : bold; color : #333; background : #efefef; }
#news h3{ margin : 0; padding : 0; font-size : 10pt; font-weight : normal; border-bottom : 1px dotted #ccc; color : #333; width : 232px; }
p{ margin : 5px 0; padding : 0; }
a img{ border : 0; }
a h2{ text-decoration : none !important; }

#middle,#menu,#news{ float : left; margin : -1px 0 0 0; }
#menu,#news{ width : 252px; height : 200px; }
#middle{ width : 433px; height : 200px; margin : -1px 12px 0 12px; }
#middle a{ color : #666; }
#middle a:hover{ color : #333; text-decoration : none; }
#middle ul{ margin : 10px; padding : 0; list-style : none; }
#middle ul li{ background : url('../img/button_grey.gif') no-repeat left 6px; padding : 5px 0 5px 20px; }
#middle img{ padding : 5px; border : 1px solid #ccc; margin : 5px; }
.bottom_sides{ background : url('../img/bottom_sides.png') no-repeat; width : 252px; height : 29px; margin : 0 0 10px 0; }
*html .bottom_sides{background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://klanten.webdoos.biz/dansschoolramon/img/bottom_sides.png", sizingMethod="crop");  }
.bottom_center{ background : url('../img/bottom_center.png') no-repeat; width : 433px; height : 39px; margin : 0; }
*html .bottom_center{background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://klanten.webdoos.biz/dansschoolramon/img/bottom_center.png", sizingMethod="crop");  }
#content{ padding : 10px; background : #fff; }
.clearer{ clear : both; }

/* MENU */

#menu ul{ background : #fff; list-style : none; margin : 0; padding : 5px 10px; }
#menu ul li{ background : url('../img/button_blue.gif') no-repeat left 6px; border-bottom : 1px dotted #ccc; }
#menu ul li ul li{ background : none; border : none !important; padding : 3px; }
#menu ul li ul{ margin : 0; padding : 0; }
#menu ul li ul li a{ margin : 0; padding : 0 0 0 30px; display : block; font-size : 8pt; }
#menu ul li ul li:hover{ text-decoration : none; background : none;}
#menu ul li a{ color : #333; text-decoration : none; padding : 5px 0 5px 20px; display : block; }
#menu ul li:hover{ background : url('../img/button_grey.gif') no-repeat left 6px; }
#menu ul li#active{ font-weight : bold !important; background : url('../img/button_grey.gif') no-repeat left 6px; }
#menu #subactive a{ font-weight : normal !important; text-decoration : underline !important; }

#menu ul li#active ul li{ font-weight : normal !important; background : none !important; }
#menu h2,#news h2{ display : none; }

#verken_ons_aanbod{ background : url('../img/verken_ons_aanbod.gif'); width : 252px; height : 42px; }
#bekijk_onze_favorieten{ background : url('../img/bekijk_onze_favorieten.gif'); width : 252px; height : 42px; }
#bekijk_de_nieuwtjes{ background : url('../img/bekijk_de_nieuwtjes.gif'); width : 252px; height : 42px; }
#waar_vind_je_ons{ background : url('../img/waar_vind_je_ons.gif'); width : 252px; height : 42px; }
#nieuwtjes,#vind_ons,#op_hoogte{ background : #fff; padding : 10px; width : 232px; overflow : hidden; }
#op_hoogte{ text-align : center; }
#op_hoogte img{ border : 0; margin : 0 0 5px 0; }
#blijf_op_de_hoogte{ background : url('../img/blijf_op_de_hoogte.gif'); width : 252px; height : 42px; }
ul#ul_favorieten li{ background : url('../img/button_green.gif') no-repeat left 6px !important; }
ul#ul_favorieten li:hover{ background : url('../img/button_grey.gif') no-repeat left 6px !important; }
ul#ul_favorieten li#active{ font-weight : bold !important; background : url('../img/button_grey.gif') no-repeat left 6px; }

/* NIEUWS */

#lees_meer{ color : orange; text-transform : uppercase; font-size : 8pt; padding : 2px 0 2px 20px; background : url('../img/button_orange.gif') no-repeat left; float : left; margin : 10px 0 0 0; }
#lees_meer:hover{ color : #333; text-decoration : none; background : url('../img/button_grey.gif') no-repeat left; }
#navigatie{ float : right; margin : 10px 0 0 0; }
#news_cont{ width : 140px; }
#navigatie #back{ background : url('../img/button_orange_back.gif') no-repeat left; width : 15px; height : 15px; float : left; margin : 0 5px 0 0; }
#navigatie #number{ float : left; }
#navigatie #forward{ background : url('../img/button_orange.gif') no-repeat left; width : 15px; height : 15px; float : left; margin : 0 0 0 5px; }
#navigatie #forward:hover{ background : url('../img/button_grey.gif') no-repeat left; width : 15px; height : 15px; float : left; margin : 0 0 0 5px; }
#navigatie #back:hover{ background : url('../img/button_grey_back.gif') no-repeat left; width : 15px; height : 15px; float : left; margin : 0 5px 0 0; }
#post_container{ height : 75px; width : 10000px; }
#nieuwtjes div.post{ float : left; width : 232px; padding : 0 10px 0 0; }

/* NIEUWSBRIEF */

#txt{ border : 1px solid #ccc; padding : 3px; font-family : 'Tahoma'; font-size : 9pt; width : 200px; }
#lees_meer_nieuwsbrief{ color : #AA0078; text-transform : uppercase; font-size : 8pt; padding : 2px 0 2px 20px; background : url('../img/button_pink.gif') no-repeat left; float : left; margin : 10px 0 0 0; }
#lees_meer_nieuwsbrief:hover{ color : #333; text-decoration : none; background : url('../img/button_grey.gif') no-repeat left; }

/* VIND ONS */

#vind_ons ul{ margin : 0; list-style : none; padding : 0; }
#vind_ons ul li{ background : url('../img/button_black.gif') no-repeat left; }
#vind_ons ul li a{ color : #000; padding : 5px 0 5px 20px; display : block; }
#vind_ons ul li:hover > a{ text-decoration : none; }
#vind_ons ul li:hover{ background : url('../img/button_grey.gif') no-repeat left; }

/* CONTACTEER ONS */

form, fieldset{ margin : 0; padding : 0; border : 0; }
label{ float : left; width : 100px; }
form input, form textarea{ border : 1px solid #ccc; padding : 3px; font-family : 'Tahoma'; font-size : 11px; width : 200px; }
form input.small{ width : 50px; }
form .radio{ border : 0; width : auto; }

.formerror{ display : block; margin : 5px 0 !important; color : #fff; background : #333; padding : 5px; }
form div{ margin : 5px 0; }

form .button{ margin : 5px 0 0 0; border : 0; background : none; font-size : 8pt; text-transform : uppercase; padding : 2px 0 2px 20px; color : #333; background : url('../img/button_grey.gif') no-repeat left; width : auto; }

/* LOCATIE */

#map{ height : 250px; width : 400px; border : 1px solid #ccc; }

/* BROODKRUIMEL */

#breadcrumb{ margin : 0 0 10px 0; position : relative; }
#breadcrumb a,#breadcrumb{ color : #666; font-size : 8pt; }
#breadcrumb a:hover{ text-decoration : none; color : #333; }
#breadcrumb a#lastactive{ color : #6F624C; }

/* LESSENAANBOD */

.reflect{ float : left; margin : 0 10px 0 0; }
.dans_view{ border-bottom : 1px dotted #ccc; padding : 0 0 10px 0; position : relative; }

.prijs{ color : #6F624C; font-size : 10pt; }
#lees_meer_dans{ color : #666; text-transform : uppercase; font-size : 8pt; padding : 2px 0; margin : 5px 0 0 0; display : block; width : 300px; }
#lees_meer_dans:hover{ color : #333; text-decoration : none; }

/* LESSENROOSTER */

.rooster_plaats{ text-align : right; font-weight : bold; border-top : 1px solid #ccc; }
#lessenrooster tr td{ width : 33%; text-align : right; border-bottom : 1px dotted #ccc; border-right : 1px solid #ccc; padding : 5px; }
#uur{ background : #efefef; padding : 2px; }
#weekdag,#rooster_weekdag{ width : 30px !important; font-weight : bold; padding : 0 10px 0 0; border-left : 1px solid #ccc; }
#weekdag_top{ width : 30px !important; }

#start{ color : #ff7c00 !important; }
#dansavond{ color : #7EBE10 !important; }
#audities{ color : #AC37DE !important; }
#proefles{ color : #D32800 !important; }

#legende{ margin : 10px 0 0 0; }
#legende span{ padding : 0 10px 0 20px; text-decoration : underline; }
#gratis_les{ color : #D32800; background : url('../img/red.jpg') no-repeat left; padding : 0 0 0 20px; }
#audities_les{ color : #AC37DE; background : url('../img/purple.jpg') no-repeat left; padding : 0 0 0 20px; }
#dansavond_les{ color : #7EBE10; background : url('../img/green.jpg') no-repeat left; padding : 0 0 0 20px; }
.line{ border-top : 1px dotted #ccc; margin : 10px 0 0 0; }
.line_top{ border-bottom : 1px dotted #ccc; margin : 10px 0 0 0; position : relative; }

/* MILKBOX */

#mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; z-index:100; cursor: pointer; }
#mbCenter { position: absolute; z-index:101; overflow:hidden; left: 50%; top:10%; background-color: #fff; border: 5px solid #fff;	margin:0; padding:5px; }
.mbLoading{ background: #fff url('../img/loading.gif') no-repeat center; }
#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }
#mbBottom { font-family: 'Tahoma'; font-size: 11px; color: #666; line-height: 1.4em; text-align: left; padding-top:8px; margin:0; }
#mbNavigation{ float:right; width:27px;	padding-top:3px; border-left:1px solid #9c9c9c; }
#mbCount{ width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:11px; }
#mbCloseLink, #mbPrevLink, #mbNextLink{ outline:none; display:block; float:right; height:20px; cursor: pointer; }
#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url('../img/prev.gif') no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url('../img/next.gif') no-repeat; }/* IMAGE: next */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }
#mbCloseLink { width:20px; background: transparent url('../img/close.gif') no-repeat; }
#mbDescription{	margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:justify; }

/* COPYRIGHT */

#copyright{ text-align : center; font-size : 10px; color : #999; }
#copyright a{ color : #999; }
#copyright a:hover{ color : #fff; text-decoration : none; }