/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/*RESET*/


/*BODY*/
body{
font-family:"Century Gothic";
background:url(../img/white_texture.png) repeat ;
width: 800px;
margin: auto;
height:100%;
}
/*BODY*/


#top{
height: 130px;
}


/*LOGO*/
#logo{
height: 100px;
background:url(../img/logo.png) left top no-repeat;
width: 230px;
display: inline;
float: left;
}
/*LOGO*/

#headerfoto{
height: 100px;
background:url(../img/headingwervel.png) no-repeat;
box-shadow: 2px 0px 10px #aaa;
width: 205px;
display: inline;
float: left;
margin: 10px 0 0 50px;
border: 1px solid #aaa;
}

/*CONTACT*/
#contactinf{
float: right;
margin: 10px 10px 10px 0;
font-size: 13px;
text-decoration: none;
text-shadow: 1px 1px 1px #ffffff;
border-left: 1px solid #BDBDBD;
padding-left: 5px;
line-height: 20px;
}


.kistorgel{
overflow: hidden;
width: 500px;
margin: 0 auto 20px auto;
}


/*NAVBAR*/
#navbar{
clear: both;
margin:0 auto;
background:#222222;
box-shadow: 2px 0px 10px #888888;
height:40px;
line-height:40px;
text-align: center;
border-radius: 4px;
z-index: 1;
position:relative;
}

#navbar a:link, #navbar a:visited{
color:#BDBDBD;
margin-right:20px;
letter-spacing: 1px;
text-decoration: none;
font-family:"Century Gothic";
}

#navbar a:hover{
color:#ffffff;

}
/*NAVBAR*/


/*INT*/
#int {
border-style:solid;
border-width:1px;
margin-right: 10px;
margin-left: 10px;
margin-top: -6px;
margin-bottom: 20px;
border-color: #BDBDBD;
background-color: #FFFFFF; 
min-height:100%;
box-shadow: 1px 0px 5px #888888;
border-radius: 7px; 
border-bottom: 3px solid #ccc;
padding: 10px;
padding-top: 30px;


}
/*INT*/

#driekolom{margin-left: auto; margin-right: auto; width: 700px; overflow: hidden; font-size: 12px;}
#kolomA{float: left; width: 200px; margin-right: 40px;}
#kolomB{float: left; width: 200px; margin-right: 40px;}
#kolomC{float: left; width: 200px;}


#centermmvid{
margin: 15px auto 30px auto; 
width: 723px;
overflow:hidden;
}

#centerpers{
margin: 15px auto 30px auto; 
width: 700px;
overflow:hidden;

}

#centermmaudio1{
margin: 15px auto 30px auto; 
width: 348px;
overflow:hidden;

}


#centerbandoeng{
margin: 30px auto 30px auto; 
width: 710px;
overflow:hidden;
}

#centerbotan{
margin: 30px auto 30px auto; 
width: 450px;
overflow:hidden;
}

#centersaintjoseph{
margin: 30px auto 30px auto; 
width: 680px;
overflow:hidden;
}


#center{
margin: 10px auto 10px auto;
width: 700px;
overflow: hidden;
}

#centerLink{
text-align: center;
margin-top: 30px;
margin-bottom: 30px;

}

#centerOrgels{
margin-left: 45px;
margin-right: 0 auto;
margin-bottom: 10px;
margin-top: 10px;
overflow: hidden;
}

#center_zonderblock{
margin-left: 50px;
margin-right: 0 auto;
margin-bottom: 10px;
margin-top: 10px;
overflow: hidden;
}

#centerOrgels img{
margin-top: 10px;
border: 1px solid black;

}

#center img{
margin-top: 10px;
margin-right: auto;
margin-left: auto;
display: block;
}

#center_zonderblock img{
margin-top: 10px;
margin-right: 20px;
margin-left: auto;

}


#videolink{
margin: 0 auto;
width: 450px;
background: url(../img/videoicon.png) left no-repeat ;
background-size: 35px 35px ; 
padding: 3px;
padding-left: 40px;
}

#videoolink:hover{
background: url(../img/videoicon.png) left no-repeat ;
background-size: 35px 35px ; 

}


#box{
margin: auto; 
width: 530px;
background: url(../img/hint1.png) left no-repeat ;
background-size: 22px 22px ; 
padding: 3px;
padding-left: 30px;
text-align: left;
color: #222222;
}

