﻿/*------头部开始-------------------------------------------------------------------------------------------------*/
#topmain{ width:100%; background:url(top_bg.gif) 0 0 repeat-x; height:133px; padding:17px 0 0 0;}
#top{ width:980px; margin:0 auto; height:133px; text-align:center;}
#top img.logo{ display:block; font-size:0; line-height:0; padding:1px 0 0 0px; float:left; margin:0 0px 10px 0; }
#top .topTxt{ display:block; width:380px; font-size:12px; line-height:20px; color:#333333; float:left; padding:15px 40px; text-align:left;}
#top .topTxt h2{display:inline;}
#top .toplink{ display:block; width:260px; font-size:12px; line-height:19px; color:#333333;float:left; padding:15px 0 0 5px;}

/*------菜单开始-------------------------------------------------------------------------------------------------*/
#top ul.nav{ float:left;width:980px; height:30px;text-align:center;}
#top ul.nav li{ float:left; margin:0 0 3px 0px; font-size:12px;  line-height:30px; }
#top ul.nav li a{ display:block; background:url(nav_bg.gif) 0 0 no-repeat; width:85px; height:30px; font:bold 12px/30px  "Arial", Helvetica, sans-serif;  color:#fff;  background-color:inherit;  text-decoration:none;  text-align:center; }

#top ul.nav li a:hover{ background:url(nav_bg_hover.gif) 0 0 no-repeat; color:#D20200; background-color:inherit; }
#top ul.nav li a.hover{ display:block; background:url(nav_bg_hover.gif) 0 0 no-repeat;  width:85px;  height:28px; font:bold 12px/30px  "Arial", Helvetica, sans-serif; color:#D20200; background-color:inherit; text-decoration:none; text-align:center;}



#top ul.nav li.sep{padding-left:8px;background:url(navi_sep.gif) no-repeat center center; height:30px; overflow:hidden; float:left;}

#top ul.sub{display:block;float:left; text-align:left;margin-top:8px; letter-spacing:0.1em;}


/* by daan: portfolios boven stad/prov. .design is momenteel obsolete 首页滚动*/
#previous, #next { width: 27px; height: 27px; margin-top: 80px; display: block; text-indent: -9000em; }
#previous { float: left; background: url(../_img/previous.gif);margin-right:10px; }
#previous:hover { background: url(../_img/previous-hover.gif); }
#next { float: right; background: url(../_img/next.gif); }
#next:hover { background: url(../_img/next-hover.gif); }
#tickerwrapper { overflow: hidden; }
#tickerwrapper .ticker { float: left; width: 525px; overflow: hidden; }


 .portfolio-items { list-style: none; overflow: hidden; width: 600px; height: 140px; padding-top:20px;} 
 .portfolio-items li { float: left; padding: 10px 5px 5px 8px; margin-bottom: 20px; }
 .portfolio-items img { margin-bottom: 1px; }
 
 
#slides_Content {display: inline; float: left; margin: 0px auto;width:721px;height:215px;overflow:hidden;}
#slides_Content img {width:720px; height:215px;border:1px #ccc solid;padding:1px;background:#f2f2f2;}
#slides_Control {position:relative;display: inline; float:right;width:auto;height: 42px;margin:-26px 3px 0 0; z-index:1000;}
#slides_Control a{font:12px/20px Century Gothic, Helvetica, Arial, sans-serif; background: url(../js1/btnFeatureHover.gif) no-repeat; width:23px; color: white;height: 20px;padding-right:2px;text-align:center;float:left;}
#slides_Control a.activeSlide {background-position: 0px -20px; color: #fff;}
#slides_Control a:hover {background-position: 0px -20px; color: #fff;}
.contentright {padding: 0px 0 0 0px;float: left;}
.index-images {float: left;width:721px;height:216px;}

