/*
 * Atcomm
 * datum 20081107
 * derde versie compatibel met vios
 * 20090202
 * Schaduw + IE6 opgelost
 *
 */

/*
 * Kleuren
 * Groen: #89CE36;
 * Grijze tekst: #7E7C7B;
 * Blauw menu: #0A73B2;
 */

/* Layout starts here */

/*******************/
/* Algemene opmaak */
/*******************/
	body {
	    text-align: center; /* Oude browsers */
		background:#EBF3F9;
	}
	#container {
	    width: 944px; /* Breedte ontwerp */
	    margin: 0px auto 0 auto;
	    text-align: left;
	    background:url(/site/images/atcomm/bg_AtcommContainerMiddle.jpg) repeat-y top left;
	}
	#containerInner1{
	    background:  url(/site/images/atcomm/bg_AtcommContainerTop.jpg) no-repeat top left;
	}
	#containerInner2{
	    background: url(/site/images/atcomm//bg_AtcommContainerBottom.jpg) no-repeat bottom left;
		padding:0 10px;

	}
/**********/
/* Header */
/**********/
	#header {
	    background:  none; /* Achtergrondafbeelding header */
		height: 185px;
	}
	#headerLeft{
		float:left;
		width: 490px;
		height:129px;
		background: none;
	}
		#slogan {
		    text-indent: -500em;
		    width: 383px;
		    height: 55px;
		    background: url(/site/images/atcomm/bg_slogan.png) no-repeat left top;
		    margin: 65px 0 0 106px;
		}

	#logo {
		float:right;
		width:167px;
		padding:53px 110px 0 0;
		margin:0;
		overflow:hidden;	}
		#logo a{
			display:block;
			height: 45px;
			width: 167px;
			background: url(/site/images/atcomm/bg_logo_atcomm.gif) no-repeat left top; /* Achtergrondafbeelding logo */
			text-indent: +500em;
			white-space:nowrap;
		}


	/* 
	 * MainNav
	 */
	#mainNav {
		clear:left; /* Om menu onder logo te krijgen */
		padding: 8px 0 0 27px;
		width:100%;
		height:50px;
	}
	/* Hoofdniveau */
	#mainNav ul li{
		padding:0 6px 0 0; /* Ruimte voor tabachtergrond rechts */
		margin:0; /* geen ruimte tussen tabs */
	}
	#mainNav ul li a{
		/* Opmaak zonder sIFR */
		background:none;
		color:#fff;
		font-size:1.2em;
		height:20px;
		line-height:20px;
	}
	#mainNav ul li.selected a,
	#mainNav ul li a:hover{
		/* Opmaak zonder sIFR */
		background:none;
		color:#89CE36;
		font-size:1.2em;
	}
	#mainNav ul li span{
		/* extra span voor tabachtergrond */
	    float: left; /* Nodig voor ie6 */
    	display: block;
		padding:0 0 0 6px ; /* Ruimte voor tabachtergrond links */
	}
	#mainNav ul li.selected,
	#mainNav ul li.hover,
	#mainNav ul li:hover {
		/* Tabachtergrond rechts */
    	background: url(/site/images/atcomm/bg_tab.gif) no-repeat right -20px;
	}
	#mainNav ul li.selected span,
	#mainNav ul li.hover span,
	#mainNav ul li:hover span {
		/* Tabachtergrond links */
    	background: url(/site/images/atcomm/bg_tab.gif) no-repeat left top;

	}
	/* Subniveau */
	#mainNav .submenu {
		/* Juiste positie submenu */
		top:20px;
	} 
	.menuHor2 li:hover .submenu,
	.menuHor2 li.selectedJS .submenu{
	    left: -10px; /* submenu in beeld zetten */
	}
	#mainNav ul li .submenu_inner { 
		/* submenu ronde rand rechts */
	    float: left; /* zwevend links om breedte = breedte inhoud */
	    background: url(/site/images/atcomm/bg_submenu.gif) no-repeat right -20px; /* Rechterkant afgerond */
		padding: 0 10px 0 0; /* Voor ronde rand */
	}
	#mainNav ul li ul {
	    background: #fff; /* achtergrond heel submenu */
	    overflow: hidden; /* hoogte = hoogte floated els */
	    float: left; /* zwevend links om breedte = breedte inhoud */
	    background: url(/site/images/atcomm/bg_submenu.gif) no-repeat left 0px; /* Linkerkant afgerond + achtergrond */
	    padding: 0 0 0 10px; /* voor ronde rand links */
	}
	#mainNav ul li ul a,
	#mainNav ul li.selected ul a{
		/* Koppelingen submenu */
		color: #7E7C7B;
	}
	#mainNav ul li ul a:hover,
	#mainNav ul li ul .selected a{
		/* Koppelingen submenu */
		color:#0A73B2;
	}
/**********/
/* Middle */
/**********/
	#middle {
		overflow:hidden;
	    background: none; /*url(/site/images/atcomm/bg_middle.jpg) repeat-y left top; /* Achtergrondafbeelding middendeel */
		padding: 0 0 0 22px;
	}
	#middle_inner {
		/* Voor achtergrond met mensen */
		background: none;
		/*url(/site/images/atcomm/bg_middle_inner.jpg) no-repeat left top;*/
