@charset "utf-8";
/* 
CSS Document voor Eduhub
Datum: maart 2008
Media: Screen
Dev Team: Concept7 (http://www.concept7.nl) - Timothy van Sas (design, xthml, css)
*/

/* ========= Globals ========= */
body { font: 75%/1.5em arial, verdana, sans-serif; background: #fff; color: #003768; }
	
	/* Link handeling */
	a:link { color: #e37f1c; text-decoration: underline; }
	a:hover, a:visited:hover { color: #e37f1c!important; }
	a:visited { color: #662d91; }
	
img { border: 0; vertical-align: bottom; }

/* ========= Header ========= */
div.top-bar { background: #e37f1c url(../images/backgrounds/bg-header.gif) repeat-x; padding: 2px 0 0 0; min-height: 2.80em; height: auto !important; height: 2.80em; overflow: visible; border-bottom: 1px solid #fff; }
	div.top-bar div { width: 81.67em; margin: 0 auto; position: relative; }
		
		.service { float: right; position: relative; }
			.service li { display: inline; }
				.service li a, .service li a:visited { color: #fff; text-decoration: none; padding: .55em 0.83em; border-right: 1px solid #eaa561; display: block; float: left; }
				.service li a:hover, .service li a:visited:hover { background: #eaa561; color: #fff!important; }
				
				.service li.saved a, .service li.saved a:visited { padding: .55em 2.83em .55em .83em; background: url(../images/icons/service-saved.gif) top right no-repeat; }
				.service li.saved a:hover, .service li.saved a:visited:hover { background: #eaa561 url(../images/icons/service-saved.gif) top right no-repeat; color: #fff!important; }

				.service li.user a, .service li.user a:visited { padding: .55em .83em .55em 2.83em; background: url(../images/icons/icon-user.gif) .83em .65em no-repeat; }
				.service li.user a:hover, .service li.user a:visited:hover { background: #eaa561 url(../images/icons/icon-user.gif) .83em -2.3em no-repeat; color: #fff!important; }

				.service li.login a, .service li.login a:visited { background: #eaa561; font-weight: bold; }
				.service li.login a:hover, .service li.login a:visited:hover { background: #fff; color: #e37f1c!important; }
				
				/* Select menu */
				.service li ul { position: absolute; background: #e37f1c; left: 8.5em; top: 2.85em; width: 17.8em; z-index: 1000; height: 19.7em; overflow: auto; overflow-x: hidden; display: none; }
					.service li ul li a, .service li ul li a:visited { display: block; width: 15.8em; padding: 0.3em 0 0.3em 0.83em; text-decoration: none; color: #fff; border-bottom: 1px solid #eaa561; background: none; }
					.service li ul li a:hover { background: #edad70; color: #fff!important; }
					.quick-select a, .quick-select a:visited { padding: .4em 0.83em!important; }
					.quick-select a:hover, .quick-select a:visited:hover { background: none!important; }					
				
				/* Close select menu */
				.service li ul li.close-quick a,.service li ul li.close-quick a:visited { background: #003768 url(../images/backgrounds/close-white.gif) no-repeat 15em 0.67em; border: 0; }
					.service li ul li.close-quick a:hover,.service li ul li.close-quick a:visited:hover { color: #fff!important; background: #144773 url(../images/backgrounds/close-white.gif) no-repeat 15em 0.67em; }	
		
		#logo { position: absolute; left: 0.83em; top: 1.08em; width: 201px; height: 95px; }

/* ========= Pay off & zoeken vervolgpagina's ========= */
div.payoff-search { background: #e9eef2; }
div.payoff-search div { width: 81.67em; margin: 0 auto; background: #fff url(../images/backgrounds/bg-payoff.gif) right bottom no-repeat; min-height: 6.17em; height: auto !important; height: 6.17em; overflow: visible; }
	div.payoff-search div p { font-weight: bold; font-size: 1.2em; padding: 2.2em 0 0 15.4em; }

/* ========= Teaser & Testimonial ========= */
div.wrap-teaser { z-index: 1; background: #003768 url(../images/backgrounds/bg-wrap-teaser.gif) repeat-x; border-top: 1px solid #fff; min-height: 12.83em; height: auto!important; height: 12.83em; overflow: visible; padding-top: 0.25em; }
div.wrap-teaser.landingpage { min-height: 0; }
	div.wrap-teaser div.teaser-testimonial { background: url(../images/backgrounds/bg-teaser.gif) left bottom no-repeat; width: 81.67em; margin: 0 auto; min-height: 12.50em; height: auto !important; height: 12.50em; overflow: visible; border-bottom: 7px solid #648098;  }
	div.wrap-teaser div.teaser-testimonial.landingpage { min-height: 0; overflow:hidden;  }

	p.teaser { float: left; width: 31.05em; color: #ccd7e1; font-size: 1.35em; line-height: 150%; padding: 1.2em 24px 0 0.83em; font-weight: normal; }
		p.teaser.landingpage { width: 57em; padding-bottom: 18px; }
		p.teaser strong { color: #fff; }
		p.teaser a { color: #fff; text-decoration: none; background: url(../images/backgrounds/stippellijn.gif) left bottom repeat-x; }
	div.testimonial { float: right; width: 35.9em; background: #144773; float: right; margin: 0.42em 0 0 0; min-height: 11.6em; height: auto!important; height: 11.6em; overflow: visible; }
		blockquote { display: inline; color: #d0dae3; background: url(../images/backgrounds/quote-top.gif) top left no-repeat; padding: 0.3em 0 0 1.3em; width: 22em!important; float: right; margin: 1.33em 0.83em 0 0; }
		 blockquote p { background: url(../images/backgrounds/quote-bottom.gif) right bottom no-repeat; }
		 blockquote p.name-testimonial { text-align: right; display: block; padding-top: 1.7em; background: none; }
		 blockquote p a { text-decoration: none !important; background: url(../images/backgrounds/stippellijn.gif) left bottom repeat-x; color:white !important; }
		 blockquote p a:visited {color:white; }
		 /*
		 .img-testimonial { width: 10.58em; height: 8.92em; margin: 0.83em 0 0 0.83em; }
		 */
		 /* Toch een "normale" afbeelding bij de testimonial? Gebruiker onderstaande css en verander img-testimonial.jpg in img-quote.jpg*/
		 .img-quote { width: 9.17em; height: 6.92em; margin: 1.4em 0 0 1.2em; border: 2px solid #d0dae3; }
		 
		 
	
/* ========= Zoeken & Inloggen Mijn Eduhub ========= */
div.search-login { background: #e9eef2; }
div.search-login div.container { width: 81.67em; margin: 0 auto; background: #bbcad7; padding: 0.42em 0 0.7em 0; }
	div.search-login div.container form { padding: 0 0 0 0.83em; }
	div.search-login div.container form label { display: none; }
	div.search-login div.container form input { margin: 0.25em 0.6em 0 0; background: #fff url(../images/icons/icon-zoom.gif) no-repeat 10px 5px; width: 21.33em; padding: 0.5em 0 0.5em 2.83em; color: #898989; font-family: arial; }
	div.search-login div.container form input:focus { color: #000; }
	div.search-login div.container form button { width:auto; overflow:visible; margin: 0.25em 0 0 0; font-family: arial; border-top: 1px solid #829db5; border-left: 1px solid #829db5; border-right: 1px solid #0c1926; border-bottom: 1px solid #0c1926; background: #144875 url(../images/backgrounds/bg-blue-submit.gif) left top repeat-x; color: #fff; font-weight: bold; padding: 0.5em 1.5em; cursor: pointer; }
	div.search-login div.container form button:hover { background: #003768; }
	div.search-login div.container form a { color: #37779d; float: right; margin: 0.8em 2.7em 0 0; }
	
	div.login-eduhub { width: 35.83em; background: url(../images/backgrounds/grid-login.gif) repeat-y; float: right; }
		div.login-eduhub a.login-green { margin: 0.25em 0 0.25em 9em; border-left: 1px solid #c8dd6c; border-top: 1px solid #c8dd6c; border-right: 1px solid #6a841a; border-bottom: 1px solid #6a841a; display: block; width: 14.75em; height: 1.91em; padding-top: 0.42em; background: #84a520 url(../images/backgrounds/bg-green-submit.gif) repeat-x; text-align: center; font-weight: bold; text-decoration: none; color: #fff; }
		div.login-eduhub a.login-green:hover { background: #84a520; color: #fff!important; }
		div.login-eduhub a.explain-eduhub { float: right; color: #37779d; margin: 0.8em 0.83em 0 0; }

/* ========= Content ========= */
/*div.content { width: 81.67em; margin: 0 auto; border-top: 7px solid #ccd7e1; padding: 2.17em 0 3em 0; display: block; overflow: hidden; height: 1%; }*/
div.content { width: 81.67em; margin: 0 auto; border-top: 7px solid #ccd7e1; padding: 2.17em 0 3em 0; }
	.content:after, .categories:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	div.content h1 { border-bottom: 1px solid #dfe6ec; color: #e37f1c; font-weight: normal; font-size: 1.6em; padding: 0 0 0.42em 0.83em; margin-bottom: 2.17em; }

	/* Blokken categorieen */
	div.categories { float: left; width: 60.00em; display: inline; }
		
		/* Overzicht categorieen */
		div.categories dl { border: 1px solid #dfe6ec; width: 17.67em; min-height: 4.8em; height: auto!important; height: 4.8em; overflow: visible; float: left; position: relative; padding: 0.95em 0.50em 0.83em 0.83em; position: relative; margin-bottom: 2em; }
		div.categories dl dt a { position: absolute; top: -10px; left: 7px; background: #fff; padding: 0 6px; font-weight: bold; display: block; color: #003768; text-decoration: none; }
		div.categories dl dd { display: inline; padding-right: 4px; line-height: 160%; }
		div.categories dl dd a { color: #37779d; }
		div.categories dl dd.more-info a { text-align: right; color: #e37f1c; position: absolute; right: 0.83em; bottom: 0.83em; }
			div.categories dl dd.more-info a:hover, div.categories dl dd.more-info a:visited:hover { color: #003768!important; }
		div.categories dl.set-margin { margin: 0 0.83em; }
	
	/* Content rechterkant */
	div.sidebar { width: 20.75em; float: left; padding-left: 0.92em; }
		
		/* Blokken rechterkant */
		div.block { border: 1px solid #dfe6ec; margin-bottom: 2em; background-color: #f2f5f7; }
		div.block .inner { border:1px solid white; border-bottom:0; padding-bottom:1.7em; }
		div.block h2 { font-size: 1.5em; font-weight: normal; padding: 0.83em 0.83em 0.60em 0.75em ; }

		ul.news-items { padding: 0 0.95em; }
			ul.news-items li { background: url(../images/bullets/bullet-blauw.gif) no-repeat  0 5px; padding: 0 0 0.5em 1em; }
				ul.news-items li a { text-decoration: none; color: #003768; }
			
			ul.logos { display: block; overflow: hidden; height: 1%; padding: 0 0 1em 0.95em; }
				ul.logos li { display: inline; width: 8.92em; height: 4.42em; overflow: hidden; float: left; background: #fff; border: 1px solid #ebeff3; margin: 0 0.42em 0.42em 0; text-align: center; }				
				ul.logos li img { width: 8.33em; height: 4.17em; }
			
			a.orange-bullet:link { background: url(../images/bullets/bullet-oranje.gif) no-repeat 0 5px; margin-left: 0.95em; padding-left: 1em; }
			a.orange-bullet:visited { background: url(../images/bullets/bullet-oranje.gif) no-repeat 0 5px; margin-left: 0.95em; padding-left: 1em; color: #e37f1c; }
			a.orange-bullet:hover { background: url(../images/bullets/bullet-oranje.gif) no-repeat 0 5px; margin-left: 0.95em; padding-left: 1em; color: #003768!important; }
			
			dl.experience { margin: 0 1.1em; }
				dl.experience dt { background: #f3f6f8; padding: 0.3em 0; }
				dl.experience dt span { float: right; font-weight: bold; }
				dl.experience dd { padding-bottom: 1em; }
				dl.experience dd a, dl.experience dd a:visited { color: #37779d; }
				dl.experience dd a:hover, dl.experience dd a:visited:hover { color: #e37f1c; }

/* ========= Footer ========= */
div.about-eduhub { background: #e7ecf1; border-top: 1px solid #d7e0e7; }
	div.about-eduhub p { width: 80em; margin: 0 auto; padding: 1.4em 0 1.4em 1.77em; background: url(../images/backgrounds/bg-about.gif) left bottom no-repeat; }
		div.about-eduhub p a, div.about-eduhub p a:visited { color: #37779d; }

div.footer { background: #003768; color: #fff; }
	div.footer ul { width: 80em; margin: 0 auto; background: url(../images/backgrounds/bg-footer.gif) no-repeat; padding: 2.83em 0 0 1.77em; min-height: 4em; height: auto!important; height: 4em; overflow: visible; }
		div.footer ul li { display: inline; padding-right: 2.50em; }
		div.footer ul li a, div.footer ul li a:visited { color: #99afc3;}
	
	abbr { border-bottom: 1px dotted #fff; cursor: help; }

/* chatbox additions */
.chatbox { border: 1px solid #D7E0E7; padding:0.83em; margin-bottom: 1.67em; }
.chatbox ul.content-list li { background:url("../images/bullets/bullet-blauw.gif") no-repeat scroll 0 0.42em transparent; padding-left:0.9em; }
.chatbox h2 { background:none repeat scroll 0 0 transparent; clear:both; display:block; font-size:1.3em; padding:0 1.2em 0.8em 0; }