body {
	font-size:12px;
	line-height:20px;
color:black;
font-family:Helvetica,Arial,sans-serif;
	padding:0;
	margin:0;
/*	position:relative;	*/


background-attachment: fixed;
background-color: #333;
background-image: url(../images/background.jpg);
background-position: top center;
 background-repeat: no-repeat;

background-size: cover;
-moz-background-size: cover;
 -webkit-background-size: cover;
}


# /*
# This next definition doesn't allow the background to get any smaller
# than a predefined size (640x426px in this case). Change the values
# here to match your background image size. The configuration in the
# flexi-background javascript file should also match these values.
# */
  
@media only all and (max-width: 640px) and (max-height: 477px) {
 body {
 background-size: 640px 477px;
 -moz-background-size: 640px 477px;
 -webkit-background-size: 640px 477px;
 }
 }
  
# /*
# The next 2 definitions are for support in iOS devices.
# Since they don't recoginze the 'cover' keyword for background-size
# we need to simulate it with percentages and orientation
# */
 
 @media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
 body {
 -webkit-background-size: auto 100%;
 }
 }
#  
 @media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {
 body {
-webkit-background-size: 100% auto;
}
 }




a:link, a:visited {
	border:0pt none;
	color: #231F20;
	color:#121212;
	text-decoration: none;
}
a:hover, a:active {
	border:0pt none;
	color: #121212;
	text-decoration: none;
}
#content a, #content #k2Container .itemFullText a,#content #k2Container  .itemCategory a, #content #k2Container .itemIntroText  a {
background:black;
padding:3px;
color:white;
font-size:13px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(http://www.emma-design.nl/templates/ed2011/css/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */	
}



#content #k2Container a {
background:none;
padding:3px;
color:#92949D;
font-size:12px;
-moz-border-radius: none;
border-radius: none;
}

#content #k2Container div.genericItemHeader h2.genericItemTitle a, #content #k2Container div.catItemHeader h3.catItemTitle a, #content #k2Container  div.ed-news-desc  div.catItemHeader h3.nieuws-catItemTitle a {font-size:16px;}

#content #k2Container .itemFullText a:hover ,#content #k2Container  .itemCategory a:hover , #content #k2Container .itemIntroText  a:hover{color:white;}

#content .xmap a {-moz-border-radius: none;
border-radius: none; background:white;color:#121212;}

#wrapper {
	width:980px;
	margin:20px auto;
	/*margin-top:20px;*/
	padding:20px;
    -moz-box-shadow: 0 0 5px 5px black;
    -webkit-box-shadow: 0 0 5px 5px black;
    box-shadow: 0 0 5px 5px black;
 	   behavior: url(http://www.emma-design.nl/templates/ed2011/css/PIE.htc); 

	background:white;
 opacity: .90; /* standard: ff gt 1.5, opera, safari */

-ms-filter: “Alpha(Opacity=90)”; /* ie 8 */

filter: Alpha(Opacity=90); /* ie lt 7 */

-khtml-opacity: .90; /* safari 1.x */

-moz-opacity: .90; /* ff lt 1.5, netscape */
	

	
}
#inner_content {
	width:960px;
	position:relative;
	float:left;
	border-bottom:1px solid black;
	padding: 20px 0px;
}
#content {
	width:663px;
	position:relative;
line-height:25px;
	float:left;
	/*margin-top:20px;*/
	min-height:400px;
	height:auto!important;
    height:400px; 


}
#right {
	margin:0;
	padding:0;
	width:180px;
	position:relative;
	float:right;
	/*margin-top:25px;*/
	border-left:1px solid black;
	padding-left:20px;
}
#footer {
	width:960px;
	position:relative;
	float:left;
	padding-top:10px;
	font-size:11px;
}
#modules-top {
	width:960px;
	position:relative;
	float:left;
	border-bottom:1px solid black;padding-bottom:20px;
}
#modules-bottom , #modules-bottom2{
	width:960px;
	position:relative;
	float:left;
	clear:left;
		padding-bottom:20px;
	border-bottom:1px solid black;
}

#modules-bottom a, #modules-bottom2 a{
	text-decoration:underline;
}

#modules-bottom2 {margin-top:20px;}
#tags {
	width:950px;
	position:relative;
	float:left;
	margin-bottom: 20px;
	border-bottom:1px solid black;
}
#logo {
	position:relative;
	float:left;
	top:20px;
	height:100px;
}
#arrow-submenu {
	background-image:url(../images/arrow-submenu.gif) ;
	width:66px;
	height:80px;
	z-index:-10;
	position:absolute;
	left:150px;
	top:80px;
}
.moduletable-homebottom {
	width:22.7%;
	/*width:192px;*/
	/*margin-right:15px;*/
	margin: 0 10px;
	position:relative;
	float:left;
	/*margin:0 7px;*/
	/*padding-right:15px;*/
border-right: 1px solid black;

}
.moduletable-homebottomlast { border-right:none;}
.moduletable-homebottom ul {
	margin:0;padding:0;
}

#header {
	border-bottom:1px solid black;
	margin-bottom:20px;
	position:relative;
	float:left;
		width:970px;
		height:160px		
}

#search {position:relative;
float:right;
width:150px;
right:0;
top:20px;
text-align:right;}

#mod_search_searchword {-moz-border-radius: 5px;
border-radius: 5px;background:#ee0b1c;
border:1px solid black;padding:3px;
font-size:11px;color:white;
line-height:11px;
font-weight:bold;
text-transform: uppercase;
width:130px;
behavior: url(http://www.emma-design.nl/templates/ed2011/css/PIE.htc); 
/* This lets IE know to call the script on all elements which get the 'box' class */	
 opacity: .70; /* standard: ff gt 1.5, opera, safari */

-ms-filter: “Alpha(Opacity=70)”; /* ie 8 */

filter: Alpha(Opacity=70); /* ie lt 7 */

-khtml-opacity: .70; /* safari 1.x */

-moz-opacity: .70; /* ff lt 1.5, netscape */
}

