/* CSS Document */
body
{
margin:auto;
background:url(images/subbody_back1.jpg) center top no-repeat;
}
.clear
{
clear:both;
}
p,h1,h2,h3,h4,ul
{
margin:0px;
padding:0px;
}
#home
{
width:968px;
margin:auto;
}
#main
{
width:968px;
float:left;
}
#header
{
width:966px;
margin:auto;
padding-bottom:1px;
}
#topheader
{
float:left;
height:67px;
width:966px;
padding-top:15px;
}
#logo
{
padding-left:11px;
float:left;
background:url(images/logo.jpg) right no-repeat;
width:202px;
height:45px;
}
#logo a
{
float:right;
width:202px;
height:45px;
}
#logo a:hover
{
background:url(images/logo_hover.jpg) no-repeat;
}
#rightheader
{
margin-top:25px;
width:402px;
float:right;
font-size:13px;
color:#302020;
font-family:"SansaSoft-bold";
}
#rightheader a
{
color:#b1abab;
text-decoration:none;
}
#rightheader a:hover
{
color:#000;
text-decoration:none;
}
.input_zoeken
{
width:115px;
height:21px;
float:left;
margin-right:4px;
border:0px;
padding-top:4px;
font-family:"SansaSoft-Normal";
font-size:12px;
padding-left:4px;
background:url(images/zoeken_input.jpg) no-repeat;
}
.zoeken_b a
{
margin-right:32px;
float:left;
width:66px;
height:24px;
background:url(images/zoeken_button.jpg) no-repeat;
}
.zoeken_b a:hover
{
background:url(images/zoeken_buttonhover.jpg) no-repeat;
}
.login,.reg
{
margin-left: 20px;
float:left;
}
.login a
{
float:left;
margin-right:20px;
padding-left:25px;
padding-top:5px;
height:16px;
background:url(images/login_icon.jpg) left no-repeat;
}
.login a:hover
{
background:url(images/login_iconhover.jpg) left no-repeat;
}
.reg a
{
padding-top:5px;
height:14px;
padding-left:20px;
float:left;
background:url(images/register_icon.jpg) left no-repeat;
}
.reg a:hover
{
background:url(images/register_iconhover.jpg) left no-repeat;
}
#navigation
{
width:966px;
float:left;
}
#nav_full
{
width:648px; 
float:left;
font-family:"Verdana";
font-size:12px;
color:#fff;
padding-left:318px;
height:105px;
background:url(images/nav_createback.jpg) no-repeat;

}
#nav_create
{
width:966px; 
float:left;
font-family:"Verdana";
font-size:12px;
color:#fff;
height:37px;
background:url(images/nav_createback.jpg) no-repeat;
}

.navparent{
	/* deze css zorgt ervoor dat het menu in het midden terrecht komt. */
	width:50%;
	margin-left:273px;
	margin-right:auto;
}



#main1
{
width:968px;
margin-top:1px;
float:left;
position:relative;
margin-left:1px;
}
#navigation .title
{
	font-size:16px;
	font-family:"SansaSoft-Normal";
	padding-bottom:5px;
	padding-top:12px;
}

.nav_area
{
float:left;
width:141px;
text-align:center;
height: 30px;
}

.nav_area1
{
float:left;
color:#fff;
width:141px;
height: 30px;
}


.nav_area a
{
color:#fff;
text-decoration:none;
}

