/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		Sint Vitus College
	Version:		1.0
	Last change:	22/09/08
	Assigned to:	Rudy de Jong (http://www.wis.nl)
	Primary use:	Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
    
    
*/

/*------------------------------------------------------------------
	[Typography]

	
	
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Wrapper
	
	
-------------------------------------------------------------------*/


	/*----------------------------------------------------------------
		[1. Body]
	-----------------------------------------------------------------*/
	
		body {
			font: normal 12px/14px Arial,Verdana,sans-serif;
			text-align: left;
            		background-color: #cdd5e1;
           		 color: #003366; 
		}
		
		h1 {
			font: bold 17px/40px Arial,Verdana,sans-serif;
           			color: #072f63;
		}
		
		h2 {
			
		}
        
        P {
        	margin: 10px 0px;
        }
		
			
	/*------------------------------------------------------------------
		[2. Wrapper]
	*/
	
    	#wrapper {
        	width: 998px;
            overflow: hidden;
            position: relative;
            margin: 0 auto;
            text-align: center;
            
            	background: #fff url(//beheer.vituscollege.nl/Clients/1/htdocs/6/restyle/images/bodybg1.gif) no-repeat 110px 30px;  
             
           
            border: 1px solid black;
        }	
        
        	#wrapper div {
            	text-align: left;
            }
       
		
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
	
    	#header {
        	height: 147px;
            width: 100%;
            padding-top: 7px;
            float: left;
        }
	#header .ingelogdals {
		position: absolute;
		left: 234px;
		top: 5px;
	}
        
        	div#header div.logo {
            	width:	457px;
				padding-left: 15px;				
                height: 134px;                
                float: left;				
                margin-right: 37px;
            } 
            
            
            div#header div.intro{
            	float: left;
                overflow: hidden;
                width: 281px;
                height: 80px;
                padding-top: 37px;
            }
            
            	div#header div.intro * {
                	color: #072f63;
                    font-weight: normal;
					font-size: 12px;
                }
                
         #header .actueel {
        	margin-left: 6px;
            width: 462px;
            height: 140px;
            float: left;
            overflow: hidden;
        }
        
        	#header .actueel .container {
            	width: 140px;
                height: 140px;
                margin: 0 7px;
                float: left;
            }
        
                #header .actueel .container ul {
                    height: 140px;
                    list-style-type: none;
					position: relative;
			overflow: hidden;
                }
                
                    #header .actueel .container ul li * {
                    	color: #fff;
                        font: bold 15px/25px Arial,Verdana,sans-serif;
                      	position: absolute;
						bottom: 0;
						left: 0;
						text-align: center;
						text-transform: uppercase;
						padding: 0 12px;
						text-decoration: none;
					}
        
        
           
	/*------------------------------------------------------------------
		[4. Content]
	*/
	
    
    	
	
    
	/*------------------------------------------------------------------
		[5. Menu]
	*/
    
	   #menu {
	   		float: left;
           		 width: 100%;
		    height: 20px;
		   background-color: #072f63;
       }
       
       #menu .main_navigation, #menu .portal_navigation {
       		float: left;
		margin-right: 100px;
       }
	
				#menu .main_navigation ul, #menu .portal_navigation ul {
       			list-style-type: none;
                overflow: hidden;
            }
            
            	#menu .main_navigation ul li, #menu .portal_navigation ul li  {
                	float: left;
                }
                
                	#menu .main_navigation ul li:hover, #menu .portal_navigation ul li:hover {
                    	background-color: #0066ff;
                    }
                
                	#menu .main_navigation ul li a, #menu .portal_navigation ul li a {
                    	color: #fff;
                        font-family: Arial,Verdana,sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        margin-right:11px;
								margin-left:11px;
                        padding:4px 2px 2px;
                        text-decoration: none;
                        display: inline-block;
                    }
                    
                    	#menu .main_navigation ul li:hover a, #menu .portal_navigation ul li:hover a {
                        	color: #fff;
                        }
       
			#menu .portal_navigation {	margin-left:10px;		 }
	
                
                	#menu .portal_navigation ul li a {
                        margin-right:6px;
								margin-left: 6px;
                    }

		.search_container {
			float: right;
			width: 150px;
			margin-top: 4px;
		}

		

		.search_container input {
			width: 100px;
			margin-right: 5px;
		}
                    
		 
        .submenu {
        	margin-top: 8px;
			width: 200px;
			background: #ffd911;
			float:left;
        }
            
        .submenu ul#submenuul {
				list-style-type: none;
				margin:20px;
        }    
        
        	.submenu ul#submenuul li {
            	line-height: 23px;
                /*background: url(//beheer.vituscollege.nl/Clients/1/htdocs/6/restyle/images/menu_separator.gif) no-repeat bottom left;*/
                font-size: 12px;
            }
            
            .submenu ul#submenuul li.hoofdmenu {
                font: bold 17px/24px Arial,Verdana,sans-serif;
                background: none;
			}
            
            	.submenu ul#submenuul li a:link,
                .submenu ul#submenuul li a:visited,
                .submenu ul#submenuul li a:active {
                	text-decoration: none;
                    color: #072f63;
                }
                
                .submenu ul#submenuul li a:hover {
                	text-decoration: underline;
                }
                
                .submenu ul#submenuul li a.actief {
                	font-weight: bold;
                }
            .submenu ul#submenuul ul {
            	list-style-type: none;
            }
            
            .submenu ul#submenuul ul li {
            	padding-left: 10px;
            }  


	#breadcrumbs {
		float: left;
		margin-left: 235px;
		margin-top: 5px;
	}
	
		#breadcrumbs span {
			float: left;
			color: #0066ff;
			font-size: 11px;
		}
	
		#breadcrumbs a {
			float: left;
			color: #000;
			padding: 0 7px;
			font: 11px Arial;
			font-weight:bold;
			text-decoration:none;
		}
			#breadcrumbs a:hover {
				text-decoration:underline;
			}
    		
	#childselector {
	float: left;
	width: 100px;
	margin-left: 18px;
	margin-top: 5px;
	
	
	}
	/*------------------------------------------------------------------
		[5. Content]
	*/
    
    	#contentcontainer {
        	margin-top: 10px;
            position: relative;
            float: left;
			width: 980px;
            background: url(//beheer.vituscollege.nl/Clients/1/htdocs/6/restyle/images/contentbg.png) no-repeat bottom center;
            padding: 0 0 0 13px;
     	   
        }
        
        	#contentcontainer div {
            	/*float: left;*/
               
            }
        
        	#contentcontainer .left {
            	
	                width: 200px;
                

		margin-top: 16px;
            	float:left;
		 
            }
            
            #contentcontainer .left ul#vacatures {
            	list-style-type: none;
                width: 150px;
                margin-top: 10px;
            }
            
                #contentcontainer .left ul#vacatures li,
				#contentcontainer .scrollcontent ul#vacatures li {
                    color: #072f63;
                }
                    
                #contentcontainer .left ul#vacatures li.kop,
				#contentcontainer .scrollcontent ul#vacatures li.kop {
                    font: bold 17px/24px Arial,Verdana,sans-serif;
                }
                
                #contentcontainer .left ul#vacatures li.titel,
				#contentcontainer .scrollcontent ul#vacatures li.titel {
                	font-weight: bold;
                }
                
                 #contentcontainer .left ul#vacatures li.separator {
                    width: 100%;
                    height: 2px;
                    margin-top: 8px;
                    margin-bottom: 8px;
                    background: url(//beheer.vituscollege.nl/Clients/1/htdocs/6/restyle/images/vacature_separator.gif) no-repeat top left;
                 }
                 
                 #contentcontainer .left ul#vacatures li a {
                 	font-weight: bold;
                    display: block;
                    color: #072f63;
                    margin-top: 20px;
                    text-align: right;
                 }
                 
                 #contentcontainer .left ul#vacatures li a.meervacalink:link,
                 #contentcontainer .left ul#vacatures li a.meervacalink:active,
                 #contentcontainer .left ul#vacatures li a.meervacalink:visited {
                 	text-decoration: none;
                 }
                 
                 #contentcontainer .left ul#vacatures li a.meervacalink:hover{
                 	text-decoration: underline;
                 }
             
            #contentbg {
            	width: 475px;
                height: 178px;
                position: absolute;
                bottom: 0;
                left: 210px;
                background: url(//beheer.vituscollege.nl/Clients/1/htdocs/6/restyle/images/contentbg.png) no-repeat bottom left;
            } 
            
                 
            #contentcontainer .center {
            	
                position: relative;
                margin-left: 47px;
		padding-top: 5px;
                
                	width: 416px;
                
		 padding-bottom: 150px;
                
					 float:left;
            }
		#contentcontainer .center ul {
			margin-left: 30px;				
		}
		
            	
                #contentcontainer .center .scrollcontent {
                	height: 420px;
		  
                    	width: 405px;
                    
                    padding-right: 20px;
                    overflow-y: scroll;
                    overflow-x: hidden;
                    scrollbar-face-color:#fff;
                    scrollbar-arrow-color:#0066ff;
                    scrollbar-track-color:#EEEEEE;
                    scrollbar-shadow-color:#0066ff;
                    scrollbar-highlight-color:#fff;
                    scrollbar-3dlight-color:#003366;
                    scrollbar-darkshadow-color:#003366;
                }
                
                #contentcontainer .center .content_left{
                	float: left;
                    width: 467px;
                    margin-right: 10px;
                }
                
                #contentcontainer .center .content_right{
                	float: left;
                    width: 268px;
                }
            
            	#contentcontainer .center .button1 {
                	position: absolute;
                    width: 200px;
                    height: 198px;
                    top: 1px;
                    left: 10px;
                }
                
                #contentcontainer .center .button2 {
                	position: absolute;
                    width: 200px;
                    height: 198px;
                    top: 154px;
                    left: -12px;
                }
                
                 #contentcontainer .center .button3 {
                	position: absolute;
                    width: 200px;
                    height: 177px;
                    top: 127px;
                    right:8px;
                }
				
            #contentcontainer .content_right,
            #contentcontainer .right{
            	width: 268px;
                height: 558px;
                float: right;
		margin-bottom: 14px;		
				margin-right: 8px;
                /*background: url(//beheer.vituscollege.nl/Clients/1/htdocs/6/restyle/images/right_bg.gif) no-repeat top left;*/
						/*background-color: #072f63;*/
						background-color: #072f63 ;
            }
            	#contentcontainer .content_right ul,
                #contentcontainer .right ul {
                	list-style-type: none;
                    padding: 20px;
                }
               		#contentcontainer .content_right ul li,
                	#contentcontainer .right ul li {
                    	/*color: #fff;*/
							color: #fff;
                    }
                    #contentcontainer .content_right ul li.kop,
                    #contentcontainer .right ul li.kop,
					#contentcontainer .scrollcontent ul li.kop {
                    	font: bold 17px/33px Arial,Verdana,sans-serif;
                    }
                    #contentcontainer .content_right ul li.titel,
                    #contentcontainer .right ul li.titel,
					#contentcontainer .scrollcontent ul li.titel {
                    	font-weight: bold;
						line-height: 20px;
                    }
                    #contentcontainer .content_right ul li.datum,
                    #contentcontainer .right ul li.datum,
					#contentcontainer .scrollcontent ul li.datum {
                    	font-style: italic;
                    }
                    #contentcontainer .content_right ul li.korteomschrijving,
                    #contentcontainer .right ul li.korteomschrijving,
					#contentcontainer .scrollcontent ul li.korteomschrijving {
                    	margin: 1px 0px;
                    }
                    #contentcontainer .content_right ul li a,
                    #contentcontainer .right ul li a,
					#contentcontainer .scrollcontent ul li a {
                     	color: #072f63;
                        font-weight: bold;
                        display: block;
                    }
                    #contentcontainer .content_right ul li a.leesmeer:link,
                    #contentcontainer .content_right ul li a.leesmeer:active,
                    #contentcontainer .content_right ul li a.leesmeer:visited ,
                    #contentcontainer .right ul li a.leesmeer:link,
                    #contentcontainer .right ul li a.leesmeer:active,
                    #contentcontainer .right ul li a.leesmeer:visited,
					#contentcontainer .scrollcontent ul li a.leesmeer:link,
					#contentcontainer .scrollcontent ul li a.leesmeer:active,
					#contentcontainer .scrollcontent ul li a.leesmeer:visited {
                    	text-decoration: none;
                        text-align: left;
                    }
                     #contentcontainer .content_right ul li a.leesmeer:hover,
                     #contentcontainer .right ul li a.leesmeer:hover,
					 #contentcontainer .scrollcontent ul li a.leesmeer:hover {
						text-decoration: underline;
                        text-align: left;
                     }
                     #contentcontainer .content_right ul li a.archieflink:link,
                     #contentcontainer .content_right ul li a.archieflink:active,
                     #contentcontainer .content_right ul li a.archieflink:visited,
                     #contentcontainer .right ul li a.archieflink:link,
                     #contentcontainer .right ul li a.archieflink:active,
                     #contentcontainer .right ul li a.archieflink:visited {
                     	margin-top: 20px;
                        text-decoration: none;
                        text-align: right;
                     }
                     #contentcontainer .content_right ul li a.archieflink:hover,
                     #contentcontainer .right ul li a.archieflink:hover {
                     	margin-top: 20px;
                        text-align: right;
                        text-decoration: underline
                     }
                     #contentcontainer .content_right ul li.separator,
            		 #contentcontainer .right ul li.separator {
                     	width: 100%;
                        height: 2px;
                        margin-top: 8px;
                        margin-bottom: 8px;
                        background: url(//beheer.vituscollege.nl/Clients/1/htdocs/6/restyle/images/nieuws_separator.gif) no-repeat top left;
                     }	
	 ul#nieuws_detail li.kop{
            	font: bold 17px/33px Arial,Verdana,sans-serif;
            }
            
            ul#nieuws_detail li.datum{
            	font-style: italic;
            }
            
            ul#nieuws_detail li.korteomschrijving {
            	margin-top: 5px;
                font-style: italic;
            }
            
            ul#nieuws_detail li a:link,
            ul#nieuws_detail li a:active,
            ul#nieuws_detail li a:visited {
            	color: #072f63;
                font-weight: bold;
                text-decoration: none;
            }
            
            ul#nieuws_detail li a:hover {
            	text-decoration: underline;
            }	

            	
	/*------------------------------------------------------------------
		[6. Footer]
	*/

	/*------------------------------------------------------------------
		[7. Nieuwslijst]		
	*/


	
	#nieuwslijst {
		
	}
		
		#nieuwslijst ul {
			list-style-type: none;		
		}
		
			#nieuwslijst  ul li.title{
				background-color: #FFF7CF;
				height: 26px;	
				border: 1px #CCCCCC solid;
				padding-left: 14px;
				font: bold 12px/26px  Arial,Verdana,sans-serif; 
			}	
		
			#nieuwslijst ul ul.listrow1, 
			#nieuwslijst ul ul.listrow2 {
				padding: 5px 14px;					
			}
			
				#nieuwslijst ul ul.listrow1 li, 
				#nieuwslijst ul ul.listrow2 li{
					
				
				}
					#nieuwslijst ul ul.listrow1 li .datum, 
					#nieuwslijst ul ul.listrow2 li .datum {
						font: bold 13px/14px  Arial,Verdana,sans-serif;						
					
					}
					
					#nieuwslijst ul ul.listrow1 li .datum, 
					#nieuwslijst ul ul.listrow2 li .datum {
						padding-left: 7px;						
						font: italic 11px/14px  Arial,Verdana,sans-serif;						
					}
				
				
					#nieuwslijst ul ul.listrow1 li.titel a,
					#nieuwslijst ul ul.listrow2 li.titel a {					
						color: #000;
						text-decoration: none;
					}

					#nieuwslijst ul ul.listrow1 li.titel a:hover,
					#nieuwslijst ul ul.listrow2 li.titel a:hover {
						text-decoration: underline;
					}	
			
		#childselector {
			width: 400px;
		}