#boxMeerinfo{
margin: auto; 
width: 400px;
background: url(../img/hint1.png) left no-repeat ;
background-size: 22px 22px ; 
padding: 3px;
padding-left: 30px;
text-align: left;
color: #222222;
}

#boxtabel{
margin: auto; 
width: 320px;
background: url(../img/hint1.png) left no-repeat ;
background-size: 22px 22px ; 
padding: 3px;
padding-left: 30px;
text-align: left;
color: #222222;
}

#pdfbox{

margin-left: 30px;
margin-right: 30px;
background: url(../img/pdficon.png) left no-repeat ;
background-size: 35px 35px ; 
padding: 3px;
padding-left: 40px;
}

#pdfbox:hover{
background: url(../img/pdficonglow.png) left no-repeat ;
background-size: 35px 35px ; 

}

#box:hover{
background: url(../img/hintglow1.png) left no-repeat ;
background-size: 22px 22px ; 
}

#boxMeerinfo:hover{
background: url(../img/hintglow1.png) left no-repeat ;
background-size: 22px 22px ; 
}

#boxtabel:hover{
background: url(../img/hintglow1.png) left no-repeat ;
background-size: 22px 22px ; 
}


#bedrijfboxOrgel{
border: 1px solid;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 30px;
margin-top: 20px; 
background: url(../img/pelspiano.png) left no-repeat ;
background-size: 20%;
padding-left: 120px;
background-color: #EBEBEB;
border-color: #222222;
text-shadow: 1px 1px 1px #ffffff;
}

#bedrijfboxOrgel:hover{
color: #8f0206;
}


#bedrijfboxArchief{
border: 1px solid;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;
margin-top: 20px; 
background: url(../img/manuscript.png) left no-repeat ;
background-size: 20%;
padding-left: 120px;
background-color: #EBEBEB;
border-color: #222222;
text-shadow: 1px 1px 1px #ffffff;
}


/*HEADINGS*/
#heading {
font-size: 22px;
color: #8f0206; 
letter-spacing: 1px;
padding-left: 5px ;

}

#subheading{
margin-top: 20px;
margin-left: 20px;
margin-bottom: 30px;
padding-left: 10px;
overflow: hidden;
border-left: 1px solid #EBEBEB;
}

#subheading img{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
display: block;
border: 1px solid #dddddd;
}
#headingIndex{
font-size: 22px;
color: #222222; 
letter-spacing: 1px;
padding-left: 5px ;
text-align: center;
color: #8f0206;
margin: 0 0 10px 0;
}

#subheadingIndex{
margin: 20px auto;
padding: 10px;
overflow: hidden;
line-height: 26px;
}



#subheadingIndex img{
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
display: block;
border: 1px solid #dddddd;
}
/*HEADINGS*/


.iform{
margin-left: auto; 
margin-right: auto; 
width: 600px;

}

.nodec{
text-decoration: none;
cursor: pointer;
}

#link{
border: 1px solid #dcdcdc;
padding: 8px;
background-color: #f4f4f4;
border-radius: 5px;

}



#link:hover{
border: 1px solid black;
color: #8f0206;
}

#alink,  #alink:visited {
text-decoration: none;
color: #333333;
outline:none;
}


#alink:hover{
	text-decoration:none;
}

#gplink, #gplink:visited{
text-decoration: none;

outline:none;
}

.noblue{ text-decoration: none; color: #000;}

#plaatsingslijst h3{
font-weight: bold;
}

#divlinks{
width: 500px;
float: left;
}

#divrechts{
float: right;
width: 200px;
}

#videotag{
font-size: 15px;
margin-left: 5px;
}

table tr{
height: 40px;
}

table td{
padding-left: 15px;

}


.stamboomtabel{

padding: 20px;
margin-left: auto; 
margin-right: auto;
}

.stamboomtabel tr th h1{
font-size: 20px;
font-weight: bold;
color: #8f0206;
}

.stamboomtabel tr th a{text-decoration: none;}

.stamboomtabel tr th p{
font-style: italic;
padding: 20px;
}


.stamboomtabel tr td{
padding: 20px;
font-size: 20px;
border: 1px solid black;
}

.stamboomtabel tr td span p{
text-align: center;
}

#jan a{color: #000; text-decoration: none;}
#jan:hover{background-color: #8f0206;}
#jan:hover a{color: white;}