.nav_area a:hover
{
color:#000;
}
.nav_area ul
{

}
.nav_area li
{
padding-bottom:2px;
width:141px;
}
.rightnav
{
float:left;
padding-top:13px;
font-family:"SansaSoft-Normal";
font-size:15px;
color:#fff;
}
.rightnav p
{
float:left;
padding-top:4px;
}
.rightnav .img
{
float:left;
margin-right:5px;
}
.rightnav a
{
color:#fff;
float:left;
width:188px;
padding-top:10px;
height:61px;
padding-left:15px;
text-decoration:none;
}
.rightnav a:hover
{
background:url(images/maak_hover.jpg) no-repeat;
}
.fab
{
padding-bottom:2px;
padding-right:20px;
background:url(images/fab_icon.png) right bottom no-repeat;
border-bottom:solid 1px #fff;
}
#content
{
width:968px;
float:left;
margin-bottom:17px;
background:url(images/content_back.jpg) bottom no-repeat;
padding-bottom:75px;
}
#subcontent
{
width:968px;
float:left;
margin-bottom:17px;
background:url(images/subcontent_back.jpg) bottom no-repeat;
padding-bottom:75px;
}
#con
{
width:968px;
float:left;
background:url(images/con_back.jpg) repeat-y;
}
#subcon
{
width:968px;
float:left;
background:url(images/subcon_back.jpg) repeat-y;
}
#leftcontent_sub
{
float:left;
width:701px;
background:url(images/leftcon_back.jpg) left top no-repeat;
font-family:"Verdana";
font-size:12px;
color:#231262;
padding-right:38px;
padding-left:25px;
}
/*
#leftcontent
{
float:left;
width:505px;
padding-top:15px;
background:url(images/leftcon_back.jpg) left top no-repeat;
font-family:"Verdana";
font-size:12px;
color:#231262;
padding-left:25px;
}
#leftcontent a
{
color:#231262;
text-decoration:none;
}
#leftcontent a:hover
{
color:#000;
}
h1
{
color:#da0c1b;
padding-bottom:10px;
font-family:"Verdana";
font-size:14px;
}
h1 a
{
color:#da0c1b;
text-decoration:none;
}
h1 a:hover
{
text-decoration:underline;
}
h2
{
color:#231262;
padding-top:8px;
font-family:"SansaSoft-Normal";
font-size:24px;
}
h2 a
{
color:#231262;
text-decoration:none;
}
h3 a
{
color:#231262;
text-decoration:none;
}
h3
{
color:#231262;
padding-top:18px;
font-family:"SansaSoft-bold";
font-size:14px;
}
#midcontent
{
width:234px;
float:left;
font-size:11px;
font-family:"Verdana";
color:#3d2f71;
}
#midcontent a
{
color:#3d2f71;
text-decoration:none;
}
#midcontent a:hover
{
color:#000;
}
#midcontent h1
{
font-family:"SansaSoft-Normal";
font-size:18px;
color:#3d2f71;
padding:0px;
}
.mid_item
{
width:220px;
padding-top:15px;
padding-left:14px;
padding-bottom:15px;
background:url(images/midline.jpg) bottom no-repeat;
}
.mid_item1
{
width:220px;
padding-top:15px;
padding-left:14px;
padding-bottom:15px;
} */
#rightcontent
{
float:left;
width:176px;
font-size:11px;
background:url(images/rightcon_back.jpg) left top no-repeat;
font-family:"Verdana";
padding-left:25px;
color:#3d2f71;
}
#rightcontent a
{
color:#3d2f71;
text-decoration:none;
}
#rightcontent a:hover
{
color:#000;
text-decoration:none;
}
#rightcontent h1
{
font-family:"SansaSoft-Normal";
font-size:18px;
color:#3d2f71;
padding:0px;
padding-top:13px;
}
#rightcontent img
{
	margin-top:10px;
	margin-bottom:13px;
	padding:3px;
	float:left;
}
#rightcontent img:hover
{
padding:0px;
border:solid 3px #000;
}
.imgtext
{
float:left;
width:150px;
line-height:10px;
height:17px;
padding-top:5px;
color:#7a7a7a;
font-family:"SansaSoft-Normal";
font-size:11px;
background:url(images/imgtext_back.jpg) no-repeat;
}
html #footlinks
{
height:52px;
}
#footlinks
{
width:703px;
min-height:52px;
float:left;
color:#7f7f7f;
font-family:"Verdana";
font-size:11px;
padding-left:265px;
background:url(images/footlinks_back.jpg) bottom no-repeat;
}
#footlinks p
{
float:left;
padding-top:12px;
}
#footlinks a
{
color:#7f7f7f;
margin-right:32px;
text-decoration:none;
}
#footlinks a:hover
{
color:#000;
}
.rss
{
margin-top:-2px;
margin-right:5px;
}
#footerarea
{
height:165px;
background:url(images/footer_back.jpg) repeat-x;
}
#footer
{
width:878px;
padding-top:13px;
margin:auto;
font-family:"SansaSoft-Normal";
color:#7f7f7f;
font-size:11px;
background:url(images/foot_back.jpg) top no-repeat;
text-align:center
}
#footer img
{
float:left;
}


