/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}

#list
{
	margin:0;
	padding:0;
	
}

#list ul
{
padding:0;
margin:0;
width:100%;
}

	#list li
	{	
	 display 		: block;
	 float: left;
	 padding:0;
	 margin:0;
	 width:100%;
	 list-style: none;
	}
	
	#list TABLE
	{
	padding:0;
	margin:0;
	}


.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

@media (max-width: 767px) {
.fill {
    width: 100%;
    height: 100%;
        background:#eeeeee;
    background-position: center 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
} 
}

@media (min-width: 768px) {
.fill {
    width: 100%;
    height: 100%;
    background:#eeeeee;
    background-position: center 80px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
}


footer {
    margin: 50px 0;
}

.navbar
{
background:#15477a;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#002E54), to(#15477a));
}

.navbar A
{
color:#ffffff;
}

.navbar A:hover
{
color:#15477a;
}

SECTION
{
padding:10px 0 20px 0;
}

.blog1
{
background:#efefef;
}

.blog2
{
background:#ffffff;
}

.blogfoto
{
border:1px solid #15477a; 
background:#ffffff;
padding:8px;
}

.blogspecs
{
font-size:9pt;
padding:25px 0 15px 0;
}

.login
{
margin-top:40px;
}

.login .container
{
margin-bottom:40px;
}

.blog
{
margin-top:0px;
background:#0798cb;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0798cb), to(#00b7e8));
color:#ffffff;
}

.blog .container
{
margin-top:100px;
}

.blogtxt
{
margin-top:0px;
}

.blogtxt .container
{
margin-top:100px;
}

.diensten
{
background:#0798cb;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0798cb), to(#00b7e8));
color:#ffffff;
}

.diensten 
{
font-size:15pt;
}

.werkwijze .stap
{
background:#0798cb;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0798cb), to(#00b7e8));
color:#ffffff;
display:block;
float:left;
padding:10px;
margin:0 0 15px 0;
width:100%;
border:1px solid #15477a;
}

.werkwijze .step
{
right:0;
width:60px;
position:absolute;
padding:0;
margin:-20px 25px 0 0;
height:78px;
background:url(../images/steps.png);
}

.werkwijze .step2
{
right:0;
width:60px;
position:absolute;
padding:0;
margin:-20px 60px 0 0;
height:78px;
background:url(../images/steps.png);
}

.werkwijze .step3
{
right:0;
width:60px;
position:absolute;
padding:0;
margin:-20px 0px 0 0;
height:78px;
background:url(../images/steps.png);
}

@media (max-width: 767px) {
.werkwijze .step, .werkwijze .step2, .werkwijze .step3
{
display:none;
} 
 
}


.werkwijze
{
color:#15477a;
}

.werkwijze H2
{
font-size:12pt;
font-weight:bold;
padding:0;
margin:0;
}

.werkwijze H3
{
font-size:12pt;
padding:0;
margin:0;
}

.media
{
background:#efefef;
color:#000000;
margin:0;
}



.falbum SPAN IMG
{
background:#ffffff;
padding:7px;
border:1px solid #cccccc;
margin:5px;
}

.overons
{
background:#0798cb;
background: url(../images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
color:#ffffff;
text-align:left;
font-size:14pt;
line-height:20pt;
}

.overons H3
{
font-size:18pt;
color:#efefef;
}


.overons H2
{
font-size:15pt;
color:#efefef;
}

@media (max-width: 767px) {
.overons .drie
{
font-size:14pt;
line-height:20pt;
margin-top:20px;
text-align:right;
color:#eeeeee;
}

.overons .twee
{
font-size:14pt;
text-align:left;
margin-top:20px;
color:#15477a;
line-height:20pt;
}

.overons .een
{
font-size:20pt;
text-align:center;
margin-top:20px;
color:#ffffff;
line-height:36pt;
}

.overons .cursief
{
font-size:18pt;
text-align:center;
margin-top:20px;
color:#fff000;
font-weight:italic;
line-height:24pt;
}
}
@media (min-width: 768px) {
.overons .drie
{
font-size:18pt;
line-height:28pt;
margin-top:40px;
text-align:right;
color:#eeeeee;
}

.overons .twee
{
font-size:18pt;
text-align:left;
margin-top:40px;
color:#15477a;
line-height:24pt;
}

.overons .een
{
font-size:30pt;
text-align:center;
margin-top:40px;
color:#ffffff;
line-height:36pt;
}

.overons .cursief
{
font-size:30pt;
text-align:center;
margin-top:40px;
color:#fff000;
font-weight:italic;
line-height:36pt;
} 
 
}

.projecten
{
color:#ffffff;
background:#15477a;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#002E54), to(#15477a));

}

.projecten .project
{
padding:10px;
border:2px solid #0798cb;
background:#ffffff;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#efefef));
font-size:8pt;
margin-bottom:25px;
color:#15477a;
}

.projecten .project H3
{
padding:0 0 5px 0;
margin:0;
font-size:11pt;
font-weight:bold;
}

.contact
{
background:#0798cb;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0798cb), to(#00b7e8));
color:#ffffff;
border-bottom:10px solid #15477a;
}

.contact A
{
color:#efefef;
}

.contact A:hover
{
color:#ffffff;
}

.contact LABEL
{
width:150px;
float:left;
}

@media (max-width: 990px) {
.social
{
display:none;
} 


}

@media (min-width: 991px) {
.social
{
position:absolute;
margin:30px 0 0 800px;
}

.logomob
{
display:none;
}
}



.social IMG
{
padding:0 0 0 7px;
}

.agendaitem
{
padding:5px;
width:100%;
float:left;
border:1px solid #ffffff;
margin:0 0 5px 0;
}

.agendaitem .datum
{
width:20%;
float:left;
}

.agendaitem .agendapunt
{
width:80%;
float:right;
}


div#notice {
	width: 100%;
	height: 100px;

	text-align: center;
	font-size: 25pt;
	line-height: 100px;
	color: #ffffff;
	position: fixed;
	bottom: 20px;
	z-index: 10;
	background: #ff0000;
	border-left: none;
	border-right: none;
}

div#notice.error {
	background: #ffffff;
	border-color: #B63037;
}

