@charset "utf-8";
html{                  
    padding:0px;
    margin:0px;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}   
body {                                  
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
    background: url(../images/systeem/bkg.jpg) repeat-x center 17px;
	color: #666;
	margin-bottom: 7px;
	height: 100%;                    
    padding:0px;
    margin:0px;    
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
	text-decoration:underline;
}
p {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	margin-bottom: 7px;
}
h1 {
	font-size: 24px;
	line-height: 28px;
	font-weight: normal;
	color: #666666;
}
h2 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
    color: #666666;
    margin-top: 5px;
    margin-bottom: 5px;
}
h3 {
    font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 7px;
}
h4 {
	color: #000000;
	text-transform: none;
	margin-bottom: 7px;
	font: italic normal 14px/16px "trebuchet MS", Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
    color: #333;
	text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #CCC;
}

.header {
    height: 66px;
    width: 935px;
    margin-right: auto;
    margin-left: auto;
}
.header .logo {
    float: left;
    height: 46px;
    width: 160px;
    margin-top: 10px;
    margin-left: 5px;
}
.header .slogan {
    float: left;
    height: 30px;
    width: 350px;
    margin-top: 26px;
    margin-left: 20px;
}
.slogan h3 {
    color: #999;
    font-size: 19px;
    font-weight: normal;
    line-height: 27px;
}
.header .servicemenu {
    float: right;
    height: 60px;
    width: 370px;
}
.servicemenu p  {
	font-size: 12px;
	color: #999;
	display: block;
	border-right: 1px solid #CCC;
	text-decoration: none;
	line-height: 14px;
	margin-top: 30px;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
}
.servicemenu p a  {
	color: #999;
	text-decoration: none;
}
.servicemenu ul {
    float: right;
    margin-top: 30px;
    margin-right: 5px;
}
.servicemenu li {
    float: left;
    list-style-type: none;
}
.servicemenu li a {
    font-size: 12px;
    color: #999;
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    border-right: 1px solid #CCC;
    text-decoration: none;
    line-height: 14px;
}
.servicemenu li a:hover,
.servicemenu p a:hover {
    color: #666;
    text-decoration: none;
}
.servicemenu .lang {

}
.servicemenu .lang ul {
	background: url(/_sysimg/languageicons_r9_c8.png) no-repeat;
	margin-left: 30px;
	padding-left: 14px;
}
.servicemenu .lang li a {
    color: #999;
    padding-right: 5px;
    padding-left: 5px;
    border-left: 0px solid #CCC;
    border-right: 1px solid #CCC;
}
.servicemenu .lang li a.selected {
    color: #666;
    font-weight: bold;
}
.servicemenu .lang li a:hover {
    color: #333;
}
.img-right {
    float: right;
    margin-bottom: 5px;
    margin-left: 15px;
}
.img-left {
    float: left;
    margin-bottom: 5px;
    margin-right: 15px;
}
.img-right-rand {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	border: 1px solid #666;
}
.img-left-rand {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	border: 1px solid #666;
}
.img-leftborder {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    border: 1px solid #666666;
    clear: both;
}
.content .crumb {
    height: 20px;
    width: 930px;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 5px;
}
.content .crumb li {
	float: left;
	list-style-type: none;
	font-size: 10px;
	color: #999;
	text-decoration: none;
	line-height: 14px;
	text-transform: uppercase;
	list-style-image: none;
}
.content .crumb li a {
	color: #999;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	border-right: 1px solid #CCC;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
.content .crumb li:first-child a {
    border-left: 1px solid #CCC;
}
.content .crumb li a:hover {
    color: #666;
    text-decoration: none;
}
.content {
	width: 935px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../_sysimg/whi60.png);
	background-repeat: repeat;
	overflow: auto;
}
.content li {
	font-size: 12px;
	line-height: 18px;
	color: #666;
	list-style-type: square;
	list-style-position: outside;
}