#socialmedia {position:absolute;top:-5px;right:0;}
/*menu*/

#menu {
	position:relative;
	float:right;
	width:600px;
	right:0px;
	top:20px;
}

#submenu {
	position:absolute;
	width:600px;
	left:240px;
	top:135px;	
	}

/*
#menu ul {
	border-bottom:1px solid #6E6458;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	float:right;
	right:0;
}
#menu li {
	display:block;
	position:relative;
	float:left;
	width:100px;
	height:20px;
	background:white;
}
#menu ul li a {
	display:block;
	width:100px;
	height:20px;
	padding-left:5px;
	text-decoration:none;
	width:90px;
	line-height:20px;
	font-family:Calibri;
}
#menu li:hover, #menu li#current {
	background:#6E6458;
}
#menu a:hover, #menu a.current {
	color:white;
}
#menu li.first {
	border-left:1px solid #6E6458;
	border-top:1px solid #6E6458;
}
#menu li.middle {
	border-left:1px solid #6E6458;
	border-top:1px solid #6E6458;
	border-right:1px solid #6E6458;
}
#menu li.last {
	border-top:1px solid #6E6458;
	border-right:1px solid #6E6458;
}*/


#menu ul.menu-1, #menu ul.menu-4,#menu ul.menu-7,#menu ul.menu-10 {
	list-style:none;
	position:relative;
	float:left;
	top:0;
	width:120px;
	border-left:1px solid black;
	margin:0;padding:0;padding-left:20px;
	height:100px;
}
ul.menu-4
{
background: url(../images/portfolio.gif) no-repeat left;	
	}
ul.menu-7
{
background: url(../images/zakendoen.gif) no-repeat left;	
	}
	ul.menu-10
{
background: url(../images/ditook.gif) no-repeat left;	
	}

#menu a {text-transform:uppercase;/*color:#92949D;*/color:black;font-weight:bold;}
#menu a:hover{color:black;text-decoration:underline;}
#menu li#current a {	background:#000;
padding:3px;

color:white;

-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(http://www.emma-design.nl/templates/ed2011/css/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */	
	}

#submenu ul {list-style:none;margin:0;padding:0;}
#submenu ul li {display:inline;}
#submenu ul li a {text-transform:uppercase;color:black;font-weight:bold;margin-right:20px;}

#submenu a:hover{color:black;text-decoration:underline;}
#submenu li#current a {	background:#000;
padding:3px;
color:white;

-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(http://www.emma-design.nl/templates/ed2011/css/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */	
	}

#footer ul.menu {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	margin-top:3px;
}
#footer ul.menu li {
	display:inline;
	border-right:1px solid #6e6458;
}
#footer ul.menu li a {
	padding:0 4px;
	font-size:11px;
}
#footer ul.menu li.last {
	border-right:none;
}
#right ul.menu {
	list-style:none;
	margin:0;
	padding:0;
	margin: 25px 0px;
}
#right ul li#current a {
	color:white;
	background:#4e5949;
}
#right ul.menu li {margin-bottom:15px;}

#right ul.menu li a {	
	background:#000;
padding:3px;

color:white;
font-size:13px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(http://www.emma-design.nl/templates/ed2011/css/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */	
	
	
}
/*headers*/
h1, h2, h3, h4, h5, h6 {
	font-family:Calibri;
	
	color:#92949D;
	color:#121212;
}
h1, h1.title, .componentheading {
	font-size:20px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
.componentheading {
	font-weight:bold;
	margin-top:13px;
}
/* links */


#content #k2Container a {
	text-decoration:none; 	color: black;

}

#content #k2Container a:hover {
	color: #121212;
}

h3, h3 a:link {
	font-size:16px;
	text-decoration: none;
	font-weight:bold;
	color: #92949D;
	color:#121212;
}
h3 a:hover {
	color: #121212;
}
#tags h3 {margin:0;padding:0;margin-top:20px;}

.moduletable-homebottom h3 {
	color:#121212;
	font-size:16px;
}
fieldset {
	border:none;
}
/*news k2*/
div.ed-news-plaatje {
	position:relative;
	float:left;
	width:240px;
}
div.ed-news-desc {
	position:relative;
	float:left;
	width:400px;
}
div.ed-news-desc div.catItemTagsBlock {
	text-align:left;
	margin-left:0;
	padding-left:0;
}



#content #k2Container		a.delicious {background-image: url(../images/social/delicious_16.png);}
#content #k2Container		a.digg {background-image: url(../images/social/digg_16.png);}
#content #k2Container		a.facebook {background-image: url(../images/social/facebook_16.png);}
#content #k2Container		a.googlebuzz {background-image: url(../images/social/googlebuzz_16.png);}
#content #k2Container		a.myspace {background-image: url(../images/social/myspace_16.png);}
#content #k2Container		a.reddit {background-image: url(../images/social/reddit_16.png);}
#content #k2Container		a.stumble {background-image: url(../images/social/stumbleupon_16.png);}
#content #k2Container		a.technorati {background-image: url(../images/social/technorati_16.png);}

input.invalid, textarea.invalid {border: 1px solid red;}



/*backgroundimage voor iedereen die css3:cover niet snapt */
 img#expando {
display: none;
 position: absolute;
 z-index: 1;
 -ms-interpolation-mode: bicubic;
 }
  
 .wide img#expando,
 .tall img#expando {
 display: block;
 }
.  
.wide img#expando {
 height: auto;
 width: 100%;
 }
  
 .tall img#expando {
 height: 100%;
 width: auto;
 }