/* CSS Document AAI Media 2007 */


* {
	padding:0;
	margin:0;
}


/*-----------------------------------------------------------------------------------------------
  Layout 
-----------------------------------------------------------------------------------------------*/

body{
	
	font-size:11px;
	font-family:Trebuchet MS;
	
}

h2 { 

font-size: 12px; 
margin-bottom: 10px; 
font-weight: normal;
margin-left:0px; 
}

#pagewidth {

	width : 100%; 
	margin : 0 auto; 
    padding: 0;
	text-align : center; 

} 



#wrapper {

	position:relative;
	width:900px;
	margin : 0 auto;
    padding: 0;
	text-align:left; 

}

p {
	font-size:11px;
	color:#999999;
	font-family:Trebuchet MS;
	line-height:13px;
	margin-left:2px;
	margin-top:4px;

}


ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

img.floatLeft { 
    float: left;
	margin-right:3px;
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background:#a2c140 url(../img/navigatie_top.png) repeat-x left top;
	height:80px;
	
}
#header .inside{
	padding:0;
}


/*-----------------------------------------------------------------------------------------------
  Image
-----------------------------------------------------------------------------------------------*/

#image {

	position:relative;
	width:900px;
	height:180px;
	background-image:url(../img/logo_tekst.gif);
	background-repeat:repeat-x;
	margin : 0 auto;
    padding: 0;
	text-align : left; 

}

#img_text {

	width:193px;
	height:19px;
	margin-left:-25px;
	text-align : left; 

}


#fleur{
	position:absolute;  
	z-index:100; 
	width:730px; 
	height:180px;
	margin-top:-20px;
	}
	
#fleur_pop{
	position:absolute;  
	z-index:100; 
	width:295px; 
	height:245px;
	margin-top:-70px;
	}	
	

/*-----------------------------------------------------------------------------------------------
  Content 
-----------------------------------------------------------------------------------------------*/

#content{
	width:800px;
	text-align:center;
}

#content_nieuwbrief{
	width:400px;
	text-align:left;
}

#flashcontent{

margin-top:-20px;
}



/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/

#bottom { 
	float:left;
	width:100%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	height: 40px;
}


#footer{
	position: relative;
	margin : 0 auto;
    padding: 0;
	background-color:#a33ba1;
	text-align:center;
	height:30px;
	width:900px;
}

#footer .text{
	
	padding-top:7px;
	font-size:12px;
	font-family:Trebuchet MS;
	color:#FFFFFF;
}

/*-----------------------------------------------------------------------------------------------
  Menu 
-----------------------------------------------------------------------------------------------*/
ul#navigation{
	border:0;
	padding:0;
	margin:0;
	height:70px;
	float:right;
}
ul#navigation li{
	float: left;	
	display: inline;		
	margin: 0 0 0px 0;
	padding: 0;	
	list-style-type: none;
	border:0;
	font-size: 14px;
	height:70px;
	font-weight: normal;
}
ul#navigation li a{
	float: left;
	display: block;
	height:45px;
	margin:0px 0 0 0;
	padding: 25px 22px 0 23px;
	color: #FFF;
	text-decoration: none;
	text-transform: lowercase;
	border-left:1px solid #881288;
}
ul#navigation li a.last{
	border-right:1px solid #881288;
}
ul#navigation li a:hover, ul#navigation li a.selected{
	background: transparent url(../img/navigatie_knop.png) repeat-x left center;
	color: #CCC;
}

a.lees:link	   { color : #FFFFFF; text-decoration : none; font-size : 12px; } 
a.lees:active  { color : #FFFFFF; text-decoration : none; font-size : 12px; } 
a.lees:visited { color : #FFFFFF; text-decoration : none; font-size : 12px; } 
a.lees:hover   { color : #e9e6e6; text-decoration : none; font-size : 12px; }


li#web h2 {width: 253px; height: 19px;} 
li#web { list-style:none; border-right: 1px solid #cacaca;}
li#identity h2 { width: 253px; height: 19px;}
li#identity { list-style:none; border-right: 1px solid #cacaca;}
li#uxd h2 { width: 253px; height: 19px; }
li#uxd { list-style:none; }

#currentwork {
	position:relative;
	margin : 0 auto;
    padding: 0;
	clear:both;
	text-align:center;
	width:900px;
	border-top:1px solid #cacaca;
	
}

#currentwork_online {
	position:relative;
	margin : 0 auto;
    padding-left: 40px;
	clear:both;
	text-align:left;
	width:800px;
	border-top:1px solid #cacaca;
	
}

#content {
    position:relative;
	width: 800px;
	height:300px;
	margin:0pt auto;
	
}

#content_offerte {
    position:relative;
	width: 800px;
	height:450px;
	margin:0pt auto;
	
}

