@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
}
html, body {
	height: 97%;
}
body {
background: white url(images/ui-bg_diamond-ripple_20_6F1807_22x22.png) repeat scroll 50% 50%;
color:#CA1107;
text-align:center;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.main_container {
min-height: 100%;
background-color:white;
height: auto !important;
height: 100%;	
width:92%;
min-width:90em;
margin: 2em auto -2em; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 2em; /* .push must be the same height as .footer */
	clear:both;
}
.footer {
width:92%;
border-top: 1px solid #FF591F;
background-color:#000000;
padding: .5em 0 0 0;
min-width:90em;
margin:0 auto;
}
.jin_header {
height: 100px;
text-align:center;
background-color:#000000;
background-image:url(../images/header/lheader.jpg);
background-repeat:no-repeat;
background-position:left;
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

/*********************************/

h1{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:3em;
display:block;
width:100%;
height: 100px;
margin:0;
background-image:url(../images/header/rheader.jpg);
background-repeat:no-repeat;
background-position:right;
}
h1 a, h1 a:visited {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
text-decoration: none;
color:#FF591F;
margin-top:35px;
}
h2 {
border-bottom:1px solid #CA1107;
display:block;
margin:0 16px 8px;
padding:6px 0;
font-size:1.5em;
text-align:left;
color: #CA1107;
}

img.algemeen {
display:block;
margin: 0 auto;
}
img.lng {
 margin: 4px;
 border: 1px outset #00167F;
}
img.lng:hover {
 border: 1px inset #00167F;
}
.lng_cont{
margin-bottom:20px;
width:96%;
border-bottom:3px double #132DAE;
padding-bottom:6px;
}
.knop_cont{
margin:20px auto 0 0;
width:96%;
border-top:3px double #132DAE;
padding:0;
float: left;
}
#log_container{
min-width: 11em;
width:14%;
margin:1em;
margin-right:0;
padding:1em;
padding-bottom: 0;
float:left;
clear:left;
color:#7F1B07;
}
#log_container #loguit {
padding: .5em;
margin: 1em 0;
font-weight:bold;
font-size:.9em;
border: 1px solid #132DAE;
color: #132DAE;
}
#log_container #login_error {
padding: .5em;
color: #CD0A0A;
font-weight:bold;
font-size:.9em;
margin: 1em 0;
border: 1px solid #CD0A0A;
}
#log_container label{
clear:both;
float:left;
margin:0.3em;
padding:0;
text-align:left;
width:8em;
}
#log_container input{
margin:.3em;
padding:0;
clear:both;
float:left;
}
#remember {
clear:left	!important;
margin:.3em !important;
}
#remember_label{
clear:right !important;
}
.submit {
margin: 1em 0.3em !important;  
}
#tabs_container{
float:right;
clear:right;
width:80%;
margin: 1em; 
min-width:50em;
}
#tabs {
text-align:left;
}
.jin_hidden {
display:none;
}
.jin_content{
text-align:left;
color:black;
}
.jin_content div.jin_content_pgf{
padding : .6em;;
text-align:justify;
text-indent:3em;
color:#3F0A00;
}
.jin_content .form_cont{
text-align:left;
text-indent:0;
}

#admin_kalender_form {
width:74em;
}
#kalender_error, #kalender_ok,
#leden_error, #leden_ok,
#links_error, #links_ok {
display:none;
}
.jin_content div h3 {
color:#DF0000;
padding:4px 0;
font-size:1.3em;
display:block;
border-bottom: 1px dotted #BF3100;
margin: 0 auto 5px;
width: 60%;
text-align:center;
}
#instructeurs div h3{
width: 100%;
font-size:1.1em;
}
.jin_content div h4 {
color:#9F2900;
font-size:1.2em;
padding:.3em 0;
}
.jin_content div ul{
list-style-type:square;
}
.jin_content .ui-state-highlight {
width: 500px;
margin: 3em;
padding: 10px;
}
#instructeurs div {
width: 60%;
font-size:1.2em;
padding:1em;
text-align:center;
text-indent:0;
margin: 0 auto;
}

#training div {
padding:0;
text-indent:0;
margin: 1em;
}
#training div.tr_info {
text-align:center;
float:left;
clear:none;
width:43%;
}

