/* 
stylesheet template mcdonalds websites (basic.css)

INHOUD
1. Reset
2. Default
3. Headings
4. Links
5. Layout
6. Branding/Masthead	
7. Navigation
8. Home
9. Restaurants
10. Kinderfeestjes
11. Acties
12. Werk
13. Sponsoring
14. Contact/Formulieren
15. ClassesU

COLOURS
Geel = #fac700
Rood = #ff0000
Zwart = #000 


/* 1.Reset 
------------------------------------------------------------*/
@import url(reset.css);


/* 2.Deafult
------------------------------------------------------------*/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000; }

body.rood { background:url(/_img/tmpl/bg_rood_body.jpg) repeat-x; }

body.groen { background:url(/_img/tmpl/bg_groen_body.jpg) repeat-x; }



p, ul, dl, ol { margin-bottom:18px; }


/* 3.Headings
------------------------------------------------------------*/
h1, h2, h3, h4, h6 { font-weight:bold; }

h1 { font-size:16px; text-transform:uppercase; margin-bottom:10px; font-weight:bold;  }

h2 { font-size:14px; font-weight:bold; clear:both; margin-bottom:2px; }

h4 { font-size:14px; }

h4 { line-height: 10px;}

h5 { color:#fff;}
	
/* 4.Links
------------------------------------------------------------*/
a { text-decoration:none; color:#000; }

a:hover { color:#FF0000; }


/* 5.Layout
------------------------------------------------------------*/
#wrapper { width:940px; margin:auto; }

#content { float:left; border:3px solid #fac700; width:692px; padding:26px; min-height:300px; margin-bottom:20px; }

#main { float:left; width:460px; margin-right:26px; }

#bottom { border-top:3px solid #fac700; float:left; width:750px; margin:0 0 50px 190px; }

*html #bottom { margin-left:95px; }


/* 6.Branding/Masthead
------------------------------------------------------------*/

#masthead { float:left; height:146px; width:940px; margin-bottom:30px; }

#masthead.rood { background:url(/_img/tmpl/bg_rood_masthead.jpg) no-repeat; }

#masthead.groen { background:url(/_img/tmpl/bg_groen_masthead.jpg) no-repeat; }

#restaurant_detail { float:left; font-family: Arial Black; letter-spacing: -.03em; height:40px; width:700px; padding-left: 10px; padding-top: 45px; font-size:30px; line-height:30px;  }

#restaurant_home { float:left; font-family: Arial Black; letter-spacing: -.03em; height:40px; width:330px; padding-left: 10px; padding-top: 40px; font-size:35px; line-height:50px; color:#FFF;  }

*html #masthead { margin-bottom:-60px; }

#masthead h1 { text-indent:-9000px; height:20px; margin:0px; }
	

/* 7.Navigation
------------------------------------------------------------*/
ul#mainnav { font-size:11px; line-height:11px; text-transform:uppercase; margin-top:102px; font-weight:bold;}

ul#mainnav li { float:left; display:block; height:11px; padding:0 11px; border-right:solid 1px #fac700; }

ul#mainnav li.last { border:none; }

ul#mainnav li a { color:#CCC; }

ul#mainnav li a:hover { color:#FFF; }

ul#mainnav li a.active { color:#fac700; }


ul#sidenav { float:left; border-top:3px solid #fac700;  width:190px; background:url(/_img/tmpl/bg_sidenav.gif) no-repeat bottom; padding-bottom:80px; margin-top:0px; }

ul#sidenav li { border-bottom:1px solid #fac700; line-height:21px; border-left:3px solid #fac700;}

ul#sidenav li a { color:#000; display:block; padding-left:12px; padding-bottom:3px; padding-top:3px;}

ul#sidenav li a:hover { background:#fdf9ec; } 

ul#sidenav li a.active { background:#fbf4d9; }


/* 8.Home
------------------------------------------------------------*/

body#home #content { border:none; padding:0; width:940px; background:url(/_img/tmpl/imlovinit.jpg) no-repeat right bottom; height:212px; min-height:0px; }

body#home #masthead { height:272px; margin-bottom:20px; }



body#home{ background:url(/_img/tmpl/bg_rood_body_home.jpg) repeat-x; }

body#home.groen{ background:url(/_img/tmpl/bg_groen_body_home.jpg) repeat-x; }


body#home.rood #masthead { background:url(/_img/tmpl/bg_rood_masthead_home.jpg) no-repeat; }

body#home.groen #masthead { background:url(/_img/tmpl/bg_groen_masthead_home.jpg) no-repeat top; }

*html body#home #masthead { margin-bottom:-195px; }

body#home ul#mainnav { margin-top:228px; }

ul#banners { height:212px; margin-bottom:0px; }

ul#banners li { width:200px; display:block; margin-right:5px; float:left; }

ul#banners li a span { display:block; border-top:5px solid #000; background-color:#d8d8d8; padding-left:5px; line-height:34px; font-size:11px; color:#666; }

ul#banners li a span:hover { color:#000; }

ul#banners li.last { width:100px; margin-left:5px; }

*html ul#banners li.last { margin-left:2px; }

/* 9.Restaurants
------------------------------------------------------------*/
ul#icons { margin-bottom:15px; float:left; }

ul#icons li { width:60px; height:60px; display:block; float:left; margin:0 10px 10px 0; }

table#openingstijden, table#activiteiten { margin:5px 0 18px 0;  }

table#activiteiten { width:100%; border-top:#fac700 1px solid; }

table#activiteiten td.datum { width:80px; font-weight:bold; }

table#activiteiten tr.uneven { background:#fbf4d9; }

table#activiteiten tr td { border-bottom:#fac700 1px solid; padding:4px 4px; }

table#openingstijden { border-bottom:1px dashed #999999; padding-bottom:3px; }

table#openingstijden td.dag { width:50px; font-weight:bold; }

table#openingstijden td.restaurant { width:100px; }

table#openingstijden td.drivelane {width:55px; }

table#openingstijden tr.toprow td { border-bottom:1px dashed #999999; font-style:italic;  }

table#openingstijden tr.firstrow td { padding-top:3px; }

#plattegrond { border:#999 1px solid; width:459px; height:198px; }

#images img { width:200px; height:200px;  border:1px solid #999;  margin-bottom:20px;}
#images img.sponsor_image { width:200px; height:90px;  border:1px solid #999; text-align:center; line-height:10px; vertical-align:middle; margin-bottom:20px; }

.sponsor_image { width:200px; height:90px;  border:1px solid #999; text-align:center; line-height:10px; vertical-align:middle; margin-bottom:20px; background:#fff;}


/* 10.Kinderfeestjes
------------------------------------------------------------*/
body#kinderfeestjes #content { background:url(/_img/tmpl/bg_feestjes.jpg) right bottom no-repeat; }

body#kinderfeestjes h1, body#kinderfeestjes  strong { color:#FFF;  }

body#kinderfeestjes #content h1, body#kinderfeestjes #content strong { color:#000;  }

#table_feestje { width:100%; margin-top:10px; }

#table_feestje td { padding:7px; background-color:#d6b4d3; font-weight:bold; }

#table_feestje td.omschrijving {  width:70px; background:#76056d; color:#FFF; border-right:3px solid #FFF; }

#table_feestje td.midden { padding:0 7px; }

#table_feestje_module { width:100%; margin-top:10px; margin-bottom:20px; border-top:1px dashed #FFF; border-bottom:1px dashed #FFF;}

#table_feestje_module td { padding:5px; }

#table_feestje_module td.omschrijving {  width:70px; padding-left:0; color:#FFF; }

#table_feestje_module td.midden { padding:0 7px; }


a.reserveerbutton { background:url(/_img/tmpl/reserveerbutton.gif) no-repeat 0 0; text-indent:-9999px; height:34px; width:298px; cursor:pointer; display:block; margin:20px 0; }

a.reserveerbutton:hover { background-position:0 -34px; }

#contentblauw, #contentroze, #contentpaars, #contentgroen, #contentgeel  { float:left; height:100%; border:3px solid #fac700; width:692px; padding:26px; min-height:300px; border-bottom:none; }


/* 10.a Template Root
------------------------------------------------------------*/
#contentstart #images img, .sponsor_image { border-color:#2976be; }

#contentstart { background:url(/_img/tmpl/bg_start_feestjes) no-repeat; }

/* 10.a Template 01 : Blauw
------------------------------------------------------------*/
#contentblauw #images img, .sponsor_image { border-color:#2976be; }

#contentblauw { background:url(/_img/tmpl/bg_blauw.gif) repeat-y; }


/* 10.a Template 02 : Roze
------------------------------------------------------------*/
#contentroze #images img, .sponsor_image { border-color:#e1148f; }

#contentroze { background:url(/_img/tmpl/bg_roze.gif) repeat-y; }


/* 10.a Template 03 : Groen
------------------------------------------------------------*/
#contentgroen #images img, .sponsor_image { border-color:#467709; }

#contentgroen { background:url(/_img/tmpl/bg_groen.gif) repeat-y; }


/* 10.a Template 04 : Paars
------------------------------------------------------------*/
#contentpaars #images img, .sponsor_image { border-color:#740c68; }

#contentpaars { background:url(/_img/tmpl/bg_paars.gif) repeat-y; }


/* 10.a Template 05 : Geel
------------------------------------------------------------*/
#contentgeel #images img, .sponsor_image { border-color:#ffa500; }

#contentgeel{ background:url(/_img/tmpl/bg_geel.gif) repeat-y; }


/* 11.Acties
------------------------------------------------------------*/
body#acties #content { padding:0px; width:744px; height:396px; }


/* 12.Werk
------------------------------------------------------------*/
body#welkom #content, body#werk #content { background:url(/_img/tmpl/werk/bg_werk_normaal2.jpg) no-repeat #4f2f1a; min-height:374px; color:#fff;}

body#werk #main, body#welkom #main { width:385px; }

body#werk #content ul, body#welkom #content ul { list-style:disc; list-style-position:outside; margin-left:15px; }

body#werk #content ul li, body#welkom #content ul li { margin-bottom:2px; } 

body#werk #content .table_academy { width:442px; padding-bottom:20px;}

body#werk #content .table_academy th { font-weight:bold; padding-right:7px;}

body#werk #content .table_academy td { padding-right:7px;}


#werk #content ul li a, #welkom #content ul li a { color:#000; text-decoration:underline; font-weight:bold; }

#welkom #content ol { margin-bottom:15px; display:block; float:left; margin-top:4px; }

#welkom #content ol li { display:block; width:400px; float:left; height:20px; }

body#werk #content a, body#werk #content ul li  a, #welkom #content ol li a { color:#fac700;  text-decoration:none; }

#welkom #content ol li a:hover, #werk #content ul li a:hover, #werk #content a:hover { text-decoration:underline;  color:#fac700;}

#welkom #content ol li span { display:block; width:170px; float:left;}

.van { font-weight:bold; margin-right:65px; }

body#werk #content h2,  body#welkom h2{ font-size:16px; text-transform:uppercase; color:#fac700; }

body#werk #content h3 { font-size:14px; clear:both; margin-bottom:4px;  color:#fac700;}

body#werk #content ol.opsomming { list-style:decimal; list-style-position:outside; margin-left:20px; }

body#werk #content h1, #welkom #content h1 { background: url(/_img/tmpl/werk/koppen_werk2.jpg) no-repeat top left; text-indent:-9999px; height:26px; margin-bottom:3px;  }

body#werk #content h1.werkenbij { background-position:0 -26px; height:52px;}

body#werk #content h1.noteam { background-position:0 -78px; }

body#werk #content h1.nocareer { background-position:0 -104px; }

body#werk #content h1.workalone { background-position:0 -130px; }

body#werk #content h1.centrum { background-position:0 -338px; }

body#werk #content h1.academy { background-position:0 -364px; }

body#werk #content h1.bbl { background-position:0 -390px; }

body#werk #content h1.studiebeurs { background-position:0 -416px; }

body#werk #content h1.crewlid { background-position:0 -156px; }

body#werk #content h1.hostess { background-position:0 -182px; }

body#werk #content h1.trainee { background-position:0 -208px; }

body#werk #content h1.floormanager { background-position:0 -234px; }

body#werk #content h1.assistentmanager { background-position:0 -260px; }

body#werk #content h1.eersteassistentmanager { background-position:0 -286px; }

body#werk #content h1.restaurantmanager { background-position:0 -312px; }


/* 13.Sponsoring
------------------------------------------------------------*/
body#sponsoring #content ul { list-style:disc; margin-left:15px; font-weight:bold; }

body#sponsoring #content p + ul { margin-top:-10px; }

body#sponsoring #content a { text-decoration:underline; }


/* 14.Contact/Formulieren
------------------------------------------------------------*/
ol li { margin-bottom:4px; }

label { display:block; float:left; width:135px; }

select { width:200px; margin-bottom:4px; }

.text { border:1px solid #999; background:#fff; padding:2px; height:15px; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.file { border:1px solid #999; background:#fff; padding:0px; height:20px; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.area { height:70px; overflow:hidden;  }

.small { width:60px; margin-right:20px; }

.radio { margin-bottom:3px; }

.verplicht { font-size:11px; margin-right:35px; }

.alert { color:#FF0000; }

button { background:#000; padding:2px; height:20px; border:none; cursor:pointer; text-transform:uppercase; color:#fac700; font-size:11px; }

*html button { padding:2px; }

button:hover { color:#FFF; }


/* 15.Classes
------------------------------------------------------------*/
.fl { float:left; }

.fr { float:right; }
.lwr { text-transform:lowercase }
.cv_text {font-size:12px;}