/* 
Yes2web Standaard CSS - V 20100209 
Site.css Bevat alle elementen voor de opmaak van de website, exclusief de opmaak die door TinyMCE gebruikt kan worden.
*/

/*
Projectnaam/algemene info
@author: Roël van Dijk
@version: 20090225-001
*/

/* Contents_bg sprite
*****************************************/
div#main, div#wrapper-content, div#slider,
ul.news li.odd, div#customers, div#customers, ul#controls li.prev a:hover, div#customers ul#controls li.next a:hover,
div#footer, div#footer form button, ul.sub-navigation li a, ul#twitter li, .bg_sprite{
	background: url(../../images/amaziqsource/background/content_bg.png) no-repeat;
}
body, #publerBody {
	background: #eee url(../../images/amaziqsource/background/body_bg.png) repeat-x;
}
#container {
	position:relative;
	width:962px;		
	margin:0 auto; 	
	text-align: left;	
}
#header {
	height: 150px;
	padding: 0 1px;
}
	#header img{
		margin-top: 31px;
	}
	#header .language{
		/*display: none;*/
	}
	body #header .language{display:block;}
	
	#header .language{
		width: 216px;
		height: 29px;
		background-position: -1993px -376px;
		position: absolute;
		top: 0;
		right: 0;
		
	}
	#header .language:hover{
		background-position: -1993px -415px;
	}
		#header .language p{
			padding-left: 10px;
			margin: 0;
			line-height: 29px;
			color: #9f9f9f;
		}
		#header .language:hover p{
			color: #fff;
		}		
		#header .language ul{
			list-style: none;
			position: absolute;
			top: 9px;
			right: 0;
			_right: -10px;
		}
		#header .language ul li{
			float: left;
			margin-right: 10px;
		}
		#header .language ul li a{
			text-indent: -5555px;
			display: block;
			width: 16px;
			height: 11px;
		}
		#header .language ul li a.en{ background-position: -2219px -376px; }
		#header .language ul li a.nl{ background-position: -2245px -376px; }
		#header .language ul li a.de{ background-position: -2271px -376px; }
		#header .language ul li a.fr{ background-position: -2297px -376px; }
		#header .language ul li a.en-selected,
		#header .language ul li a.en:hover{ background-position: -2219px -415px; }
		#header .language ul li a.nl-selected,
		#header .language ul li a.nl:hover{ background-position: -2245px -415px; }
		#header .language ul li a.de-selected,
		#header .language ul li a.de:hover{ background-position: -2271px -415px; }
		#header .language ul li a.fr-selected,
		#header .language ul li a.fr:hover{ background-position: -2297px -415px; }
		
	/* change this when going live to all pages */
	body ul#navigation  {
		top:55px;
	}
	
div#main{
	padding: 25px 0 0 0;
}
div#wrapper-content{
	background-position: -973px bottom;
	min-height: 500px;
	_height: 500px;
}
div#wrapper {
	float:left;
	width:100%;
} 
div#contents {
	margin: 0 343px 0 0;	/*Geef de margins zo breed als de columns */
	padding: 0 24px 40px 25px;
}
/* Content image
*************************************/
img.headerimg{
	border: 4px solid #ddd;
	margin-bottom: 28px;
}

/* Slider homepage
*************************************/
div#slider{
	width: 561px;
	padding: 4px;
	height: 196px;
	margin-bottom: 28px;
	background-position: -1945px 0;
	position: relative;
}
div.photo ul img{
	width: 561px;
	height: 196px;
}
#wrapper-photo ul#externalControl{
	position: absolute;
	left: 472px;
	top: 159px;
	z-index: 2;
}
#wrapper-photo ul,
#wrapper-photo ul.curr-6,
#wrapper-photo ul.curr-3,
#wrapper-photo ul.curr-4,
#wrapper-photo ul.curr-5{
	background: url(../../images/amaziqsource/background/controls.png) no-repeat;
}
#wrapper-photo ul.curr-4{
	background-position: 0 -28px;
}
#wrapper-photo ul.curr-5{
	background-position: 0 -52px;
}
#wrapper-photo ul{
	background-position: 0 -76px;
}
#wrapper-photo ul li a{
	color: #fff;
}
#wrapper-photo ul.curr-6 li.control1 a,
#wrapper-photo ul.curr-3 li.control1 a,
#wrapper-photo ul.curr-4 li.control2 a,
#wrapper-photo ul.curr-5 li.control3 a{
	color: #414141;
}
#wrapper-photo ul#externalControl li{
	float: left;
	margin-right: 10px;
}
#wrapper-photo ul#externalControl li a{
	display: block;
	width: 17px;
	height: 18px;
	text-align: center;
	padding-right: 1px;
	line-height: 17px;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
}
#wrapper-photo ul#externalControl li a:hover{
	background: url(../../images/amaziqsource/background/controls.png) no-repeat;
	color: #414141;
}
/* Right column
*********************************/
div#right{
	float:left;
	width:294px;				
	margin-left:-343px; 	/* Zo breed als de column */
	padding: 0 25px 0 24px;
}
div#right h2{
	font-size: 2.4em;
	margin-bottom: 16px;
	font-weight: normal;
}
#contents ul.news li{
	width: 530px;
}
ul.news li{	
	font-size: 12px;
	line-height: 18px;
	min-height: 21px;
	_height: 21px;
	padding: 6px 20px;
	width: 254px;
}
ul.news li.odd{	
	background-color: #EEEEEE; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
}
#contents ul.news li.odd{	background-position: -1945px -780px; }
ul.news li.last{
	text-align: right;
	padding: 0;
	width: 294px;
}
ul.news li a{	color: #555; }
ul.news li.last a{ color: #bed535;}
ul.news li a em{
	color: #93b43d;
	font-style: normal;
	margin-left: 10px;
}
/* Slider right column logos
*****************************************/
div#customers{
	width: 266px;
	padding: 4px 14px;
	height: 91px;
	background-position: -1945px -267px;
	position: relative;
	margin-bottom: 15px;
	_overflow: hidden;
}
div#customers ul img{
	width: 266px;
	height: 91px;
}
div#customers ul#controls a{
	display: block;
	width: 14px;
	height: 99px;
	position: absolute;
	text-indent: -5555px;
	top: 0;
}
div#customers ul#controls li.prev a{	left: 0; }
div#customers ul#controls li.next a{ 	right: 0;}
div#customers ul#controls li.prev a:hover{	background-position: -1945px -376px; }
div#customers ul#controls li.next a:hover{	background-position: -1969px -376px;}

