@charset "utf-8";
*{
    font-family:Arial;
    font-size:12px;
}
body{
    background-color:#FFFFFF;
    padding:0px;
    margin:0px;
}
td{
    vertical-align: top;
}
a{
    color:#000000;
}
h1{
    color:#DF0003;
    text-transform:uppercase;
    padding: 5px 5px 5px 0px;
    letter-spacing: 1px;
}
h2{
    text-transform: lowercase;
    color: #FFFFFF;
    font-weight:bold;
    padding: 0px 0px 10px 0px;
}
h3{
    font-weight:bold;
    text-transform: lowercase;
    color: Black;
    padding: 0px 0px 10px 0px;
}
h4{
    color:#DF0003;
    font-weight:bold;
    text-transform: lowercase;
    padding: 5px 0px 5px 0px;
}
h5{
    padding: 0px 0px 10px 0px;
    color:WHITE;
    font-weight:bold;
    clear:both;
    font-family: Arial;
    text-transform:uppercase;
}

ul{
    margin:0px 0px 0px 15px;
    padding:0px 0px 5px 5px;
    list-style-image: none;
}
li{
    margin:0px 0px 0px 0px;
    padding:2px 0px 5px 0px;
    list-style-type: square;
}

.submenu li, 
.bottom li, 
.sublower li, 
.menu li, 
.left li{
    list-style-type: none;
}

td.right td a{
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}
p.grijsOpWit_klein{
    font-family: "Arial black";
    font-size:16px;
    color:#999999;
    background-color:white;

}
p.grijsOpWit_groot{
    font-family: "Arial black";
    font-size:44px;
    color:#999999;
    background-color:white;
}
table.t1{
    width:100%;
    height:100%;
}
table.t1 tr td table tr td{          
    padding:5px;
}

p.rood, td.rood{
    color:#DF0003;      
    font-weight:bold;      
}
p.rood_Hoofdletter{  
    color:#DF0003;     
    padding:10px;
    font-size:16px;
    clear:both;
    width:100%;
    font-weight:bold;  
    text-transform:uppercase;
}
p.wit_Hoofdletter{  
    color:#EEEEEE;      
    padding:10px;
    width:100%;
    font-size:16px;
    clear:both;
    font-weight:bold;  
    text-transform:uppercase;
}    
div.content{
    width:750px;
}
td.eenZesde{              
    width:115px !important;
}
td.eenDerde{
   width:240px !important;
}

/* event */

div.eventTitle{
    color:#DF0003;
    font-weight:bold;
    clear:both;
    text-transform:uppercase;
    padding:5px;
}

div.eventDoor{
    color:White;
    font-weight:bold;
    clear:both;
    text-transform:uppercase;
    padding:5px;
}
div.eventInfo{
    font-weight:bold;
    color:black;
    padding:4px;
    margin:5px;
}
/* lees meer */

/*   */
hr{
    width:100%;
    height:1px;
    color:black;
}
.content p{
    margin-bottom:20px;
}

p.readMore {
    text-align:right;
    width:100%;
    clear:both;
    margin:0px;
    padding:8px 5px 7px 5px;
}
p.readMore a{
    color:black;
    border-right:15px solid #DF0003;
    padding-right:10px;
    font-weight:bold;
    text-decoration:none;
}
p.readMore a:hover{
    color:#000000;
    border-right:15px solid #000000;
}


p.goBack {
    text-align:left;
    margin:0px;
    padding:8px 5px 7px 5px;
    width:100%;
    clear:both;
}
p.goBack a{
    color:#000000;
    border-left:15px solid #DF0003;
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
    text-transform:lowercase;
}
.showladder td,
.show td{
    text-transform:lowercase;
}    
p.goBack a:hover{
    color:#000000;
    border-left:15px solid #000000;
}

div.print {
    text-align:left;
    margin:0px;
    padding:8px 5px 7px 260px;
    clear:both;
}
div.print a{
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
}
div.print a:hover{
    color:#000000;
}
form input{
    border:1px solid #DF0003;
}
table.item h2{
    text-transform:uppercase;
    color:#DF0003;
}

.intro_subtekst{
    font-size: 12px;
    font-weight: bold;
    color: white;
    overflow: auto;
    display: block;
    padding:5px;
}
.intro_datum{
    font-size:12px;
    font-weight:bold;
    color:black;
    display:block;
    overflow: auto;
    padding:5px;
}
hr{
    border-bottom:1px solid black;
    margin:5px 0px 5px 0px;
}
table.form tr td{
    padding:4px;
}
table.form tr td input{
    width:150px;
    height:22px;
}
table.form tr td p{
    padding:0px 0px 5px 0px;
    margin:0px;
}

input.checkbox, input.radio{
    width:20px !important;
    border:0px;
    height:10px;
    margin-right: 5px;
    margin-left: 5px;
}
.list tr td{
    padding:0px;
} 

