/* version: v2.0
/* date: v1 august 9 2006
/*	  v2 august 18 2006
/* author: marinus.ames@strawberries.nl
/* company: strawberries

/* ......................... GLOBAL STYLES ......................... */

html {
    background-color: #e3e3e3;
    margin:	0px;
    padding: 0px;
    height: 101%;
}

    body {
		background-color: #e3e3e3;
		font-family: Arial;
		color: #000000;
		font-size: 12px;
		text-align: center;
		margin: 0px;
		padding: 0px;
    }
    	/* Tijdelijke overlay */
    	#donateSpaceBanner {
    		position:absolute;
    		top: 0px;
    	}
    	
    	#ncdoLabels {
			text-align: left;
			padding: 0pt;
			background-color: #C4C4C4;
			color: #FFFFFF;
			height: 22px;
			margin: 0pt;
			font-size:11px;
		}
		
		#ncdoLabels ul {
			margin: 0px;
			padding: 0px;
			display: inline;
		}
		#ncdoLabels ul.socialMedia {
			float: right;
			margin-right:3px;
		}
		#ncdoLabels ul.socialMedia li a img {
			padding-top:2px;
		}
		#ncdoLabels:hover {
			background-color: #5D106E;
		}
		
		#ncdoLabels li {
			display:inline;
			margin:0pt;
			padding:2px 0px 2px 4px;
			vertical-align:middle;
		}
		#ncdoLabels .firstItem {
			padding:2px, 12px, 0px, 4px;
		}
		#ncdoLabels li a {
			color: #FFFFFF;
			text-decoration: none;
		}
	    	
    	
        #wrapper {
			position: relative;
			width: 800px;
			background-color: #ffffff;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
        }
        	#wrapper iframe.labeling {
	    		width: 100%;
	    	}
		.btnImages{
			cursor: pointer;
		}

            #introduction #wrapper {
                position: relative;
                top: 100px;
            }

            h1,
            span.header1 {
                margin: 0px 0px 6px;
                padding-top: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                padding-right: 0px;
                display: block;
                font-size: 19px;
                line-height: 25px;
            }
            	#resultaten span.header1 {
            		 font-size: 14px;
            		 font-weight: bold;
            		 line-height: 16px;
            	}
	            #school h1 {
	            	color: #AD2376;
	            }

	            #goals h1 { /* Weet niet zeker op welke pagina deze komt - Daniel*/
	            	color: #AD2376;
	            }

	            #doen h1 {
	            	color: #82AB07;
	            }

	            #millennium h1 {
	            	color: #5E106F;
	            }

	            #atlas h1 {
	            	color: #004090;
	            }

	            #resultaten h1,
	            #resultaten span.header1 {
	            	color: #95B62B;
	            }

	            #contact h1 {
	            	color: #FCCC28;
	            }

	            #home h1 {
	            	color: #004090;
	            }


                #introduction h1 {
                    float: left;
                    position: relative;
                    left: 350px;
                    width: 300px;
                    /*margin-top: 40px;
                    margin-bottom: 40px;*/
                }

            h2 {
                display: block;
                font-size: 12px;
                font-weight: bold;
				line-height: 16px;
                color: #000000;
				margin-bottom: -10px;
            }

                #home h2 {
                   margin-bottom: 0px;
                }

            .extraInformation {
            float: left;
                border-bottom: solid 1px #ff8001;
                height: 22px;
                width: 615px;
            margin-top: 5px;
                margin-bottom: 10px;
            }

            h3 {
                padding: 0px;
                margin: 0px;
                display: block;
                float: left;
                font-size: 16px;
                line-height: 20px;
                height: 20px;
                width: 155px;
            }

            h5 {
      position: relative;
      top: 1px;
      left: -4px;
                padding: 0px;
                margin: 0px;
                display: block;
                float: right;
                font-size: 16px;
                line-height: 20px;
                height: 20px;
                width: 460px;
            }

            h4 {
                margin-top: 0px;
                padding-top: 0px;
                color: #000000;
            }

            p {
                font-size: 12px;
                line-height: 16px;
                color: #000000;
            }

                #branding p {
                    color: #5e106f;
                    line-height: 12px;
                }
            /*SBEOS LINK*/
            a.link{
                color: #ff8001;
            }
            /********/
            a {
                color: #666666;
                margin: 0px;
                padding: 0px;
            }

                a:hover {
                    color: #cc0066;
                }

                #branding a {
                    color: #5e106f;
                    text-decoration: none;
                }

                    #branding a:hover {
                        color: #666666;
                        text-decoration: none;
                    }

             .continent {
               color: #ff8001;
               text-decoration: none;
               font-weight: bold;
               font-size: medium;
             }


