/* CSS Document Bemedia*/

html {height:100.1%;}
body {margin:0; padding:0; background:#202122 url(../img/bg.jpg) repeat-x; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#3c3c3c; font-size:small;}
hr{ color:#999999; height: 1px; background-color:#CCCCCC; border:0;}

#wrapper {width:974px; margin:0 auto; text-align:left; background-color:#f4f4f4}
#nav {background:#A9506B url(../img/bg_nav.png) bottom left repeat-x; float:left; width:100%}
#taal {margin:0; padding:15px 20px 10px 50px; list-style:none; float:left; color:#FFFFFF;}
#taal a {font-weight:bold; color:#D98900; text-decoration:none;}
#nav taal a:hover { color:#fff;}
#nav ul {margin:0; padding:15px 20px 10px 0; list-style:none; float:right;}
#nav li {display:inline;}
#nav li a {font-weight:bold; color:#fff; font-size:100%; text-decoration:none; padding:5px 15px 10px 15px;}
#nav li a:hover { color:#D98900;}
body#home #t_home, body#bemedia #t_bemedia, body#sterke_media #t_sterke_media, body#cases #t_cases, body#contact #t_contact, body#jobs #t_jobs, body#mediaciti #t_mediaciti {background-color:white; color:#D98900;}

#header {float:left; background-color:#fff; width:100%}
#header img {padding:12px 0 17px 42px; float:left;}
#header #date {float:right; padding:75px 15px 0 0}
#header #date a {color:#A0002F; text-decoration:none;}
#header #date a:hover {color:#A0002F; text-decoration:underline;}

#contentGrey { padding:0; margin:0; width:100%; float:left;}

#innerContentGrey {background:#F3F3F3 url(../img/bg_content_grey.jpg) bottom left repeat-x; margin:0; padding:30px 400px 30px 45px; color:#0B1942;}
#innerContentGrey h1 {background:url(../img/icon_logo.png) 0 0.7em no-repeat; background-position: 0px 13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:160%; font-weight:normal; margin:0; padding:0 0 0 30px;letter-spacing:-1px; color:#0B1942;}
#innerContentGrey h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:120%; font-weight:normal; margin:10px 0; padding:0 0 0 0px;letter-spacing:-1px; color:#A0002F;}
#innerContentGrey ul {margin:10px 0 0 10px; padding:0;}
#innerContentGrey li {margin:3px 0 0 15px;}
#innerContentGrey ol {margin:10px 0 0 10px; padding:0;}
#innerContentGrey img {border:7px solid #C7C7C7; float:right; margin:17px 20px 20px 15px;}
#innerContentGrey a {color:#D98900;}
#innerContentGrey a:hover {color:#A0002F; text-decoration:none;}

#innerContentCases {background:#F3F3F3 url(../img/bg_content_grey.jpg) bottom left repeat-x; margin:0; padding:30px 400px 30px 45px; color:#0B1942;}
#innerContentCases h1 {background:url(../img/icon_logo.png) 0 0.7em no-repeat; background-position: 0px 13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:160%; font-weight:normal; margin:0; padding:0 0 0 30px;letter-spacing:-1px; color:#0B1942;}
#innerContentCases h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:120%; font-weight:normal; margin:20px 0; padding:0 0 0 0px;letter-spacing:-1px; color:#A0002F;}
#innerContentCases ul {margin:10px 0 0 10px; padding:0;}
#innerContentCases li {margin:3px 0 0 15px;}
#innerContentCases ol {margin:10px 0 0 10px; padding:0;}
#innerContentCases img {border:7px solid #C7C7C7; margin:17px 0px 20px 0px;}
#innerContentCases a {color:#D98900;}
#innerContentCases a:hover {color:#A0002F; text-decoration:none;}

#filmpje {border:7px solid #C7C7C7; float:right; margin:17px 15px 15px 30px;}



.box {color:#fff; width:369px; float:right; margin:0;}
.box h2 {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:140%; font-weight:normal;}
.box p {margin:5px 0; padding:0;}
.boxOrange {background-color:#D98900; margin:0 0 9px 0; padding:20px 30px 20px 45px;}
.boxOrange ul {margin:10px 0 0 12px; padding:0;}
.boxOrange li {color:#A0002F;}
.boxOrange a {color:#A0002F;}
.boxOrange a:hover {color:#A0002F; text-decoration:none;}

.boxBlue {background-color:#0B1942; margin:0 0 9px 0; padding:20px 30px 20px 45px;}
.boxBlue a {color:#D98900;}
.boxBlue a:hover {color:#A0002F; text-decoration:none;}


.boxRed {background-color:#A0002F; margin:0 0 9px 0; padding:20px 30px 20px 45px;}
.boxRed a {color:#D98900;}

.boxAdres {margin:0 0 9px 0; padding:20px 30px 20px 45px; color:#767676;}
.boxAdres img {float:left;}
.boxAdres p {margin:0 0 0 130px; padding:0 0 0 10px; font-size:80%; font-family:tahoma; letter-spacing:0.1em; border-left:1px solid #C8C8C8;}

#contentLight {background:url(../img/bg_content_light.jpg) top left repeat-x; margin:0 0; padding:10px 0 5px 45px;  float:left; width:929px;}
#contentLight a {color:#A0002F;}
#contentLight a:hover {color:#D98900; text-decoration:none;}

#contentLight2 {background:url(../img/bg_content_light.jpg) top left repeat-x; margin:0 0; padding:10px 0 5px 45px;  float:left; width:929px;}
#contentLight2 a {color:#A0002F;}
#contentLight2 a:hover {color:#D98900; text-decoration:none;}


#boxCaseA {margin:-110px 0 0 0px; float:left; width:550px; padding:0 0 20px 0; position:relative; top:0;} /*position relative is nodig in IE6 ; de negatieve margin moet aangepast worden volgens de content in de ContentGrey div*/
#boxCaseA img {border:7px solid #C7C7C7; float:left; margin-right:30px;}
#boxCaseA h3 {background:url(../img/icon_logo.png) 0 0.7em no-repeat; background-position: 0px 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:150%; font-weight:normal; margin:0; padding:0 0 0 30px; display:inline; letter-spacing:-1px;}
#boxCaseA p {margin:5px 0; padding:0;}
#boxCaseA ul {margin:10px 0; padding:0;}
#boxCaseA li {margin:3px 0 0 15px;}

#bereiken {margin:0 0 0 0px; float:left; width:85%; border-top:1px solid #D7D7D7; padding:20px 0; }
#bereiken img {border:7px solid #C7C7C7; float:left; margin-right:30px;}
#bereiken h3 {background:url(../img/icon_logo.png) 0 0.7em no-repeat; background-position: 0px 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:150%; font-weight:normal; margin:0px; padding:0 0 0 30px; display:inline; letter-spacing:-1px;}
#bereiken p {margin:5px 0; padding:0;}
#bereiken ol {margin:10px 0; padding:0;}
#bereiken li {margin:3px 0 0 20px;}

#vacature {margin:-110px 0 0 0px; float:left; width:500px; padding:20px; position:relative; top:0; background-color:#666666; color:#FFFFFF;} /*position relative is nodig in IE6 ; de negatieve margin moet aangepast worden volgens de content in de ContentGrey div*/
#vacature img {border:7px solid #C7C7C7; float:left; margin-right:30px;}
#vacature h3 {background:url(../img/icon_logo.png) 0 0.7em no-repeat; background-position: 0px 12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:150%; font-weight:normal; margin:0; padding:0 0 0 30px; display:inline; letter-spacing:-1px;}
#vacature h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%; font-weight:normal; margin:0; padding:5px 0 0 0px; letter-spacing:-1px;}
#vacature p {margin:5px 0; padding:0;}
#vacature ul {margin:10px 0; padding:0;}
#vacature li {margin:3px 0 0 15px;}



#team {margin:0 0 0 0px; float:left; width:100%; padding:10px 0; line-height:20px;}
#team img {border:7px solid #C7C7C7; margin:0 0 10px;}
#team h1 {background:url(../img/icon_logo.png) 0 0.7em no-repeat; background-position: 0px 13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:160%; font-weight:normal; padding:0 0 0 30px;letter-spacing:-1px; color:#0B1942;}
#team h2 {color:#A0002F; font-size:110%; margin: 0 0;}

.teamplayer {float:left; width:214px; margin:0 10px 20px 0; padding: 0 0 0 0;}


#footer {clear:both; background-color:#000000; color:#717171; font-family:tahoma; font-size:90%; padding:5px 0 5px 30px;}

#contactForm {float:right; width:360px; padding:0 0 20px 0; top:0; color:#A0002F;}
#contactForm input {border:1px solid; background-color:#fff; margin: 3px 3px; font-size:80%; padding: 3px 3px 3px 3px;}
#contactForm textarea {border:1px solid; background-color:#fff; margin: 3px 3px; font-size:80%; padding: 3px 3px 3px 3px; font-family:verdana;}
#contactForm btnSubmit {background-color:#D98900; border:none; color:#fff; font-size:80%; padding:3px 5px; margin:5px 0 0 0;}

#contactFormText {padding:3px 0; line-height:26px; color:#A0002F; width:150px; text-align:right; margin-bottom:100px;}

/* #contactForm2 input {border:none; background-color:#fff; font-size:80%; padding: 3px 3px 3px 3px;}
#contactForm2 a {color:#D98900;}
#contactForm2 nieuwsbriefsubmit {background-color:#D98900; border:none; color:#fff; font-size:80%; padding:3px 5px; margin:5px 0 0 0;}

/*classes*/

.underline {border-bottom:1px solid #0B1942;}
.nieuwsbrief {font-size:80%;}
.highlighted {font-weight:bold;}

/*class form*/
input {border:none; background-color:#fff; font-size:80%; padding: 3px 3px 3px 3px;}
.btnSubmit {background-color:#D98900; border:none; color:#fff; font-size:80%; padding:3px 5px; margin:5px 0 0 0;}