/* XARAYA REQUIRED CLASSES */
a:link {
    color: #03c;
}
a:visited {
    color: #939;
}
a:hover {
    color: #c60;
    text-decoration: underline;
}
a:active {
    color: #c00;
    text-decoration: underline;
}
blockquote {
}
body {
    background-color: #c60;
    background: #A35200 url(/themes/so/images/pageHeaderBG.gif) repeat-y;
    color: #006;
    margin: 0;
    padding: 0;
    font: x-small/1.2em Verdana, Arial, Swiss, Switzerland, Helvetica, Geneva, sans-serif; /* de boxmodelhack voor IE 5.0 en 5.5 (Win), zie http://www.tantek.com/CSS/Examples/boxmodelhack.html */
    voice-family: "\"}\"";
    font: small/1.2em Verdana, Arial, Swiss, Switzerland, Helvetica, Geneva, sans-serif;
}
code {
}
fieldset {
    border: 1px dotted #C60;
    margin: 1.2em 0;
}
h1, .xar-mod-head {
    background-color: #ececf6;
    margin: 3px 0 0;
    padding: 3px;
/*    font-style: italic;*/
    font-size: 1.25em;
    font-weight: bold;/*
    position: relative;*//* 
    text-transform: uppercase; */
    letter-spacing: 2px;
    color: #006;
}
h2 {
    font-size: 1.25em;
    font-family: Georgia, serif;
    font-style: italic;
}
h3 {
    font-size: 1.15em;
    font-family: Georgia, serif;
    font-style: italic;
    letter-spacing: 1px;
    margin: 1.2em 0 0 3em;
}
h1 a {
    font-family: Georgia, serif;
    letter-spacing: 1px;
    font-weight: normal;
    font-style: italic;
}
h4 {
}
legend {
    font-weight: bold;;
}
th {
}
td {
}
table {
}
thead {
}
tbody {
}
tfoot {
}
p {
}
pre {
}
input {
}
button {
}
select {
}
textarea {
}
img {
}
li {
}
ul {
}
ol {
}
sup {
}
sub {
}

/*  XARAYA REQUIRED INDIVIDUAL CLASSES */
td.xar-norm {}
td.xar-alt {}

/*  XARAYA REQUIRED ANONYMOUS CLASSES  */

/* these defaults apply to the left block group */
.xar-block-head{
}
.xar-block-title {
    background: #006 url(/themes/so/images/headerBG.gif) repeat-x;
    font-family: Georgia, serif;
    font-style: italic;
/*     font-weight: bold; */
    text-transform: lowercase;
    letter-spacing: 2px;
    text-align: center;
    color: #ececf6;
    padding: 3px;
    margin-bottom: 1px;
    position: relative; /* peekaboo bug IE6 */
}
.xar-block-body {
}
.xar-block-foot {
}

/* right block group classes */
.xar-block-head-right{
}
.xar-block-title-right {
    background: #006 url(/themes/so/images/headerBG.gif) repeat-x;
    color: #ececf6;
    font-family: Georgia, serif;
    font-style: italic;
/*     font-weight: bold; */
    text-transform: lowercase;
    letter-spacing: 2px;
    text-align: center;
    padding: 3px;
    margin-bottom: 1.2em;
}
.xar-block-body-right {
    padding: 3px;
}
.xar-block-foot-right {
}

/* topnav block group classes */
.xar-block-head-topnav {
}
.xar-block-title-topnav {
}
.xar-block-body-topnav {
}
.xar-block-foot-topnav {
}

/* center block group classes */
.xar-block-head-center{
}
.xar-block-title-center {
}
.xar-block-body-center {
}
.xar-block-foot-center {
}
.xar-mod-head {
    margin-left: -25%;
    /* IE5 (Mac) hack \*/
    margin-left: 0;
    /* einde hack */
}
.xar-mod-title {
}
.xar-mod-body {
}
.xar-mod-foot {
}
.xar-alt {
}
.xar-accent {
}
.xar-alt-outline {
}
.xar-accent-outline {
}
.xar-norm-outline {
}
.xar-norm {
    margin-bottom: 1.2em;
}
.xar-sub {
    display: none;
}
.xar-menu-section, .xar-menu-section-current {
}
.xar-menu-section-current {
}
.xar-menu-item, .xar-menu-item-current {
}
.xar-menu-item-current {
}
.xar-menu-item:hover {
}
.xar-menu-subitem, .xar-menu-subitem-current {
}
.xar-menu-subitem:hover {
}
.xar-menu-subitem-current {
}
.xar-menu-item-current > .xar-menu-subitem > a {
}
.xar-menu-item-current > .xar-menu-subitem > a:visited {
}
.xar-title {
}
.xar-error {
    font-weight: bold;
    font-style: italic;
    color: #c00;
}/* 
.xar-form-input-wrapper {
    clear: right;
} */

/* THEME SPECIFIC */
a img {
    border: none;
}
table, th, td {
    font: x-small/1.2em Verdana, Arial, Swiss, Switzerland, Helvetica, Geneva, sans-serif; /* BMH */
    voice-family: "\"}\"";
    font: small/1.2em Verdana, Arial, Swiss, Switzerland, Helvetica, Geneva, sans-serif;
}
#hack {
    /* empty */
}
th {
    font-weight: bold;
}/* 
form {
    clear: left;
} */
.logo {
    margin: 6px 12px 6px 102px;
}
#topnav {
    background: #006 url(/themes/so/images/headerBG.gif) repeat-x;
    color: #ececf6;
    font-family: Georgia, serif;
    font-style: italic;
