/* Stefan Jongejan - Sjongejan.eu */
* {
    margin:         0px;
    padding:        0px;
}

body {
    background:     url('img/bg.png') center top no-repeat #fafafa;
    font-family:    Arial;
    font-size:      10pt;
}

/* HEADER */
.header {
    width:          925px;
    height:         134px;
    margin:         0 auto;
    margin-top:     20px;
}

.header #logo {
    width:          116px;
    height:         134px;
    position:       absolute;
}

.loos {

margin:10px auto 0;
width:920px;
}

.header #steunons {
    background:     url('img/steunons.png');
    width:          808px;
    height:         54px;
    position:       absolute;
    margin-top:     80px;
    margin-left:    117px;
}

.header #community {
    width:          189px;
    height:         53px;
    position:       absolute;
    margin-left:    736px;
    margin-top:     65px;
}

.header #community img {
    margin-left:    7px;
    border:         0px;
}

/* MENU */
.menu {
    background:     url('img/menu.png');
    width:          925px;
    height:         40px;
    margin:         0 auto;
    margin-top:     15px;
}

.menu li {
    float:          left;
    list-style:     none;
    height:         16px;
    padding:        12px 18px;
    font-weight:    bold;
    color:          #FFFFFF;
    border-right:   1px solid #3495be;
    border-left:    1px solid #7ed2f5;
    text-shadow:    1px 1px 1px #256079;
}

.menu #begin {
    border-left:    0px;
}

.menu #end {
    border-right:   0px;
}

.menu #current {
    background:     url('img/menu_current.png');
}

.menu a {
    color:          #FFFFFF;
    text-decoration:none;
}

.menu a:hover {
    text-decoration:underline;
}

/* CONTENT */
.content_top {
    background:     url('img/content_top.png');
    width:          929px;
    height:         8px;
    margin:         0 auto;
    margin-top:     10px;
}

.content {
    background:     url('img/content_center.png');
    width:          929px;
    min-height:     200px;
    margin:         0 auto;
    overflow:       auto;
}

.content_bottom {
    background:     url('img/content_bottom.png');
    width:          929px;
    height:         8px;
    margin:         0 auto;
}

.content a {
    color:          #29abe2;
    font-weight:    bold;
}

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

/* CONTENT LEFT */
.content #left {
    width:          200px;
    min-height:     200px;
    margin-left:    9px;
    float:          left;
}

.content #left h2 {
    background:     url('img/menu.png');
    height:         16px;
    padding:        12px 10px;
    text-shadow:    1px 1px 1px #256079;
    font-size:      9pt;
    color:          #FFFFFF;
}

.content #left h2 a {
	color:#FFFFFF;
	text-decoration:none;
}
.content #left .paars {
    background:     url('img/menu_current.png');
}

.content #left #drugs, .content #left .item, .content #left #stuff,.content #left #wonen {
    background:     url('img/navi.png');
}

.content #left img {
    margin-top:     -5px;
}

/* CONTENT RIGHT */
.content #right {
    width:          691px;
    min-height:     200px;

    margin-left:    20px;
    float:          left;
}

/* CONTENT BOX1 */
.content #box1 {
    width:          430px;
    min-height:     200px;

    margin-left:    20px;
    float:          left;
}

.content #box1 h2 {
    font-size:      16pt;
    font-weight:    normal;
    color:          #3f3f3f;
    padding:        5px;
    padding-bottom: 20px;
    padding-top:    15px;
}

.content #box1 hr {
    border:			0px;
	border-top:		1px dashed #2cade4;
	padding:        5px;
}

.content #box1 p {
    padding:        5px;
    line-height:    22px;
}

/* CONTENT BOX2 */
.content #box2 {
    width:          212px;
    min-height:     200px;

    margin-left:    20px;
    float:          right;
}

.content #box2 h2 {
    background:     url('img/menu.png');
    height:         16px;
    padding:        12px 10px;
    text-shadow:    1px 1px 1px #256079;
    font-size:      9pt;
    color:          #FFFFFF;
}

.content #box2 #poll {
    background:     url('img/menu_current.png');
}

.content #box2 #programma {
    margin-top:     10px;
}

.content #box2 p {
    padding:        5px;
    line-height:    22px;
    font-size:      9pt;
}

.content #box2 #stem_lijst17 {
    background:     url('img/stem_lijst17.png');
    width:          240px;
    height:         276px;
    position:       absolute;
    margin-left:    15px;
}

/* FOOTER */
.footer {
    background:     url('img/footer.png') -2px;
    width:          928px;
    height:         50px;
    margin:         0 auto;
    margin-top:     30px;
}

.footer p {
    float:          right;
    color:          #595959;
    padding:        20px 50px 0px 50px;
}

.footer a {
    color:          #29abe2;
    text-decoration:none;
}

.footer a:hover {
    text-decoration:underline;
}
