/****************************************
*                                       *
*   Site: RU4REAL                       *
*   Author: Van Eldijk Studio's         *
*   Date: 15/09/2009                    *
*                                       *
*   Last changed:                       *
*   Edited by:                          *
*                                       *
****************************************/

@import url("reset.css");
@import url("editor_content.css");

/* @TEMPLATE CSS */

body
{
font-family: Verdana, arial, sans-serif;
font-size: 62.5%;
text-align: center;
}

#wrap
{
width: 997px;
margin: 0 auto;
text-align: left;
font-size: 1.2em;
line-height: 1.7;
margin-bottom: 20px;
}

#main.groot
{
background: url(../images/wrap_bg.gif) repeat-y;
}

#top
{
padding-left: 295px;
padding-top: 18px;
}

#rij_een
{
float: left;
}

.testjezelf, #rij_een .image, #rij_een .over
{
background: url(../images/rij_een_bg.gif) repeat-y;
width: 119px;
padding: 0px 16px;
padding-bottom: 10px;
}

.image p
{
margin-bottom: 0px;
}

.image
{
padding-bottom: 10px;
}

.testjezelf h3
{
text-indent: -5000px;
background: url(../images/test_jezelf_h3.jpg) no-repeat;
width: 118px;
height: 22px;
}

.rij_een_menu
{
background: url(../images/rij_een_menu_bg.gif) no-repeat; 
font-size: 0.8em;
width: 150px;
}

.rij_een_menu ul
{
margin-bottom: 0px;
}

.rij_een_menu ul li
{
padding: 4px 0px 6px 13px;
text-align: left;
background: url(../images/rij_een_menu_item_bg.gif) no-repeat bottom left;
}

.rij_een_menu ul li a
{
text-decoration: none;
color: #fff;
}

.rij_een_menu ul li a:hover
{
text-decoration: none;
color: #000;
}

#rij_twee
{
width: 123px;
float: left;
background: url(../images/rij_twee_bg.gif) repeat-y;
padding: 0px 13px;
}

.stem h3
{
text-indent: -5000px;
background: url(../images/stem_h3.jpg) no-repeat;
width: 120px;
height: 22px;
}

.watvindjij h3
{
text-indent: -5000px;
background: url(../images/wat_vind_jij_h3.jpg) no-repeat;
width: 120px;
height: 22px;
}

#rij_drie
{
width: 124px;
float: left;
background: url(../images/rij_drie_bg.gif) repeat-y;
padding: 0px 12px;
}

#rij_drie.groot
{
display: none;
}

.over h3
{
text-indent: -5000px;
background: url(../images/over_h3.jpg) no-repeat;
width: 120px;
height: 22px;
}

.partytime h3
{
text-indent: -5000px;
background: url(../images/party_time_h3.jpg) no-repeat;
width: 120px;
height: 22px;
}

#mainbody
{
width: 367px;
padding: 0px 12px;
float: left;
overflow: hidden;
}

#mainbody.groot
{
width: 515px;
}

#mainbody .contentheading, #mainbody .componentheading
{
text-transform: uppercase;
font-weight: bold;
color: #ff0099;
}

#rij_vier
{
float: left;
width: 153px;
overflow: hidden;
}

.rij_vier_menu
{
background: url(../images/rij_vier_menu_bg.gif) no-repeat;
font-size: 0.8em;
}

#rij_vier ul.menu
{
margin-bottom: 0px;
}

.rij_vier_menu ul li
{
padding: 4px 13px 6px 0px;
text-align: right;
background: url(../images/rij_vier_menu_item_bg.gif) no-repeat bottom left;
}

.rij_vier_menu ul li a
{
text-decoration: none;
color: #fff;
}

.rij_vier_menu ul li a:hover, .rij_vier_menu ul li.active a
{
color: #000;
}

.moduletable.ditisreal1, .moduletable.ditisreal2, #rij_vier .image
{
background: url(../images/rij_vier_bg.gif) repeat-y;
padding: 0px 19px;
}

