/* common */
* {margin:0px; padding:0px;font-family:Verdana,Arial,Helvetica,sans-serif;}
body {font-size:1em;margin-top:30px;background: url(/sispr/images/bg_home.png) top left repeat;}
a img {border:none;}
#rightContent .top a img {width:258px;}

#sysHome {color:#838b60;text-decoration:none;}
a, #sysHome a, #sysContact a {color:#838b60;text-decoration:none;}
#sysTeam a {color:#D9931A;text-decoration:none;}
#sysTeam {background: #E1921C url(/sispr/images/bg_team6.png) top left repeat;}
#sysProjecten a, #sysProjects a {color:#b83731;text-decoration:none;}
#sysProjecten {background: #B1312E url(/sispr/images/bg_project2.png) top left repeat;}
#sysPers a {color:#c10070;text-decoration:none;}
#sysPers {background: #C74E91 url(/sispr/images/bg_pers.png) top left repeat;}
#sysImageBank a, #sysBeeldbank a {color:#838b60;text-decoration:none;}
#sysBeeldbank{background: #72136D url(/sispr/images/bg_beeldbank.png) top left repeat;}
#sysContact{background: #838b60 url(/sispr/images/bg_home.png) top left repeat;}

a:hover {cursor:pointer;}

#sysHome a.readMore {color:#D9931A;clear:both;display:block;background:url(/sispr/images/readmore.jpg) no-repeat center right;padding-right:10px;float:right;}