/*		padding: 0 0 0 27px; /* Plaatsen col1 */
	}
	/* col1 */
		#col1 {
		    float: left; 
		    width: 330px; 
			color: #7E7C7B;
		}
		#col1 .bgTop{
			/* ronde hoeken boven */
			background:url(/site/images/atcomm/bg_col1_top.png) no-repeat left top;
			height: 15px; 
		}
		#col1 .bgMiddle{
			/* transparante achtergrond tekst linkerkolom */
			background:url(/site/images/atcomm/bg_col1_middle.png) repeat-y left top;
			padding:0 15px 15px 15px;
			overflow:hidden;
		}
		#col1 .refMiddle{
			/* transparante achtergrond tekst referenties */
			background:url(/site/images/atcomm/bg_col1_ref_middle.png) repeat-y left top;
			padding:10px 15px 0 15px;
		}
		#col1 .bgBottom{
			/* afgeronde hoeken onderaan */
			background:url(/site/images/atcomm/bg_col1_ref_bottom.png) no-repeat left top;
			height:15px;
		}
		#col1 .refMiddle h2 {
			color:#89CE36;
			font-size:1.4em
		}
		#col1 .refMiddle p {
			padding:0;
			font-size:1.2em;
			font-weight:bold;
		}
		#col1 .refMiddle a {
			color:#fff;
			text-decoration:none;
		}
		#col1 .refMiddle a:hover {
			text-decoration:underline;
		}
			/* blog */
			#blog a {
				text-decoration: none;
				color: #000;
				display: block;
			}
			#blog a:hover {
				color: #2688CC;
			}
			#blog ul {
				list-style:none;
			}
			#blog li {
				margin: 0 0 10px 0;
			}
			#blog li a.selected {
				color: #2688CC;
			}
			
			/* references */
			#references-content ul, #references-content ul li {
				list-style: none;
				line-height: 1.2em;
			}
			#references-content ul li a {
				color: #fff;
				font-weight: bold;
				text-decoration: none;
				font-size: 1.2em;
			}
			#references-content ul li a:hover {
		    color: #87C740;
			}


	/* col2 */
		#col2{
		   /* margin: 0 0 0 350px;  /* Afstand van linkerrand */
		  margin: 0 0 0 10px;
			float:left;
			width: 520px;
		    padding: 0 20px; 
			color:#333;
		}
		#col2 .bgTop{
			/* ronde hoeken boven */
			background:url(/site/images/atcomm/bg_col2_top.png) no-repeat left top;
			height: 15px; 
		}
		#col2 .bgMiddle{
			/* transparante achtergrond */
			background:url(/site/images/atcomm/bg_col2_middle.png) repeat-y left top;
			padding:0 15px 0 15px;
			min-height: 400px; /* Minimum hoogte zodat achtergrondafbeelding goed getoond wordt */
		}
		#col2 ul ,
		#col2 ol {
			/*Herstellen linkermarge lijsten */
			margin: 0 0 0 1.5em;
		}
		#col2 .bgBottom{
			/* transparante achtergrond */
			background:url(/site/images/atcomm/bg_col2_bottom.png) no-repeat left top;
			height:15px;
		}	
			/* breadcrumbs */
			#breadcrumbs {
		    	color: #AFB2B5;	
			}
			#breadcrumbs a {
		    	color: #AFB2B5;	
			}

			/* content-text */
			#content-text {
				padding: 10px 0 0 0;
				overflow:hidden;
			}
			#content-text a {
    			color: #2B5B9D;
			}
			#content-text ul {
    			margin: 0 0 15px 15px;
			}
			#content-text table {
    			/* border: #666 solid 1px; */
			}
			#content-text td {
    			vertical-align: top;
    			border: #666 solid 1px;
				padding: 3px;
			}
		
		/* middle_footer */
		#middle_footer {
			clear: both;
			padding: 10px 0 0 0; /* witruimte */
		}
		#middle_footer .col1{
			display:none;
/*			float:left;
			width:0px;
			height:0px; */
		}

		#middle_footer .col2{
		padding: 25px 0 0 0;
			text-align:center;
			font-size: 1.2em;
			color:#7E7C7B;
		}
		#middle_footer .col2 .groeneBol{
			background:url(/site/images/atcomm/bg_bol.gif) no-repeat center center;
			padding:3px;
		}
		#middle_footer .col2 a{
			color:#7E7C7B;
			text-decoration:none;
		}
		#middle_footer .col2 a:hover{
			text-decoration:underline;			
		}
		#mail {
			float:right;
		}
		
		#mail a {
		    display: block;
		    width: 38px;
		    height: 38px;
		    text-indent: -500em;
		    background: url(/site/images/atcomm/bg_mail.gif) no-repeat top left;
		}
/**********/
/* Footer */
/**********/
	#footer {
background:none;
padding:0 0 10px 0;
}
#languageNav{display:none;}