/* CSS Document */

* { margin : 0; padding : 0; }
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers 
html {	font-size: 100%;height: 100%;	margin-bottom: 1px;}*/
body { background:#fff; color:#63646b; font-family: Arial, Helvetica,Verdana,sans-serif; font-size:12px; line-height:155%; }
p {padding-bottom: 8px}
img {border: none}
.clear {clear: both}
a {color: #000000; text-decoration: none}
a:hover {color:#0099FF;}

/*VERWIJDER OUTLINES VAN LINKS MOZILLA*/
  a:focus, a:active, input:focus, input:active { outline: none;}

/*TOP*/
div#top {width: 1000px; margin: 20px auto 10px auto}
#top h1 {display: inline; width: 245px; float: left; margin-left: 30px;}
#top h1 a {display: block; text-indent: -9999px; background:url(/assets/beelden/new/new_ako/logo.jpg) no-repeat; height: 36px;  width: 194px;}
#top h2 {display: inline; width: 400px; float: left; font-weight:normal; font-size:16px; margin-top: 16px; height: 23px}
span#fone {background:url(/assets/beelden/new/new_ako/fone.jpg) 5px 0 no-repeat; padding-left: 20px;}

/*SEARCH FORM*/
form#search {float:right; margin-top: 4px}
input#zoek_input {width: 70px; height: 16px; padding: 7px 15px; border:0px; background:url(/assets/beelden/new/new_ako/zoek_bg.jpg) no-repeat; position: relative; top: -15px; margin-right: 4px; font-size:12px;}
input#zoek_input:onfocus {outline: none}
a.languages {float: right; margin: 6px 30px 0 7px}

/* CONTAINER*/
 div#container {width: 1000px; margin: 0 auto;}
 div#container h1 {font-weight: normal; color: #19161B; font-size:25px; margin-bottom: 15px}
 div#container h2 {font-weight: normal; color: #19161B; font-size:16px; margin-bottom: 7px}
 ul.indented {margin-left: 15px}
 .printer {background:url(/assets/beelden/diensten/printer.jpg) no-repeat center top; padding-top: 285px}
  
/* FRAME*/
div#frame-top {background:url(/assets/beelden/new/new_ako/frame_top.jpg) no-repeat; height: 9px; margin: 0; padding: 0}
div#frame-middle {background:url(/assets/beelden/new/new_ako/frame_middle.jpg) repeat-y; }
div#frame-bottom {background:url(/assets/beelden/new/new_ako/frame_bottom.jpg) bottom center no-repeat; padding-bottom: 70px }

/*BUTTONS*/
.button {display: block; height: 25px; width: 100px; text-align: center; background:transparent url(/assets/beelden/new/new_ako/button.png) no-repeat; padding-top: 5px; color:#666666; text-decoration: none; text-transform:capitalize; border: 0;}
.on, .button:hover {background: transparent url(/assets/beelden/new/new_ako/button.png) no-repeat 0px -30px; color:#212121;}
* HTML .button {background:transparent url(/assets/beelden/new/new_ako/button.gif) no-repeat;}
* HTML .on, * HTML .button:hover {background: transparent url(/assets/beelden/new/new_ako/button.gif) no-repeat 0px -30px;}
a.startpagina {margin: 5px 0 35px 0}
.admin {margin-left: 10px}
.lottobutton {width: 200px; height: 300px; background:url(/assets/beelden/diensten/smallprinter.png) no-repeat; position: relative; left: -29px; top: 20px; display: block}
* HTML .lottobutton {background:url(/assets/beelden/diensten/smallprinter.gif) no-repeat;}

/*COLUMNS*/
div#column1 {width: 215px; padding-left: 30px; float: left; margin-top: 25px}
div#column2 {width: 460px; padding-left: 30px; float: left; margin-top: 25px}
div#column3 {width: 215px; padding-left: 30px; float: left; margin-top: 25px}
div#column4 {width: 705px; padding-left: 30px; float: left; margin-top: 25px}
h2.startpagina {margin-top: 30px}

/*COLUMN LISTS AND LINKS */
.zoek-result, .overige-projecten {list-style: none; margin-bottom: 20px}
.zoek-result a, .overige-projecten a{color:#63646b; text-decoration:none;}
.zoek-result a:hover, .overige-projecten a:hover, .overige-projecten .selected {color:#000000}

/*COLUMN3*/
span#rss-readers {float: left; padding: 10px 0 0 10px}
a#rss-button {float: left}
h2#rss-header {padding-left: 25px; background:url(/assets/beelden/new/new_ako/rss_icon.jpg) no-repeat}

/*COLUMN 4*/
#column4 h2 {padding-bottom: 10px; padding-left: 5px}

/*PORTFOLIOCONTAINER STYLES*/
div#itemcontainer { height: 350px; width: 460px;}
#column4 div#itemcontainer { float: left; margin-bottom: 15px}

/*PORTFOLIO CATEGORIES*/
ul#portfolio_categories {list-style: none; margin-top: 20px}
ul#portfolio_categories li {height:  200px; width: 115px; float: left}
ul#portfolio_categories li.small {height:  20px;}
ul#portfolio_categories li a {height:  200px; width: 105px; display: block;  text-align: center; padding: 140px 5px 5px 5px; text-decoration:none; color:#63646b}
ul#portfolio_categories li a:hover {color:#333333}

a.icon1 				{background:url(/assets/beelden/new/new_ako/icons/publication.png) no-repeat 0px 0px}
a.icon1:hover 	{background:url(/assets/beelden/new/new_ako/icons/publication.png) no-repeat -115px 0px}

a.icon2 				{background:url(/assets/beelden/new/new_ako/icons/print.png) no-repeat 0px 0px}
a.icon2:hover 	{background:url(/assets/beelden/new/new_ako/icons/print.png) no-repeat -115px 0px}

a.icon3 				{background:url(/assets/beelden/new/new_ako/icons/advertising.png) no-repeat 0px 0px}
a.icon3:hover 	{background:url(/assets/beelden/new/new_ako/icons/advertising.png) no-repeat -115px 0px}

a.icon4 				{background:url(/assets/beelden/new/new_ako/icons/media.png) no-repeat 0px 0px}
a.icon4:hover 	{background:url(/assets/beelden/new/new_ako/icons/media.png) no-repeat -115px 0px}

a.icon6 				{background:url(/assets/beelden/new/new_ako/icons/branding.png) no-repeat 0px 0px}
a.icon6:hover 	{background:url(/assets/beelden/new/new_ako/icons/branding.png) no-repeat -115px 0px}

a.icon7 				{background:url(/assets/beelden/new/new_ako/icons/id.png) no-repeat 0px 0px}
a.icon7:hover 	{background:url(/assets/beelden/new/new_ako/icons/id.png) no-repeat -115px 0px}

a.icon8 				{background:url(/assets/beelden/new/new_ako/icons/posters.png) no-repeat 0px 0px}
a.icon8:hover 	{background:url(/assets/beelden/new/new_ako/icons/posters.png) no-repeat -115px 0px}

a.icon9 				{background:url(/assets/beelden/new/new_ako/icons/web.png) no-repeat 0px 0px}
a.icon9:hover 	{background:url(/assets/beelden/new/new_ako/icons/web.png) no-repeat -115px 0px}

a.icon10 				{background:url(/assets/beelden/new/new_ako/icons/film.png) no-repeat 0px 0px}
a.icon10:hover 	{background:url(/assets/beelden/new/new_ako/icons/film.png) no-repeat -115px 0px}

a.icon11 				{background:url(/assets/beelden/new/new_ako/icons/illustration.png) no-repeat 0px 0px}
a.icon11:hover 	{background:url(/assets/beelden/new/new_ako/icons/illustration.png) no-repeat -115px 0px}

a.icon12 				{background:url(/assets/beelden/new/new_ako/icons/text.png) no-repeat 0px 0px}
a.icon12:hover 	{background:url(/assets/beelden/new/new_ako/icons/text.png) no-repeat -115px 0px}

a.icon13 				{background:url(/assets/beelden/new/new_ako/icons/foto.png) no-repeat 0px 0px}
a.icon13:hover 	{background:url(/assets/beelden/new/new_ako/icons/foto.png) no-repeat -115px 0px}


/*MENU*/
#menu {list-style: none; padding: 15px 0 15px 275px}
#menu li {float: left; margin-right: 20px}
#menu li.last {margin: 0}

/*PARTNERS*/
#our_partners {padding: 30px 0 10px 0; color:#999999; font-size: 14px; font-weight: normal}
ul.partners {list-style: none;}
ul.partners li {float: left; margin-right: 20px}
ul.partners li a {height: 30px; display: block; text-indent: -9999px}
div.under_partners {height: 30px}
a#partner1 {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat 0  -30px ; width: 65px}
a#partner1:hover {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat 0 0;}

a#partner2 {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -65px  -30px; width: 30px}
a#partner2:hover {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -65px 0;}

a#partner3 {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -97px  -30px; width: 26px}
a#partner3:hover {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -97px -0;}

a#partner4 {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -132px  -30px; width: 31px}
a#partner4:hover {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -132px 0;}

a#partner5 {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -169px  -30px; width: 38px}
a#partner5:hover {background:url(/assets/beelden/new/new_ako/partners.png) no-repeat -169px 0;}

/*FOOTER*/
div#footer {font-size:10px; }
div#footer ul {list-style: none; padding: 30px}
div#footer ul.valid {width: 40%; float: left}
div#footer ul.contact {width: 45%; float: right; text-align: right}
div#footer ul.valid li a {color:#666666; text-decoration: none; margin-right: 10px;}
div#footer ul.contact li a {color:#666666; text-decoration: none;}
div#footer ul li a:hover {color:#333333}
div#footer ul.contact li span {margin-right: 15px}

/*NAVIGATION*/
div#nav {}
div#nav img {padding:3px}
div#nav a {color:#333333; text-decoration:none; font-weight: normal; margin-right: 5px}
div#nav a:hover {text-decoration: underline}

/*CONTACT*/
.padding {height: 30px}

/*SERVICES*/
a.onlineblad {display: block; color:#999999; text-decoration: none; margin: 10px 0 80px 0}
a.onlineblad:hover {color:#999900}

#diensten {width: 900px; margin: 3px auto}

/*NIEUWS*/
.nieuws_container { margin-bottom: 15px; height: 160px; width: 460px; float: left}
.nieuws_container ul{list-style:none; padding: 55px 0 0 30px }
.nieuws_header a {color:#202020; text-decoration:none; border-bottom: 1px #202020 dotted; font-size:14px; padding-bottom: 2px}
.nieuws_header span {color:#202020;  font-size:14px; padding-bottom: 2px}
.nieuws_header a:hover {border: none}
.news_rest {padding: 0 5px; margin-bottom: 20px; width: 450px; clear:both}
.news_rest h3 {font-size: 14px}
.news_rest a{color:#666666; text-decoration:none; display: block; }
.news_rest a:hover {color:#202020; }
.news_rest p {margin-top: 8px}
 .nieuws_links {float: left; padding: 80px 0 0 30px}
 .nieuws_links .button {margin-top: 10px}
 
 /*FTP*/ 
a#wachtwoord {text-decoration: none; color:#999999}
a#wachtwoord:hover {color:#333333}

/*LOTTO*/
ul.prijzen {list-style: none; margin-top: 20px}

.table_print {border: 1px solid #666666; border-left: none; border-bottom: none; border-collapse:collapse; margin: 10px; }
.table_print tr {}
.table_print td {padding: 4px 15px 4px 15px; border-left: 1px solid #666666; border-bottom: 1px solid #666666}
.table_print th {padding: 10px 15px 10px 15px; border-left: 1px solid #666666; border-bottom: 1px solid #666666; background:#666666; color: #FFFFFF}
.table_print td.red {color:#990000; text-align: center; font-style:oblique}
.table_print td.green {color:#009900; text-align: center; font-style:oblique}