* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { line-height: 18px; background: #fff url(../images/main-bg.png) repeat; }
body, input, textarea { font-family: Arial; font-size: 11px; }
a { text-decoration: none; }
a * { cursor: pointer; }
img { border: none; }
H2 a { color: #fff; }



/***** containers *****/
#fill { width: 100%; min-height: 100%; height: auto !important; height: 100%; background: url(../images/wrap-bg.png) repeat-y center; margin: 0 0 -157px; }
#fill .push { clear: both; height: 157px; }
#wrap { width: 1000px; margin: 0 auto; }



/***** top *****/
#top { position: absolute; z-index: 82; left: 0; top: 0; width: 100%; }
#top .bg { display: none; width: 100%; height: 97px; background: #2a6eb1; }
#top .cntr { width: 1000px; height: 97px; margin: 0 auto; }

#top .logo { float: left; height: 97px; padding: 0 0 0 68px; }
#top .logo img { display: block; }

#top .icons { float: left; width: 170px; height: 46px; background: url(../images/top-icons.png) no-repeat 58px 28px; padding: 28px 10px 8px 68px; }
#top .icons li { float: left; list-style: none; padding: 0 4px; }
#top .icons a, #top .icons img { display: block; float: left; }

#top .cart { float: left; width: 290px; color: #fff; padding: 0 0 0 100px; }
#top .cart h3 { line-height: 40px; font-size: 16px; padding: 10px 0 0; }
#top .cart p { float: left; line-height: 25px; font-style: italic; }
#top .cart .btn { float: right; width: 115px; height: 23px; background: url(../images/top-cart-btn.png) no-repeat; padding: 1px; }
#top .cart .btn a { display: block; line-height: 23px; color: #fff; text-align: center; }
#top .cart .btn a:hover { text-decoration: underline; }

#top .cntr2 { position: relative; width: 1000px; margin: 0 auto; }
#top .tab { position: absolute; z-index: 83; bottom: -29px; right: 44px; width: 85px; height: 29px; background: url(../images/top-tab.png) no-repeat; padding: 0 4px 0 0; }
#top .tab a { display: block; height: 29px; line-height: 21px; font-weight: bold; text-transform: uppercase; text-align: center; color: #f9f9fc; }



/***** header *****/
#header { position: relative; z-index: 2; width: 790px; height: 104px; background: url(../images/header-bg.png) repeat-x; padding: 0 0 0 210px; }

#header .logo { position: absolute; left: 44px; top: 0; width: 166px; height: 104px; }
#header .logo img { display: block; }

#header .search { clear: both; float: right; height: 30px; line-height: 15px; color: #fff; padding: 3px 245px 0 0; }
#header .search label { float: left; font-weight: bold; text-transform: uppercase; padding: 0 9px 0 0; }
#header .search .txt { float: left; display: block; width: 104px; height: 13px; font-family: Verdana; font-size: 9px; color: #fff; background: url(../images/header-search-txt.png) no-repeat; border: none; padding: 1px 8px 1px; }
#header .search .btn { float: left; display: block; width: 26px; height: 22px; cursor: pointer; background: url(../images/header-search-btn.png) no-repeat; border: none; }

#header .nav { clear: both; float: right; height: 33px; padding: 0 38px 0 0; }
#header .nav li { float: left; line-height: 33px; font-size: 15px; font-weight: bold; list-style: none; }
#header .nav a { display: block; float: left; height: 33px; line-height: 33px; color: #fff; padding: 0 16px; }
#header .nav > li:hover > a,  #header .nav a:hover { background: url(../images/header-nav-hover.png) repeat-x; }

#header .nav ul { clear: both; display: none; position: absolute; z-index: 84; width: 215px; background: #61a6eb; margin: 33px 0 0; }
#header .nav ul li { float: none; line-height: 21px; font-size: 11px; font-weight: normal; }
#header .nav ul a { float: none; height: auto; line-height: 21px; border-bottom: 1px solid #4d96de; }
#header .nav ul a:hover, #header .nav ul li:hover > a { color: #2a6eb1; background: url(../images/header-nav-sub.png) repeat; }
#header .nav li:hover ul { display: block; }

#header .nav li .arrow { display: block; background: url(../images/header-nav-arrow.png) no-repeat right 7px; padding: 0 15px 0 0; }
#header .nav ul ul { width: 150px; margin: -22px 0 0 215px; }
#header .nav li:hover ul ul { display: none; }
#header .nav li li:hover ul { display: block; }



/***** news slider *****/
#news { position: relative; z-index: 1; width: 900px; height: 338px; border: 1px solid #000; margin: 4px 49px 30px; }

#news .images { float: left; width: 442px; height: 310px; overflow: hidden; list-style: none; border-right: 3px solid #2a6eb1; }
#news .images li { display: none; width: 442px; height: 310px; }
#news .images li.active { display: block; }

#news .arrow { position: absolute; z-index: 85; top: 0; left: 405px; width: 37px; height: 103px; background: url(../images/news-arrow.png) no-repeat; }

#news .items { float: left; width: 455px; height: 309px; list-style: none; border-top: 1px solid #448bcd; }
#news .items li { height: 103px; background: url(../images/news-item.png) no-repeat; }
#news .items a { display: block; height: 75px; line-height: 35px; font-size: 30px; font-weight: bold; font-style: italic; color: #fff; padding: 14px 28px; }
#news .items li.active { background: url(../images/news-active.png) no-repeat; }

#news .bar { clear: both; height: 28px; background: url(../images/news-bar.png) repeat-x; }
#news .bar .icons { float: left; list-style: none; padding: 4px 0 0 9px; }
#news .bar .icons li { float: left; }
#news .bar .icons a { display: block; float: left; height: 17px; padding: 3px; }
#news .bar .icons img { display: block; }
#news .bar .btn { float: right; height: 18px; background: #FF0090 url(../images/news-btn-left.png) no-repeat; margin: 6px 13px 0 0; }
#news .bar .btn a { display: block; height: 18px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; background: url(../images/news-btn-right.png) no-repeat right top; padding: 0 6px; }



/***** content *****/
#content { width: 900px; overflow: hidden; background: url(../images/column-line.png) repeat-y 660px 0; padding: 0 50px 30px; }
#content  a {font-weight: bold; text-transform: uppercase; color: #FF0090;  }
#content .left a:hover { text-decoration: underline; }
#content ul {padding: 0 0 0 35px;} 
#left { float: left; width: 568px; }
#right { float: right; width: 255px; }

.pics { overflow: hidden; list-style: none; }
.pics li { float: left; width: 70px; height: 53px; background: url(../images/boxes-pics.png) no-repeat; padding: 0 9px 8px 0; }
.pics a { display: block; width: 64px; height: 47px; border: 3px solid #fff; }
.pics a:hover { border-color: #FF0090; }
.pics img { display: block; }



/***** left column *****/
#left h1 { line-height: 32px; font-size: 22px; color: #fff; background: #194f96 url(../images/left-head.png) repeat-x; padding: 0 15px; }
#left p { color: #666666; padding: 18px 2px 0; }
#left { color: #666666; padding: 18px 2px 0; } 

#left .list { list-style: none; }
#left .list li { padding: 0 0 8px 0; }
#left .list h4 { line-height: 24px; font-weight: normal; padding: 0; }
#left .list h4 a { font-weight: bold; color: #FF0090; }
#left .list div { display: none; line-height: 18px; padding: 0 0 0 10px; }


#left .pics { padding: 18px 0 0 8px; }
#left .pics li { padding-bottom: 14px; }

#left .prod { float: left; width: 568px; background: url(../images/left-product.png) no-repeat bottom center; padding: 17px 0 30px; }
#left .prod .image { float: left; width: 122px; border: 3px solid #c2c2c2; padding: 2px; }
#left .prod .image img { display: block; }
#left .prod h3 { line-height: 36px; font-size: 22px; font-weight: bold; color: #194f96; }
#left .prod .desc { float: left; width: 240px; padding: 0 55px 0 20px; }
#left .prod .desc p { color: #8b8b8b; padding-top: 0; }
#left .prod .misc { float: left; width: 121px; }
#left .prod .misc p { color: #8b8b8b; padding: 18px 0; }
#left .prod .misc label { float: left; color: #8b8b8b; padding: 0 6px 0 0; }
#left .prod .misc .text { float: left; width: 46px; color: #8b8b8b; background: #fff; border: 1px solid #e0e0e0; padding: 2px; }
#left .prod .misc .butn { position: relative; top: -4px; left: 2px; float: left; width: 28px; height: 27px; background: url(../images/left-product-butn.png) no-repeat; border: none; cursor: pointer; }

#left .paging { clear: both; height: 19px; padding: 10px 0 0; }
#left .paging ul { float: right; position: relative; right: 50%; list-style: none; }
#left .paging li { float: left; position: relative; left: 50%; padding: 0 3px 0 2px; }
#left .paging a { display: block; float: left; height: 19px; color: #fff; background: #194f96; padding: 0 7px; }
#left .paging a:hover, #left .paging .active a { background: #537bb0; }

#left .foot { clear: both; height: 27px; line-height: 27px; background: url(../images/left-foot.png) no-repeat 0 24px; padding: 24px 0 40px; }
#left .foot ul { float: right; list-style: none; padding: 0 5px; }
#left .foot li { float: left; font-weight: bold; color: #2a6eb1; padding: 0 8px; }
#left .foot a { color: #2a6eb1; text-decoration: underline; }



/***** right column *****/
#right h2 { line-height: 32px; font-size: 22px; color: #fff; text-transform: uppercase; background: url(../images/left-head.png) repeat-x; padding: 0 8px; }
#right { color: #a0a0a4; padding: 18px 2px 0; } 

#right .nav { list-style: none; padding: 0 0 18px; }
#right .nav li { line-height: 20px; overflow: hidden; background: url(../images/right-line.png) repeat-x bottom left; }
#right .nav li a { display: block; overflow: hidden; font-weight: bold; color: #2a6eb1; padding: 8px 14px; }
#right .nav li a:hover { color: #fff; background: url(../images/right-nav-active.png) repeat-x center; }


#right .pinkbtn { padding: 25px 20px 40px; }
#right .pinkbtn a { display: block; height: 57px; line-height: 57px; font-size: 19px; font-weight: bold; color: #fff; text-align: center; background: #FF0090; }

#left .reactie { padding: 25px 20px 40px; background: #f5f4f4;  }
#left .reactie a { display: block; height: 57px; line-height: 57px; font-size: 19px; font-weight: bold; color: #fff; text-align: center; background: #FF0090; }

#right .pics { padding: 14px 0 0 6px; }



/***** boxes *****/
#boxes { overflow: hidden; padding: 30px 60px; }

#boxes .box { float: left; overflow: hidden; width: 260px; height: 319px; background: url(../images/boxes-box.png) no-repeat 13px 0; padding: 0 20px 28px 13px; }
#boxes .box.small { height: 239px; background-image: url(../images/boxes-box-small.png); }
#boxes h2 { height: 42px; line-height: 42px; font-size: 24px; font-weight: bold; color: #fff; text-align: center; padding: 0 0 15px; }
#boxes p { color: #666666; padding: 18px 20px 0; }
#boxes p a { color: #194f97; }
#boxes p a:hover { text-decoration: underline; }

#boxes p.tweet { text-align: center; background: url(../images/boxes-tweet.png) no-repeat center bottom; padding-bottom: 20px; }

#boxes .pics { padding: 12px 8px 12px 12px; }

#boxes .list1 { clear: both; width: 260px; list-style: none; }
#boxes .list1 li { line-height: 32px; }
#boxes .list1 li.odd a { background: #91b5d7; color: #fff; }
#boxes .list1 li.even a { background: #fff; color: #194f96; }
#boxes .list1 a, #boxes .list1 span { display: block; height: 32px; }
#boxes .list1 .nr { float: left; width: 38px; color: #fff; text-align: center; background: url(../images/boxes-list1-nr.png) no-repeat 6px 4px; }
#boxes .list1 .dt { float: left; width: 222px; }
#boxes .list1 a:hover .dt { text-decoration: underline; }
#boxes .list1 .more { line-height: 18px; text-align: right; }
#boxes .list1 .more a { height: auto; color: #FF0090; padding: 0 12px 0 0; }

#boxes .list2 { clear: both; width: 260px; list-style: none; }
#boxes .list2 a { padding: 4px 0; }
#boxes .list2 li.odd a { background: #91b5d7; color: #fff; }
#boxes .list2 li.even a { background: #fff; color: #194f96; }
#boxes .list2 a, #boxes .list2 span { display: block; height: 43px; }
#boxes .list2 .date { float: left; width: 33px; height: 20px; line-height: 10px; font-size: 12px; font-weight: bold; color: #194f96; text-align: center; background: url(../images/boxes-list2-date.png) no-repeat 8px 0; padding: 13px 13px 10px; }
#boxes .list2 .text { line-height: 43px; font-size: 14px; font-weight: bold; text-transform: uppercase; }

#boxes .imgr { float: right; padding: 0 10px 0 8px; }
#boxes .imglink { padding: 0 20px; }
#boxes .imglink img, #boxes .imglink a { display: block; }

#boxes .poll { padding: 18px 10px 0; }
#boxes .poll h4 { line-height: 16px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; background: url(../images/boxes-poll-head.png) repeat-x; padding: 2px 0; }
#boxes .poll ul { list-style: none; padding: 20px 10px 0; }
#boxes .poll .bar { height: 15px; background: url(../images/boxes-poll-bar.png) repeat-x; }
#boxes .poll .lbl { color: #a0a0a4; padding: 2px 0 4px; }

#boxes .pinkbtn { padding: 40px 20px 10px; }
#boxes .pinkbtn a { display: block; height: 57px; line-height: 57px; font-size: 28px; font-weight: bold; color: #fff; text-align: center; background: #FF0090; }
#boxes .pinklink { padding: 0 10px; }
#boxes .pinklink a { display: block; line-height: 40px; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #FF0090; padding: 0 5px; }



/***** footer *****/
#footer { width: 100%; position: relative; top: 0; overflow: hidden; background: #2a6eb1 url(../images/footer-bg.png) repeat-x; }
#footer .cntr { width: 1000px; padding: 22px 0 0; margin: 0 auto; }

#footer .col { float: left; color: #fff; padding: 0 0 18px 60px; }
#footer .col h3 { line-height: 43px; font-size: 24px; font-weight: normal; color: #f7fbfe; }
#footer .col ul { float: left; list-style: none; padding: 0 40px 0 0; }
#footer .col .pink { color: #ff55ff; padding: 0 10px 0 0; }
#footer .col a { color: #a6c1de; }
#footer .col a:hover { text-decoration: underline; }


#footer .btm { clear: both; width: 1000px; height: 36px; border-top: 1px solid #7aa4ce; }
#footer .btm p { line-height: 36px; color: #a6c1de; }
#footer .btm a { color: #a6c1de; }
#footer .btm a:hover { text-decoration: underline; }
#footer .btm p a img { position: relative; top: 3px; }
#footer .btm .left { float: left; padding: 0 0 0 64px; }
#footer .btm .right { float: right; }
#footer .btm .sep { padding: 0 10px; }
#footer .btm .styled { font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 0 20px; }

.error {
	border: 1px solid #FF0000;
}

input, select, textarea {
  color: #7b7b7b;

  background: white;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color: #666666;
  border: 1px solid #FF0090;
text-align: left;
line-height: 15px;
margin-bottom: 11px;


}

td {vertical-align: top;}

#banner-container {width: 845px; height: 100px; background: url('../images/bg-banner.png') center top repeat-x; margin: 20px 0 0 74px;}
#banner-container h1 {font: bold 20px arial; color: #fff; text-transform: uppercase; padding: 0; margin: 0; line-height: 28px;}
#banner-container p {font: 11px arial; color: #fff; line-height: 14px; margin: 0; padding: 0;}
	
	#banner-container #banner-left {float: left; width: 425px; height: 95px; background: url('../images/line.png') center right no-repeat; padding: 5px 0 0 15px;}
		#banner-container .banner-sub-left, #banner-container .banner-sub-right {float: left;}
		#banner-container #banner-left h1 {padding-left: 30px; background: url('../images/persoon-banner.png') center left no-repeat;}
		#banner-container #banner-left p {width: 225px;}
		#banner-container #banner-left a.lid-button {display: block; float: left; margin: 30px 10px 0 25px; width: 160px; height: 30px; background-color: #ff0090; font: bold 23px arial; color: #fff; text-decoration: none; padding: 15px 0 5px 0; text-indent: 10px;}
	
	#banner-container #banner-right {float: left; width: 360px; height: 95px; padding: 5px 0 0 15px;}
		#banner-container #banner-right h1 {padding-left: 30px; background: url('../images/doneer-banner.png') center left no-repeat;}
		#banner-container #banner-right p {width: 165px; height: 60px;}
			#banner-container #banner-right .banner-sub-right form {float: left; width: 180px; height: 50px; margin-top: 35px;}
#banner-container #banner-right .banner-sub-right .doneer {display: block; float: left; width: 80px; height: 18px; font: 11px arial; color: #707070; border: 1px solid #707070; padding: 2px 0 0 10px; background-color: #fff;}

			#banner-container #banner-right .banner-sub-right .doneer-button {display: block; float: right; margin-top: 2px; background: none; border: 0;}



#live-search-result {
	background: #fff;

	padding: 5px 10px;
	max-height: 400px;
	overflow: auto;

	position: absolute;
	z-index: 99;

	border: 1px solid #A9A9A9;
	border-width: 0 1px 1px 1px;

	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
#live-search-result ul {
    padding:0px;
    margin:0px;
    list-style:none;
}
#live-search-result li {
    line-height:20px;
    font-family:arial;
    font-size:11px;
}
#live-search-result li a {
    text-decoration:none;
    color:#666666;
    display:block;
}
#live-search-result li a:hover {
    color:#FF0090;
    background:#E9E9E9;
}
#live-search input[type=text] {
    width:250px;
    border:1px solid #FF0090;
    height:20px;
    color:#666666;
    padding-left:5px;
    padding-right:5px;
}