#foliowrap {
    width: 935px;
    margin-top: 0px;
    background-image: url(../_sysimg/cloud.png);
    background-repeat: no-repeat;
}
#foliodetail {
    width: 935px;
    background-image: url(../_sysimg/cloud.png);
    background-repeat: no-repeat;
    clear: both;
    overflow: auto;
    margin: 20px auto 10px;
}
/*folio-list*/
.folio {
    list-style-type: none;
    padding: 0;
    margin: 0 0 30px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #333333;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
}
.folio ul {
    padding: 0;
    margin: 0;
    float: right;
    display: block;
    width: 200px;
}
.folio li {
    cursor: pointer;
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: right;
    display: block;
    width: 200px;
    background-image: url(../_sysimg/whi20.png);
    background-repeat: repeat;
}
.folio li a {
    text-decoration: none;
    color: #CCCCCC;
    display: block;
    cursor: pointer;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    text-transform: none;
    font-style: italic;
    background-image: url(../_sysimg/arrow.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-right: 20px;
    padding-left: 10px;
    height: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.folio li a:hover {
    color: #FFF;
    text-decoration: none;
    border-bottom-style: none;
}
/*carousel*/
.stepcarousel {
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 935px; /*Width of Carousel Viewer itself*/
    height: 253px;
    margin-top: 0;
    margin-bottom: 0px;
}
.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
    width: 935px;
}
.stepcarousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    width: 935px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel_image {
    width:935px;
    height:253px;
    float:left;
    margin-right:5px;
    overflow: hidden;
    position: relative;
}
.panel_text {
    float:left;
    width:316px;
    height:193px;
    position: relative;
    padding-top: 40px;
    top: -253px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
}
.panel_text p {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 24px;
}
.panel_text h2 {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 10px;
}
.panel_thumb {
    width: 340px;
    float: right;
    height:250px;
    margin-top: 50px;
}
.rightcontent {
    float: left;
    width: 727px;
    overflow: auto;
}

.home {
    float: left;
    width: 302px;
    margin-right: 14px;
    margin-top: 15px;
    background-image: url(../_sysimg/home-bkg.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
.home h2,
.home h2 a {
    color: #999;
    line-height: 26px;
    padding-left: 10px;
    white-space: nowrap;
    background: url(../_sysimg/tab-bkg.gif) no-repeat;
    text-decoration: none;
    height: 30px;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #FFFFFF;
    border-left-color: #999;
    padding-right: 20px;
}
.home-cnt {
    padding: 15px;
    height: 175px;
    background-color: #FFFFFF;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    position: relative;
    top: -3px;
}
.home-cnt p strong {
    display: block;
}
.home-cnt p {
    line-height: 14px;
}
.home-cnt p a {
    font-weight: bold;
    color: #CC0000;
    font-size: 14px;
    text-decoration: none;
}
.home-cnt p a:hover {
    color: #666;
    cursor: pointer;
	text-decoration: none;
}
.up30 {
    position: relative;
    top: -30px;
}
.last {
    margin-right: 0px;
}
.footer {
	height: 23px;
	width: 935px;
	background-image: url(../_sysimg/footer-bkg.gif);
	background-repeat: repeat-x;
	background-color: #999999;
	margin: 20px auto 10px;
}
.footer p {
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #444;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    white-space: nowrap;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 4px;
    margin-bottom: 3px;
}
.footer li {
    font-size: 10px;
    line-height: 16px;
    font-weight: normal;
    color: #444;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
    white-space: nowrap;
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #BDBDBD;
    border-left-color: #8D8D8D;
    margin-top: 4px;
    margin-bottom: 3px;
}
.footer li a,
.footer p a {
    color: #444;
    text-decoration: none;
}
.footer li a:hover,
.footer p a:hover {
    color: #222;
    text-decoration: none;
}
#pur .content, 
#blu .content, 
#red .content, 
#ora .content, 
#gre .content {
    margin-top: 35px;
}
#pur h1, 
#pur h2,
#pur h2 a{
    color: #9933CC;
}
#blu h1, 
#blu h2,
#blu h2 a{
	color: #00A2B9;
}
#ora h1, 
#ora h2,
#ora h2 a{
    color: #FF6600;
}
#red h1, 
#red h2,
#red h2 a{
    color: #CC0000;
}
#gre h1, 
#gre h2,
#gre h2 a{
    color: #8BBE00;
}
.content #foliowrap #mygallery .belt .panel .panel_text h2 {
    color: #FFFFFF;
}
.leftcol {
	float: left;
	width: 200px;
	overflow: auto;
}
.l3menu {
	float: left;
	width: 175px;
	margin-right: 8px;
	margin-top: 15px;
	margin-bottom:30px;
}
.l3menu ul {
    border-top: 1px solid #CCC;
}
.l3menu li {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	list-style-type: none;
	list-style-image: none;
}
.l3menu li a {
    color: #666;
    padding-left: 5px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #CCC;
    text-decoration: none;
}
.l3menu li a:hover {
    color: #333;
    text-decoration: none;
    cursor: pointer;
    background: #EEE;
}
.l3menu ul ul {
    border-top: 0px;
}
.l3menu li li a {
    font-size: 11px;
    padding-left: 15px;
    text-decoration: none;
}
/*.l3menu h2 {
    font: italic normal 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}*/
