/* --- site wide --- */
* {margin:0;padding:0}
html,
body {height:100%;background-color:#666666;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:small;color:#000}
a,
a:link,
a:visited {text-decoration:none;color:#D61021;outline-style:none}
a:hover,
a:active,
a:focus {text-decoration:underline;color:#D61021;outline-style:none}
/*
a:hover img {filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;-khtml-opacity:0.85}
a:hover img.nohover {filter:none;-moz-opacity:1;opacity:1;-khtml-opacity:1}
*/
b {font-weight:bold}
h1,
h2,
h3 {color:#D61021;font-family:Arial, Helvetica, Sans-Serif}
h1 {font-size:18pt;font-weight:bold}
h2 {font-size:14pt;font-weight:bold}
h3 {font-size:12pt;font-weight:bold}
img {border:none 0 Transparent}
p {margin-top:2px}
strong {font-weight:bold;color:#D61021}
table {border-collapse:collapse}
td,
th {vertical-align:top;text-align:left}
ul, ol {margin:0 0 1em 20px}
wbr:after {content:"\00200b"} /* for <wbr /> compatibility with Opera */

/* ### helpers ### */
.capitalize {text-transform:capitalize;}
.center {margin-left:auto;margin-right:auto;}
.clear {clear:both}
.debug {border:dashed 1px red}
.fl {float:left}
.fr {float:right}
.hide {display:none;position:absolute;left:-9999px;top:-9999px}
.lt {background-position:left top}
.lb {background-position:left bottom}
.mt {margin-top:10px}
.mr {margin-right:10px}
.mb {margin-bottom:10px}
.ml {margin-left:10px}
.rt {background-position:right top}
.rb {background-position:right bottom}
.reset {display:block;width:auto;height:0;clear:both;margin:0;padding:0;line-height:0} /* font-size */
.reset100 {display:block;width:100%;clear:both;margin:0;padding:0}
.red {color:#D61021}
.h10 {height:10px;line-height:10px}
.icon {width:16px;height:16px;vertical-align:bottom}

/* OLD stuff

a:link { color: #d61021; text-decoration: none; }
a:visited { color: #d61021; text-decoration: none; }
a:hover { color: #d61021; text-decoration: underline; }
a:active { color: #d61021; text-decoration: underline; }

img { border: 0; padding: 0 0 0 0; }

*/

textarea,
input,
select {font-family:Verdana;font-size:12px}

/*
h1,
h2,
input.h2,
textarea.h2 {color:#d61021;font-weight:500;font-size:16px;margin:0 0 4px 0}

h2,
input.h2,
textarea.h2 {font-weight:300}
*/

.nowrap {white-space:nowrap}
.errorMessage {color:#d61021;font-weight:bold}
.smallfont {font-size:10px}

#aspnetForm {position:relative;min-height:100%;_height:100%;width:985px;margin:0 auto;background:#eeeeee url(images/bg_middle2.gif) repeat-y scroll center top}
#middlemargin {margin:0 4px;width:auto;background-color:#eeeeee}
#topmargin,
#bottommargin {width:100%;height:10px;line-height:10px;background:#666666 url(images/bg_topbottom.gif) no-repeat scroll center top}
#bottommargin {background-position:center -11px;position:absolute;bottom:0;left:0;height:20px;line-height:20px;padding-top:6px}
#bottommargin span {margin:0 6px}
#topheader {margin:6px 10px 0 10px}

.footer {padding:2px 0;color:#666666;font-size:small;text-align:center}
.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:active {color: #999999}

.oghlogo {float:left;height:76px;width:82px}
.obug {padding-bottom:3px;vertical-align:top;height:53px;width:266px}
.breadcrumbs {padding:0 0 0 8px;color:#d61021}
.loginstatus {float:right;text-align:right;position:absolute;right:13px}

.column {background:#ffffff url(images/bg_topbottom140.gif) no-repeat scroll 0 -3px}
.column .bottom {position:relative;bottom:-3px;left:0;width:auto;clear:both;height:4px;line-height:4px;margin:0;background:#ffffff url(images/bg_topbottom140.gif) no-repeat scroll 0 0}
#centercolumn {float:left;width:617px;margin:0}
#leftcolumn {float:left;margin:0 10px;width:180px}
#leftcolumn .column,
#leftcolumn .bottom {margin:0;background-image:url(images/bg_topbottom180.gif)}
#xleftcolumn div {margin-bottom:10px}
#rightcolumn {float:right;margin-right:10px;width:140px}
#rightcolumn div div {margin:0 auto}
#rightcolumn div div div,
#rightcolumn div div div img {margin:0;padding:0;border:none 0 Transparent}

.contentitem {padding:4px 8px 0 8px;background:#ffffff url(images/bg_topbottom617.gif) no-repeat scroll 0 -3px}
.contentitem .bottom {height:4px;width:617px;margin:0 0 8px -8px;background:#ffffff url(images/bg_topbottom617.gif) no-repeat scroll 0 0}

.xxcontentitem p {margin:0 0 8px 0;text-align: justify} /* line-height: 99.5%; */

.contentitem td {padding-left:2px;padding-right:2px}


/* Menu */
ul.menu {list-style:none;background-color:#D61021;font-family:Arial, Helvetica, Sans-Serif;margin:0 0 0 10px}
.menu li {float:left;display:block;width:auto;background-color:#D61021}
.menu li span,
.menu li a,
.menu li a:link,
.menu li a:visited,
.menu li a:hover,
.menu li a:focus,
.menu li a:active  {display:block;padding:2px 6px;width:122px;font-weight:bold;background-color:#D61021;color:#ffffff;vertical-align:middle;text-decoration:none;border-right:solid 1px #ffffff}
.menu li.wide a,
.menu li.wide a:link,
.menu li.wide a:visited,
.menu li.wide a:hover,
.menu li.wide a:focus,
.menu li.wide a:active {width:209px}
.menu li a i {text-transform:none}
.menu li a:hover {background-color:#666666;color:#ffffff;text-decoration:none}
.menu li.active a {color:#ffffff;background-color:#666666} /* background:#666666 url("../images/menu_arrow.gif") no-repeat scroll 12px center */
.menu li.active a:hover {text-decoration:underline}
.menu li span.first {width:173px}
.menu li.first a {width:173px}
.menu li span.last {width:133px;border-width:0}
.menu li.last a {width:133px;border-width:0}

/* Submenu */

.submenu {margin:0;padding:0;width:180px;font-size:9pt;font-family:Arial, Helvetica, Sans-Serif}
.submenu ul {list-style:none;margin:0;padding:0}
.submenu li {display:block}
.submenu li a {display:block;padding:3px;padding-left:32px;width:auto;font-weight:bold;color:#D61021;text-decoration:none}
/* .submenu li a i {text-transform:none} */
.submenu li a:hover {background-color:#D61021;color:#ffffff;text-decoration:none}
.submenu li.active a {color:#ffffff;background-color:#666666}
/* .submenu li.active a:hover {text-decoration:underline} */

.column .h10 {line-height:10px;height:10px;width:auto;background:#D61021 url('images/BoxTitles.gif') no-repeat 0 0;border-bottom:solid 1px #ffffff} 
.banners {text-align:center}
.banners img {margin:0 auto;width:120px;height:120px}

#menuhead1 {background-position:0 -10px}
#menuhead2 {background-position:0 -20px}
#menuhead3 {background-position:0 -30px}
#menuhead4 {background-position:0 -40px}
#menuhead7 {background-position:0 -50px}
#mijnogh   {background-position:0 -60px}
#snelnaar  {background-position:0 -70px}

#advertentie {background-position:center -130px}
#hoofdsponsor {background-position:center -140px}
#marketingpartners {background-position:center -150px}
#mediapartners {background-position:center -160px}
#sponsors  {background-position:center -170px}
#evenement  {background-position:center -180px}
#goldsponsor  {background-position:center -190px}
#silversponsors  {background-position:center -200px}
#bronzesponsors  {background-position:center -210px}

#rightcolumn .box {background:#ffffff url('images/bg_box138.gif') no-repeat scroll center top;height:12px;line-height:12px;width:138px;text-align:center;font-style:italic;font-size:8pt;color:#cccccc}
#centercolumn .xbox {background-image:url('images/bg_box729.gif')}
#centercolumn .xbottom {height:12px;line-height:12px}
#xrightcolumn .bottom {background-position:center bottom}
#centercolumn .boxrow {background-color:#ffffff;margin-bottom:8px} /* float:left; indien right column*/
#centercolumn .boxrow .mc {margin:0 12px}
#centercolumn .boxrow .lt, .lt,
#centercolumn .boxrow .lb, .lb,
#centercolumn .boxrow .rt, .rt,
#centercolumn .boxrow .rb, .rb  {height:8px;line-height:8px;background-repeat:no-repeat;background-attachment:scroll}
/* #centercolumn a:hover {text-decoration:none} */
#centercolumn a:hover .boxrow {background-color:#fff0c0}
#centercolumn a:hover .boxrow  h3 {text-decoration:underline}
#centercolumn .boxrow .lt, .lt {background-image:url('images/bg_left_grey.gif')}
#centercolumn .boxrow .lb, .lb {background-image:url('images/bg_left_grey.gif')}
#centercolumn .boxrow .rt, .rt {float:right;background-image:url('images/bg_right_grey.gif')}
#centercolumn .boxrow .rb, .rb {float:right;background-image:url('images/bg_right_grey.gif')}

.contentlist div.boxrow {background:#ffffff none no-repeat scroll left center;cursor:pointer}
.contentlist div.boxrow .mc {padding-left:112px; min-height:74px}
.contentlist div.boxrow h3 {margin:0}
.contentlist div.boxrow h3 span {font-weight:normal;display:block;float:left;width:86px}
.contentlist div.boxrow .pubdate {width:86px;float:left}
.contentlist div.boxrow .author {float:left}
.contentlist div.boxrow .description {clear:left}




/*
layout of top header, headerbar and footer
*/

#mainframe {min-height:100%;_height:100%;text-align:left;width:944px;margin:0 auto}
 
.logo
    {
        float: left;
    }

.oraclegebruikersclub
    {
        padding-bottom: 3px;
    }

span.breadcrumps
    {
        margin-top: 24px;
        padding: 0 0 0 14px;
        color: #d61021;
    }

div.loginstatus
    {
        float: right;
        vertical-align: middle;
        text-align: right;
        padding: 0 0 0 0;
    }

/*
div.headerbar
    {
        background-color: #fff;
        margin: 0 0 1px 0;
        white-space: nowrap;
    }


div.headerbar
    {
        background-color: #fff;
        background-image: url(images/bg_headerbar.jpg);
        background-repeat:repeat-y;
        background-position:right top;
        margin: 0 0 1px 0;
        width:944px;
        height:133px;
        white-space: nowrap;
    }

*/


/* inline CMS */
div.editTemplate
    {
        background-color:#eee;
        border: dashed 1px #d61021;
        padding: 5px;
    }

div.displayTemplate
    {
        display:block;
    }

.leesverder
    {
        text-align:right;
        font-size:10px;
    }


/* Teun 21-jan-2009
div.rightcolumn
    {
        margin: 8px 0px 8px 8px;
        padding: 0 0 0 0;
        width: 280px;
        float: right;
    }
*/

/* afwijkende waarden op de homepage */
div.rightcolumn_homepage
    {
      /*  width: 480px; */
    }

div.box
    {
        margin: 4px;
        padding: 4px;
/*
        border: solid 1px #999;
        background-color:#eee;
        width: 232px;
        float: right;
*/        
       /* height: 100px; */
       width:auto;
	height:auto;
        font-size:11px;
     }

/* afwijkende waarden op de homepage */
div.rightcolumn_homepage div.box
    {
        width: 208px;
    }
    
div.imgbox
    {
        margin: 8px 4px 8px 4px;
        padding: 0 0 0 0;
        border: solid 1px #999;
        background-color:#eee;
        float: right;
    }

div.box h1
    {
        color: #d61021;
        font-weight: 500;
        font-size: 16px;
        margin: 0 0 4px 4px;
    }

div.box p
    {
        margin: 0 0 0 4px;
        padding: 0 0 0 0;
    }

div.box span
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

div.box label
    {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        font-size:11px;
    }

div.box ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }

div.box ul.bullets
    {
        list-style: disc url(images/arrowbutton.gif) inside;
    }

div.box ul li
    {
        margin: 0 0 0 4px;
        padding: 0 0 0 0;
        display: block;
    }

div.box ul.bullets li
    {
        display: list-item;
        list-style: disc url(images/arrowbutton.gif) inside;
    }

div.box ul li a:link,div.box ul li a:visited,div.box ul li a:hover,div.box ul li a:active
    {
        color: #000;
    }

div.box table
    {
        margin: 0 2px 0 2px;
    }

div.box td a:link,div.box td a:visited,div.box td a:hover,div.box td a:active
    {
        color: #000;
    }

div.login {margin:2px 4px;padding-top:4px;font-size:11px;color:#000000}
.login h2 {color:#d61021;font-weight:500;font-size:16px;margin-left:4px}

.login input {margin:0 0 2px 0;width:80px;float:right}
.login input.button {width:40px}
.login span label {margin:0;width:auto;float:none;color:#000000}
.login span input {margin:0 0 0 4px;width:auto;float:none}
    
/*
menu styles
*/
div.menubar
    {
        background-color: #d61021; /* OGh red  */
        margin: 0 0 4px 0; /* was 0 0 0 0    toen menu onder header zat */
        padding: 0 0 0 0;  /* was 0 0 1px 0  toen menu onder header zat */
        width: 100%;
    }
    /* skip links  make 1 pixel row this has to be set to 0px */
div.menubar a img
    {
        height: 0;
    }

table.ctl00_Menu1_2
    {
        margin: 0 0 0 100px;
    }

/*
menu styles: Static Menu
*/
a.ctl00_Menu1_3
    {
        width: 120px;
        padding: 2px 6px 2px 6px;
        display: block;
    }
a.ctl00_Menu1_3:link,a.ctl00_Menu1_3:visited

    {
        background-color: #d61021; /* OGh red  */
        color: #fff;
        text-decoration: none;
    }
a.ctl00_Menu1_3:hover,a.ctl00_Menu1_3:active
    {
        background-color: #666;
        color: #fff;
        text-decoration: none;
    }

/*
menu styles: Dynamic Menu
*/
a.ctl00_Menu1_5
    {
        width:155px;
        padding: 2px 6px 2px 6px;
        display:block;
    }
a.ctl00_Menu1_5:link
    {
        background-color:#333; /* dark grey  */
        color:#fff;
        text-decoration: none;
    }
a.ctl00_Menu1_5:visited
    {
        background-color:#333; /* dark grey  */
        color:#fff;
        text-decoration: none;
    }
a.ctl00_Menu1_5:hover
    {
        background-color:#666;
        color:#fff;
        text-decoration: none;
    }
a.ctl00_Menu1_5:active
    {
        background-color:#666;
        color:#fff;
        text-decoration: none;
    }

/* FORM FIELDS, INPUT CONTROLS AND VALIDATION */

div.validation
    {
        float:right;
        text-align:right;
    }

div.message,span.message
    {
        color: #d61021;
        font-weight: 400;
    }

div.label
    {
        width:128px; /* was 180 */
        float:left;
        text-align:right;
        display:inline;
    }

div.displayTemplate div.label
    {
        font-weight:bold;
    }

input.label
    {
        text-align:right;
    }

div.field
    {
        padding-left:0;
    }

div.displayTemplate div.row div.field
    {
        margin-left: 136px;
    }

div.edittemplate div.label
    {
        width:128px;
    }

/* lay out of reactie.aspx */
.row {clear:both;margin-bottom:4px}
.label {margin-right:4px}
.field table td {margin-bottom:4px}
.field input {margin-right:4px}

div.feedbackform
    {
        width: 533px;
    }
 
.koptekst
    {
        color: #d61021;
        font-weight: bold;
        border-bottom: solid 1px #666;
        padding: 8px 0 0 0;
    }
 
 /* FORUM */

div.post_re
    {
        display:none;
        font-size:xx-small;
    }

div.post_body
    {
       /* display:none; */
    }

div.post_subject_selectedx
    {
        background-color: #ccc; 
    }

div.post_body_selectedx
    {
        background-color: #ddd; 
    }

div.post a:link,div.post a:visited,div.post a:hover,div.post a:active
    {
        color: #d61021; text-decoration: underline;
    }

/* ODTUG Kaleidoscope */

/*
#itm94 {width:844px}
.widepage #leftcolumn {width:0}
.widepage .contentitem {width:920px;background-image:url(images/bg_top_729.gif)}
.widepage .contentitem .bottom {width:729px;background-image:url(images/bg_bottom_729.gif)}
*/

div.article {font-size:small;padding:0;margin:0}
div.article pre {font-size:10pt}

div.article h1,
div.article h2,
div.article h3 {color:#D61021;font-family:Arial, Helvetica, Sans-Serif;margin:0}
div.article h1 { font-size:18pt}
div.article h2 { font-size:14pt}
div.article h3 { font-size:12pt}
div.article img {border:none 0 Transparent;margin-bottom:8px}

div.article strong {font-weight:bold}
div.article p {margin-bottom:10px}
div.article h1 {margin:0 0 10px 0;font-weight:bold;font-size:16pt}
div.article h2 {margin-top:10px;clear:both}
div.article h3 {margin-top:10px;clear:both}
div.article .chapeau {font-size:12pt;background-color:#d61021;color:#ffffff;padding:1px 4px}
div.article .author {font-style:italic}
div.article img.border {border:solid 1px #999999;margin:10px 0}
div.article .fr {margin-left:10px;font-style:italic}
div.article .fl {margin-right:10px;font-style:italic}
div.article .noot {padding:4px;border:solid 1px #000}
div.article .img {font-style:italic}

table.capgemini td {padding:2px;margin:2px;border:solid 1px #333}

div.hotlist {width:100%;max-height:162px;overflow:auto}
.hotlist table {border-collapse:collapse;width:584px}
.hotlist tr {margin:1px 0}
.hotlist .pubdate {text-align:left;white-space:nowrap;padding-right:10px;width:45px}
.hotlist a,
.hotlist a:link,
.hotlist a:visited {text-decoration:none;color:#000}
.hotlist .hover a,
.hotlist a:hover,
.hotlist a:active {text-decoration:underline;color:#D61021}

.visiethumb {float:left;width:100px}

.lidmaatschap td {padding-top:2px}
.lidmaatschap td span label {margin-left:2px}

.evaluatie .vraag {display:block;width:auto;font-weight:bold}
.evaluatie .control textarea {width:600px}
.evaluatie .control label {padding-right:10px}

.adverteren td {min-width:120px;padding:8px;border:1px solid #cccccc}