/* CSS design by Pixelman.be | V1.1 03/09/2010/ */

/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright protected by deReactor */

/* CSS tested on:

    MAC OSX  
    - Safari 2.0 & 3.0: OK
    - Firefox 2.0: NOT TESTED
    - Firefox 3.0: OK

    PC WINXP VISTA
    - IE 6.0: NOT TESTED
    - IE 7.0: OK
    - IE 8.0: NOT TESTED
    - Firefox 2.0: NOT TESTED
    - Firefox 3.0: OK
    - Safari 3.0: OK
    - Safari 4.0: OK

*/

/*********************** basics ***********************/

body {
    margin: 0;
    padding: 0;
    color: #FFF;
    /*font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;*/
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px; /* works in all */
    *font-size: 15px; /* targets IE6 and 7 */
    background-color: #FFF;
    font-weight: normal;
}


html, dl, div, img, swf, form { 
    margin: 0; 
    padding: 0;
}
    
a {
    text-decoration: none;
    color: #61b60b;
}

a:hover {
    text-decoration: underline;
}   

*:focus {
    outline: none; /*remove blue border in safari & firefox */
}
 
a img { /*remove borders on linked images */
    border: none;
}

#site { /* whole site */
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

#wrapper { /* whole site */
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #FFF;
    /*background: #FFF url(http://www.dereactor.org/admin/templates/dereactor/images/grid.gif) 0 0 repeat-y;*/
    float: left;
}

body#home  #wrapper { /* traceimage home */
    /*background: #FFF url(http://www.dereactor.org/admin/templates/dereactor/images/traceimage_home.jpg) -32px 0 no-repeat;*/
}

body#detail #wrapper { /* traceimage home */
    /*background: #FFF url(http://www.dereactor.org/admin/templates/dereactor/images/traceimage_detail_recentie.jpg) -32px 0 no-repeat;*/
}

.whitespace {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    height: 50px;
    display: block;
    /*border: solid 1px black;*/
}


/************ header elements **************/

#header {
    position: relative;
    margin: 0;
    padding: 0;
    width: 960px;
    float: left;
    height: 153px;
    clear: both;
}

#logo {
    position: absolute;
    margin: 0;
    height: 68px;
    width: 310px;
    top: 30px;
    left: 0;
}

/*** topnav elements ***/

#topnav {
    position: absolute;
    top: 70px;
    left: 320px;
}

#topnav ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#topnav li {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
}

#topnav li a {
    position: relative;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    display: block;
    color: #615e56;
    font-size: 14px;
}

#topnav li.current a {
    color: #000;
    text-decoration: underline;
}

#topnav li a:hover {
    color: #000;
    text-decoration: underline;
}

/************ content elements **************/

#content {
    position: relative;
    margin: 0 10px 0 0;
    padding: 0;
    width: 960px;
    _width: 970px;
    background: transparent;
    float: left;
}

#content p {
    position: relative;
    line-height: 18px;
}


/************ content form elements **************/

#content input.field {
    position: relative;
    border: none;
    height: 23px;
    margin: 0 8px 8px 0;
    padding: 5px 5px 0 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px; /* works in all */
    *font-size: 16px; /* targets IE6 and 7 */
    line-height: 15px;
    color: #2E2205;
    font-weight: normal;
    /*float: left;*/
    display: block;
}

#content label {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px; /* works in all */
    *font-size: 16px; /* targets IE6 and 7 */
    line-height: 25px;
    color: #2E2205;
    font-weight: normal;
    display: block;
    width: 400px;
    clear: both;
    /*background-color: #bfbcac;*/
}


#content input.field_grey {
    position: relative;
    height: 23px;
    margin: 0 20px 8px 0;
    padding: 5px 5px 0 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px; /* works in all */
    *font-size: 16px; /* targets IE6 and 7 */
    line-height: 15px;
    color: #2E2205;
    font-weight: normal;
    float: left;
    display: block;
    /*background-color: #bfbcac;*/
    border: solid 1px #bfbcac;
}

#content .textarea {
    position: relative;
    height: 100px;
    margin: 0 20px 8px 0;
    padding: 5px 5px 0 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px; /* works in all */
    *font-size: 15px; /* targets IE6 and 7 */
    line-height: 18px;
    color: #2E2205;
    font-weight: normal;
    float: left;
    display: block;
    resize:none;
    border: solid 1px #bfbcac;
}


#content input.but_submit {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    border: none;
}