/* ......................... HEADER ......................... */

#header {
  margin: 0px 10px 0px 10px;
  height: 150px;
  width: 780px;
  text-align: left;
}
  #home #header {
    background: url(/images/background/banner-home.jpg) no-repeat;
  }

    #inspiration #header {
        background: url(/images/background/banner-inspiratie.jpg) no-repeat;
    }

    #goals #header {
        background: url(/images/background/banner-millenniumdoelen.jpg) no-repeat;
    }

    #millennium #header {
        background: url(/images/background/banner-millenniumdoelen.jpg) no-repeat;
    }

    #atlas #header {
        background: url(/images/background/banner-atlas.jpg) no-repeat;
    }

    #school #header {
        background: url(/images/background/banner-nieuws.jpg) no-repeat;
    }

    #contact #header {
        background: url(/images/background/banner-contact.jpg) no-repeat;
    }

    #resultaten #header {
        background: url(/images/background/banner-resultaten.jpg) no-repeat;
    }

    #doen #header {
        background: url(/images/background/banner-doen.jpg) no-repeat;
    }

    #introduction #header {
        margin: 0px;
        height: 20px;
        width: 800px;
        background: url(/images/widgets/header.jpg) no-repeat;
    }

    #crumbs {
        margin: 0px 0px 0px 10px;
        position: relative;
        top: 130px;
        color: #ffffff;
    }

        #crumbs a {
            color: #ffffff;
            text-decoration: underline;
            color: #ffffff;
        }

/* ......................... CONTENT ......................... */