#content .right {
	padding: 40px 0;
	float: right;
	display: inline;
}

#front_screen {
border:1px solid black;
}



#content_offerte li { float:left; width: 350px; padding: 0 10px 0 3px; height: 300px; }

li#links_offerte { list-style:none; border-right: 1px solid #cacaca; text-align:left;}
li#rechts_offerte { list-style:none; text-align:left;}


#content li { float:left; width: 350px; padding: 0 10px 0 3px; height: 300px; }

li#links { list-style:none; border-right: 1px solid #cacaca; text-align:left;}
li#rechts { list-style:none; text-align:left;}

ul li{
	list-style-type: none;
	
	
}



#internet_marketing {
	position:relative;
	margin : 0 auto;
    padding: 0;
	clear:both;
	text-align:center;
	width:900px;
	border-top:1px solid #cacaca;
	
}

#sidebar {
	position:relative;
	margin : 0 auto;
	float:left;
	width:240px;
	text-align:left;
	padding-bottom:135px;
	padding-top:15px;
	
	}
	
#sidebar li {

		
	border-bottom:1px solid #c0c0c0;
	
	}
	
	
#sidebar_google {
	position:relative;
	margin : 0 auto;
	float:left;
	width:240px;
	text-align:left;
	padding-bottom:25px;

	
	}
	
	#sidebar_google li {
	border:none;
	
	}
	
	
	
	

.bullet {
	margin:0pt 0pt 0px 0px;
	padding:10px 0px 0px 0px;
	width:160px;
	
}

.bullet li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
}




.bullet li a {
	
	display:block;
	padding:4px 2px 5px 5px;
	text-decoration:none;
	color:#999999;
}

.bullet li a:hover {

	
	background-color: #A2C140;
	color:#ffffff;
	

}



#columnr {
	position:relative;
	display:inline;
	width: 660px;
	margin: 0 auto;
	padding:0;
	float:right;
	text-align:left;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
	margin-bottom:10px;
}


.detail {

	color:#A2C140;
	font-size:16px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;


}

#navlist {
	list-style-position:outside;
	list-style-type:none;
	margin-left:0pt;
	padding-left:0pt;
	padding-bottom:10px;
}

#navlist li {
	background-image:url(http://www.kkbsterkozijn.nl/images/vinkje.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	
}



a {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}

a img{border:0}

#columnr .appimage a{display:block;width:254px;height:173px;background:#fff;border:1px solid #8EBD2F;padding:6px}

#columnr .appimage a:hover{background:#c0c0c0}



#currentwork ul { margin: 0 auto; padding: 0; list-style-type: none; height: 270px; position: relative; }
#currentwork li { float:left; width: 253px; padding: 0 10px 0 0px; height: 270px; }
#currentwork li h2 { color: #90c32c; text-align:left; width:253px; }
#currentwork li p {font-size: 11px; width: 253px; text-align:left; }
#currentwork li a { width: 253px; height:173px; margin-bottom: 15px; }

#columnL {
	position:relative;
	width: 900px;
	margin: 0 auto;
	padding:0;
	text-align:left;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom:10px;
}



form {

	margin:0px 0 0 0;
	padding:0 0 0 0;
}

label {
	float:left;
	text-align:left;
	width: 120px;
	height:	15px;
	padding-right: 2px;
	font-size:11px;
	color: #666666;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	display: block;
	float: left;
	margin-bottom: 1px;	
}

.radio {
	display:inline;
	font-weight: normal;
	text-transform: none;
	width:40px;
}

.radio input {
	width: auto;
	display:inline;
	margin:0;
}


.input_opmaak {

	font-size:11px;
	color: #666666;
	background:#FBDBDB;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;	
	background-image: url(../img/form_input.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

select {
			
	border:1px solid #666666;
	color: #999999;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	}
	
.textarea_opmaak {
	width: 149px;
	height: 50px;
	background-image: url(../img/textarea_input.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #cdced0;
	color: #666666;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 1px;	

}

br {
	clear: left;
}
fieldset { border:none; }

legend {
  padding: 0.2em 0.5em;
  border:1px solid #c0c0c0;
  color:#c0c0c0;
  font-size:90%;
  text-align:right;
  margin-bottom:10px;
  }
  
#reactie {
 

  margin-left:50px;
  margin-top:50px;
  text-align:left;
  height:130px;
	
}


#reactie_offerte {
 

  margin-left:0px;
  margin-top:0px;
  text-align:left;
  height:130px;
	
}


.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
	/* Just for Opera, but hide from MacIE */
/*\*/html>body .img { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */


a img { border: none; }
.clear { clear: both; height: 1px; font-size: 1px; }


/*-----------------------------------------------------------------------------------------------
 Portfolio
-----------------------------------------------------------------------------------------------*/