p.more{
	text-align: right;
}
/* Navigation
********************************/
ul#navigation{
	position: absolute;
	top: 38px;
	right: 1px;
}
ul#navigation li{
	float: left;
	position: relative;
	z-index: 2;
	margin-left: 17px;
}
ul#navigation li a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	padding-bottom: 7px;
	display: block;
}
ul#navigation li a:hover,
ul#navigation li.selected a{
	text-decoration: none;
	border-bottom: 3px solid #bed535;
}
ul#navigation li ul,
ul#navigation li#last ul{
	display: none;
}
ul#navigation li.hover ul,
ul#navigation li:hover ul{
	display: block;
	z-index: -1;
	position: absolute;
	top: 24px;
	*top: 26px;
	left: 0px;
	list-style: none;
	margin: 0;
	width: 170px;
	padding: 20px 10px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
ul#navigation li ul li{
	float:none;
	_display: inline;
	margin: 0 0 2px 0;
}
ul#navigation li ul li a{
	font-size: 12px;
	color: #93b43d;
	font-weight: normal;
}
ul#navigation li ul li a:hover,
ul#navigation li ul li.selected a{
	border: none;
	text-decoration: underline;
}
ul#navigation li.selected ul li a{
	border: none;
}
/* Right submenu
********************************/
ul.sub-navigation li{
	font-size: 1.2em;
	padding-bottom: 3px;
}
ul.sub-navigation li a{
	background-position: -2902px -54px;
	padding-left: 20px;
}
ul.sub-navigation li.selected a{	background-position: -2902px 4px; color: #333;}

/*  Twitter right column
********************************/
ul#twitter li {
	background-position: -2249px -267px;
	width: 284px;
	height: 46px;
	margin-bottom:6px;
	padding:25px 5px;
	position:relative;
	font-size: 1.2em;
}
ul#twitter li span{
	bottom:5px;
	position:absolute;
	right:5px;
}
ul#twitter li span a{
	color: #ccc;
}


/* Footer
********************************/
div#footer{
	clear:left;
	position: relative;
	top: 25px;
	width:914px;
	height: 100px;
	padding: 17px 24px;
	background-position: -1945px -484px;
	margin-bottom: 50px;
}
div#footer h2{	
	margin-bottom: 5px;
 }
div#footer h2.left{	float: left; }
div#footer ul{
	width: 190px;
	float: left;
	font-size: 1.1em;
}
div#footer ul.row2{
	margin-top: 27px;
	margin: 28px 46px 0 0;
	*margin-top: 32px;
}
div#footer ul li.first{	margin: 0;	}
div#footer ul li{	margin-bottom: 3px;	}
div#footer ul li a{	font-weight: normal;	}

div#footer form {
	padding: 37px 0 17px 0;
	*padding-top: 24px;
}
div#footer form input{
	width: 88px;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	padding: 4px 5px;
	color: #a2a2a2;
	margin-right: 10px;
	border: 1px solid #d9d9d9;
	background: url(../../images/amaziqsource/background/input_bg.png) repeat-x;
}
input[type=submit]::-moz-focus-inner, input[type=button]::-moz-focus-inner, button::-moz-focus-inner { 
	border: 0;
}
div#footer form button{
	width: 69px;
	height: 25px;
	border: none;
	cursor: pointer;
	text-indent: -5555px;
	background-position: -1945px -679px;
}
div#footer form button:hover{
	background-position: -1945px -714px;
}

div#footer p{	font-size: 1.1em;}
div#footer p a{	font-weight: normal;}