#content .formnotes {
    position: relative;
    width: 400px;
    font-size: 11px;
    clear: both;
}


/************ search elements **************/

#zoeken {
    position: absolute;
    top: 50px;
    right: 0;
    margin: 0;
    padding: 0;
    width: 210px;
    
}


#header input.field_grey {
    position: relative;
    height: 23px;
    margin: 0 0 8px 0;
    padding: 5px 5px 0 5px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px; /* works in all */
    *font-size: 16px; /* targets IE6 and 7 */
    line-height: 15px;
    color: #2E2205;
    font-weight: normal;
    float: left;
    display: block;
    /*background-color: #bfbcac;*/
    border: solid 1px #bfbcac;
}



/************ contentleft elements **************/

#contentleft {
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
    width: 194px;
    background: transparent;
    float: left;
}

.nav {
    position: relative;
    margin: 0;
    padding: 0;
    top: -3px;
}

.nav ul {
    position: relative;
    margin: 0 0 26px 0;
    padding: 0;
    left: 14px;
}

.nav ul li {
    position: relative;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #000;
    list-style: none;
    font-weight: bold;
    line-height: 18px;
    display: block;
    _border: solid 1px #FFF;
}

.nav ul li a {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    color: #000;
}

.nav ul li a:hover {
    color: #615e56;
    text-decoration: none;
}

.nav ul li a.nolink {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    color: #000;
    cursor: default;
}

.nav ul li a.nolink:hover {
    color: #000000;
    text-decoration: none;
    cursor: default;
}

.nav ul .selected a {
    color: #615e56;
    text-decoration: none;
}

.nav ul li ul {
    position: relative;
    margin: 10px 0 26px 0;
    padding: 0;
    left: 0;
}

.nav ul li ul li {
    position: relative;
    margin: 0;
    padding: 0 0 5px 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-transform: none;
    font-size: 12px;
    *font-size: 11px;
    color: #000;
    list-style: none;
    font-weight: normal;
    line-height: 15px;
    background: transparent url(http://www.dereactor.org/admin/templates/dereactor/images/bulletline.gif) 0 7px no-repeat;
    display: block;

}


.nav ul li ul li a {
    color: #615e56;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.nav ul li ul li a:hover {
    color: #000;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
}

#partners {
    position: relative;
    margin: 0;
    width: 155px;
    _width: 155px;
    left: 15px;
    /*padding: 0 0 0 14px;
    _padding: 0 0 0 14px;*/
}

.partner_logo a {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    width: 150px;
    height: 60px;
}

.nu a {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_nu.jpg) top left no-repeat;
}

.nu a:hover {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_nu.jpg) bottom left no-repeat;
}

.lf a {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_lf.jpg) top left no-repeat;
}

.lf a:hover {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_lf.jpg) bottom left no-repeat;
}

.vf a {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_vf.jpg) top left no-repeat;
}

.vf a:hover {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_vf.jpg) bottom left no-repeat;
}

.li a {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_lira.jpg) top left no-repeat;
}

.li a:hover {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/partner_lira.jpg) bottom left no-repeat;
}


/************ contentmiddle elements **************/

#contentmiddle {
    position: relative;
    margin: 0;
    padding: 0;
    width: 582px;
    _width: 582px;
    background: transparent;
    float: left;
}

#back {
    position: absolute;
    top: -25px;
    left: 196px;
    z-index: 10;
}

#back a:hover {
    color: #000;
}

#back2 {
    position: absolute;
    top: -25px;
    left: 0;
    z-index: 10;
}

#back2 a:hover {
    color: #000;
}

#deleeswolf {
    position: relative;
    width: 73px;
    height: 82px;
    /*border: solid 1px black;*/
    float: left;
    display: inline;
    margin: 0 5px 5px 0;
    z-index: 20;
}


/*** item elements small blocks  ***/

.item {
    position: relative;
    margin: 0 10px 0 0;
    padding: 10px 0 10px 0;
    width: 281px;
    height: 150px;
    background: transparent;
    float: left;
    border-top: solid 10px #c3bdaf;
    display: block;
}

.item a:hover {
    text-decoration: none;
    color: #000;
}


.item:hover {
    border-top: solid 10px #000;
    text-decoration: none;
	background-color: #fffef2;
}


.item_introbox {
    position: absolute;
    top: 10px;
    left: 97px;
    color: #000;
    width: 184px;
    float: left;
}

.item_cover2 {
    position: absolute;
    top: 10px;
    left: 44px;
    color: #000;
    width: 43px;
	height: 138px;
    float: left;
	display: block;
}


