* {
    margin                      : 0;
    padding                     : 0;
}

html, body {
    height                      : 100%;
}

body {
    background-image            : url(../images/bg_main.jpg);
    background-repeat           : repeat-x;
}

img {
    border                      : 0;
}

img.trouwfoto {
	float 						: right;
	margin 						: 0 10px 0 10px;
}

img.eventfoto {
	float 						: right;
	padding						: 0 10px 0 10px;
}

img.themafeest {
	float 						: right;
	margin						: 0 40px 10px 10px;
}

a:link, a:visited {
    color                       : #0099cc;
    text-decoration             : none;
}

a:hover, a:active {
    color                       : #0099cc;
    text-decoration             : underline;
}

ul {
    margin-left                 : 28px;
}

#container {
    min-height                  : 100%;
    height                      : auto;
    width                       : 800px;
    margin-bottom               : -114px;
    left                        : 50%;
    margin-left                 : -400px;
    background-color            : #ffffff;
    position                    : relative;
}

#header {
    position                    : relative;
    width                       : 800px;
    height                      : 140px;
    background-image            : url(../images/bg_header.jpg);
    background-repeat           : no-repeat;
}

#content {
    width                       : 800px;
	min-height    				: 400px;
    height 						: auto;
    background-image            : url(../images/bg_content.jpg);
    background-repeat           : no-repeat;
    background-color            : #ffffff;
}

#contentindex {
    width                       : 800px;
    height                      : auto;
    background-image            : url(../images/bg_content.jpg);
    background-repeat           : no-repeat;
    background-color            : #ffffff;
}

#navi {
    width                       : 780px;
    margin                		: 0 0 0 15px;
}

#footer {
    position                    : absolute;
    width                       : 800px;
    height                      : 114px;
    left                        : 50%;
    margin-left                 : -400px;
    background-image            : url(../images/bg_footer.jpg);
}

#contentblock {
    margin-top                  : 40px;
	height 						: auto;
	min-height 					: 400px;
    width                       : 800px;
}

* html #contentblock { 
   height: expression( this.scrollHeight < 401 ? "400px" : "auto" ); /* sets min-height for IE */
}

#indexblock1 {
    position                    : relative;
    width                       : 750px;
    #width                      : 770px;
    height                      : 130px;
    margin-left                 : 20px;
    margin-bottom               : 10px;
    padding-left                : 10px;
    padding-right               : 10px;
    padding-top                 : 7px;
    padding-bottom              : 5px;
    font-family                 : Arial, sans-serif;
    font-size                   : 14px;
    font-weight                 : bold;
    line-height                 : 19px;
    color                       : #003d7d;
    background-image            : url(../images/bg_indexblock1.jpg);
    background-repeat           : no-repeat;
}

#indexblock2 {
    position                    : relative;
    width                       : 750px;
	#width						: 770px;
	height                      : 220px;
    margin-left                 : 20px;
    margin-top                  : 20px;
    margin-bottom               : 10px;
	padding-left                : 10px;
    padding-right               : 10px;
	padding-top                 : 7px;
    padding-bottom              : 5px;
    font-family                 : Arial, sans-serif;
    font-size                   : 14px;
	font-weight					: bold;
    line-height                 : 18px;
    color                       : #003d7d;
	background-image            : url(../images/bg_indexblock2.jpg);
    background-repeat           : no-repeat;

}

#bootblock1 {
    position                    : absolute;
    width                       : 240px;
    margin-left                 : 17px;
	margin-bottom: 10px;
}

#bootblock2 {
    position                    : absolute;
    width                       : 240px;
    margin-left                 : 277px;
}

#bootblock3 {
    position                    : absolute;
    width                       : 240px;
    margin-left                 : 537px;
}

#cleanblock {
	padding: 0px 20px;
    *margin-bottom: -10px;
}

#pageimg {
    padding-left                : 20px;
    position                    : absolute;
    width                       : 160px;
}

#ssmenu {
    width                       : 114px;
    margin-left                 : 210px;
    margin-top                  : 20px;
}

.pagetitle {

    padding-left                : 210px;
    font-family                 : Arial, sans-serif;
    font-size                   : 30px;
    font-weight                 : normal;
    color                       : #003d7d;
}

h1 {

    padding		                : 0 0 15px 210px;
    font-family                 : Arial, sans-serif;
    font-size                   : 20px;
    font-weight                 : normal;
    color                       : #003d7d;
}

h2 {

    font-family                 : Arial, sans-serif;
    font-size                   : 14px;
    font-weight                 : 900;
    color                       : #003d7d;
	padding 					: 5px 0 15px 210px;
}


p {
    padding-left                : 210px;
    padding-right               : 30px;
    padding-bottom              : 15px;
    font-family                 : Arial, sans-serif;
    font-size                   : 12px;
    line-height                 : 16px;
    color                       : #003d7d;
}

.links {
	float 						: left;
	width 						: auto;
    padding 					: 0 0 0 210px;
	margin 						: -5px 0 20px 0;
}

.links a{
    font-family                 : Arial, sans-serif;
    font-size                   : 12px;
    line-height                 : 16px;
	text-decoration 			: underline;
    color                       : #003d7d;
	float 						: left;
    padding 					: 0 0 0 0;
}

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

img.contact {	
	float 						: left;
	margin 					: 20px 0 0 210px;
}

.pagetext {
    padding-left                : 210px;
    padding-right               : 30px;
    padding-top                 : 25px;
    padding-bottom              : 40px;
    font-family                 : Arial, sans-serif;
    font-size                   : 12px;
    line-height                 : 16px;
    color                       : #003d7d;
}

.pagetextl {
    padding-left                : 210px;
    padding-right               : 30px;
    padding-top                 : 25px;
    font-family                 : Arial, sans-serif;
    font-size                   : 14px;
    line-height                 : 16px;
    color                       : #003d7d;
}

.navi {
    margin-left                 : 3px;
}

.main_text {
    font-family                 : Arial, sans-serif;
    font-size                   : 12px;
    color                       : #003d7d;
}

.main_img {
    margin-left                 : 20px;
    margin-bottom               : 20px;
}

.clearfooter {
   height                       : 114px;
   clear                        : both;
}

.footer {
    font-family                 : Arial, sans-serif;
    font-size                   : 11px;
    font-weight                 : normal;
    color                       : #FFFFFF;
}

.indexblocktitel {
    font-family                 : Tahoma;
    font-size                   : 36px;
    font-weight                 : bolder;
    color                       : #003d7d;
}

.indexblocktext {
    font-family                 : Arial, sans-serif;
    font-size                   : 12px;
    color                       : #003d7d;
}

.indexblock {
    width                       : 240px;
}

.hyveslogo {
	float: right;
}

.imgboot {
    margin-top                  : 10px;
    margin-bottom               : 10px;
}

.btn_leesmeer {
    margin-top                  : 10px;
}

.smenu {
    margin-top                  : 3px;
}

.smenutext {
    margin-top                  : 5px;
    margin-left                 : 15px;
}

.ssmenu {
    margin-top                  : 0px;
    height                      : 18px;
    width                       : 160px;
    background-color            : #c1d82f;
    margin-left                 : 0px;
    font-family                 : Arial, sans-serif;
    font-size                   : 12px;
    font-weight                 : bold;
    color                       : #003d7d;
}

.ssmenu a:link, .ssmenu a:visited {
    color                       : #003d7d;
    text-decoration             : none;
}

.ssmenu a:hover, .ssmenu a:active {
    color                       : #0099cc;
    text-decoration             : underline;
}

#ssmenucolor {
    color                       : #0099cc;
    text-decoration             : none;
}