/* ----------- general ----------- */
@font-face { font-family: 'AGSchulbuchTwoBQRegular'; src: url('/lib/asset/fonts/akzidenz-grotesk_r_schulbuch_2_medium-webfont.eot'); src: url('/lib/asset/fonts/akzidenz-grotesk_r_schulbuch_2_medium-webfont.eot?#iefix') format('embedded-opentype'), url('/lib/asset/fonts/akzidenz-grotesk_r_schulbuch_2_medium-webfont.woff') format('woff'), url('/lib/asset/fonts/akzidenz-grotesk_r_schulbuch_2_medium-webfont.ttf') format('truetype'), url('/lib/asset/fonts/akzidenz-grotesk_r_schulbuch_2_medium-webfont.svg#AGSchulbuchTwoBQRegular') format('svg'); font-weight: normal; font-style: normal; }
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; color: #363636; }
select, input, textarea { font: 99% Helvetica, Arial, sans-serif; }
blockquote { padding-left:14px; background:url(/lib/gfx/bullet.gif) no-repeat left 2px }

::-moz-selection {
 background: #363636;
 color: #fff;
 text-shadow: none;
}
::selection { background: #363636; color: #fff; text-shadow: none; }
a:link, a:visited { color: #333; text-decoration: none; border-bottom: solid 1px transparent; }
a:hover { color: #000; border-bottom: 1px dotted #999; }
/*home*/
.g2.date { margin-bottom:5px; }
.g2.date:nth-child(odd) { clear:left; }
.item.g2 a:link, .item a:visited { color: #333; text-decoration: none; border-bottom:1px dotted #ccc; }
.item.g2 a:hover { color: #000; border-bottom: 1px solid #999; }
h1 a:hover { border-bottom: none; }
h1, h2, h3, h4 { font-family: 'AGSchulbuchTwoBQRegular', Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; }
h1 { font-size: 84px; }
h2 { font-size: 36px; line-height: 36px; padding: 10px 0; }
h3 { font-size: 18px; line-height: 21px; padding: 0 0 5px 0; }
h4 { font-size: 14px; line-height: 16px; padding: 4px 0; }
h5 { font-size: 12px; line-height: 14px; font-weight: normal; }
h6 { font-size: 12px; padding-bottom: 5px; font-weight: normal; }
p { margin-bottom: 10px; max-width: 420px; }
.ic { font-style: italic; margin-bottom: 5px; font-size: 11px; }
img { margin-bottom: 10px; }
.hidden.tab h4 a { padding-left: 0; *padding-left: 6px;
//hack IE7
}
.tab { margin: 0; padding: 0; padding-left: 20px; }
.g4 h2 { width:50% }
/* Helpers */

.cf:after { content: "."; display: block; clear: both; visibility: hidden; }
.cf { display: inline-block; }
.cf { display: block; }
.hidden { display: none; }
.cp { padding: 0 !important; }
#lastPostsLoader { margin-left: 195px; }
#lastPostsLoader a { border-bottom: 1px dotted #999; background: url('/lib/gfx/arw.gif') no-repeat 0 2px; padding-left: 8px; }
#lastPostsLoader a:hover { border-bottom: 1px dotted #000; }
/* ----------- header ----------- */

#header { position: fixed; top: 0; left: 0; margin: 0; width: 100%; height: 90px; z-index: 2; padding: 0; background: #fff; }
#header .lanbuts a.disabled { color: #ccc }
#header .lanbuts a:hover { color: #000; }
.logoc h1 { margin-bottom: 0; font-size: 78px; line-height: 68px; }
.logoc a:hover, .logoc a:hover h4 { color: #000; border: 0; }
ul.nav { margin: 0; margin-top: 36px; padding: 0; }
.nav li { display: inline; padding: 0; padding: 0 5px; }
.nav li:first-child { padding-left: 0; }
.nav li:last-child { padding-right: 0; }
.nav a, .nav { font-size: 24px; line-height: 30px; font-family: 'AGSchulbuchTwoBQRegular', Arial, Helvetica, sans-serif; font-weight: normal; text-transform: lowercase; }
.nav a.sel { border-bottom: 3px solid; }
a.sel { border-bottom: 1px dotted #363636; }
a.de_sel { color:#999; }
#header fieldset select#mobile-menu { display: none; }
/* ----------- content ----------- */

div.content { position: relative; padding-top: 100px; }
#bg { left: 0; position: fixed; height: 300px; width: 100%; background: #ededed; /* for non-css3 browsers */ z-index: -10; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#FFFFFF'); /* for IE */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EDEDED', endColorstr='#FFFFFF')";/* IE8 */ background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff)) #ededed;/* for webkit browsers */ background: -moz-linear-gradient(top, #ededed, #ffffff) /* for firefox 3.6+ */ }
/* ----------- footer ----------- */

.footer { background: #ededed; 	/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EDEDED', endColorstr='#FFFFFF');
/* for IE */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EDEDED', endColorstr='#FFFFFF')"; /* IE8 */ background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ffffff)) scroll; /* for webkit browsers */ background: -moz-linear-gradient(top, #ededed, #ffffff);/* for firefox 3.6+ */ }
.footer .contact { font-family: Arial, Helvetica, Verdana sans-serif; font-size: 12px; line-height: 16px; color: #363636; margin-left: 195px; margin-bottom: 20px; padding-top: 15px; display: block; position: absolute; }
.ie7 .footer .contact { padding-top: 10px; margin-top: 0px; margin-left: 5px; }
.footer .contact a:link, .footer .contact a:visited { font-weight: normal; font-size: 12px; color: #363636; border-bottom: 1px dotted #999; }
.footer .contact a:hover { border-bottom: 1px dotted #363636; }
.footer .g5 { padding: 0; margin: 0 auto; }
#sfaLogo { padding-top: 15px; height: 60px; margin-right: 10px; }
#sfaLogo img { width: auto; float: right; }
div.gennav { position: fixed; bottom: 0; /*	left: 0;*/ margin: 0; padding-top: 0; padding-left: 10px; margin-bottom: 10px; height: 62px; }
div.gennav ul { margin: 0; padding: 0; }
div.gennav li { width:50%; float:left; margin:1px 0; }
.gennav a, .gennav { font-family: 'AGSchulbuchTwoBQRegular', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-transform: lowercase; }
ul.gennav ul { display: none; }
ul.gennav li:hover > ul { display: inline; margin: 0; }
ul.gennav li:hover > ul li { display: inline; }
ul.gennav ul li a { z-index: 10000; }
.gennav .sub { text-decoration: none; }
/* ----------- grid ----------- */
.g5 { width: 950px; margin: 0 auto; padding-top: 10px; }
.g1, .g2, .g3, .g4 { float: left; margin: 0 5px; display: inline; padding: 5px; }
.g1 { width: 170px; }
.g1 .img, .g1 img { width: 170px; height: 127px; }
.g2 { width: 360px; margin-bottom: 20px; }
.g2 h3 { line-height: 18px; //line-height: 33px;
}
.g2.instr h3 { margin-top: 18px; line-height: 33px; }
.g2 .g1 .img, .g2 .g1 img { width: 170px; height: 127px; }
.g3 { width: 550px; }
.g3 .img, .g3 img { width: 550px; height: 412px; }
.g4 { width: 740px; }
.g4 .g2 .img, .g4 .g2 img { float: right; }
.g1 .img img.l { width: auto; }
.g1 .img img.p { height: auto; }
.g2 .img img.p { width: auto; max-width: 360px; max-height: 360px; }
.g2 .img img.l { width: 360px; height: auto; }
.push1 { margin-left: 170px; }
#header .g3 { height: 68px; /* IE bug */ }
#header div.contact { display: none; }
.lan-cont { position:absolute; right:20px; }
.lanbuts { line-height: 30px; float: left; margin-right:10px; }
.aside h3 { margin-bottom: 10px; }
.aside { /*text-transform: lowercase;*/ }
.aside span.tag { margin-bottom: 10px; }
/* ----------- home ----------- */

.slideshow { margin: 0; padding: 0; height: 270px; z-index: 0; }
.slidewrap { background:transparent !important; }
.slideshow div.img { width: 360px; height: 270px; overflow: hidden; }
.slideshow .g2 img.l, .slideshow .g2 img.p { width: auto; height: 270px; }
.slideshow div.ic { display: none; }
div.first { display: block; }
div.slidewrap { display: none; }
.selected { background: #eee; }
/* sidebar */

ol { color: #fff; margin-bottom: 10px; }
ol .nr { color: #999; font-size: 12px; position: absolute; right: 0; }
ol a { font-size: 12px; font-weight: normal; display: block; padding-left: 8px; background: url('/lib/gfx/arw.gif') no-repeat 0 2px; }
ol a:link, ol a:visited { color: #999; border-bottom: none; }
ol a.sel { color: #363636; }
ol a:hover { color: #363636; border-bottom: none; }
ol li { position: relative; }
ol ul { padding-left: 10px; }
h6.tag:hover { color: #000; }
/* Items */

.items { float: right; width: 760px; }
.items .img { overflow: hidden; margin-bottom: 16px; text-align: left; }
.items .g1 a { cursor: pointer; }
.items .g1 h3 { height: 60px; overflow: hidden; margin-bottom: 10px; }
.items .g1.lays { min-height: 300px; }
.items .g1.lays h3 { height: inherit; }
.home .g1, .home .g2 { max-height: 102px; overflow: hidden; }
#nws { margin-top: 18px; float: left; width: 760px; //ie7
}
#clndr { margin-top: 18px; float: left; }
.dl { padding: 0; padding-top: 5px; float: left; width: 14%; }
.dr { float: right; width: 86%; padding: 0; margin: 0; }
.dr h4 { /*height: 41px;*/ font-size: 16px; line-height: 18px; margin-bottom: 3px; padding: 0; }
.dr h5 { font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; margin-bottom: 0px; line-height: 18px; }
.dr h5.bld { font-weight: bold; }
.dl h4 { font-family: 'AGSchulbuchTwoBQRegular', Arial, Helvetica, sans-serif; font-size: 36px; }
.dl h4 span { font-size: 20px; line-height: 40px; margin: 0; padding: 0; }
.itemstext .g1 { height: 317px; margin-bottom: 15px; overflow: hidden; }
.itemstext .ic { display: none; }
.items .g1 p { max-height: 98px; overflow: hidden; }
.items .g1 .noimg { max-height: 240px; }
.item.list, .g4 .list { margin-bottom: 20px; }
.item .item { margin-bottom: 0; padding: 0; background: #eef; }
.inner { margin-right: 0; }
.bd { float: right; }
.image-item .img { display: none; }
.list ul { margin-top: 5px; }
.list a { font-weight: bold; }
.list abbr { font-weight: normal; }
.more { margin-top: 5px; display: block; }
.tagline { margin-top: 25px; margin-bottom: 20px; }
.nrs { clear: both; }
.nrs .nr { text-align: center; float: left; border: 1px solid #999; /*	border-left: 1px solid;*/ /*	background: #ededed;*/ margin: 2px; }
.nrs a { display: block; width: 15px; height: 15px; padding: 2px; text-decoration: none; border-bottom: none; }
.nrs a:hover { background: #363636; color: #fff; }
.nrs .nr:hover { border-color: #363636; }
.nrs .sel { background: #999; color: #fff; border-color: #363636; }
.deadlines { margin-bottom: 20px; }
.sub { cursor: pointer; }
.files { overflow: hidden; }
/* ----------- maurits ----------- */
.sml { font-size: 11.5px; }
.tags, .tag { font-size: 11px; color: #363636; }
.tag { /*	height: 16px;*/ display: block; overflow: hidden; }
/* -------------------------------- form -------------------------------- */
#response { background:#ffe; border:1px solid #ddc; padding:10px; display:block; margin:10px 0; font-weight:bold; display:none; }
label { width: 100px; float: left; text-align: left; font-size: 11px; }
form p { margin: 0; padding: 0; }
textarea { border: 1px solid #999; width: 250px; height: 80px; padding: 2px; background: none; }
input[type="text"] { padding: 4px; margin-bottom: 8px; border: 1px solid #ddd; width: 250px; background: none; font-weight:bold; }
input[type="text"]:hover, input[type="text"]:focus { border: 1px solid #363636; background:#fff }
input.error { border-color:#c33; }
input[type="submit"] { margin-left: 100px; margin-top: 10px; border: 1px solid #999; background: none; color: #363636; padding: 4px; }
input[type="submit"]:hover { border: 1px solid #363636; background: #363636; color: #fff; }
.hidden { display: none; }
.hidden .hidden a { font-weight: normal; padding: 0; font-size: 14px; font-weight: normal; margin-left: 5px; color: #999; }
.hidden h4:before { content: '\203a'; }
div.sub { margin: 100px 0; padding: 0; }
div.sub.tab { margin: 0; color: #363636; font-weight: bold; margin: 6px 0; padding: 0; }
h4.sub { margin-top: 0; margin-bottom: 10px; }
h4.sub:before { content: '\203a'; padding-right: 5px; }
h4.sub { border-bottom: 1px dotted #999; }
h4.sub:hover { border-bottom: 1px dotted #363636; }
div.sub h4 { margin-left: 5px; padding-left: 5px; left: 5px; }
h4.sub .hidden { margin: 100px 0; }
.projectvormen { padding: 5px 0; margin: 0; }
.tab p { line-height: 22px; color: #363636; margin: 0 10px; padding: 0; }
.s_r { width: 372px; margin-bottom: 14px; }
.share { margin-top:24px;height:24px; }
.fb-like { width: 120px; float: left; }
/* Img Zoom */

#imgOver { position: fixed; top: 0; left: 0; background: #fff; width: 100%; height: 100%; z-index: 800; display: none; }
#imgOver img { cursor: pointer; position: absolute; }
/* searchform */
#searchForm { float: left; margin-right: 10px; }
#searchForm input { border: 1px solid #ededed; padding: 6px; width: 100px; }
#searchForm input:focus, #searchForm input:hover { background: #fff; border: 1px solid #333; }
#searchForm .inpWrap { position: relative; }
#searchForm .inpWrap label { width: 100px !important; position: absolute; padding-left: 8px; padding-top: 8px; cursor: text; }
td { width:50%; }
td input[type="text"] { width:200px; }
td input[type="submit"] { width:100px; margin-left: 0px; }
/* -----------  social media ----------- */
#sb { float:left; margin-top:2px;}
#sb a { float:left; width:25px; height:25px; margin-right:5px; background-repeat:no-repeat }
#sb a:hover { border:none; }
#sb a.twt { background-image:url('../gfx/sb/twt.gif'); }
#sb a.twt:hover { background-image:url('../gfx/sb/twt_o.gif'); }
#sb a.fcb { background-image:url('../gfx/sb/fcb.gif'); }
#sb a.fcb:hover { background-image:url('../gfx/sb/fcb_o.gif'); }
#sb a.lin { background-image:url('../gfx/sb/lin.gif'); }
#sb a.lin:hover { background-image:url('../gfx/sb/lin_o.gif'); }


#fcb {position: absolute;margin-left: 0px;width:110px;z-index:1}
#twt {position: absolute;margin-left: 120px;width:110px;z-index:2}
#lin {position: absolute;margin-left: 240px;width:110px;z-index:3}



/* -----------  push footer ----------- */

* { margin: 0; }
html, body { height: 100%; }
.wrapper { position: relative; width: 100%; clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -90px; /* the bottom margin is the negative value of the footer's height */ }
.footer, .push { height: 90px; /* .push must be the same height as .footer */ clear: both; }
/* ----------- social ----------- */
.sb { margin-left:8px; float:left; }
.sb a { padding:2px 4px; font-weight:bold; }
.sb a:hover { border-bottom:1px dotted }
/* ----------- zoombox ----------- */
.img { cursor:pointer; }
#zb { position:fixed; top:0; left:0; bottom:0; right:0; background: url('../gfx/zb.png'); z-index:10; text-align:center; overflow:hidden; font-size:40px; display:none; }
#zb .bx { position:absolute; }
#zb .x { position:absolute; font-size:48px; line-height:32px; right:20px; top:20px; color:#999; padding:0px 4px 4px; margin: 0; cursor:pointer; }
#zb .x:hover { color:#fff; }
#zb .bx .cp { position:absolute; background:#fff; font-size:14px; padding:10px; bottom:0; left:0; z-index:10; display:none; }
<!--
[if !IE 7]> <style type="text/css">#wrap {
display:table;
height:100%
}
<![endif]
-->