/* ANU */
#centerme { 
	width: 186px;
	height: 41px;
	margin-left: auto;
	margin-right: auto;
}


#footer_img1{  display: block;  width: 92px;  height: 41px;  background: url(images/footer/img1.jpg) no-repeat 0 0;float:left;}
#footer_img1:hover{   background-position: 0 -41px;}
#footer_img1 span{  display: none;}
#footer_img2{  display: block;  float: left; width: 93px;  height: 41px;  background: url(images/footer/img2.jpg) no-repeat 0 0;}
#footer_img2:hover{   background-position: 0 -41px;}
#footer_img2 span{  display: none;}
#footer_img3{  display: block;  width: 91px;  height: 41px;  background: url(images/footer/img3.jpg) no-repeat 0 0;float:left;}
#footer_img3:hover{   background-position: 0 -41px;}
#footer_img3 span{  display: none;}
#footer_img4{  display: block;  width: 86px;  height: 41px;  background: url(images/footer/img4.jpg) no-repeat 0 0;float:left;}
#footer_img4:hover{   background-position: 0 -41px;}
#footer_img4 span{  display: none;}
#footer_img5{  display: block;  width: 96px;  height: 41px;  background: url(images/footer/img5.jpg) no-repeat 0 0;float:left;}
#footer_img5:hover{   background-position: 0 -41px;}
#footer_img5 span{  display: none;}
#footer_img6{  display: block;  width: 85px;  height: 41px;  background: url(images/footer/img6.jpg) no-repeat 0 0;float:left;}
#footer_img6:hover{   background-position: 0 -41px;}
#footer_img6 span{  display: none;}
#footer_img7{  display: block;  width: 85px;  height: 41px;  background: url(images/footer/img7.jpg) no-repeat 0 0;float:left;}
#footer_img7:hover{   background-position: 0 -41px;}
#footer_img7 span{  display: none;}
#footer_img8{  display: block;  width: 93px;  height: 41px;  background: url(images/footer/img8.jpg) no-repeat 0 0;float:left;}
#footer_img8:hover{   background-position: 0 -41px;}
#footer_img8 span{  display: none;}	
#footer_img9{  display: block;  width: 97px;  height: 41px;  background: url(images/footer/img9.jpg) no-repeat 0 0;float:left;}
#footer_img9:hover{   background-position: 0 -41px;}
#footer_img9 span{  display: none;}
#footer_img10{  display: block;  width: 95px;  height: 41px;  background: url(images/footer/img10.jpg) no-repeat 0 0;float:left;}
#footer_img10:hover{   background-position: 0 -41px;}
#footer_img10 span{  display: none;}
#footer_img11{  display: block;  width: 58px;  height: 41px;  background: url(images/footer/img11.jpg) no-repeat 0 0;float:left;}
#footer_img11:hover{   background-position: 0 -41px;}
#footer_img11 span{  display: none;}
#footer_img12{  	display: block; float: right; width: 93px;  height: 41px;  background: url(images/footer/rabobank.gif) no-repeat ;}
#footer_img12:hover{   background-position: 0 -41px;}
#footer_img12 span{  display: none;}
/* Sub Pages */
#toplinks
{
height:70px;
float:left;
}
#pagelinks
{
//width:392px;
width:100%;
padding-top:15px;
float:left;
font-family:"SansaSoft-Normal";
font-size:11px;
color:#77777b;
}
#pagelinks img {
float: left;
margin-right: 5px;
}
#pagelinks a
{
color:#77777b;
text-decoration:none;
padding-right: 2px;
padding-left: 2px;
}
#pagelinks a:hover
{
color:#000;
}
.linkimg
{
padding-left:3px;
padding-right:3px;
}
#create_sub
{
float:left;
width:148px;
height:70px;
position:relative;
margin-top:-1px;
background:url(images/create_subback.jpg) no-repeat;
}
.nav_area1 a
{
color:#fff;
text-decoration:none;
}
.nav_area1 a:hover
{
color:#000;
}
.nav_area1 ul
{
padding-left:55px;
margin-top:-3px;
}
.nav_area1 li
{
padding-bottom:2px;
}
.pagetitle
{
font-size:18px;
color:#231262;
font-family:"SansaSoft-Bold";
}
.infobox
{
width:650px;
float:left;
margin-top:16px;
}
.picarea
{
float:left;
width:323px;
}
.infotext
{
width:300px;
float:right;
}
.infotext ul
{
padding-left:15px;
}
.infotext .subul
{
padding-left:24px;
list-style:circle;
}