/*     font-weight: bold; */
    text-transform: lowercase;
    letter-spacing: 2px;
    line-height: 1.2em;
    text-align: right;
    margin: 0 0 0 -1px;
    padding: 3px 0;/* 
    position: absolute;
    left: 0;
    width: 100%; */
    border-left: 1px dotted #ECECF6;
    position: relative;
    z-index: 100;
}
#topDate {
    padding-right: 1.2em;
}
#home #topDate {
    padding-right: 0;
}
#layoutmain {
    background-color: #fff;
    margin-bottom: 3em;
}/* 
#layoutleft {
    position: absolute;
    top: 15px;
    left: 0;
    width: 20%;
    background-color: #fff;
} */
#layoutcenter {/* 
    padding-top: 30px; */
    margin-left: 20%;
}
#end {
    clear: both;
    visibility: hidden;
}
#navRight {
    float: right;
    width: 20%;
    border-left: 1px dotted #006;
    border-bottom: 2px solid #006;
    margin-left: 2em;
    position: relative;
    z-index: 200;
}
#navRight .xar-block-title-right {
    border-left: 1px dotted #ECECF6;
    margin-left: -1px;
}
/* 
.layoutright {
    float: right;
    width: 24%;
    background-color: #fff;
    padding: 0 12px 12px;
} */
#navleft {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
    background-color: #ececf6;/* 
    border-right: 1px dotted #006; */
    border-bottom: 2px solid #006;
}
#navleft li a:link, #navleft li a:visited {
    text-decoration: none;
}
#navleft li a:hover, #navleft li a:active {
    text-decoration: underline;
}
.xar-block-body ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 1.2em;
}
.xar-block-body li {
    margin: 0;
}
.xar-block-body ul div#modules {
    display: none;
}
.xar-block-body ul ul {
    background-color: #ececf6;
    padding: 0 3px 2.4em;
    font-weight: normal;
    color: #006;
    list-style-type: none;
    border-right: 1px dotted #006;
}
.xar-block-body ul ul li {
    padding: .25em;
}
.xar-block-body ul ul ul {
    padding: 0 3px;
    margin-left: 1em;
    text-transform: lowercase;
}
.xar-block-body-right h3 {
    margin: 0 0 1.2em;
}
.so-menu-item {
    padding: 3px;
}
.so-menu-item a {
    margin-left: 1.2em;
    font-style: italic;
}
.navcenter {
}
.content {
    padding: 1em 12px 12px 2em;
}
span.so {
    font-weight: bold;
    font-style: italic;
}
.navright {
    background-color: #ececf6;
    line-height: 1.2em;
}
p.summary img {
    float: right;
    margin: 0.6em;
}
#soArticleScreenshot {
    width: auto;
    float: right;
    margin: 0.6em;
}
#soWebring {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    background-color: #E59C00;
    padding: .3em .6em;
    border: 1px solid #854224;
    color: #854224;
    border-width: 0 0 1px 1px;
}
#soWebring .xar-block-body {
    margin: 0;
    padding: 0;
}
#soWebring .xar-block-title, #soWebring .xar-block-foot {
    display: none;
}
#soWebring a:link {
    color: #4D4C99;
    text-decoration: none;
}
#soWebring a:visited {
    color: #C60;
    text-decoration: none;
}
#soWebring a:hover {
    color: #03C;
    text-decoration: underline;
}
#soWebring a:active {
    color: #C00;
    text-decoration: underline;
}
    
#soArticleNote {
    margin: 1.2em 0;
    white-space: nowrap;
}
#soPortfolio img {
    border: 1px solid #006;
}
#soArticleOptions {
    margin: 1.2em 0;/* 
    padding: .3em .6em;
    clear: right;
    background-color: #ececf6;
    border-bottom: 2px solid #006; */
}
.summary {
    margin: 0 3px;
}
.readmore {
    text-align: right;
    color: #808080;
    margin: 0 3px;
}
.navleft a:link, .navleft a:visited, .pollfooter a:link, .pollfooter a:visited, h1 a:link, h1 a:visited {
    text-decoration: none;
}
.navleft a:hover, .navleft a:active, .pollfooter a:hover, .pollfooter a:active, h1 a:hover, h1 a:active {
    text-decoration: underline;
}
h1 span.category {
    font-size: smaller;
    font-weight: normal;
    text-transform: lowercase;
    margin-right: 3px;
    /* hack IE5 (Mac) \*/
    float: right;
    /* einde hack */
}
.prevnext {
    margin-top: 1.2em;
    font-weight: bold;
    color: #c5c6e4;
}
/* polls */
.pollitem {
    margin: 0.6em 0;
}
.pollitem span {
    font-weight: bold;
}
.pollbar {
     height: 0.6em;
     display: inline;
     min-width: 2px;
     background-color: #006;
}
.pollfooter {
    text-transform: lowercase;
    margin-bottom: 0.6em;
}
/* hitcounts */
ul.topitems {
    margin-top: 0;
}

/* Home page */
#home h1 {
    margin-right: 27%;
}/* 
#home #topnav {
    width: 81%;
}
 */

/* xarbb *//*
table.xarbbtable, table.xarbbtable th, table.xarbbtable td {
    padding: 0;
    border: 0;
    margin: 0;
    border-spacing: 0;
    text-align: left;
}
table.xarbbtable {
    width: 72%;
}
th.figure, td.figure {
    text-align: center;
}*/
/* Temporary styles 
.xar-menu-item .temp-menu-item, .xar-menu-item-current .temp-menu-item-current {
    background-color: transparent;
    font-weight: normal;
    color: #006;
    margin: 0 0 1px 1.45em;
    padding: 0;
    display: list-item;
    list-style-type: disc;
    line-height: 1.2em;
}
*/

/*
kleuren onthouden:
#4D4C99 lichterblauw in verloopjes headers
*/