/*************************************************************

  Author:       Miel Vandevelde
  Company:      CVL - Consortium Volwassenenonderwijs Limburg
  Version:      1.0
  Created on:   16.06.2009
  
  CONTENT STYLESHEET
  ------------------
  PAGE
  HEADER
  NAVIGATION
  COLUMN1
  CONTENT
  COLUMN2
  FOOTER
  -
  CLEARFIX

*************************************************************/

@import url("noord.css");
@import url("zuid.css");



/*************************************************************
  P A G E
*************************************************************/
* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }

.NoScreenDisplay { display: none }

img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */

body { background: #fff url(bg.jpg) center top repeat-x scroll; color: #000; font: 12px/1.417em /*12px/17px*/ Tahoma, Geneva, sans-serif }

#wrapper { margin: 0 auto; width: 960px }



/*************************************************************
  H E A D E R
*************************************************************/
#header { }

#header #logo { height: 87px }
#header #logo a { background: url(logo.gif) left top no-repeat; display: block; float: left; height: 49px; margin: 17px 0 0; text-indent: -9999em; width: 960px }

#header #logo #search { display: none }

#header #photo { background: #c0c0c0; height: 230px; float: left; padding: 15px; width: 693px }
#header #photo img { height: 230px !important; width: 693px !important }

#header #mainNavigation { float: right; width: 237px }
#header #mainNavigation ul { }
#header #mainNavigation ul li { }
#header #mainNavigation ul li a { background: #fff; border-bottom: 1px solid #c0c0c0; color: #000; display: block; height: 29px; line-height: 29px; padding: 0 0 0 11px; text-decoration: none }
#header #mainNavigation ul li a:hover { background: #fff url(arrow.gif) 11px center no-repeat; font-weight: bold; padding: 0 0 0 35px }
#header #mainNavigation ul li a.item1HL { background: #fff url(arrow.gif) 11px center no-repeat; font-weight: bold; padding: 0 0 0 35px }


#header #login { background: #c0c0c0; color: #fff; font-size: 0.917em /*11px*/; height: 105px; float: right; padding: 5px 11px 0; width: 215px }
#header #login input { border: 1px solid #000; color: #000; font: 11px/20px Tahoma, Geneva, sans-serif; height: 20px; margin: 3px 0 8px; padding: 0 4px; width: 197px }



/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { }

#navigation ul { font-family: "Impact", "Arial Black", Gadget, sans-serif}
#navigation ul li { float: left; margin: 0 0 0 4px }
#navigation ul li.first { margin: 0 }
#navigation ul li a { background: url(navigationBg.gif) left top repeat-x; color: #000; display: block; font-size: 2.5em /*30px*/; height: 62px; line-height: 62px; padding: 0 0 0 15px; text-decoration: none; width: 222px }
#navigation ul li a.item1HL { margin: 0 }
#navigation ul li a:hover { background: url(navigationBgHover.gif) left top repeat-x; color: #fff }
#navigation ul li a.item1HL { background: url(navigationBgHover.gif) left top repeat-x; color: #fff }

body #column1 a.subNavigation2 { background: #C0C0C0; border-bottom: 1px solid #fff; color: #fff; display: block; font-size: 1.083em /*13px*/; line-height: 30px; padding: 0 0 0 15px; text-decoration: none; width: 222px }
body #column1 a.subNavigation2:hover { background: #2B2F33 url(arrowSubnav.gif) 15px center no-repeat; padding: 0 0 0 35px; width: 202px }
body #column1 a.subNavigation2HL { background: #2B2F33 url(arrowSubnav.gif) 15px center no-repeat; padding: 0 0 0 35px; width: 202px; border-bottom: 1px solid #fff; color: #fff; display: block; font-size: 1.083em /*13px*/; line-height: 30px; text-decoration: none }


/*************************************************************
  C O L U M N 1
*************************************************************/
#column1 { float: left; margin: 20px 0 0; width: 237px; font-size:11px; }

#column1 h4 { background: url(arrowHeading.gif) left center no-repeat; color: #000; font: bold 1.5em/1 /*18px/1*/ Tahoma, Geneva, sans-serif; margin: 0.833em 0 /*15px*/; padding: 0 0 0 28px }

#column1 #search { }
#column1 #search select { border: 1px solid #000; margin: 5px 0; width: 235px }
#column1 #search button { background: #000; color: #fff; float: right; height: 25px; line-height: 25px; margin: 15px 0; text-align: center; text-transform: uppercase; width: 50px }

#column1 #links { }
#column1 #links ul { border-top: 1px dotted #000; margin: 10px 0 }
#column1 #links ul li { border-bottom: 1px dotted #000; padding: 5px 0 }
#column1 #links ul li a { color: #000; text-decoration: none }

/*************************************************************
  C O N T E N T
*************************************************************/
#content { float: left; margin: 20px 22px 0; width: 442px }

#content #print { text-align: right }

#content h1 { font: normal 2.5em/1 /*30px/1*/ Tahoma, Geneva, sans-serif; margin: 0 0 0.433em /*13px*/ }
#content h2 { font: normal 1.917em/1 /*23px/1*/ Tahoma, Geneva, sans-serif; margin: 0 0 0.565em /*13px*/ }
#content h3 { font: normal 1.333em/1 /*16px/1*/ Tahoma, Geneva, sans-serif; margin: 20px 0 10px;/*13px*/ }

#content #page_news_item h2 { font: normal 20px/1 /*23px/1*/ Tahoma, Geneva, sans-serif; margin: 0 0 0.565em /*13px*/ }

#content p { margin: 1.364em 0 /*15px*/ }

#content ol, #content ul { margin: 1.364em 0 0 20px /*15px*/ }
#content ol { list-style: decimal outside }
#content ul { list-style: disc outside }

#content table { margin: 1.364em 0 /*15px*/ }

#content a { color: #000 }

#content #studie_gebied_id select { width: 200px }

/* M O D U L E S */
#content .BeeldRechts { float: right; margin: 0 0 15px 15px }
#content .BeeldLinks { float: left; margin: 0 15px 15px 0 }
#content .BeeldGroot { float: none }
#content .BeeldGrootRechts { float: right }
#content .BeeldGrootLinks { float: left }
#content .portal { clear: both }
#content .portal .kolom1 { border-right: 1px solid #000; padding: 0 10px 0 0; vertical-align: top; width: 50% }
#content .portal .kolom2 { padding: 0 0 0 10px; vertical-align: top; width: 50% }
#content .content { margin: 0 0 0 105px }
#content .content2 { float: left }
#content .label { background: #fff; clear: left; display: block; float: left; margin: 0 5px 0 0; text-align: right; width: 100px }
#content .category { float: right }
#content .pdfopmerking { padding: 2px; margin: -5px 0 0 3px; float: right; color: #666 }

/* FORM */
#content form { }
#content input, #content textarea, #content select { background: #fff; border: 1px solid #000; color: #000; font: 11px/16px Tahoma, Geneva, sans-serif; padding: 2px }
#content input.veld { width: 200px }
#content input.checkbox { border: 0; width: auto }
#content textarea { height: 100px; overflow: auto; width: 198px }

#content input.knop, #content input.knop2, #content input.knop3 { background: #c0c0c0 !important; border: 0 !important; color: #000; cursor: pointer; height: 25px; margin: 5px 0 0; padding: 3px; text-align: center; text-transform: capitalize; width: 70px }
#content input.knop3 { padding: 2px; text-align: right }

/* SITEMAP */
#content #sitemap a { color: #000; background: url(arrow.gif) left center no-repeat; padding: 0 0 0 15px }
	
#content #sitemap .level1 { }
#content #sitemap .level2 { margin: 0 0 0 30px }
#content #sitemap .level3 { margin: 0 0 0 60px }
#content #sitemap .level4 { margin: 0 0 0 90px }

/* PDF */
#content #pdf { height: 40px; padding: 5px 0 0 }
#content #pdf a { color: #000 }

#content #pdf .IkoonLinks { float: left; margin: 0 10px 0 0 }
#content #pdf .box { clear: right; display: block; height: 32px }
/* end MODULES */

a.noord:link, a.noord:active, a.noord:visited{
	text-decoration: underline;
	color: #6C8C63;
	font-weight:bold;
	line-height:22px;
	}	
a.noord:hover{
	color: #6C8C63;
	text-decoration: none;
	font-weight:bold;
	line-height:22px;
}
a.zuid:link, a.zuid:active, a.zuid:visited{
	text-decoration: underline;
	color: #64829C;
	font-weight:bold
	}	
a.zuid:hover{
	color: #64829C;
	text-decoration: none;
	font-weight:bold
}
a.newslink:link, a.newslink:active, a.newslink:visited{
	text-decoration: underline;
	color: #000;
	}	
a.newslink:hover{
	color: #000;
	text-decoration: none;

}

/*************************************************************
  C O L U M N 2
*************************************************************/
#column2 { float: right; margin: 20px 0 0; width: 237px; font-size:11px; }

#column2 h4 { background: url(arrowHeading.gif) left top no-repeat; color: #000; font: bold 1.5em/1 /*18px/1*/ Tahoma, Geneva, sans-serif; margin: 0.833em 0 /*15px*/; padding: 0 0 0 28px }

#column2 #news { }
#column2 #news h4 { border-bottom: 1px dotted #000; padding-bottom:4px; line-height:30px;}
#column2 #news ul { border-top: 1px dotted #000; margin: 10px 0 }
#column2 #news #home_news_item #home_item_boven { border-bottom: 1px dotted #000; padding: 5px 0 }
#column2 #news #home_news_item strong {display:block}
#column2 #news ul li { border-bottom: 1px dotted #000; padding: 5px 0 }
#column2 #news ul li a { color: #000; text-decoration: none }
#column2 #kaart { width: 238px; height: 244px }

#column2 #mainNavigation { float: right; width: 237px }
#column2 #mainNavigation ul { }
#column2 #mainNavigation ul li { }
#column2 #mainNavigation ul li a { background: #fff; border-bottom: 1px solid #c0c0c0; color: #000; display: block; height: 29px; line-height: 29px; padding: 0 0 0 11px; text-decoration: none }
#column2 #mainNavigation ul li a:hover { background: #fff url(arrow.gif) 11px center no-repeat; font-weight: bold; padding: 0 0 0 35px }
#column2 #mainNavigation ul li a.item1HL { background: #fff url(arrow.gif) 11px center no-repeat; font-weight: bold; padding: 0 0 0 35px }


/*************************************************************
  F O O T E R
*************************************************************/
#footer { clear: both; padding: 20px 0; text-align: center }

#footer a { color: #000 }


/*************************************************************
  S E A R C H F O R M 
*************************************************************/
#searchform select {
	border: 1px solid #000; margin: 5px 0; width: 440px 
}
#searchform button{ 
	background: #000; color: #fff; float: right; height: 25px; line-height: 25px; margin: 15px 0; text-align: center; text-transform: uppercase; width: 50px 
}
/*************************************************************
  O P L E I D I N G
*************************************************************/
#opleidingresultaat {
	padding-left: 18px;
}
/*************************************************************
  O P L E I D I N G
*************************************************************/
#opleidingresultaat {
	padding-left: 18px;
}

/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */