/* Default CSS Stylesheet for a new Web Application project */
html, body { margin: 0; padding: 0; }
* { box-sizing: border-box; }
BODY { scrollbar-3dlight-color: #99ADD6; scrollbar-arrow-color: #003399; scrollbar-base-color: #FFF; scrollbar-darkshadow-color: #003399; scrollbar-face-color: #99ADD6; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFF; font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height: 18px; }
body.bg{background: url(imgsite/4all_800x600.gif) no-repeat bottom center White; background-attachment: fixed; }
body.footer { background-image: none; background-color: White; }
.t, .footer, .title, .subtitle, .tklein, .tgroot, a { COLOR: #003399; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; }
.t { font-size: 9pt; font-weight: normal; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; }
.footer { font-size: 8pt; font-weight: bold; font-style: italic; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; }
.title { font-size: 10pt; font-weight: bold; font-style: normal; text-decoration: underline; word-spacing: normal; letter-spacing: normal; text-transform: none; }
.subtitle { font-size: 9pt; font-weight: bold; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; }
.tklein { font-size: 8pt; font-weight: normal; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; }
.tgroot { font-size: 12pt; font-weight: bold; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; }
A:link { text-decoration: underline; color: #3333cc; }
A:visited { text-decoration: none; color: #333399; }
A:active { text-decoration: none; color: #333399; }
A:hover { text-decoration: none; color: #3333cc; }
A:link.4all { text-decoration: none; color: #3333cc; }
A:visited.4all { text-decoration: none; color: #333399; }
A:active.4all { text-decoration: none; color: #333399; }
A:hover.4all { text-decoration: underline; color: #3333cc; }
SMALL { font-size: .7em; }
BIG { font-size: 1.17em; }
BLOCKQUOTE, PRE { font-family: Courier New, monospace; }
UL LI { list-style-type: square; }
UL LI LI { list-style-type: disc; }
UL LI LI LI { list-style-type: circle; }
OL LI { list-style-type: decimal; }
OL OL LI { list-style-type: lower-alpha; }
OL OL OL LI { list-style-type: lower-roman; }
IMG { margin-top: 0px; margin-left: 0px; margin-right: 0px; }

/*intropagina*/
.intropage { width: 1024px; height: 312px; position: relative; top: 30vh; left:50%; margin-left:-512px; }
.headerfotobar { background: url(imgsite/camion_intro.png) center right no-repeat #bcd0e3; border-radius: 50px 0 0 0; border: 2px solid #2a69a7; padding: 15px; box-sizing: border-box; height: 185px; }
.headerfotobar .address { width: 250px; text-align: right; color: #000066; font-weight: bold; margin-top: 25px; }
.headerfotobar .address a { color: #000066; }
.logo { width: 60%; float: left; margin-top: 15px; }
.logo img { max-width: 100%; }
.keuzeoptie { width: 40%; float: left; }
.btnLangswitch { background: #000066; display: block; border-radius: 5px; width: 90%; float: right; padding: 15px 0; text-align: center; color: #fff!important; text-decoration: none!important; margin: 15px 0 0; text-transform: uppercase; font-weight: bold; font-size: 1.1em; }

/*header in html*/
.header { width: 960px; background: #99ADD6; float: left; display: block; border-radius: 50px 0 0 0; border: 2px solid #fff; }
.header .logo { float: left; width: 20%; }
.header .logo img { max-width: 100%; }
.header .pictures { float: left; width: 80%; border-radius: 50px 0 0 0; background: #333399; height: 110px; margin-top: 10px; border: 2px solid #fff; border-right: none; }
.header .navbar { float: left; width: 100%; background: #000066; }
.header .navbar ul { list-style: none; margin: 0 0 0 20%; display: block; float: left; border-left: 2px solid #fff; }
.header .navbar ul li { list-style-type: none; float: left; display: inline-block; }
.header .navbar ul li a { display: block; padding: 5px 15px; color: #fff!important; text-decoration: none!important; cursor:pointer; }
.header .navbar ul li a:hover { background: #2a69a7; }
.fadein { position:relative; width:763px; height:110px; border-radius:48px 0 0 0; overflow: hidden;}
.fadein img { position:absolute; left:0; top:0; }
#footer{margin-top:50px; background:#fff; float:left;}

iframe{width: 100%; border: none; float: left; clear: both; margin-top: 15px;}
iframe.media{width: 775px!important; height: 438px!important;}

.gallery{width:774px; float:left; clear:both; display:block; margin-top:5px;}