#rightheader .form-item input 
{
height:22px;
background-image:url(images/zoeken_input.jpg);
background-repeat: no-repeat;
border: none;
}

#rightheader .form-item{
margin: 0;
padding:0;
float:left;
}
#rightheader .form-submit{
border:none;
width: 66px;
height: 24px;
margin-left: 4px;
float:left;
background: url(images/zoeken_button.jpg) no-repeat top left;
}

#rightheader .form-submit:hover{
border:none;
width: 66px;
height: 24px;
cursor: pointer;
margin-left: 4px;
float:left;
background: url(images/zoeken_buttonhover.jpg) no-repeat top left;
}

#edit-search-theme-form-1{
width: 115px;
}

.calendar-calendar td.has-events {
background-image: url(images/open-inloop.png);	
background-repeat: no-repeat;
}
.calendar-calendar td.has-no-events {
background-image: url(images/lege-dag.png);	
background-repeat: no-repeat;
}
.nieuws_overzicht_datum{
font-weight:bold;
}
.nieuws_overzicht_titel{
font-size: 14px;
color: #000;
//text-decoration:underline;
}
.nieuws_overzicht_titel a{
padding: 0;
margin: 0;
font-size: 14px;
color: #000;
//text-decoration:underline;
}
.nieuws_overzicht_titel h1 a{
font-size: 14px;
color: #000;
padding: 0;
margin: 0;
//text-decoration:underline;
}
.nieuws_more_link{
padding-bottom: 25px;
}
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
background: transparent url(images/img.php.png) no-repeat bottom right
} 
.right_box{ 
float:right;
	/* intended total box width - padding-right(next) */ 
	width:170px;
} 
.cssbox{ 
float:right;
/* intended total box width - padding-right(next) */ 
width:180px !important; 
/* IE Win = width - padding */ 
width: 175px; 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:5px; 
/* use to position the box */
margin:5px auto
} 
/* set the top-right image */ 
.cssbox_body{
background-position:top right; 
/* pull the right image over on top of border */
margin-right:-5px; /* right-image-gap + right-inside padding */
padding: 12px 12px 12px 12px;
} /* set the top-left image */ 
/*.cssbox_body h2{ 
/*background-position:top left;
/*margin:0; /* reset main site styles*/ 
/*border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
/*padding:0; height:auto !important; height:1%*/
/*padding:25px 0 15px 40px; height:auto !important; height:1%
/*} 
/* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_bottom{ 
background-position:bottom left; 
margin-right:15px; /* interior-padding right */
padding:1px 0 5px 15px
} /* mirror .cssbox_head right/left */ 

.cssbox_body .picture{
float: right;
}
.bold{
	font-weight: bold;
}
.bold_grey{
	font-weight: bold;
	color: #a0a0a0;
}
.bold_black {
	font-weight: bold;
	color: #000000;
}
.line {
	margin-top: 10px;
	margin-bottom: 5px;	
	background:url(images/made_by_line.gif) repeat-x;
	width:161px;
	height:1px;
	display:block;
}


.news_page_content {
	margin-top: 23px;
	width: 520px;
}

#fabmoment_content {
	margin-top: 23px;
	width: 520px;
}


/* theming fablab_tutorial */


#fablab_tutorial_content {
	margin-top: 23px;
	width: 520px;
}



#fablab_tutorial_steps_overview {
	margin-top: 10px;
	height: 100px;
	margin-right: 8px;
}

div.steps-overview-step {
	position: relative;
	float: left;
	width: 100px;
	margin-right: 8px;
}

