ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}
a img,:link img,:visited img{border:none}
body,html{height:100%;margin:0;padding:0;font:11px "Trebuchet MS","Helvetica",Arial,sans-serif;color:#555;line-height:19px;background-color:#555;}

#impression,#impression2{margin:0;padding:0;height:100%;width:100%;position:fixed;z-index:1;}
#impression img,#impression2 img{width:100%;height:100%;}
.wrapper{position:absolute;width:660px;left:50%;margin-left:-485px;z-index:100;margin-top:50px;}
.wrapper.right{width:290px;left:50%;margin-left:185px;padding-top:30px;}

h2{font-size:170%;margin-bottom:0.5em;color:#00a0af;text-transform:uppercase;font-weight:normal;}
h2.spaced{margin-top:1em;}
h3{font-size:120%;color:#212121;}
a{color:#212121;}
a.download{padding-left:15px;color:#212121;background: url(../images/pdf.gif) no-repeat 0 0;margin-left:10px;}
a:hover.download{color:#00a0af;}
a.extra{font-size:100%;color:#00a0af;background: url(../images/extra_pointer.gif) no-repeat 100% 4px;padding-right:15px;display: inline;}
a:hover.extra{text-decoration:none;}

ul{margin-left:2em;}
ul li{list-style-type: square;}
ul.none{margin:0;}
ul.none li{list-style-type:none;margin:0;}
p{margin-bottom:1em;}
p.intro{font-weight:bold;color:#212121;}
p.inline{display:inline;}
.saplogo{width:290px;height:65px;position:absolute;right:-305px;top:-35px;z-index:100;background: url(../images/logo-sap.png) no-repeat 0 0;text-indent:-5000px;}

.block{width:660px;position:relative;z-index:1000;margin-bottom:20px;}
.block .flv{height:280px;}
.block .top{height:20px;background: url(../images/block-left.png) no-repeat 0 0;}
.block .middle{background: url(../images/block-left-middle.png) repeat-y 0 0;padding:10px 30px 0 30px;}
.block .bottom{height:20px;background: url(../images/block-left.png) no-repeat 0 -30px;position:absolute;bottom:-20px;width:660px;z-index:1001;}
.block .left{width:290px;float:left;}
.block .right{width:290px;float:right;}

.smallblock{width:290px;position:relative;z-index:1000;margin-bottom:20px;}
.smallblock .fame{height:130px}
.smallblock .top{height:20px;background: url(../images/block-right.png) no-repeat 0 0;}
.smallblock .middle{background: url(../images/block-right-middle.png) repeat-y 0 0;padding:10px 25px 0 25px;}
.smallblock .bottom{height:20px;background: url(../images/block-right.png) no-repeat 0 -30px;position:absolute;bottom:-20px;width:290px;z-index:1001;}

.fame ul{position:relative;margin:0;}
.fame ul li{position:absolute;top:0;left:0;width:240px;height:100px;overflow:hidden;text-indent:-5000px;}
.fame ul li.activated{text-indent:0 !important;}
.fame ul li a{display:block;margin:auto;}
.fame ul li img{margin:auto;display:block;}

ul.partner{margin:1em 0 0 0;}
ul.partner li{list-style-type: none;margin:0;padding:0 1em 1.5em;display:inline;}
ul.partner li img{width:120px;}

#nav{width:640px;height:30px;margin-left:30px;position:relative;}
#nav li{display:inline;width:82px;float:left;}
#nav li a{display:block;width:84px;height:40px;background: url(../images/sapfabriek-menu.png) 0 10px no-repeat;text-indent:-5000px;position:relative;}
#nav li a.sapfabriek{background-position:-1px -40px;}
#nav li a.nieuws{background-position:-86px -40px;}
#nav li a.producten{background-position:-170px -40px;}
#nav li a.opleiding{background-position:-254px -40px;}
#nav li a.partners{background-position:-338px -40px;}
#nav li a.trainingen{background-position:-423px -40px;}
#nav li a.contact{background-position:-507px -40px;}

#nav li.active a.sapfabriek,#nav li.active a:hover.sapfabriek{ 	background-position: -1px -90px;z-index:2000;}
#nav li.active a.nieuws,#nav li.active a:hover.nieuws{ 			background-position:-86px -90px;z-index:2000;}
#nav li.active a.producten,#nav li.active a:hover.producten{ 	background-position:-170px -90px;z-index:2000;}
#nav li.active a.opleiding,#nav li.active a:hover.opleiding{ 	background-position:-254px -90px;z-index:2000;}
#nav li.active a.partners,#nav li.active a:hover.partners{ 		background-position:-338px -90px;z-index:2000;}
#nav li.active a.trainingen,#nav li.active a:hover.trainingen{ 	background-position:-423px -90px;z-index:2000;}
#nav li.active a.contact,#nav li.active a:hover.contact{ 		background-position:-507px -90px;z-index:2000;}

#nav li a:hover.sapfabriek{ background-position: -1px 5px;}
#nav li a:hover.nieuws{ 	background-position: -86px 5px;}
#nav li a:hover.producten{ 	background-position:-170px 5px;}
#nav li a:hover.opleiding{ 	background-position:-254px 5px;}
#nav li a:hover.partners{ 	background-position:-338px 5px;}
#nav li a:hover.trainingen{ background-position:-423px 5px;}
#nav li a:hover.contact{ 	background-position:-507px 5px;}

.agenda{margin:0 0 1em 0;}
.agenda li{padding:0;list-style-type:none;margin:0 0 1em 0;}
.agenda li p{margin:0;}
.agenda li em{color:#00a0af;}
.agenda li a{display:block;color:#212121;font-size:120%;font-weight:bold;outline:0;background: url(../images/extra_pointer.gif) no-repeat 0 -14px;padding-left:10px;}
.agenda li a:hover{color:#00a0af;background-position:0 6px;}

.agenda li a.extra{font-size:100%;color:#00a0af;background: url(../images/extra_pointer.gif) no-repeat 100% 4px;padding-right:15px;display: inline;}
.agenda li a:hover.extra{text-decoration:none;}

.credits{color:#fff;font-size:90%;display:block;text-align:center;}
.credits a{color:#fff;}

.clear{clear:both;}
.spacer{height:1em;}