.navbar-fixed-top
{
background:#15477a;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#15477a), to(#002E54));
}


.navbar-fixed-top A
{
color:#ffffff;
}

#map-container { height: 400px; }

H1
{
color:#ffffff;
font-size:18pt;
padding:0;
margin:0;
line-height:90px;
}

H2
{
font-size:19pt;
margin:0;
padding:0;
}

.btn-logout
{
margin-top:25px;
}

.come-in {
  transform: translateY(150px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.account-wall
{
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #f7f7f7;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.login-title
{
    color: #000;
    font-size: 18px;
    line-height:40px;
    font-weight: 400;
    display: block;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}

.header H1
{
color:#ffffff;
font-size:18pt;
padding:0;
margin:0;
line-height:90px;
}

.header
{
height:90px;
color:#ffffff;
background:#15477a;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#002E54), to(#15477a));
}

.header .brand
{
float:right;
}

#menu
{
margin:0;
padding:0;
}

#menu .placeholder {
			outline: 1px dashed #4183C4;
		}

#menu li div {
			border: 1px solid #ccc;
			cursor: move;
			margin: 0;
			height:40px;
			padding: 3px 0 0 10px;
			margin:0 0 3px 0;
			line-height:40px;
		}
		
#menu li div:hover {
			background:#ccc;
		}
		
	li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
			border-color: #999;
		}
		
		#menu li {
			list-style-type: none;
			padding:0;
			margin:0;
			
		}
		
#menu .right
{
width:60px;
border:0;
height:0;
text-align:right;
padding:0 10px 0 0;
float:right;
}

.nodisp
{
display:none;
border:1px solid #cccccc;
background:#efefef;
padding:7px;
}