@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

h3           { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #2F4BB0; 
			   font-size: 12 pt; margin: 6 }
/*body, text, p, td, th { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 12 pt }*/
body            { font-family:Tahoma, Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #222;
			    background-color: #FFFFFF; 
                background-repeat: no-repeat;
                background-attachment: fixed; 
				background-position: right bottom;
                scrollbar-3dlight-color: #5F7EBE; 
                scrollbar-highlight-color: white; 
                scrollbar-track-color: white; 
                scrollbar-face-color: #5F7EBE; 
                scrollbar-base-color: #5F7EBE;
                scrollbar-arrow-color: white;
                scrollbar-shadow-color: white; 
                }
body.tc         {  background-image: url('../webart/images/bg_webart_techniek.gif')}
body.oh         {  background-image: url('../webart/images/bg_webart_onderhoud.jpg')}
body.of         {  background-image: url('../webart/images/bg_webart_offerte1.jpg')}
body.ws         {  background-image: url('../webart/images/bg_webart_website.jpg')}
body.pf         {  background-image: url('../webart/images/bg_webart_portfolio.gif')}
body.pr         {  background-image: url('../webart/images/bg_webart_prijzen.jpg')}
body.al         {  background-image: url('../webart/images/bg_webart_drie.jpg')}
#een, #twee, #drie { background-color: #FBFFFF; border: 2 solid #526FD1; padding-left: 6; 
               padding-right: 6; padding-top: 3; padding-bottom: 3 }
.ptext0           { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; margin-top: 0px; margin-bottom: 0px } 
.ptext12          { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; margin-top: 12px; margin-bottom: 12px } 
a				{ /*font-weight: bold*/ }
a:link, a:visited { color: #2F4BB0 }
a:hover		{ color: #FF0000; text-decoration: underline }
.menutop     { color: transparent; background-color: transparent; 
               font-size: 10 pt; font-weight: bold; cursor: hand; padding: 2 }
.menuover    	{ color: #FFD700; font-size: 10 pt; font-weight: bold; font-size: 12 px; background-color: #3366CC; cursor: hand; border: 2 outset #526FD1; padding: 0 }
.menudown    	{ color: #FFD700; font-size: 10 pt; font-weight: bold; font-size: 12 px; background-color: #2F4BB0; cursor: hand; border: 2 inset #526FD1; padding: 0 }
.menu     	{ text-align: center; font-size: 10 pt; font-weight: bold }
a.menu:link  { color: white; text-decoration: none }
a.menu:visited	{ color: white; text-decoration: none }
a.menu:hover	{ color: gold; text-decoration: underline } 
.addr	{ color: #3366CC }
.bg_menu		{ background-image: url('../webart/images/bg_veeg_vaag.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top }
.bg_menu_on	{ background-image: url('../webart/images/bg_veeg.gif'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top }




img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 86.45%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
#div1 {
}
.header {
}
.main {
}
.intro {
}
.closure {
}
.footer {
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}
.header {
}
.main {
}
.intro {
}
.closure {
}
.footer {
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer { 
	border-radius: 15px; border: 2px solid #4E7BC0; margin-top: 20px; 
	width: 88.5%;
	max-width: 800px;
	padding-left: 2%;
	padding-right: 2%;
	margin: auto;
	/*margin-left: auto;*/
	margin-top: 1.5%; 
	clear: none;
	float: none;
}
body { background-position:left top ; background-image:url(images/training_libo.jpg);
}
#div1 {
}
.header {
}
.main {
}
.intro {
}
.closure {
}
.footer {
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}