.item h2 {
    position: relative;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    /*font-size: 17px;*/
    font-size: 14px;
    line-height: 15px;
    color: #000;
}

.item h3 {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #78766d;
    letter-spacing: 0.12em;
}



.item p {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #000;
}

.lead {
	display: none;
	position: absolute;
    padding: 10px 5px 10px 10px;
	top: -10px;
	left: 281px;
	width: 276px;
	height: 150px;
	/*background-color: #FFF;*/
	background-color: #fffef2;
    border-top: solid 10px #000;
	z-index: 20;
	overflow: hidden;
}

.lead2 {
	display: none;
	position: absolute;
    padding: 10px 5px 10px 10px;
	top: -10px;
	left: -291px;
	width: 276px;
	height: 140px;
	background-color: #fffef2;
    border-top: solid 10px #000;
	z-index: 20;
	overflow: hidden;
}

/*.item:hover .lead {
    border-top: solid 10px #000;
    text-decoration: none;
	display: block;
}*/

/*** item2 elements wide blocks ***/

.item2 {
    position: relative;
    margin: 0 10px 0 0;
    padding: 10px 0 10px 0;
    width: 562px;
    /*height: 100px;*/
    min-height: 50px;
    height: auto !important;
    height: 50px;
    background: transparent;
    float: left;
    border-top: solid 10px #c3bdaf;
    display: block;
}

#contentmiddle .item2 a {
    text-decoration: none;
}

.item2 a:hover {
    text-decoration: none;
}

.item2:hover {
    border-top: solid 10px #000;
}


.item2_introbox {
    position: relative;
    top: 0;
    left: 0;
    color: #000;
    float: left;
}

.item2 h2 {
    position: relative;
    margin: 5px 0 0 0;
    padding: 0 0 0 0;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 18px;
    color: #000;
}

.item2 h3 {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #78766d;
}



.item2 p {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #000;
}

/*** paginate elements ***/

.paginate {
    position: relative;
    float: left;
    width: 100%;
    margin: 50px 0 0 0;
    display: block;
    color: #000;
    clear: both;
}



/*** itemdetail elements ***/

.itemdetail {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: transparent;
    float: left;
    display: block;
    color: #000;
}

.itemdetail_cover {
    position: relative;
    top: -20px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 184px;
    height: 289px;
    float: left;
    display: block;
}

.itemdetail_introbox {
    position: relative;
    margin: 0 0 0 0;
    left: 10px;
    padding: 0 0 0 0;
    width: 378px;
    /*min-height: 284px;*/
    min-height: 240px;
    background: transparent;
    float: left;
    border-top: solid 10px #c3bdaf;
    display: block;
}

.itemdetail_introbox2 {
    position: relative;
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
    width: 562px;
    background: transparent;
    float: left;
    border-top: solid 10px #c3bdaf;
    display: block;
}

.itemdetail_content {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background: transparent;
    display: block;
    clear: both;
    float: left;
    /*border: solid 1px red;*/
    
}

.itemdetail h1 {
    position: relative;
    margin: 12px 0 0 0;
    padding: 0 0 0 0;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 24px;
    color: #000;
}

.itemdetail h2 {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 24px;
    color: #78766d;
    letter-spacing: 0.12em;
}

.itemdetail h3 {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 24px;
    color: #78766d;
    width: 520px;
    letter-spacing: 0.12em;
}

.itemdetail h3 a {
    color: #78766d;
    text-decoration: underline;
}

.itemdetail h3 a:hover {
    color: #000;
    text-decoration: underline;
}

.itemdetail_introbox p {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.itemdetail_introbox .date {
    color: #000;
}


.itemdetail_introbox .specifications {
    color: #615e56;
    padding: 0 0 10px 0;
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/bulletline.gif) left bottom no-repeat;
}


.itemdetail_content p {
    position: relative;
    margin: 0 0 17px 0;
    padding: 0 0 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    display: block;
    width: 520px;
}

.itemdetail_content cite {
    position: relative;
    margin: 0 0 17px 0;
    padding: 0 0 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-style: normal;
    left: 18px;
    float: none;
    display: block;
    width: 572px;
}

.itemdetail_content blockquote {
    position: relative;
    margin: 0 0 17px 0;
    padding: 0 0 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    font-style: italic;
    left: 18px;
    float: none;
    display: block;
    width: 572px;
}

/*** itemdetail_xtra nav elements ***/