div.proggie strike{
    color:gray;
    text-decoration:none;
}
div.genre h3 {
    padding:0px;
    margin:0px;
    color:red;
    text-transform:uppercase;    
}
div.genre h4 {
    padding:0px;
    margin:0px;
    color:#3399FF;
    text-transform:uppercase;    
}
div.genre h5 {
    padding:0px;
    margin:0px;
    color:#669900;
    text-transform:uppercase;    
}


 
body{
    height:100%;
}
/* Homepage */

.t1{
    width:100%;
    height:100%;
    text-align:center;
}
.homepage_top{
    height:50%;
    color:white;
    text-align:center;
    vertical-align:bottom;
    background-color:black;
    border-bottom:1px solid red;
    padding-bottom:40px;
}
 
.homepage_bottom{
    height:50%;
    color:black;
    padding-top:40px;
    text-align:center;
    vertical-align:top;   
    background-color:white;
    border-top:1px solid red;
}

.homepage_top table,
.homepage_bottom table{
    width:750px;
    margin-left:auto;
    margin-right:auto;
}

.homepage_bottom ul,
.homepage_top ul,
.homepage_bottom ul li,
.homepage_top ul li {
    list-style:none;
}
.homepage_top ul li a{
    text-align:left;
    color:white;
    line-height:24px;
    text-decoration:none;
    text-transform:uppercase;
    padding:9px 0px 9px 29px;
    background-repeat:no-repeat;
    background-position: top left;
    background-image:url(http://www.concordia.nl/img/homepage_li.gif);
}
.homepage_top ul li a:hover{
    background-position: bottom left;
    color:#DF0003;
}
.logo{
    text-align:right;
    width:500px;
    vertical-align:middle; 
    padding-right:0px;
}
 .adres{
    width:500px;
    text-align:right;
    vertical-align:middle;
}
.adres div{
    font-family:arial;
    line-height:20px;
    font-size:15px;
    font-weight:bold;
    width:388px;
    float:right;
    text-align:left;
}
 .adres div a{
    text-decoration:none;
    font-family:arial;
    line-height:20px;
    font-size:15px;
    font-weight:bold;
}
.homepage_bottom ul li a{
    color:black;
    font-size:14px;
    line-height:24px;
    text-decoration:none;
    text-transform:uppercase;
    padding:9px 0px 9px 29px;
    background-repeat:no-repeat;
    background-position: top left;
    background-image:url(http://www.concordia.nl/img/homepage_li_down.gif);
}
 td.bottom ul li a:hover{
    background-position: bottom left;
    color:#DF0003;
}
.homepage_left{
    width:50%;
    height:100% 
    border-right:1px solid red;
    background-color:white;    
    text-align:right;
}                            
.homepage_left table{
    margin-left:auto;
    height:100%;  
    width:auto;
}      
.homepage_left table tr td{
    height:50%;
}
.homepage_left .logo{
    vertical-align:bottom;
    padding-right:2px;   
    
}

.homepage_left .logo img{      
    margin:0px 0px 45px 0px;    
}
.homepage_left .onderwijs .logo img{
    margin-bottom:36px;      
}
.homepage_left .menu{
    float:right;             
    margin:40px 20px 0px 0px; 
}      
.homepage_left ul li a{
    color:black;
    font-size:14px;
    line-height:24px;
    text-decoration:none;
    text-transform:uppercase;
    padding:9px 0px 9px 29px;
    background-repeat:no-repeat;
    background-position: top left;
    background-image:url(http://www.concordia.nl/img/homepage_li_down.gif);
}

.homepage_right{
    width:50%;
    height:100% 
    border-left:1px solid red;
    background-color:black;
    text-align:left;
}
                
.homepage_right table{
    margin-right:auto;
    height:100%;  
    width:auto;
}

.homepage_right .mainlogo{
    padding-left:0px;
    width:100px;
    height:50%;
    vertical-align:bottom;
}   
.homepage_right .mainlogo img{      
    margin:0px 20px 45px 0px;
    margin-left:0px; 
}
.homepage_right .menu {
 vertical-align:bottom;
}
.homepage_right .menu ul li a{
    color:white;
    font-size:12px;
    line-height:24px;
    text-decoration:none;
    text-transform:uppercase;
    padding:9px 0px 9px 29px;
    background-repeat:no-repeat;
    background-position: top left;
    background-image:url(/img/homepage_li_down.gif);

}
.homepage_right .submenu{      
    padding:40px 0px 0px 5px;
} 

.homepage_right .submenu ul li a{
    color:white;
    font-size:12px;
    line-height:24px;
    text-decoration:none;
    text-transform:uppercase;
    padding:9px 0px 9px 29px;
    background-repeat:no-repeat;
    background-position: top left;
    background-image:url(/img/homepage_li_down.gif);

}


/*   NORMALE PAGINA's */
.main{
    width:100%;
    height:100%;
}


.left{
    width:250px;
    border-right:2px solid red;
    text-align:right;
}
.left ul{
    list-style:none;
    padding:10px 0px 10px 0px;
}
.left ul li {
    padding:5px;
}
.left ul li a{
    color:black;
    text-decoration:none;
    text-transform:uppercase;
    padding:9px 29px 9px 0px;
    background-repeat:no-repeat;
    background-position: top right;
    background-image:url(http://www.concordia.nl/img/homepage_li_down.gif);
}
.left ul li a.selected{
    color:#DF0003;
    background-position: bottom right;
}
.right{
    background-position:left;
    background-repeat:repeat-y;
}

/* Sub homepage */

.right table tr td{
    padding:5px;
}


div.foto{
    width:240px;
    float:left;     
    height:150px;
    overflow:hidden;
    margin:0px 5px 5px 5px; 
    background-position:center;
    background-repeat:no-repeat;
}
/* ------ extra css ------ */
.bigimg {
    background-color: #CCC;
    height: 500px;
    width: 750px;
}
.cnt {
    width: 730px;
    float:left;
    margin-left:20px;
    margin-top:10px;
}
.cnt h1,
.ladderitem h2 {
    font-size: 28px;
    text-transform: none;
    font-weight: bold;
    color: #000;
}
.cnt h1 span,
.ladderitem h2 span {
    font-weight: normal;
    color: #666;
}
.ladderitem h2 {
    font-size: 16px;
    line-height: 20px;
}
.ladderitem h3, 
.cnt h3 {
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blckitems {
    float:left;
    width: 730px;
    clear:both;
    margin-top:5px;
    padding-top:15px;
    margin-bottom:5px;
    padding-bottom:15px;
    border-top:solid 1px #CCC;
    border-bottom:solid 1px #CCC;
    /*
    background-image:url(img/vert-CCC.png);
    background-repeat: no-repeat;
    background-position: 375px;
    */
}
.itemdetail {
    float: left;
    width: 325px;
    padding-right: 50px;
}
.dateitems {
    float: right;
    width: 325px;
}
table.showladder,
table.show {
    float: right;
}
table.showladder,
table.show,
table.showladder tr,
table.show tr,
table.showladder tr td,
table.show tr td {
    border:0px;
    cellpadding:0px;
    cellspacing:0px;
    margin: 0px;
    padding: 0px;
}

table.showladder{
    margin:0px 0px 5px 10px; 
    border-left:1px solid #DF0003;
}
table.showladder tr td,
table.show tr td {
    padding-left:15px;
}
table.show tr td a{
    border-right:15px solid #DF0003;
    padding-right:10px;
}
table.show tr td a:hover{
    border-right:15px solid #000;
}
.titlethumb {
    float: left;
    width: 730px;
    overflow: auto;
}
.titleitem {
    float: left;
    width: 530px;
    clear: none;
}
.thumbs {
    float: right;
    width: 200px;
}
.thmbitem {
    float: right;
    height: 50px;
    width: 50px;
    margin-bottom: 10px;
    margin-left: 10px;
    background-color: #CCC;  
    overflow:hidden;
}
.left .service {
    clear: both;
    float: right;
    width: 200px;
    margin-right: 8px;
    margin-top: 23px;
}

.itemtxt {
    width:530px;
    float:left;
}
.itemtxt a{
    color:red;  
    text-decoration:none;
}
.blckitems td,
.blckitems td p,
.blckitems p{
    font-size: 12px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
}
.itemdetail img {
    margin-right: 5px;
    margin-top: 5px;
}
.itemdetail p{
    line-height:16px;
}

.collapse {
    width: 750px;
    float:left;
    margin-top:5px;
}
ul.accordion2 {
    padding:0px;
    margin:20px 0px;
    
}
ul.accordion2 li {
    list-style: none;
    padding:0px;
    margin:0px;
    width:730px;
    background-color:#FFF;
    list-style-type:none;
    list-style-image:none;
        border-bottom:solid #FFF 1px;
}
ul.accordion2 li a {
    text-decoration:none;
    display:block;
    padding:4px;
    padding-left:30px;
    cursor:pointer;
    background-color:#CCC;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFF;
    background-image:url(http://www.concordia.nl/img/homepage_li_down.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
}
ul.accordion2 li a:hover {  
  color:#666;
  text-decoration:none;
  border-bottom:none;
  background-color:#AAA;
}
ul.accordion2 li.active a {  
  color: #DF0003;
  background-position: 0px -28px;
}
ul.accordion2 li ul {
    padding:0px; 
    margin:0px; 
    margin-top:10px;
}
.ladderitem {
    width: 530px;
    padding-bottom: 0px;
    border-bottom: 1px solid #CCC;
    clear: left;
    float: left;
    margin-left: 20px;
    overflow: auto;
    margin-top: 15px;
}
.ladderitem2{   
    border-top: 1px solid #CCC;
}

.ladderitem2 .ladderitem{    
    border-bottom: 0px solid #CCC;

}
.ladderitem .ladderimg {
    background-repeat: no-repeat;
    background-position: center center;
    height: 135px;
    width: 135px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
.ladderlink {
    float: right;
    height: 30px;
    width: 200px;
    margin: 15px 0px;
    padding: 0px;
    text-align: right; 
}

.ladderlink a{
    border-right:15px solid #DF0003;
    padding-right:10px;
    text-decoration: none;
    font-weight: bold;
}
.ladderlink a:hover{
    border-right:15px solid #000;
}
.main tbody tr .content .ladderitem p {
    margin: 0px;
    padding: 0px;
}
.doen {
    margin-left: 7px;
}
.doen a {
    text-decoration:none;
    font-weight:bold; 
    display:block;
}
.doen a:hover {
    color: #DF0003; 
}
/* --- from inline --- */
.detailInfoView{
    display:none;
    position:absolute;
    top:0px;
    left:450px;  
    width:auto;
    background-color:white;                                                                    
}
.ui-datepicker-prev {
    padding:4px;
    width:18px;
    height:18px;
    float:left;
    display:block;
    cursor:pointer;
    /*
    background-image: url(img/arro12.png);
    background-repeat: no-repeat;
    background-position: left top;
    */
}
.ui-datepicker-prev:hover {
    background-position: left bottom;
}
.ui-datepicker-title {
   font-size:14px;
  text-align:center;
  line-height:23px;
    
}
.ui-datepicker-year,
.ui-datepicker-month {
    text-transform: uppercase;
    color: #DF0003;
}

.ui-datepicker table{
  margin:5px;
    
}
.ui-datepicker-next {
    padding:4px;
    width:18px;
    height:18px;
    float:right;
    cursor:pointer;
    display:block;
    background-image: url(/img/arro12.png);
    background-repeat: no-repeat;
    background-position: right top;
}
.ui-datepicker-next:hover {
    background-position: right bottom;
}
.ui-datepicker-week-end{

    
}       
.ui-state-highlight {
    border:1px solid #DF0003;
    font-weight:bold;
    padding:5px;
    text-decoration:none;
}   
.ui-state-default{
    padding:5px;  
    color:#666; 
    display:block;
  text-decoration:none;
  border:1px solid #000;
}
                      
.ui-state-default:hover {
    display:block;
    border:1px solid #DF0003;
}
.ui-state-active{
    background-color:#DF0003;
    border:1px solid #DF0003;
    font-weight:bold;
    
}
.ui-state-active:hover {
    color:#000;
    
}
.ui-datepicker-calendar tr td {   
  text-align:center;
} 
.ui-datepicker-calendar tr th span {
    text-transform:uppercase;
    color:#DF0003;
}
.dateNavi{
    width: 200px; 
    background-color: black; 
    color: white;
}
.dateNavi2{
    width: 200px; 
    background-color: black; 
    color: white;           
    border-top:1px solid white;
} 
.dateNavi2 td,
.dateNavi2 p,
.dateNavi2 a {
    color:white;  
    text-transform:lowercase;  
}   
.dateNavi h2{
    color: red; 
   font-size:14px;
  text-align:center;
  line-height:23px;
}
.dateNavi p,
.dateNavi a {
    color:white;    
}   
.headerImg{
    height:200px;
    border:1px solid red;
    overflow:hidden;   
    padding: 0;  
    margin:  0;  
}    
.headerImg img {  
    position:relative;
    top: 0; 
    left: 0 
}                       
.moreImg {
    height:125px;
    overflow:hidden;
    display:block; 
}
.theImg {
    width:175px;
    height:125px;
    float:left;
    display:block; 
    border:1px solid green;                 
}     
.item img {     
    float:left;                                                                 
}
.item h2{     
    color:black
}
th span{color:white;}
  

div#loader {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('/img/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div#slideshow {
    overflow:hidden;
}
div#slideshow span.image-wrapper {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
div#slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div#slideshow img {
	
}

.toondatum{
    text-transform:lowercase;
    font-weight:normal;  
    margin-bottom:10px;  
}
.toondatum i{
    color:red;
    padding:0px 5px;
}
.special {
    color:red;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:5px;
}

.kruimelspoor{
    background-color: White;
    padding:5px;        
    text-transform:lowercase;
    width:100%;
    font-family: "Arial Black";
    color: #999999;
    border-bottom:2px solid #999999;
}
.kruimelspoor a{
    font-family: "Arial Black";
    text-decoration:none;           
    color: #999999; 
    text-transform:lowercase;
}