#content {
    width: 780px;
    margin: 10px 10px 0px 10px;
}

    #home #content {
        padding: 0px;
        margin: 0px 0px 0px 10px;
    }

    .imgCenter {
        height: 300px;
        width: 780px;
    }

    #primaryContent {
        float: right;
        width: 615px;
    }
    .imgRight {
      float: right;
            vertical-align: text-top;
            border: solid 1px #cccccc;
            padding: 5px;
            margin: 0px 15px 10px 0px;
    }

        .imgLeft {
            float: left;
            vertical-align: text-top;
            border: solid 1px #cccccc;
            padding: 5px;
            margin: 0px 15px 10px 0px;
        }

            .small {
                height: 120px;
                width: 145px;
            }

            .large {
                height: 200px;
                width: 280px;
            }

            .xlarge {
                height: 460px;
                width: 615px;
                border: none;
                padding: 0px;
                margin: 0px;
            }

            .xlarge_freeHeight {
                width: 615px;
                border: none;
                padding: 0px;
                margin: 0px;
            }

            .xxlarge {
                height: 495px;
                width: 780px;
                padding: 0px;
                margin: 0px;
                border: none;
            }

            .long {
                height: 220px;
                width: 146px;
                border: none;
                padding: 0px;
                margin: 0px 0px 20px 0px;
            }

            .long2 {
                height: 230px;
                width: 155px;
                border: none;
                padding: 0px;
                margin: 0px 0px 5px 0px;
            }


        .lists a, .article a, #subheader a, .introblock a, .bigMidArticle a {

            color: #ff8001;
            font-weight: bold;
            text-decoration: none;
        }


        .bigMidArticle .introblock a {
            color: #ff8001;
            font-weight: bold;
        }

        .introblock a:hover,
        .bigMidArticle a:hover,
        .bigMidArticle .introblock a:hover {

            color:#a00060;
        }

    .bigMidArticle {
    padding-bottom: 10px;
    margin-left: 10px;
    /* new */
   float: left;
   width: 98%;

    }

        #home .bigMidArticle {
          border: solid 1px #ffffff;
        margin-left: 0px;

        }

            #home .bigMidArticleText {
                float: left;
                width: 615px;
            }

            .bigMidArticleImage {
                padding: 0px;
                margin: 0px;
                float: left;
            }
            
            span.source,
            span.source a {
            	color: #777777;
            }

            #introduction .bigMidArticleText {
                float: right;
                width: 300px;
            }

            #sider{
                display: block;
            }

            .bigMidArticle .introblock h1 {
                border-bottom: none;
            }
			
            #goals {
                width: 630px;
                margin: 0px 0px 0px -20px;
                padding: 0px;
            }

                #goals ul {
                  margin: 0px;
                  padding: 0px;
                  list-style-type: none;
                  text-align: left;
                }

                    #goals li {
                        display: inline;
                        float: left;
                        height: 150px;
                        width: 154px;
                        margin-left: 2px;
                    }

                        #goals li a {
                            text-decoration: none;
                        }

                        #goals img {
                          margin: 0px;
                          padding: 0px;
                          border: none;
                        }

            #goals_small {
                width: 616px;
                margin: 0px;
                padding: 0px;
            }

                #goals_small ul {
                  margin: 0px;
                  padding: 0px;
                  list-style-type: none;
                  text-align: left;
                }

                    #goals_small li {
                        display: inline;
                        height: 65px;
                        margin-left: 10px;
                    }

                        #goals_small li a {
                            text-decoration: none;
                        }

                        #goals_small img {
                          margin: 0px;
                          padding: 0px;
                          border: none;
                        }

        .goal_link{
          display: inline;
          width: 62px;
          padding: 0px 41px 0px 14px;
        }

        .introblock {
          float: left;
          width: 146px;
          padding: 0px 7px 0px 0px;
               height: 100%;
        }
        #inspiration .introblock {
          float: left;
          width: 155px;
          padding: 0px 1px 0px 0px;
               height: 100%;
        }
        .headerInspiration{
           margin: 10px 10px 0px 10px;
           height: 90px;
           color: #164F98;
           font-size: 14px;
           font-weight: bold;
        }

	        .introblock .headerInspiration h1 {
	            border-bottom: none;
	        }
        
	       	#inspiration .text {
	       		padding: 0px 10px 0px 10px;
	       		width:135px;
	       		color: #000000;
                line-height: 18px;
   			}
	       
           .belowImage {
                clear: left;
            }

            .xl {
                width: 147px;
                margin: 0px 0px 0px 0px;
            }

            .introblock h1 {
          font-size: 16px;
          line-height: 20px;
                border-bottom: dotted 1px #a00060;
                margin: 0px 0px 10px 0px;
                padding: 0px;
            }

            .introblock h2 {
                font-size: 12px;
                font-weight: bold;
      line-height: 16px;
                color: #000000;
      margin-top: -5px;
      margin-bottom: 0px;
            }


            #contact .introblock {
                width: 400px;
            }

            #resultaten .introblock {
                width: 400px;
            }

       .introblock p {
      margin-top: 0px;
       }

       #contact .introblock h2 {
      margin-top: 0px;
       }

            .introblock a.more {
                display: block !important;
                padding-top:12px;
            width: 100px;
                color: #a00060;
                font-weight: bold;
                text-transform: uppercase;
            }

            #inspiration .introblock p {
                display: block;
                margin: 10px 0px 0px 0px;
            padding: 0px;
            }

    #secondaryContent {
        float: left;
        width: 155px;
    }

        #menu {
			height: 469px;
			width: 155px;
			margin: 0px;
			padding: 0px;
        }

            #menu ul {
              margin: 0px;
              padding: 0px;
              list-style-type: none;
              text-align: left;
            }

                #menu li {
                    float: left;
                  margin: 0px 0px -3px 0px;
                  padding: 0px 0px 0px 0px;
                    height: 70px;
                    width: 155px;
                }


                    #menu li a {
                        text-decoration: none;
                    }

                    #menu img {
                      margin: 0px;
                      padding: 0px;
                      border: none;
                    }




