/* ################################################## */
/*  MADE BY: WWW.DIRECTBASING.COM                     */
/*  ALEX VAN DER VEGT                                 */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 165%; }
html { padding-bottom: 50px; background: url('../images/htmlBg.gif') repeat-x bottom center; }
body { background: url('../images/bodyBg.gif') repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clearBoth { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 770px; }
#mainCntr h1 { padding: 5px 0 6px 10px; font-size: 1.4em; font-weight: normal; text-transform: uppercase; color: #d13168;}
#mainCntr h2 { padding: 10px 0 6px 10px; font-size: 1.15em; font-weight: bold; text-transform: uppercase; color: #e1666d;}

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 770px; height: 70px; }
	#headerCntr img { float: left; }
	#headerCntr ul { margin-top: 10px; float: right; list-style: none; font-size: 0.85em; }
	#headerCntr li { margin-right: 10px; float: left; display: inline; }
	#headerCntr a { text-decoration: none; color: #c2c2c2; }
	#headerCntr a:hover { text-decoration: underline; }
	#headerCntr h1 { position: absolute; top: 0px; left: 0px; width: 190px; height: 70px; text-indent: -9999px; }
	#headerCntr h1 a { display: block; width: 190px; height: 70px; background: url('../images/logo.png') no-repeat; }
	
	/* ### MENU CONTAINER ### */
	#menuCntr { width: 770px; height: 21px; background: url('../images/menuBg.gif') repeat-x; }
	#menuCntr ul { float: left; list-style: none; }
	#menuCntr li { float: left; display: inline; border-right: 1px solid #51606b; }
	#menuCntr li.first { margin-left: 140px; border-left: 1px solid #51606b; }
	#menuCntr li a { padding: 4px 10px 0px 10px; display: block; height: 17px; text-decoration: none; color: #dbdbdb; }
	#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x; }
	
	/* ### BANNER CONTAINER ### */
	#bannerCntr { width: 770px; height: 176px; background: url('../images/bannerBg2.png') no-repeat; }
	#bannerCntr ul { list-style: none;}
	#bannerCntr h2 { font-size: 1.4em; color: #1b5964; }
	#bannerCntr h3 { font-size: 1.2em; color: #1b5964; }
		#words { margin: 30px 0px 0px 160px; float: left; }
		#words li { margin-bottom: 20px; }
		#slogans { margin: 10px 0px 0px 54px; float: left; }
		#slogans li { margin-bottom: 2px; }
	
	/* ### BAR CONTAINER ### */
	#barCntr { width: 770px; height: 28px; }
	#barCntr p { padding: 6px 0 0 20px; float: left; color: #4e7f86; text-align: justify; }
	#barCntr p a { color: #8fb5ba; text-decoration: none; }
	#barCntr p a:hover { color: #617b7e; text-decoration: underline; }	
	#barCntr fieldset { padding-top: 4px; float: right; border: 0px; }
	#barCntr p.hosting { padding-top: 6px; float: right; border: 0px; }
	#barCntr p.hosting a { color: #8fb5ba; text-decoration: none; }
	#barCntr p.hosting a:hover { color: #617b7e; text-decoration: underline; }
	#barCntr p.tekoop { padding-top: 6px; float: right; border: 0px; }
	#barCntr p.tekoop a { color: #8fb5ba; text-decoration: none; }
	#barCntr p.tekoop a:hover { color: #617b7e; text-decoration: underline; }
	
	/* ### LEFT CONTAINER ### */
	#leftCntr { padding: 10px; float: left; width: 394px; color: #5e5e5e; background: url('../images/leftBg.gif') no-repeat; }
	#leftCntr p { padding: 0 10px 11px 10px; text-align: justify; }
	
	/* ### RIGHT CONTAINER ### */
	#rightCntr { padding: 10px; float: left; width: 336px; color: #5e5e5e; background: url('../images/rightBg.gif') no-repeat; }
	#rightCntr p { padding: 0 10px 11px 10px; text-align: justify; }
	
	/* ### CENTER CONTAINER ### */
	#centerCntr { padding: 10px; float: left; width: 531px; color: #5e5e5e; background: url('../images/centerBg.gif') no-repeat; }
	#centerCntr p { padding: 10px 10px 10px 10px; text-align: justify; }
	#centerCntr p.quote { padding: 15px 40px 15px 40px; text-align: justify; }
	#centerCntr ul { padding: 0px 10px 15px 35px; }
	#centerCntr ul.ok { padding: 0px 10px 15px 35px; list-style-image: url('../images/vinkje.png'); line-height: 1.65em; }
	#centerCntr ul.domains { padding: 0px 10px 15px 35px; list-style-image: url('../images/domeinen.png'); line-height: 1.65em; }
	#centerCntr ul.building { padding: 0px 10px 15px 35px; list-style-image: url('../images/bouwen.png'); line-height: 1.65em; }
	#centerCntr ul.pdf { padding: 0px 10px 15px 35px; list-style-image: url('../images/pdf.png'); line-height: 1.65em; }
	#centerCntr ul.contact { padding: 15px 10px 15px 145px; list-style-type: none; }
	#centerCntr li.contact { padding: 0px 0px 0px 12px; background: url('../images/arrowlist.gif') no-repeat left center; }			
	#centerCntr ul.lijst { padding: 0px 10px 15px 45px; }
	#centerCntr li.inspringen { padding: 0px 10px 0px 45px; list-style-type: none; }		
	#centerCntr table { padding: 0px 10px 15px 10px; }
	#centerCntr ol.nummerlijst { padding: 0px 10px 15px 35px; }	
	#centerCntr a { color: #617b7e; text-decoration: none; }
	#centerCntr a:hover { color: #8fb5ba; text-decoration: underline; }
	
	/* ### SUBMENU CONTAINER ### */
	#submenuCntr { padding: 10px; float: left; width: 199px; color: #8fb5ba; background: url('../images/submenuBg.gif') no-repeat; }
	#submenuCntr ul { margin-left: 4px; list-style: none; }
	#submenuCntr li { padding: 0px 0px 4px 12px; background: url('../images/arrowlist.gif') no-repeat left center; }
	#submenuCntr a { color: #617b7e; text-decoration: none; }
	#submenuCntr a:hover { color: #8fb5ba; text-decoration: underline; }
	#submenuCntr img { padding: 3px 0 3px 0; border-bottom: 1px dotted #efefef; }
	
	/* ### SUBMENU CONTAINER MAINPAGE ### */
	#submenuCntrMain { padding: 10px; float: left; width: 199px; color: #8fb5ba; background: url('../images/submenuBg.gif') no-repeat; }
	#submenuCntrMain ul { margin-left: 4px; list-style: none; }
	#submenuCntrMain li { padding: 0px 0px 4px 12px; background: url('../images/arrowlist.gif') no-repeat left center; }
	#submenuCntrMain a { color: #617b7e; text-decoration: none; }
	#submenuCntrMain a:hover { color: #8fb5ba; text-decoration: underline; }
	#submenuCntrMain img { padding: 3px 0 3px 0; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 10px; width: 770px; height: 23px; color: #86a7ad; border-top: 1px solid #dce8ea; border-bottom: 1px solid #dce8ea; background: #f3f5f7; }
	#footerCntr ul { list-style: none; font-size: 1.00em; }
	#footerCntr li { margin-right: 3px; float: left; }
	#footerCntr li.first { margin: 0px 90px 0px 10px; }
	#footerCntr li.last { float: right; margin-right: 10px; }
	#footerCntr a { text-decoration: none; color: #86a7ad; }
	#footerCntr a:hover { text-decoration: underline; }
	
img.meer { border: 0px; display: block; float: right; }
span.van {color: #101b51; font-weight: bold; text-transform: lowercase;}
span.ilya {color: #648eca; font-weight: bold; text-transform: lowercase; }

img.hosting { border: 0px; padding-right: 85px; float: right; }

span.v {color: #d13168; font-weight: bold; text-transform: lowercase;}
span.a {color: #d8496a; font-weight: bold; text-transform: lowercase;}
span.n {color: #e1666d; font-weight: bold; text-transform: lowercase;}
span.i {color: #e77e6f; font-weight: bold; text-transform: lowercase;}
span.l {color: #ee9571; font-weight: bold; text-transform: lowercase;}
span.y {color: #f5ac74; font-weight: bold; text-transform: lowercase;}
span.aa {color: #ffcb77; font-weight: bold; text-transform: lowercase;}

	#flashcontent {
		border: solid 0px #000;
		width: 770px;
		height: 176px;
		margin: 0px 0px;
}