.zoekitem {
     border:1px solid silver;
     padding:5px;
     margin-bottom:5px;
}
.zoekitem h2 {
    color: #666;
}
.zoekitem h2 a {
    color: #666;
    text-decoration: underline;
}
.zoekitem h2 a:hover {
    color: #444;
    text-decoration: underline;
}
#red .l3menu ul li .selected,
#red ul.simpleTabsNavigation li a.current {
    color: #C10000;
}
#pur .l3menu ul li .selected,
#pur ul.simpleTabsNavigation li a.current  {
    color: #93C;
}
#gre .l3menu ul li .selected,
#gre ul.simpleTabsNavigation li a.current  {
    color: #90C300;
}
#ora .l3menu ul li .selected,
#ora ul.simpleTabsNavigation li a.current  {
    color: #FF9000;
}
#blu .l3menu ul li .selected,
#blu ul.simpleTabsNavigation li a.current  {
	color: #00A2B9;
}
.content p a {
	color: #C10000;
	text-decoration: none;
	border-bottom: 0px solid #333;
}
.content p a:hover {
	color: #C10000;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
#blu .content p a {
	color: #00A2B9;
	border-bottom: 1px solid #00A2B9;
	text-decoration: none;
}
#blu .content p a:hover {
	color: #00A2B9;
	border-bottom: 1px dotted #00A2B9;
	text-decoration: none;
}
#ora .content p a {
	color: #FF9000;
	border-bottom: 1px solid #FF9000;
	text-decoration: none;
}
#ora .content p a:hover {
	color: #FF9000;
	border-bottom: 1px dotted #FF9000;
	text-decoration: none;
}
#red .content p a {
	color: #C10000;
	border-bottom: 1px solid #C10000;
	text-decoration: none;
}
#red .content p a:hover {
	color: #C10000;
	border-bottom: 1px dotted #C10000;
	text-decoration: none;
}
#gre .content p a {
	color: #90C300;
	border-bottom: 1px solid #90C300;
	text-decoration: none;
}
#gre .content p a:hover {
	color: #90C300;
	border-bottom: 1px dotted #90C300;
	text-decoration: none;
}
#pur .content p a {
	color: #93C;
	border-bottom: 1px solid #C348E1;
}
#pur .content p a:hover {
	color: #93C;
	border-bottom: 1px dotted #C348E1;
	text-decoration: none;
}
.alsosee {
	width: 175px;
	margin-right: 8px;
	padding-bottom: 5px;
	float: left;
}
.alsosee ul li, 
.home .home-cnt ul li {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	padding-left: 20px;
	background: url(../_sysimg/bullet-red.gif) no-repeat 0px 3px;
	list-style-type: none;
	list-style-image: none;
}
.alsosee ul li a, 
.home .home-cnt ul li a {
    color: #666;
    text-decoration: none;
    display: block;
}
.alsosee ul li a:hover, 
.home .home-cnt li a:hover {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}
.simpleTabs .nwslist {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
.simpleTabs .nwslist p a,
.simpleTabs .nwslist p a:hover{
	border-bottom: 0px none;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
form td {
	padding: 2px 5px;
    vertical-align:top;
}
form button{
    font-size: 12px;
    color: #333;
    border:1px solid silver; 
    width:150px;
    background: #CCC;
}
form button:hover{
    color: #fff;
    background-color:#333;
}
form input {
    font-size: 12px;
    color: #333;
    border:1px solid silver; 
    width:250px; 
    
}        
form textarea{
    font-size: 12px;
    color: #333;
    border:1px solid silver; 
    width:250px;     
    height:150px;
}
form input:hover,
form textarea:hover{
    border:1px solid #333; 
}
.highlight { background-color: yellow; }


.radio{
    width:20px;
}
.twitter{
padding-top:20px;
    width:200px;
    overflow:hidden;
    float:left;
}