/*.fablab-tutorial-step {
	width: 80px;
	align: center;
	border: none;
}*/


    
.left_box{ 
float:left;
/* intended total box width - padding-right(next) */ 
width:500px;
}  

.cssbox_wide { 
	border: 1px solid #000;
	width: 500px;
	height:200px;
}
    
     #fablab_tutorial_steps1 {
		width: 490px;
		height: 85px;		
	}


	div.fablab-tutorial-step {
		margin-bottom: 25px;
	}


	#fablab_tutorial_user {
		width: 185px; 
		color: #848484;
	}
	
	#fablab_tutorial_user p {
		width: 185px; 
		color: #848484;
	}	
	
    #servicelinks {
    	width: 185px;
    	margin-top: 20px;
    }

    #qr_code {
    	margin-top: 15px;
    	text-align: right;
    }
    
	/* rounded corners */
 	.container {
        display: block;
        width: 510px;
    }
 
    .content {
        padding: 10px 10px 10px 10px;
    }
 
    .round_span3 {
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 3px;
    }
 
    .round_span2 {
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 2px;
    }
 
    .round_span1 {
        display: block;
        line-height: 1px;
        overflow: hidden;
        height: 1px;
        margin: 0 1px;
    }

    /* background colors for rounded containers */
    .grey {
    	background: #EAEAEA;
    }
    
    .lightblue {
    	background: #CFECF4;
    }
    
#fablab_tutorial_user_picture {
	float: right;
	top: 10px;
	left: 10px;
}    

/*
#rightcontent img {
	float:left;
	margin-top:0;
	padding:0;
}
*/

div.view-header p {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #3D2F71;
	font-family: Verdana;
}

#views-view-grid--container {
	position: relative;
	top: 10px;
	margin-bottom: 5px;
	/*border: solid #F00 1px;*/
}



.service-links p {
	line-height:1.4em;
}

#servicelinks, #servicelinks a {
	text-decoration: none;
	color: #848484;
	line-height:2.0em;
}



/*fabmoments list/grid & block - to style.css / common.css ?? */

.fabmoments-overview-fabmoment {
	color: #848484;
}

.view-fabmoments-block .views-field-field-fabmomentimage-fid .field-content {
	/*border: 1px solid #00F;*/
	width: 150px;
	height: 100px;	
}


.field-content .imgtext {
	font-family: helvetica;
	width: 250px;
	line-height:1.4em;	
}



.views-label-field-fabmomentimage-fid {
	display: none;
}

.views-label-field-fabmomentimage-fid .field-content {
	padding:0px;
}



.views-view-grid .test1 {
	width: 250px;
}

.views-view-grid a {
	text-decoration: none;
}

.views-field-title {
	width: 80%;
	padding: 0 0 0 0;
	/*border: 1px #F00 solid;*/
	bargin: 0 0 0 0;
}

.views-field-field-fabmomentimage-fid {
	width: 150px;
	padding: 0 0 0 0;
	/*border: 1px #F00 solid;*/
	margin: 0 0 0 0;
}

..views-field-field-fabmomentimage-fid img {
	margin-top: 0px;
}

.view-fabmoments-block .views-field-title {
	margin-bottom: 10px;
}



/*#fablab_tutorial_steps {
	position: absolute;
	background-color: #F0F0F0;
	border: none;	
	width: 500px;
} */


div.hr-picture{
	background:transparent url(../images/intro_bg.gif) no-repeat scroll 0 0;
	height:400px;
	margin:10px 0 0;
	width:513px;
  }
  
span.fablab-tutorial-step-title{
	/*background-color:white;
	left:10px !important;
	line-height:110%;
	padding:0 3px;*/
	position:relative;
	/*top:54px !important;*/
	width:52px !important;
}

/*#fablab_tutorial_steps {
	background-color: #FF0000;
	border:2px;
}*/

div.thumb-steps img {
  width:58px;
  height:41px;
  float:left;
  margin-left:0px;
  margin-top:0px;
  border: 1px solid #000;
}

div.thumb-steps {
  width: 58px;
  margin-right:14px;
}

/*div.thumb-steps .activestep {
  border: 2px solid #F00;
}*/