.banner a {
 color: #ffffff;
}

.banner img {
 border: none;
}


hr {
    height:10px;
    width:100%;
    background:#ffffff;
    margin: 0px 10px 0px 150px;
   }

hr.formbuilder{
	height: 1px;
	margin: 5px 0px 5px 0px;
	}
	
.resultHeader   {
  margin-left: 10px;
}

.doelImages{
  width: 180px;
  height: 300px;
}
.btnImages{
  padding: 0px;
  margin: 0px;
  float: left;
  width: 615px;
}

.zoekform h6{
  margin-left: 10px;
  margin-top: 5px;
  font-size: 17px;
}
#zoekinput {
  margin-top:-10px;
}

.zoeken h2{
  height: 30px;
  color: #ff8001;
  cursor:	pointer;
}
.zoeken h2:hover{
  color: #a00060;
}
.divider {
  float:left;
  width: 600px;
  margin: 3px 0px 4px 0px;
  border-bottom: 1px dotted #a00060;
  height: 1px;
  padding: 0px;
}

.pagenum{
  margin-right: 3px;
}

/* ......................... NieuwsOpSite ......................... */

.found{
  display: none;
}
/* ......................... FOOTER ......................... */

#footer {
    clear: both;
    position: relative;
    margin: 0px 10px 0px 10px;
    padding-top: 10px;
    height: 55px;
    width: 780px;
    text-align: center;
    background: url(/images/widgets/ftr_colors.jpg) no-repeat;
    background-position: left bottom;
}

	#footer a img {
		border: none;
	}

#pre_footer_a {
    font-size: x-small;
    text-align: left;
    float:left;
    width: 652px;
}


#pre_footer_b {
    font-size: x-small;
    text-align: left;
    float:left;
}

        #introduction #footer a {
            position: relative;
            top: -45px;
            color: #5e106f;
            text-decoration: none;
        }

        #introduction #footer a:hover {
            color: #666666;
        }

        #introduction #footer strong {
            position: relative;
            top: -45px;
            color: #5e106f;
            text-decoration: none;
            padding-left: 15px;
        }

            strong.pipe {
                background: url(/images/widgets/bottom-divider.jpg) no-repeat left;
            }

        #introduction #footer img {
            position: relative;
            top: -30px;
        }

   
a.paginglink {
	color: #000;
	text-decoration: underline;
	font-weight:normal;
}

.selected {
	font-weight: bold;
	color: #ff8001;
}

.separator {
	color: #999;
	padding-left: 5px;
	padding-right: 3px;
}

.start {
	padding-right: 10px;
}
.end {
	padding-left: 12px;
}
#slideItems .mainblock span.header1 {
	cursor: pointer;
}

.newsEnvelope {
	padding-left:2px;
	vertical-align: middle;
}


#atlasLeft {
	background-image: url(/images/atlas/map_left_normal.jpg);
	width: 265px;
	height: 301px;
}
a#atlasLeft:hover {
	background-image: url(/images/atlas/map_left_over.jpg);
}

#atlasRight {
	background-image: url(/images/atlas/map_right_normal.jpg);
	width: 307px;
	height: 301px;
}
a#atlasRight:hover {
	background-image: url(/images/atlas/map_right_over.jpg);
}

#atlasRight,
#atlasLeft {
	display: block;
	float: left;
}