#training div .uren {
text-align: center;
}
#training div .adres {
text-align: center;
}
#training div .adres span {
display: block;
padding: 2px;
}
#training div .uren span {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
width: 10em;
text-align:left;
}
.form_cont {
text-align:left;
}
.form_cont label{
text-align:right;
width: 10em;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
margin-right: 1em;
vertical-align:top;
}
.form_cont label.groot{
width: 15em;
}
.jin_radio{
vertical-align:middle;
}
.form_cont label.xkort, .form_cont span.xkort{
width: 3em;
text-align:left;
margin-left:1em;
}
.form_cont .form_span{
margin: 1em;
display:block;
}
.form_cont label.error{
text-align:left;
width: 20em;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
margin-left: 1em;
color:#CC0000;

}
.groot{
width:300px;
}
.mdn_groot{
width:150px;
}
.ext_groot {
width:400px;
}

.verplicht{
    color: red;
    margin: 0 .5em;
    font-size: 1.6em;
	vertical-align:top;
}

.taal {
	color: #132DAE; 
	font-weight: bold;
}

#picture_preview{
width:320px;
border: 1px ridge;
margin-left: 20px;
text-align:center;
padding:5px;

}
#photos_ok, #photos_error {
width: 400px;
display: none;
}

#carousel1_photos {
	width:940px; 
	height:500px;
	background:#000;
	overflow:scroll;
	margin: 0 auto;
}
#carousel1_photos a img {
	border:3px solid black;
}
#carousel1_control {
	margin: 10px auto;
	width:940px; 
}	
.footer a {
width:100px;
color:#FF591F;
cursor: pointer;
text-decoration:none;
}
.footer .yahoo1 {
color:#FF0000;
font-weight:bold;
font-style:italic;
}
.footer .yahoo2 {
color:#FF0000;
font-weight:bold;
font-style:italic;
}
table.jin_tbl td {
vertical-align:top;
}

#leden_ranking table{
width: 99%;
border-collapse:collapse;
padding:0;
}
#leden_ranking table td{
vertical-align:top;
text-align: center;
white-space:nowrap;
padding:0;
}
#leden_ranking table .dojocho .vis, #leden_ranking table .instr .vis{
background-image:url(../images/algemeen/rank_instr.png);
background-repeat:repeat;
font-weight:bold;
color:#660000;
border:2px ridge #660000;
}

#leden_ranking table td.alg{
background-image:url(../images/algemeen/rank_alg.png);
background-repeat:repeat;
font-weight:bold;
color:#402D00;
border:2px ridge #402D00;
}

#leden_ranking table .dan_det td.vis, #leden_ranking table .kyu_det td.vis{
font-weight:bold;
color:#993300;
}
#leden_ranking table td.vis span{
display:block;
width:100%;
padding:3px 0;
}
#leden_ranking table td.vis span.title{
color:#993300;
border-bottom:1px solid #993300;
}
#leden_ranking ul{
padding:0;
margin:0;
text-indent:0;
}
#leden_ranking ul li{
display: block;
background-image:url(../images/algemeen/rank_lid.png);
background-repeat:repeat;
border:2px ridge #993300;
text-indent:0;
margin: 2px 0;
}
#leden_ranking td.gr_verb{
background-image:url(../images/algemeen/vlijn.png);
background-repeat: repeat-y;
background-position:center;
}
#leden_ranking td.verb{
background-image:url(../images/algemeen/vlijn.png);
background-repeat: repeat-y;
width: 3px;
}
#leden_ranking td.left{
background-position:left;
}
#leden_ranking td.right{
background-position:right;
}

#leden_ranking td.non-verb{
display:block;
width: 1px;
}
#leden_ranking tr.hverb{
line-height:3px;
}
#leden_ranking td.kl{
width:3px !important;
}
#leden_ranking td.hverb{
background-image:url(../images/algemeen/hlijn.png);
background-repeat: repeat-x;
background-position: bottom;
}
td.control {
width: 34px;
text-align: center;
}
a.knop {
display:block;
text-decoration:none;
}
.knop, #log_container .knop {
border: 1px outset #00167F;
color: #00167F;
font-weight: bold;
margin: 20px auto;
padding: 3px 0;
min-width: 100px;	
background-image:url(images/ui-bg_highlight-hard_80_d3dafd_1x100.png);
background-repeat: repeat-x;
background-position: 50% 50%;
background-color: #FFF9DF;
}

#log_container .knop {
float:none;
}