div#fablab_tutorial_content h2 {
	color: #2D2073;
	font-size: 20px;
	font-weight: bold;
}

div#fablab_tutorial_content p {
	color: #3D2F71;
}

div.fablab-tutorial-step .fablab-tutorial-step-title {
	background-color:white;
	border:1px solid black;
	left:0px;
	line-height:110%;
	padding:0 3px;
	position:absolute;
	top:41px
}

/*
div.thumb-steps {
  width: 60px;
  height: 58px;
  border: 2px solid #00B5E3;
}
*/

div.thumb-steps a {
	text-decoration: none;
	color: #000;
}


#fablab_tutorial_steps_title {
	margin-bottom: 10px;
}	


div.cc-license {
  padding: 20px 20px 0px 0px;
  text-align: right;
  clear: both;
  }
  




#main-content .wrapperx{
	background:transparent url(../images/grid_bg.gif) repeat scroll -57px 2px;
	display:block;
	padding:0 0 10px;
	width:513px;
	overflow:hidden;
}

div.block-steps-description span.fablab-tutorial-step-title span {
	font-weight:bold;
	color:#FF0000;
	text-transform:uppercase;
	top:0px !important;
	
}

v
div.block-steps-description h4{
	background-color:#000000;
	color:#ffffff;
	font-size:14px;
	padding:4px 4px 5px 5px;
}



p{
  font-size:12px;
  line-height:1.4em;
  margin: 0.6em 0 1.2em;
  padding: 0;
  font-family:helvetica;
  color:#333333;
}

h2{
  font-size:29px;
  color:#FF0000;
  padding:0 0 10px 0px;
}




/*
#fablab_tutorial_steps {
	position: absolute;
	background-color: #F0F0F0;
	border: none;	
	width: 500px;
} 
*/


/*#fablab_tutorial_user { 
	position: absolute;
	background-color: #F0F0F0;
	top: 120px;
	left: 550px;
}*/

/*#service_links {
	position: absolute;
	left: 550px;
	top: 320px;
	background-color: #F0F0F0;
}*/


h1 a {
	text-decoration: none;
	color: #231262;
}

/* upload attachments */

#upload-attachments {
  margin: 10px 0 0;
}

#edit-upload-wrapper {
  background: transparent url('images/attachment.png') no-repeat left center;
  padding-left: 30px;
}

#upload-attachments,
#upload-attachments tr,
#upload-attachments th,
#upload-attachments td {
  background: transparent;
  border: 0;
}

#attach-wrapper tbody {
  border: 0;
}

#attach-wrapper .list {
  white-space: nowrap;
}

#attach-wrapper .file a {
  cursor: pointer;
  font-size: 80%;
  margin-left: 5px;
}

#attach-wrapper .file a.remove:hover {
  color: red;
}

#attach-wrapper .file .details {
  color: #777;
  display: block;
  font-size: 80%;
}

#attach-wrapper .file {
  background: transparent url('images/mime/32/default.png') no-repeat left center;
  font-size: 14px;
  padding-left: 40px;
}

#attach-wrapper .mime-ai .file {
  background-image: url('images/mime/32/ai.png');
}

#attach-wrapper .mime-odt .file,
#attach-wrapper .mime-doc .file {
  background-image: url('images/mime/32/doc.png');
}

#attach-wrapper .mime-eps .file {
  background-image: url('images/mime/32/eos.png');
}

#attach-wrapper .mime-gif .file {
  background-image: url('images/mime/32/jpeg.png');
}

#attach-wrapper .mime-gz .file {
  background-image: url('images/mime/32/gz.png');
}

#attach-wrapper .mime-id .file {
  background-image: url('images/mime/32/id.png');
}

#attach-wrapper .mime-jpg .file,
#attach-wrapper .mime-jpeg .file {
  background-image: url('images/mime/32/jpeg.png');
}

#attach-wrapper .mime-pdf .file {
  background-image: url('images/mime/32/pdf.png');
}

#attach-wrapper .mime-png .file {
  background-image: url('images/mime/32/png.png');
}

#attach-wrapper .mime-pptx .file {
  background-image: url('images/mime/32/pptx.png');
}

