/**
     * Default stylesheet for MasXpress
     * @author Solid Square
     */
    
    @import url("reset.css");
    
    html {
        overflow-x:              auto;
        overflow-y:              scroll;
    }
    
    img {
        vertical-align:         middle;
    }
    
    a {
        text-decoration:        none;
		color:					#f05680;
    }
    
    html,
    body {
        height:                 100%;
    }
    
    body {
        background:             #126bb1 url("../images/background.png") scroll repeat-x center top;
        position:               relative;
        font-family:            Arial, Helvetica, sans-serif;
    }
    
    div#content {
        width:                  900px;
        padding:                20px 35px;
        position:               relative;
        margin:                 0 auto;
        background:             transparent url("../images/content.png") scroll repeat-y center top;
        overflow:                hidden;
        color:                  #818c92;
        font-size:              13px;
    }
    
    div#content p {
        line-height:            22px;
        padding:                0 0 10px;
    }
    
	div#content h1 {
		font-size:				20px;
        padding:                10px 0;
    }

    div#content h2 {
        padding:                10px 0;
    }
    
    div#content_left,
    div#content_right {
        float:                   left;
    }
    
    div#content_left {
        width:                  320px;
        padding-right:          10px;
    }
    
    div#content_right {
        width:                  560px;
        padding-left:           10px;
    }

	div#content_right ul {
		list-style-type: 		circle;
		margin-left:			20px;
	}
	
	div#content_right ol {
		list-style-type: 		decimal;
		margin-left:			20px;
	}

	div#content_right li {
        margin-bottom:			10px;
		line-height:			20px;
		padding-left:			10px;
    }

	div#content_right ol li {
        margin-bottom:			10px;
		line-height:			20px;
		padding-left:			10px;
    }

	div#content_right div.dropdown_box_list li {
		margin-bottom:			0px;
		padding-left:			5px;
	}
    
    div.top {
        position:               absolute;
        top:                    0;
        left:                   0;
        width:                  100%;
        right:                  0;
        background:             transparent url("../images/top.png") scroll repeat-x center top;
        height:                 101px;
        min-width:              980px;
    }
    
    div.top_large {
        height:                 131px;
        background-image:       url("../images/top_large.png");
    }
    
    div#header {
        height:                 42px;
        padding:                398px 15px 14px;
        position:               relative;
        background:             transparent url("../images/header.png") scroll no-repeat center top;
        width:                  940px;
        margin:                 0 auto;
    }
    
    div#header a.signs {
        display:                block;
        position:               absolute;
        overflow:                hidden;
        font-size:              0;
        text-decoration:        none;
        border:                 0;
    }
    
    div#header a.signs img {
        display:                none;
    }
    
    div#header a.signs:hover img {
        display:                block
    }
    
    div#header a#leerlingen {
        width:                  203px;
        height:                 86px;
        top:                    156px;
        left:                   271px;
    }
    
    div#header a#organisaties {
        width:                  200px;
        height:                 62px;
        top:                    225px;
        left:                   488px;
    }
    
    div#header a#ouders {
        width:                  166px;
        height:                 63px;
        top:                    283px;
        left:                   307px;
    }
    
    img#logo {
        position:               absolute;
        right:                  33px;
        top:                    11px;
    }
    
    ul#menu {
        display:                block;
        height:                 42px;
        color:                  #fff;
        font-size:              14px;
    }
    
    ul#menu li {
        float:                   left;
    }
    
    ul#menu li a {
        display:                block;
        line-height:            42px;
        height:                 42px;
        padding:                0 20px;
        color:                  #fff;
        position:               relative;
    }
    
    ul#menu li.active a {
        font-weight:            bold;
        background:             #db044d;

    }
    
    ul#menu li a:hover {
        background:             #db044d;
    }
    
    div#footer {
        background:             #126bb1 url("../images/footer.png") no-repeat scroll center top;
        padding:                6px 0 0;
        width:                  940px;
        position:               relative;
        margin:                 0 auto;
        line-height:            40px;
        height:                 40px;
        color:                  #76c9f1;
        font-size:              11px;
    }
    
    div#footer span {
        display:                block;
        line-height:            40px;
        height:                 40px;
        padding:                0 20px;
    }
    
    div#footer span.right {
        float:                   right;
    }
    
    div#footer span.left {
        float:                   left;
    }
    
    div#content ul.list {
        border-top:             solid 1px #eee;
        margin:                 10px 0;
    }
    
    ul.list span.date {
        width:                  60px;
        display:                inline-block;
        vertical-align:         middle;
        line-height:            45px;
        color:                  #2f7dba;
    }
    
    div#content ul.list li {
        height:                 45px;
        line-height:            45px;
        border-bottom:          solid 1px #eee;
    }
    
    div#content ul.list li a {
        color:                  #818c92;
        text-decoration:        none;
        border:                 0;
    }
    
    div#content ul.list li img {
        margin-bottom:          3px;
        margin-right:           7px;
    }
    
    div#experiences {
        width:                  320px;
        height:                 260px;
        margin-top:             10px;
        position:               relative;
        background:             transparent url("../images/experiences.png") no-repeat scroll center center;
    }

    div#experiences img#experiences_title {
        position:               absolute;
        top:                    0;
        left:                   0;
    }
    
    div#experiences ul {
        display:                block;
        height:                 260px;
        width:                  320px;
        overflow:                hidden;
        position:               relative;
    }
    
    div#experiences ul li {
        background:             transparent url("../images/experience.png") no-repeat scroll center bottom;
        padding:                0 16px 0 17px;
        height:                 150px;
        color:                  #545454;
        font-size:              17px;
        position:               relative;
        font-weight:            bold;
        position:               absolute;
        top:                    53px;
        left:                   320px;
        width:                  287px;
    }
    
    div#experiences ul li span {
        font-size:              14px;
    }
    
    div#experiences ul li div.experience_text {
        font-style:             italic;
        font-weight:            normal;
        color:                  #fff;
        font-size:              14px;
        position:               absolute;
        line-height:            22px;
        top:                    55px;
        left:                   33px;
        right:                  33px;
        letter-spacing:         -1px;
    }
    
    div#experiences_left,
    div#experiences_right {
        height:                 205px;
        position:               absolute;
        background:             transparent url("../images/experiences_fade.png") repeat-y scroll left center;
        width:                  10px;
        top:                    35px;
    }
    
    div#experiences_left {
        left:                   0;
    }
    
    div#experiences_right {
        right:                  0;
        background-position:    right center;
    }
    
    a#experiences_next,
    a#experiences_previous {
        width:                  17px;
        height:                 17px;
        background:             transparent url("../images/experiences_next.png") no-repeat scroll center top;
        font-size:              0;
        display:                block;
        position:               absolute;
        top:                    192px;
        left:                   275px;
    }
    
    a#experiences_next:hover,
    a#experiences_previous:hover {
        background-position:    center bottom;
    }
    
    a#experiences_previous {
        background-image:       url("../images/experiences_previous.png");
        left:                   255px;
    }
    
    div#login {
        position:               absolute;
        top:                    18px;
        left:                   30px;
        padding:                20px 0 0 260px;
        font-size:              11px;
        color:                  #d8f1ff;
        line-height:            20px;
    }
    
    div#login input {
        color:                  #547186;
        font-size:              12px;
        font-family:            Arial, Helvetica, sans-serif;
    }
    
    div#login #login_username {
        top:                    0;
    }
    
    div#login #login_password {
        top:                    32px;
    }
    
    div#login .dropdown_box_value {
        padding-left:           10px;
        color:                  #547186;
    }
    
    div#login .dropdown_box_container {
        border:                 solid 1px #0e7dc4;
    }
    
    div#login #login_username,
    div#login #login_password {
        position:               absolute;
        left:                   0;
        background:             #fff;
        border:                 solid 1px #0e7dc4;
        padding:                5px 10px;
        width:                  150px;
    }
    
    div#login div.dropdown_box_button {
        height:                 23px;
        border-left:            solid 1px #0e7dc4;
    }
    
    div#login a {
        color:                  #d8f1ff;
        text-decoration:        underline;
    }
    
    div#login button {
        position:               absolute;
        left:                   180px;
        top:                    0;
        font-size:              17px;
        font-family:            Arial, Helvetica, sans-serif;
        color:                  #6b5f35;
        font-weight:            bold;
        height:                 58px;
        letter-spacing:         -1px;
        text-transform:         uppercase;
        border:                 solid 1px #fdecb1;
        text-shadow:            none;
        background:             transparent url("../images/login_button.png") repeat-x scroll center bottom;
    }
    
    div#table_row_organisatie {
        position:               absolute;
        top:                    65px;
        left:                   0;
        display:                none;
    }
    
    div.movie {
        padding:                15px;
        border:                 solid 1px #abeefb;
        background:             #cff7ff;
        color:                  #006aba;
        overflow:                hidden;
        margin:                 20px 0 0;
    }
    
    div.movie div.embed {
        padding-right:          10px;
        float:                   left;
    }
    
    div.movie div.description {
        padding-left:           10px;
        float:                   left;
        font-size:              12px;
        line-height:            20px;
    }
    
    div.movie div.description h3 {
        font-size:              22px;
        font-weight:            bold;
        padding:                0 0 10px;
    }
    
    div.notice {
        color:                  #238acb;
        font-size:              12px;
        padding:                0 10px 0 50px;
        height:                 42px;
        line-height:            42px;
        background:             #dbf1fd url("../images/balloon.png") no-repeat scroll 12px center;
        margin:                 15px 0 0;
    }
    
    div.notice strong {
        vertical-align:         baseline;
    }