#ber1 a{color: #000; text-decoration: none;}
#ber1:hover{background-color: #8f0206;}
#ber1:hover a{color: white;}

#ger1 a{color: #000; text-decoration: none;}
#ger1:hover{background-color: #8f0206;}
#ger1:hover a{color: white;}

#ant a{color: #000; text-decoration: none;}
#ant:hover{background-color: #8f0206;}
#ant:hover a{color: white;}

#cec a{color: #000; text-decoration: none;}
#cec:hover{background-color: #8f0206;}
#cec:hover a{color: white;}

#ber2 a{color: #000; text-decoration: none;}
#ber2:hover{background-color: #8f0206;}
#ber2:hover a{color: white;}

#ger2 a{color: #000; text-decoration: none;}
#ger2:hover{background-color: #8f0206;}
#ger2:hover a{color: white;}



#adminform{
text-align: center;
margin: 20px 0 0 0;
}

.stamboom{
overflow: hidden;
width: 670px;
margin-left: auto;
margin-right: auto;

}

.content_dhondt1{
overflow: hidden;
width: 600px;
margin-left: auto;
margin-right: auto;

}


.content_dhondt2{
overflow: hidden;
width: 560px;
margin-left: auto;
margin-right: auto;

}

.content_dhondt3{
overflow: hidden;
width: 565px;
margin-left: auto;
margin-right: auto;

}

.content_pels{
overflow: hidden;
width: 350px;
margin-left: auto;
margin-right: auto;
}

.content_gerpels{
overflow: hidden;
width: 240px;
margin-left: auto;
margin-right: auto;
}

.indent{
text-indent: 40px;
}

.content{
overflow: hidden;
width: 750px;
margin-left: auto;
margin-right: auto;
}

.recent{
overflow: hidden;
width: 705px;
margin: 20px auto 20px auto;

padding-left: 10px;
}



.rec{width: 700px; height: 30px; margin: 5px 0 5px 0;}
.rec .id{float: left; width: 70px; height: 20px; background-color: #8f0206; color: white; border-radius: 6px; padding: 0 5px 0 5px; text-align: center; font-size: 15px; }
.rec .titel{padding-left: 5px; font-size: 14px;}
.rec a{text-decoration: none; color: black;}
.rec a:hover{text-decoration: underline; border-radius: 6px;}
.rec .datum{color: #555555;padding-left: 5px; font-style: italic; font-size: 12px;}


#trec{margin: 20px auto 20px auto; width: 750px;}
#trec .trecrow{margin-bottom: 10px;}
#trec .trecrow .trecid{text-align: center;background-color: #8f0206; color: white; border-radius: 6px; padding: 0 5px 0 5px;}
#trec .trecrow .trecdat{}
#trec .trecrow .trectit{}


.orgels{
overflow: hidden;
width: 750px;
margin: 0 auto 20px auto;
}

.ic_container{
    vertical-align:baseline;
    margin:10px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);

}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
	font-weight: bold;
		
	}

.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}


.ic_caption h4{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:14px;
}
	
.ic_text{
    padding:5px;
    margin:0px;
    text-align:left;
    font-size:12px;

}

 .demo{
                float:left;
            }
.content a{text-decoration: none;}
			
			
#admin {
	margin: auto;
	width: 600px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000033;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	background-color: #FFFFFF;
}
			

#team{
    box-shadow: 2px 0px 10px #aaa;

}


.nieuwslijst{
}

.nieuwsitem{
margin-bottom: 30px;
/*border: 1px solid #C0C0C0;*/
padding: 15px;
border-radius: 6px;
height: 230px;
overflow:hidden;

transition-property: background-color;
transition-duration: 0.5s;
-moz-transition-property: background-color; /* Firefox 4 */
-moz-transition-duration: 0.5s; /* Firefox 4 */
-webkit-transition-property: background-color; /* Safari and Chrome */
-webkit-transition-duration: 0.5s; /* Safari and Chrome */
-o-transition-property: background-color; /* Opera */
-o-transition-duration: 0.5s; /* Opera */
}

.nieuwsitem:hover{
background-color: #EEEEEE;
cursor: pointer;
}

.nieuwstitel {
font-size: 22px;
font-weight: bold;
color: #8f0206;
}

