/* CSS Document */
html, body { height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; }
/*body { margin:0px; padding:0px; background-image:url(../images/bg.jpg); background-position:center; }*/
body { margin:0px; padding:0px; background-color:#fff; background-position:center; }
div { float:left; margin:0px; padding:0px; }
img { border:none; }
a { color:#FFF; font-weight:bold; text-decoration:underline; }
a:hover { color:#CCC; }

/* Containers */
#container { float:none; width:1001px; margin:0 auto !important; background-color:#09F; min-height:100%; }
/*#leftBg { float:none; position:absolute; left:0px; top:0px; height:100%; width:50%; background-color:#515252; z-index:-2; background-image:url(../images/bgLeft_bg.jpg); background-repeat:repeat-x; background-position:right top; }*/
#leftBg { float:none; position:absolute; left:0px; top:0px; height:100%; width:50%; background-color:#fff; z-index:-2; background-image:url(../images/bgLeft_bg2.jpg); background-repeat:repeat-x; background-position:right top; }
#rightBg { float:none; position:absolute; right:0px; top:0px; height:100%; width:50%; background-color:#FFF; z-index:-2; background-image:url(../images/stripes_bg2.jpg); background-repeat:repeat-x; background-position:left top; }
#bottomBar { float:none; position:absolute; bottom:0px; width:1000px; background-color:#9C6; }

#outer { width:100%; height:auto; }

/* Header */
#header { width:1001px; }
#header #stripes { width:1001px;height:108px; background-image:url(../images/stripes_bg.jpg); text-align:right; }
#header #people { width:1001px; height:150px; background-image:url(../images/people_bg.jpg); }
#header #people #headerLogo { padding:52px 0px 0px 0px; }
/*#header #people #headerLogo img { padding-left: 8px; }*/
#header #people #peopleRightFill { margin:0px 0px 0px 10px; width:347px; height:150px; overflow:hidden; }
#header #people #peopleRight { width:100px; height:150px; }
#header #redPart { width:1001px; height:252px; background-image:url(../images/redPart_bg.jpg); }
#header #redPart #ballon { margin:1px 0px 0px 0px; width:349px; height:250px; }
#header #redPart #redPartText { width:322px; height:330px; }
#header #redPart #redPartText p { padding:10px 59px 0px 26px; font-size:16px; color:#FFF; line-height:23px; }
#header #redPart #redPartRight { width:330px; height:251px; }
#header #redPart #redPartRight #redPartRightTop { width:237px; height:14px; }
#header #redPart #redPartRight #toscani { width:93px; height:14px; }
#header #redPart #redPartRight #redPartFestivals { width:330px; height:237px; }

/* Middle */
#middle { width:1001px; background-image:url(../images/content_bg.jpg); }
#middle #leftMenu { width:335px; }
#middle #leftMenu h2 { margin:0px; padding:33px 0px 10px 0px; font-size:28px; color:#F08E33; }
#middle #leftMenu h2 img { margin-left: 10px; }
#middle #leftMenu embed { margin-left: 10px; }
#middle #leftMenu #tellafriend { margin:20px 0px 0px 0px; width:306px; height:134px; background-image:url(../images/tellafriend_bg.jpg); }
#middle #leftMenu #tellafriend form { margin:0px; padding:0px; width:306px; height:134px; }
#middle #leftMenu #tellafriend .formFields { display:block; float:left; width:88px; background-color:#FFF; border:1px solid #515352; clear:both; }
#middle #leftMenu #tellafriend .formNaam { margin:46px 0px 0px 44px; }
#middle #leftMenu #tellafriend .formEmail { margin:4px 0px 0px 164px; }
#middle #leftMenu #tellafriend .formSubmit { margin:4px 0px 0px 164px; height:23px; }
#middle #leftMenu div.festivalList { margin:25px 0px 25px 0px; padding:0px; width:160px; }
#middle #leftMenu div.festivalList ul { margin:0px; padding:0px 0px 0px 10px; }
#middle #leftMenu div.festivalList ul li { list-style-type:none; }
#middle #leftMenu div.festivalList ul li a { color:#FFF; text-decoration:none; font-weight:normal; }
#middle #leftMenu div.festivalList ul li a:hover { text-decoration:underline; }

#middle #content { width:666px; }
#middle #content h1 { margin:0px; padding:30px 0px 10px 42px; font-size:30px; color:#1B7397; }
#middle #content div.stappen {  margin:0px 0px 25px 42px; padding:0px 42px 0px 42px; line-height:20px; background-position:left top; background-repeat:no-repeat; clear:both; }
#middle #content div.stappen p { margin:0px; padding:0px; width:540px; }
#middle #content div.one { background-image:url(../images/stappen_1.jpg); }
#middle #content div.two { background-image:url(../images/stappen_2.jpg); }
#middle #content div.three { background-image:url(../images/stappen_3.jpg); }
#middle #content div.four { background-image:url(../images/stappen_4.jpg); }
#middle #content div.five { background-image:url(../images/stappen_5.jpg); }


#footer { width:100%; background-color:#116e8d; height:179px;  overflow:hidden; }
#footer #footerCenter { float:none; width:1001px; margin:0 auto !important; overflow:hidden; }
#footer #footerCenter #leftBtn { width:72px; margin:62px 0px 0px 0px; text-align:right; cursor:pointer; }
#footer #footerCenter #rightBtn { width:72px; margin:62px 0px 0px 0px; cursor:pointer; }
#footer #footerCenter #footerImages { margin:8px 0px 8px 0px; width:856px; height:143px; overflow:hidden; }
#footer #footerCenter #footerImages ul { margin:0px; padding:0px; }
#footer #footerCenter #footerImages ul li { float:left; margin:0px; padding:0px 0px 0px 15px; list-style-type:none; display:inline; height:143px; }
#footer #footerCenter #footerImages ul li.lessPadding { padding:0px 0px 0px 8px; }
#footer #footerCenter #footerImages ul li img { width:199px; height:143px; }
#footer #footerlinks { width:100%; text-align: center; }

.strong { font-weight:bold; }
.redText { color:#fff; }


/* nieuw */

#stripes, #stripes a, #stripes img { margin:0; padding:0; }
#header #people #logoBlock { margin:0px 0px 0px 10px; width:447px; height:150px; overflow:hidden; background-color:#fff; }
#header #people { background-image: url("http://www.festivalreporter.nl/images/newlogos/people.jpg"); }