#attach-wrapper .mime-ps .file {
  background-image: url('images/mime/32/ps.png');
}

#attach-wrapper .mime-psd .file {
  background-image: url('images/mime/32/psd.png');
}

#attach-wrapper .mime-mp4 .file,
#attach-wrapper .mime-avi .file,
#attach-wrapper .mime-mov .file {
  background-image: url('images/mime/32/quicktime.png');
}

#attach-wrapper .mime-rar .file {
  background-image: url('images/mime/32/rar.png');
}

#attach-wrapper .mime-svg .file {
  background-image: url('images/mime/32/svg.png');
}

#attach-wrapper .mime-swf .file {
  background-image: url('images/mime/32/swf.png');
}

#attach-wrapper .mime-tar .file {
  background-image: url('images/mime/32/tar.png');
}

#attach-wrapper .mime-xls .file,
#attach-wrapper .mime-xlsx .file {
  background-image: url('images/mime/32/xlsx.png');
}

#attach-wrapper .mime-zip .file {
  background-image: url('images/mime/32/zip.png');
}

/* On view */
.item-list ul.attachment-list {
  border: 1px solid #DDD;
  padding: 5px 7px;
}

.item-list ul.attachment-list li {
  list-style: none;
  margin: 0;
  padding: 4px 0 4px 22px;
}

.attachment-list li {
  background: transparent url('images/mime/16/default.png') no-repeat left center;
}

.attachment-list .mime-ai {
  background-image: url('images/mime/16/ai.png') !important;
}

.attachment-list .mime-odt,
.attachment-list .mime-doc {
  background-image: url('images/mime/16/doc.png') !important;
}

.attachment-list .mime-eps {
  background-image: url('images/mime/16/eos.png') !important;
}

.attachment-list .mime-gif {
  background-image: url('images/mime/16/jpeg.png') !important;
}

.attachment-list .mime-gz {
  background-image: url('images/mime/16/gz.png') !important;
}

.attachment-list .mime-id {
  background-image: url('images/mime/16/id.png') !important;
}

.attachment-list .mime-jpg,
.attachment-list .mime-jpeg {
  background-image: url('images/mime/16/jpeg.png') !important;
}

.attachment-list .mime-pdf {
  background-image: url('images/mime/16/pdf.png') !important;
}

.attachment-list .mime-png {
  background-image: url('images/mime/16/png.png') !important;
}

.attachment-list .mime-pptx {
  background-image: url('images/mime/16/pptx.png') !important;
}

.attachment-list .mime-ps {
  background-image: url('images/mime/16/ps.png') !important;
}

.attachment-list .mime-psd {
  background-image: url('images/mime/16/psd.png') !important;
}

.attachment-list .mime-mp4,
.attachment-list .mime-avi,
.attachment-list .mime-mov {
  background-image: url('images/mime/16/quicktime.png') !important;
}

.attachment-list .mime-rar {
  background-image: url('images/mime/16/rar.png') !important;
}

.attachment-list .mime-svg {
  background-image: url('images/mime/16/svg.png') !important;
}

.attachment-list .mime-swf {
  background-image: url('images/mime/16/swf.png') !important;
}

.attachment-list .mime-tar {
  background-image: url('images/mime/16/tar.png') !important;
}

.attachment-list .mime-xls,
.attachment-list .mime-xlsx {
  background-image: url('images/mime/16/xlsx.png') !important;
}

.attachment-list .mime-zip {
  background-image: url('images/mime/16/zip.png') !important;
}

.flickr-photoset {
	width: 700px;
}

.flickr-photo {
	width: 110px;
	height: 110px;
    padding: 10px 10px 10px 0px;
	float: left;
	position: relative;   
}


/* Labrooster-block */
#block-block-13 {
	margin-top: 20px;
}

/* fabmoment lite images */
.flickr-photo-box-small {
	height: 150px;	
}


.flickr-photo-box {
    padding: 10px;
    text-align: center;
    width: 260px;
    height: 500px;
    float: none;
}


#block-qr_codes-0 {
	left: 0px;
	position: absolute;
}


/* profile edits */
.profile .picture {
    float: left;
    margin: 0 1em 1em 0;
}