.itemdetail_xtra {
    position: relative;
    margin: 2px 0 20px 18px;
    _margin: 2px 0 0 9px;
    padding: 0 0 0 0;
    background: transparent;
    float: left;
    display: block;
    clear: both;
    width: 550px;
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/bulletline.gif) 0 0 no-repeat;
}

.itemdetail_xtra h4 {
    position: relative;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #78766d;
    font-weight: normal;
}

.itemdetail_xtra ul {
    position: relative;
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
    /*background: url(http://www.dereactor.org/admin/templates/dereactor/images/bulletline.gif) left bottom no-repeat;*/
}


.itemdetail_xtra li {
    position: relative;
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    clear: both;
    /*float: left;*/
}

.itemdetail_xtra li a {
    position: relative;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    display: block;
    color: #000;
    font-size: 12px;
    text-decoration: underline;
}

#contentmiddle .itemdetail_xtra li a:hover {
    color: #78766d;
    text-decoration: underline;
}


.addthis_button {
    position: relative;
    float: left;
    margin: 0 0 0 0;
    top: 10px;
}



/************ comment elements **************/

#item_comments {
    position: relative;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    background: transparent;
    float: left;
    display: block;
    color: #000;
    /*border: solid 1px black;*/
    /*width: 570px;*/
}

#item_comments_form {
    position: relative;
    margin: 0 0 0 0;
    padding: 10px 0 10px 0;
    background: transparent;
    float: left;
    display: block;
    color: #000;
    /*border-top: solid 10px #c3bdaf;*/
    width: 572px;
    clear: both;
    z-index: 10;
}
.comment {
    position: relative;
    margin: 0 0 0 0;
    padding: 15px 0 10px 0;
    background: transparent;
    float: left;
    display: block;
    color: #000;
    border-top: solid 5px #c3bdaf;
    width: 572px;
    clear: both;
    min-height: 50px;
    background-color: #FFF;
}

.comment_message {
    position: relative;
    margin: 0 0 0 0;
    left: 0;
    padding: 0 15px 10px 0;
    width: 388px;
    background: transparent;
    float: left;
    display: block;
}

.comment_message p {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    line-height: 14px;
    z-index: 10;
}

.comment_author {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
    width: 149px;
    float: left;
    display: block;
    text-align: left;
}

.comment_author ul {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    list-style: none;
}

.comment_author li {
    position: relative;
    margin: 0 0 2px 0;
    padding: 0 0 0 0;
    list-style: none;
    font-size: 12px;
}





/************ contentright elements **************/

#contentright {
    position: relative;
    margin: 0;
    padding: 0;
    width: 184px;
    background: transparent;
    float: left;
}

/************ button elements **************/

button {
    border: 0;
    cursor: pointer;
    font-weight: normal;
    margin: 0 10px 0 0;
    padding: 0 28px 0 0;
    text-align: center;
    float: left; 
    width: auto;
    *overflow: visible;
    font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

button span { 
    position: relative; 
    display: block; 
    white-space: nowrap; 
    padding: 0 0 0 28px;
    *margin-top: 1px;
}

/*purple buttons*/
button.submitBtn { 
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_right.png) right no-repeat; 
    _background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_right.gif) right no-repeat; 
    font-size: 12px; 
    font-weight: normal;
    text-transform: uppercase;
}

button.submitBtn span { 
    height: 30px;
    line-height: 30px;
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_left.png) left no-repeat;
    _background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_left.gif) left no-repeat;
    color: #FFF; 
}

button.submitBtn:hover {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_right.png) right no-repeat; 
    _background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_right.gif) right no-repeat; 
    color: #000; 
}

button.submitBtn:hover span {
    background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_left.png) left no-repeat;
    _background: url(http://www.dereactor.org/admin/templates/dereactor/images/btn_green_left.gif) left no-repeat;
    color: #000; 
}


/************ footer elements **************/

#footer {
    position: relative;
    margin: 40px 0 0 0;
    padding: 0 0 40px 0;
    width: 960px;
    background: transparent;
    float: left;
}


#footerbox {
    position: relative;
    margin: 0;
    padding: 0;
    left: 194px;
    background: transparent;
    float: left;
    display: block;
    /*border: solid 1px black;*/
}

#footerbox p {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 10px;
    line-height: 13px;
    color: #615e56;
}

#footerbox p a {
    color: #615e56;
}

#footerbox p a:hover {
    color: #000;
    text-decoration: underline;
}