@charset "utf-8";
/* CSS Document */

body {
    margin: -10;
    background-color: #a4cce9;
    font-family: 'PT Sans Narrow', sans-serif;
}

strong {
    color: #f16000;
}

#clear {
    clear: both;
}

a:link {
    color: #6eb2e2;
    text-decoration: none;
}

a:hover {
    color: #f16000;
    text-decoration: underline;
}

a:active {
    color: #6eb2e2;
    text-decoration: none;
}

a:visited {
    color: #6eb2e2;
    text-decoration: none;
}

/*
#tekst img {
    margin-left: 60px;
}
*/
/* =============== Einde algemeen ===============*/

#wrapper {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#header {
    width: 1000px;
    height: 100px;
}

    #logo {
        position: relative;
        padding-top: 8px;
        padding-left: 8px;
        clear: right;
    }

#header .btn-primary {
	float: right;
	margin: 18px 10px;
	background-color: #c62828; /* Green */
	border-radius: 10px;
	color: white;
	padding: 10px 26px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#header .btn-primary:hover {
	background-color: #8e0000;	
}

/* =============== Einde header ===============*/

#main {
    min-height: 700px;
    padding-bottom: 12px;
}

#row {
	padding-left: 10px;
	padding-right: 10px;
}

    #tekst {
    padding-left: 15px;
    padding-right: 15px;
    }

        #columnleft {
            float: left;
            width: 465px;
            clear: left;
        }

        #columnright {
            float: right;
            width: 465px;
            clear: right;
        }

        #info {
            float: left;
        }

        #navi {
            float: right;
        }

.main-list li {
	margin-bottom: 8px;
}

.list-left {
	width: 150px;
	display: inline-block
}

.list-right {
	width: 750px;
	display: inline-block
}

.spacer {
	margin-bottom: 50px;
}

.column-left {
	vertical-align: top;
	width: 69%;
	display: inline-block;
}

.column-right {
	vertical-align: top;
	width: 30%;
	display: inline-block;
}

.block-left{
	vertical-align: top;
	width: 35%;
	display: inline-block;
	padding: 0;
	margin: 0;
}

.block-right{
	vertical-align: top;
	width: 64%;
	display: inline-block;
	padding: 0;
	margin: 0;
}

/* =============== Einde main ===============*/

#footer {
    width: 1000px;
    display: block;
    background-color: #6eb2e2;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    height: 40px
}

#footer a:link {
    text-decoration: none;
    color: #fff;
}

#footer a:hover {
    text-decoration: underline;
    color: #f16000;
}

#footer a:active {
    text-decoration: none;
    color: #fff;
}

#footer a:visited {
    text-decoration: none;
    color: #fff;
}

    #left {
        width: 300px;
        float: left;
        margin-left: 15px;
    }

    #mid {
        width: 200px;
        float: left;
        margin-left: 80px;

    }

    #right {
        width: 250px;
        float: left;
        margin-left: 80px;
    }

    #facebook {
        width: 50px;
        float: left;
        text-align: right;
    }

/* =============== Einde footer ===============*/

#privacy {
    background-color: #f16000;
    clear: both;
    padding: 5px 0px 5px 0px;
}

#privacy a:link {
    text-decoration: none;
    color: #fff;
}

#privacy a:hover {
    text-decoration: none;
    color: #6eb2e2;
}

#privacy a:active {
    text-decoration: none;
    color: #fff;
}

#privacy a:visited {
    text-decoration: none;
    color: #fff;
}

#privacy .left {
    display: inline-block;
    width: 483px;
    margin-left: 15px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

#privacy .right {
    display: inline-block;
    width: 483px;
    margin-left: 15px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

/* =============== Einde privacy ===============*/


#copyright {
    color: #fff;
    width: 1000px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #000;
    text-align: center;
    font-size: 10px;
    clear: both;
    padding-top: 8px;
    }

#copyright a:link {
        color: #fff;
        text-decoration: none;
    }

#copyright a:visited {
        color: #fff;
        text-decoration: none;
}

#copyright a:hover {
        color: #666;
        text-decoration: none;
    }

#copyright a:active {
        color: #fff;
        text-decoration: none;
}

/* =============== Einde copyright ===============*/

.tarief {
    font-size: 14px;
    color: #333333;
    width: 600px;
    border-width: 1px;
    border-color: #ebab3a;
    border-collapse: collapse;
}

.tarief th {
    font-size: 14px;
    color: #fff;
    background-color: #f16000;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #f16000;
    text-align:left;
}

.tarief tr {
    background-color: #ffffff;
}

.tarief td {
    font-size: 14px;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #f16000;}

.tarief tr:hover {
    background-color:#ffff99;
}

/* =============== */

.test {
    font-size: 14px;
    color: #333333;
    width: 275px;
    border-width: 1px;
    border-color: #ebab3a;
    border-collapse: collapse;
}

.test th {
    font-size: 14px;
    color: #fff;
    background-color: #f16000;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #f16000;
    text-align:left;
}

.test tr {
    background-color: #ffffff;
}

.test td {
    font-size: 14px;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #f16000;}

.test tr:hover {
    background-color:#ffff99;
}

/* =============== Einde Tarieftabellen ===============*/

.pull-right {
    float: right;
    margin-top: -100px;
    margin-bottom: 20px
}

.gallery {
    text-align: center;
}


/* =============== melding ====================== */

#melding {
	background-color: #c62828;
	padding: 5px 10px;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	text-align: center;
	
}

#melding h2 {
	margin: 0px;
	border-bottom: 1px solid #fff;
}

#melding p {
	font-size: 12px;
}

#melding p strong {
	color: #fff;
}

#melding .btn-primary {
	background-color: #6eb2e2;
	border-radius: 10px;
	color: white;
	padding: 10px 26px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

#melding .btn-primary:hover {
	background-color: #4779b8;	
}

/* =============== Image Bar ===============*/

.image-bar {
	display: block;
	clear: both;
	text-align: center;
}

.image-bar img {
	display: inline-block;
	max-height: 280px;
}

/* =============== Video =============== */

#video {
    text-align: center;
}