.moduletable.ditisreal1 a, .moduletable.ditisreal2 a
{
color: #33cc00;
text-decoration: none;
}

.moduletable.ditisreal1 a:hover, .moduletable.ditisreal2 a:hover
{
color: #ec008c;
}

#rij_vier .image
{
padding: 10px 19px;
}

.moduletable.ditisreal1 h3
{
text-indent: -5000px;
background: url(../images/dit_is_real_2_h3.jpg) no-repeat;
width: 120px;
height: 22px;
}

.moduletable.ditisreal2 h3
{
text-indent: -5000px;
background: url(../images/dit_is_real_2_h3.jpg) no-repeat;
width: 120px;
height: 22px;
}

.contentpaneopen.ditisreal1 td, .contentpaneopen.ditisreal2 td
{
background: #fff;
}

/* @POLL STYLING */

#mainbody  .sectiontableheader
{
visibility: hidden;
}

#pollxtImgCol img
{
padding-bottom: 10px;
}

.sectiontableentry1, .sectiontableentry2
{
padding-bottom: 10px;
}

.sectiontableentry1 img, .sectiontableentry2 img
{
margin-right: 10px;
}

img.polls_color_1, img.polls_color_2, img.polls_color_3, img.polls_color_4, img.polls_color_5
{
margin-top: 7px;
}

.pollxtVote
{
background: url(../images/go_button.gif) no-repeat;
border: none;
text-indent: -5000px;
width: 43px;
height: 22px;
cursor: pointer;
}

.pollxtBack, .pollxtResult
{
display: none;
}

/* @MAIL A FRIEND STYLING */

.buttonheading a
{
background: url(../images/mail_a_friend.gif) no-repeat;
display: block;
text-indent: -5000px;
width: 63px;
height: 8px;
}

.buttonheading a:hover
{
background: url(../images/mail_a_friend_hover.gif) no-repeat;
}

/*@ DOE DE TEST */
form#gegevens input.text
{
border: 1px solid #7f9db9;
}

form#gegevens .start
{
border: 0px;
background: url(../images/start.gif) no-repeat;
width: 76px;
height: 22px;
text-indent: -5000px;
cursor: pointer;
display: block;
overflow:hidden;
padding-top: 100px;
}

/* @CONTACT */
.contact_email input.inputbox, .contact_email textarea#contact_text
{
border: 1px solid #7f9db9;
}

.contact_email textarea#contact_text
{
width: 515px;
}

.contact_email button.button.validate
{
background: url(../images/go_button.gif) no-repeat;
border: none;
text-indent: -5000px;
width: 43px;
height: 22px;
cursor: pointer;
}

/* @COMMENTS */
#written_comments_title,
#comments_title
{
font-size: 1.2em;
font-weight: bold;
}

#written_comments_title img,
#comments_title img
{
display: none;
}

#jcCommentFormWrap
{
margin: 10px 0px 0px;
border: 0px;
background: #eee;
}

.jc_comment_title
{
display: none;
}

#jc_commentForm .submitbutton 
{
margin: 10px 0px 0px;
background: #ccc;
}

#jcCommentFormWrap input, textarea#jc_comment
{
border: 1px solid #7f9db9;
}

#mainbody #written_comments_title.contentheading
{
color: #000;
text-transform: none;
font-size: 1em;
}

.jcUser
{
color: #FF0099;
}

#jc_commentsDiv
{
font-size: 1em;
}

.commentinfo .small
{
color: #cccccc;
}

/* @STANDAARD STYLING */

p, ul
{
margin-bottom: 15px;
}

strong
{
font-weight: bold;
}

em
{
font-style: italic;
}

#mainbody a
{
text-decoration: none;
color: #33cc00;
font-weight: bold;
}

#mainbody a:hover
{
color: #ec008c;
}

#mainbody ul
{
padding-left: 20px;
list-style-type: disc;
}

/* Gallery */
.partyfotos {width:500px;}