.knop:hover, #log_container .knop:hover {
 border: 1px inset #3F0A00;
 background:url(images/ui-bg_inset-soft_80_d3dafd_1x100.png);
 background-repeat: repeat-x;
 background-position: 50% 50%;
 background-color: #DADBDD;
 color: #3F0A00;
}

a img.control {
border: none;
vertical-align:top;
}

#alg_links_table_cont {
    text-indent: 0;	
}

#alg_links_table_cont a{
font-weight:bold;
}

.nav_title {
    color: #CA1107;
   display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px;
	height:22px;
    text-indent: 0;
    vertical-align: middle;
	
}
.nav_knop {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
vertical-align:middle;
margin: 0 5px;
}	

#photos_album_form_cont, #photos_album_ok, #photos_album_error, #photos_album_table_cont, #photos_form_cont, #photos_table_cont, #photos_overzicht_form_cont, #photos_overzicht_table_cont, #photos_overzicht_ok, #photos_overzicht_error, #downloads_category_form_cont, #downloads_category_ok, #downloads_category_error, #downloads_category_table_cont, #downloads_form_cont, #downloads_overzicht_form_cont, #downloads_overzicht_table_cont, #downloads_ok, #downloads_error, #downloads_overzicht_ok, #downloads_overzicht_error  {
 display: none;
 margin: 10px;
}
.downloads_overzicht {
 margin: 10px;
}

.hidden {
display:none;
}
#photos_overzicht_table_cont img {
margin-bottom: 20px;
}
.sub_cont {
border:3px double #CA1107;
background:url(../images/navigatie/sub_cont_bgr.png);
background-repeat:repeat-x; 
}
img.dnl_link {
border:none;
margin: .5em 2em .5em 0;
vertical-align:middle;
}
a.dnl_link {
font-size: 1.2em;
border:none;
text-decoration: none;
}
#leden_downloads, #leden_fotos, #public_fotos {
text-align: left;
}

#leden_downloads_form_cont, #leden_fotos_form_cont,  #public_fotos_form_cont {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
width: 160px;
}
#leden_downloads_form_cont ul,  #leden_fotos_form_cont ul, #public_fotos_form_cont ul {
list-style: none;

padding-left:0;
}
#leden_downloads_form_cont h2, #leden_downloads_table_cont h2,  #leden_fotos_form_cont h2,  #leden_fotos_table_cont h2,  #public_fotos_form_cont h2,  #public_fotos_table_cont h2{
padding-left:0;
border:0;
color:#00167F;
}
#leden_downloads_form_cont ul li,  #leden_fotos_form_cont ul li,  #public_fotos_form_cont ul li{

padding:0;
}
#leden_downloads_form_cont ul li a img,  #leden_fotos_form_cont ul li a img, #public_fotos_form_cont ul li a img{
vertical-align:middle;
}
#leden_downloads_form_cont ul li a{
background-image:url(../images/navigatie/folder.jpg);
}
#leden_fotos_form_cont ul li a, #public_fotos_form_cont ul li a{ 
background-image:url(../images/navigatie/album.jpg);
}
#leden_downloads_form_cont ul li a, #leden_fotos_form_cont ul li a, #public_fotos_form_cont ul li a{
display:block;
font-size:12px;
font-weight: bold;
text-decoration:none;
padding: 20px 0 20px 65px;
text-indent: 0;
background-position:left center;
background-repeat:no-repeat;
color:#CA1107;
}

#leden_downloads_table_cont, #leden_fotos_table_cont,  #public_fotos_table_cont {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
vertical-align:top;
width:600px;
min-height:300px;
border-left: 1px solid #CA1107;
}
#leden_fotos_table_cont {
min-height: 700px;
}
.alb_omschr, .cat_omschr {
margin: 0 16px 8px;
color:#00167F;
font-style:italic;
}
#public_carousel1_photos_cont, #leden_carousel1_photos_cont{
width:100%;
text-align:center;
margin: 0 auto;
}
#public_carousel1_photos, #leden_carousel1_photos {
margin: 0 auto;
}
.jin_content .ui-state-error, .jin_content .ui-widget-content .ui-state-error {
color: #CA1107; 
margin: 10px 0;
padding:10px;
}

.jin_content .ui-state-ok, .jin_content .ui-widget-content .ui-state-ok {
color:#00167F;
margin: 10px 0;
padding:10px;
}
.links_omschr {
margin: 5px 10px 15px 0;
}