/* ANU: user fabmoments */
.view-user-fabmoments .views-field-title {
	width: 200px;
	margin-right: 20px;
}

.view-user-fabmoments .views-field-field-fabmomentimage-fid {
	width: 200px;
	margin-right: 20px;
	margin-bottom: 20px;
}


.checkin_out {
	position: absolute;
	width: 500px;
	height: 200px;
	top: 100px;
	left: 30%;

	font-size: 12px;
	font-family: "Verdana";
}



.checkin_out_b {
	background: none;	
}

.checkin_out #user-login-form {
	text-align: left;
}

.fabmoments_overview {
	margin-bottom: 10px;
}


.view-fabmoments-test1 {
	margin-top: 40px;
}

.view-fabmoments-test1 .item-list ul li {
	margin: 0 0 0.5em 0.5em;
}

#block-views-checkin_fabmoments3-block_1  h1 {
	font-size: 1em;
	font-weight: bold;	
	margin-top: 10px;
	margin-bottom: 15px;
}


	#fabmoment-machines {
		width: 248px;
		left: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#fabmoment-materials {
		width: 248px;
		margin-bottom: 20px;	
	}	

	#fabmoment-files {
		width: 248px;
		float: right;
	}



.fablab_tutorial_content h2 {
	size: 14pt;
}



#fabmoment-step {
	margin-bottom: 20px;
	width: 510px;
	height: 180px;
}


#fabmoment-step-flickr {
	/*width: 510px;*/
	width: 250px;
	height: 180px;
	float: left;
}

#fabmoment-step-description {
	width: 250px;
	float: right;
	margin-top: 0px;
	padding: 0 0 0 0;
}



#fabmoment-flickr-thumbnails {
	width: 570px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}

#fabmoment-flickr-thumbnail {
	width: 75px;
	height: 75px;
	margin-right: 10px;
	float: left;
}





#field-flickr-items, #field-design-items, #field-img-items {
	//margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	//padding-top: 10px;
	padding-bottom: 0px;
	//padding-left: 10px;
	//padding-right: 10px;
	//width: 1340px;
	//border: 1px solid red;
}



#field-design-items tr, 
#field-flickr-items tr, 
#field-img-items tr,
#group-steps-items tr {
	//background-color: #FFF;
	//border-bottom: none;
	//border-top: none;
}


#field-design-items table, #field-design-items thead th, 
#field-design-items tbody, 
#field-flickr-items table, #field-flickr-items thead th, 
#field-flickr-items tbody, 
#field-img-items table, #field-img-items thead th, #field-img-items 
tbody,
#group-steps-items table, #group-steps-items thead th, 
#group-steps-items tbody {
	//border: none;
	
}

.filemime {
	visibility: hidden;
}

.content-add-more {
	margin-top: 10px;
	//float: right;
}

#field-flickr-items .content-add-more {
	margin-top: 10px;
}



.group-imgs legend,
.group-steps legend, 
.group-designs legend {
	color: #2D2073;
	font-size: 20px;
	font-weight: bold;
}


	#fabmoment-top {
		top: 10px;
		width: 500px;
	}

	#fabmoment-machines {
		width: 248px;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;	
	}

	#fabmoment-files {
		width: 248px;
		float: right;	
		margin-top: 10px;
	}


	#fabmoment-image-big {
		width: 500px;
	}
	

	#fabmoment-image-thumbnails {
		width: 500px;
	}
	

	.fabmoment-image-thumbnail {
		height: 85px;
		width: 85px;
		float: left;
		margin-top: 10px;
	}	

	
	#fabmoment-body {
		width: 500px;
		margin-top: 10px;
	}


	.clear {
		clear: both;
	}

/*newsletter view titles */
.view-Newsletters {
	margin-top: 70px;
}
.views-field-title {
	width: 701px;
}

/* video page */
.view-Video-nieuws .views-field-title,
.view-Video-promo .views-field-title,
.view-video .views-field-title {
       	font-size: 1em;
        font-weight: bold;

	margin-top: 5px;
	margin-bottom: 5px;
}

.pane-video-nieuws h2,
.pane-video-promo h2,
.pane-video h2 {
	margin-top: 20px;
}