.nieuwsdatum{
margin-bottom: 10px;
font-size: 18px;
font-style: italic;
color: #555555;
}

.nieuwsinhoud{
padding-top: 5px;
}

.nieuwsinhoud p{
font-size: 18px;
font-weight: bold;

}

.nieuwsimg{
float: left;
margin: 0 20px 0 0;
}


.nieuwsimg img{
width: 150px ; 
height: 150px;

}


.verwijder{
background: url(../img/delete.png) left no-repeat ;
background-size: 20px 20px;
margin-top: 5px;
padding-left: 30px;

}

.video{
margin: 20px auto 20px auto;
width: 725px;
}

#subint{
text-align: center;
text-shadow: 1px 1px 1px #ffffff;
font-size: 13px;
color: #666666; 
margin-bottom: 20px;
}



#subint a{
text-decoration: none; 
color: #666666; 
text-shadow: 1px 1px 1px #ffffff;
background: url(../img/klantlogingrey.png) top left no-repeat;
padding-left: 20px;
height: 16px;
}

#subint a:hover{
text-decoration: none; 
color: #000;
background: url(../img/klantlogin.png) top left no-repeat;
height: 16px;
}

#preloadlogin { background: url(../img/klantlogin.png)  no-repeat -9999px -9999px; }

#clear {clear: both;}
#align_right{text-align: right;}





#postelcontainer{margin: 20px 0 20px 0;}
#postelcontainer img {display: block; margin: 0 auto; -webkit-box-shadow:rgba(0,0,0,0.7) 0 4px 10px;
 -moz-box-shadow:rgba(0,0,0,0.7) 0 4px 10px;
 box-shadow:rgba(0,0,0,0.7) 0 4px 10px;
 width: 730px;
 }
#postelcontainer p {margin: 20px 10px 0 10px; line-height: 26px; padding: 4px;}


#reg_cont{
    margin: 20px 70px 20px 70px;
    background-color: #F4F4F4;
    border-bottom: 5px solid #ECECEC;
    padding-bottom: 10px;
}

#reg_header{
    background-color: #ECECEC;
    border-bottom: 5px solid #E2E2E2;
    height: 65px;
     text-shadow: 1px 1px 1px #fff;
}

#reg_header p{
    font-size: 22px;
    color: #8F0206;
    line-height: 65px;
    text-align: center;
    
    
}

#reg_body .form-horizontal {

    display: block;
    width: 80%;
    margin: 30px auto; 
    position: relative;
    left: -40px;   
}

#reg_body_fill{
    height: 400px;
}

#reg_body_fill p{
    
    padding: 15px;
    padding-left: 30px;
}

#reg_body_fill img{
    display: block;
    margin: 25px auto;
}

#reg_body input{
    border-radius: 0px;
}

#reg_btn {
    border: none;
    cursor: pointer;
    padding: 15px 57px;
    display: block;
    margin: 40px auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    left: 88px;
     background: #8F0206;
    color: #fff;
    box-shadow: 0 5px #D29A9B;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;

   
}

#reg_btn:after {
    content: '';
    position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   
}


#reg_btn:hover {
    box-shadow: 0 3px #D29A9B;
    top: 2px;
}


#reg_btn:active {
    box-shadow: 0 0 #D29A9B;
    top: 5px;
}

#reg_btn:active:after {
   top: -5px;

}



#reg_btn i{
    padding-right: 10px;

}

#reg_fail{
    text-align: center;
    color: red;
    padding: 20px 0 20px 0;
}

label.error {
    color: red;
    padding: 2px 2px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.underline{
    text-decoration: underline;
}

.subtitel {
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 5px ;
    text-align: center;
    color: #222222;
    padding-bottom: 5px;
}

.def_btn {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.def_btn:hover{
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.def_btn.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.nav_orgelbouw {
    
    padding: 20px;
    margin: 0 auto;
    width: 420px;
    margin-bottom: 20px;

}

#container_orgelbouw {
    width: 600px;
    margin: 0 auto;
    padding: 20px;
    color: #666;
    font: 14px/24px sans-serif;
}

#volzet{
    display: block;
    text-shadow: 1px 1px 1px #000;
    background-color: #8F0206;
    color: #fff;
    font-size: 22px;
    line-height: 65px;
    padding: 5px;
    text-transform: uppercase;
    text-align: center;
}

#ack{
    display: block;
    margin: 20px auto;
}