p, ul {color:#838b60;font-size:.7em;list-style-position:inside;line-height:1.45em;}
h1 {color:#838b60;font-size:1.2em;text-transform:uppercase;font-family:"Arial Black";margin-bottom: 10px;letter-spacing:-.04em;line-height:1.1em; font-weight: 700;}
h2 {color:#838b60;font-size:.9em;text-transform:uppercase;font-family:"Arial Black";margin-bottom: 10px;letter-spacing:-.08em;line-height:1em;}
h3 {color:#838b60;font-size:.8em;text-transform:uppercase;font-family:"Arial Black";margin-bottom: 10px;letter-spacing:-.08em;line-height:1em;}
h4 {color:#838b60;font-size:.7em;text-transform:uppercase;font-family:"Arial Black";margin-bottom: 10px;letter-spacing:-.08em;line-height:1em;}
h5 {color:#838b60;font-size:.6em;text-transform:uppercase;font-family:"Arial Black";margin-bottom: 10px;letter-spacing:-.08em;line-height:1em;}
h1.withoutCaps {text-transform:none;}


/*
#sysHome h1, #sysHome h2, #sysHome h3, #sysHome h4, #sysHome h5, #sysHome p, #sysHome a, #sysHome ul, #sysHome li, #sysHome div, #sysHome div div.block p { color:#838b60; }
#sysTeam h1, #sysTeam h2, #sysTeam h3, #sysTeam h4, #sysTeam h5, #sysTeam p, #sysTeam a, #sysTeam ul, #sysTeam li, #sysTeam div, #sysTeam div div.block p { color:#D9931A; }
#sysProjecten h1, #sysProjecten h2, #sysProjecten h3, #sysProjecten h4, #sysProjecten h5, #sysProjecten p, #sysProjecten a, #sysProjecten ul, #sysProjecten li, #sysProjecten div div.block p { color:#b83731; }
#sysPers h1, #sysPers h2, #sysPers h3, #sysPers h4, #sysPers h5, #sysPers p, #sysPers a, #sysPers ul, #sysPers li, #sysPers div div.block p { color:#c10070; }
#sysImageBank h1, #sysImageBank h2, #sysImageBank h3, #sysImageBank h4, #sysImageBank h5, #sysImageBank p, #sysImageBank a, #sysImageBank ul, #sysImageBank li, #sysImageBank div div.block p { color:#7C1475; }
#sysBeeldbank h1, #sysBeeldbank h2, #sysBeeldbank h3, #sysBeeldbank h4, #sysBeeldbank h5, #sysBeeldbank p, #sysBeeldbank a, #sysBeeldbank ul, #sysBeeldbank li, #sysBeeldbank div div.block p { color:#7C1475; }
*/

/* boxes */
#container {width:692px;margin:0px auto;min-height:800px;}
#bottom_body{background:transparent url(/sispr/images/bottom_body_bg3.png) bottom left no-repeat;width:692px;height:38px;}
#top_body{background:url(/sispr/images/top_body_bg2.png) top left no-repeat;width:690px;height:28px;margin-left:1px;}
#content_body{background:url(/sispr/images/body_bg2.png) top left repeat-y;padding: 10px 40px 0px 40px;}
#header {background-color: #fff;padding:0px;width:100%;}
#content {}
#leftContent {width:295px;float:left;position:relative;padding-right:25px;border-right: 1px dotted #838b60;}
#rightContent {width:280px;float:right;min-height:630px;text-align:center;position: relative;z-index:90;}
#rightContent p {padding-left:10px;padding-top:10px; text-align: left;}
#sysSisprNieuws h1 { font-size:1.8em; text-align: left; }
#sysSisprNieuws h3 { font-size:1.4em; text-align: left; }
#sysSisprNieuws p { font-size:1em; text-align: left; margin-left: 0px; padding-left: 0px; }
#sysSisprNieuws li {text-align: left; }
#sysSisprNieuws span { padding-bottom: 10px; }

.top {width:264px;height:178px;background:#fff url(/sispr/images/img_bg.png);padding: 13px 11px 11px 12px;}
#thumbs{padding-top: 10px;}
#thumbs img {cursor: pointer; margin: 5px;}

/* menu's */ 
ul.menu {float:right;list-style:none;text-align:right;height:105px;width:278px;}
ul.menu li {}
ul.menu li a {text-decoration:none;position: relative;z-index: 1;}
ul.menu li a h1 {margin-bottom:0px;font-size:22px;}
ul.menu li a img{margin-left:10px;position: relative;z-index: 1;}
ul.menu li a span.menuSpan {background-color:#fff;display:inline-block;}

ul.menu li#navTeam.selected , ul.menu li#navTeam:hover {background:url(/sispr/images/menu_yellow.jpg) repeat-x 0px 4px;}
ul.menu li#navProjects.selected, ul.menu li#navProjects:hover {background:url(/sispr/images/menu_red.jpg) repeat-x 0px 4px;}
ul.menu li#navPers.selected , ul.menu li#navPers:hover {background:url(/sispr/images/menu_pink.jpg) repeat-x 0px 4px;}
ul.menu li#navBeeldbank.selected , ul.menu li#navBeeldbank:hover {background:url(/sispr/images/menu_purple.jpg) repeat-x 0px 4px;}
ul.menu li#navContact.selected , ul.menu li#navContact:hover {background:url(/sispr/images/menu_green.jpg) repeat-x 0px 4px;}

ul.menu li#navTeam a span.menuSpan h1 {color:#E1921C;}
ul.menu li#navProjects a span.menuSpan h1 {color:#B1312E;}
ul.menu li#navPers a span.menuSpan h1 {color:#C74E91;}
ul.menu li#navBeeldbank a span.menuSpan h1 {color:#72136D;}
ul.menu li#navContact a span.menuSpan h1 {color:#838B60;}

.navTeamHover{background:url(/sispr/images/menu_yellow.jpg) repeat-x 0px 4px;}
.navProjectsHover{background:url(/sispr/images/menu_red.jpg) repeat-x 0px 4px;}
.navPersHover{background:url(/sispr/images/menu_pink.jpg) repeat-x 0px 4px;}
.navBeeldbankHover{background:url(/sispr/images/menu_purple.jpg) repeat-x 0px 4px;}
.navContactHover{background:url(/sispr/images/menu_green.jpg) repeat-x 0px 4px;}

ul.language {float:right;list-style:none;font-size:.6em;padding:5px 0px;}
ul.language li {float:left; border-right:1px solid #838b60;padding:0px 5px;}
ul.language li.last {border-right:none;}
#sysHome ul.language li a, #sysContact ul.language li a, #sysTeam ul.language li a, #sysProjecten ul.language li a, #sysProjects ul.language li a,
#sysPers ul.language li a, #sysImageBank ul.language li a, #sysBeeldbank ul.language li a {color:#838b60;text-decoration:none;}

#sysBeeldbank #leftContent ul, #sysImageBank #leftContent ul {list-style-image: url(/sispr/images/dot_purple.jpg);}
#sysBeeldbank #leftContent ul li ul, #sysImageBank #leftContent ul li ul {list-style:none;font-size:1em;font-style:italic;text-indent:13px;}


/* footer */
body #container #footer {clear:both;display:block;font-size:0.6em;text-align:right;color:#838b60;padding-top: 5px;}


/* dividers */
.clearfix {clear:both;display:block;height:0px;}

/* divider above content */
.divider {height:30px;margin-bottom:30px;}
#sysHome .divider, #sysContact .divider {background:url(/sispr/images/dot_green.jpg) repeat scroll top left;}
#sysTeam .divider {background:url(/sispr/images/dot_yellow.jpg) repeat scroll top left;}
#sysProjecten .divider, #sysProjects .divider {background:url(/sispr/images/dot_red.jpg) repeat scroll top left;}
#sysPers .divider {background:url(/sispr/images/dot_pink.jpg) repeat scroll top left;}
#sysImageBank .divider, #sysBeeldbank .divider {background:url(/sispr/images/dot_purple.jpg) repeat scroll top left;}


/* divider between left and right content */
.contentDivider {}
/*
#sysHome .contentDivider, #sysContact .contentDivider {background:url(/sispr/images/dot_green.jpg) repeat-y scroll top right;}
#sysTeam .contentDivider {background:url(/sispr/images/dot_yellow.jpg) repeat-y scroll top right;}
#sysProjecten .contentDivider, #sysProjects .contentDivider {background:url(/sispr/images/dot_red.jpg) repeat-y scroll top right;}
#sysPers .contentDivider {background:url(/sispr/images/dot_pink.jpg) repeat-y scroll top right;}
#sysImageBank .contentDivider, #sysBeeldbank .contentDivider {background:url(/sispr/images/dot_purple.jpg) repeat-y scroll top right;}*/

/* divider between #leftContent .block */
.blockDivider {margin:12px 0px 30px 0px;border-bottom: 1px dotted #838b60;}
hr {margin:12px 0px 30px 0px; border: 0; border-bottom: 1px dotted #838b60;}

/*#sysHome .blockDivider, #sysContact .blockDivider {background:url(/sispr/images/dot_green.jpg) repeat-x scroll bottom left;}
#sysTeam .blockDivider {background:url(/sispr/images/dot_yellow.jpg) repeat-x scroll bottom left;}
#sysProjecten .blockDivider, #sysProjects .blockDivider {background:url(/sispr/images/dot_red.jpg) repeat-x scroll bottom left;}
#sysPers .blockDivider {background:url(/sispr/images/dot_pink.jpg) repeat-x scroll bottom left;}
#sysImageBank .blockDivider, #sysBeeldbank .blockDivider {background:url(/sispr/images/dot_purple.jpg) repeat-x scroll bottom left;}*/

/* local content content */
.localContentIndex ul{list-style:none;font-size:.7em;padding:0px;margin:0px;}

.holder {width:135px;float:left;}
.projectImage {float:left;margin-right:8px;}

ul.listing {list-style-position: outside; margin-left: 13px; list-style-image: none!important;}

p,ul {_font-size:12px!important;}
.release-axe {background:#000 url(../images/bg_axe.jpg) no-repeat top center;}
#sysHome.release-axe .divider {background: url("/sispr/images/dot_purple.jpg") repeat scroll left top transparent;}
.release-axe-hair {background:#000 url(../images/background_axeHair3.jpg) no-repeat top center;}
.addthis_toolbox {margin-top:10px;}
.addthis_toolbox .addthis_button_compact {font-size:12px;}
