/* ================================ +
   			STUDIO PARKERS 
 + ================================ */



/* 
** Made by: Edgar Vijgeboom & Thomas Lievestro
** Website:	www.studioparkers.nl
*/



/* ================================ +
               STANDAARDS
+  ================================ */

/* start RESET DEFAULT styles */
* { 
	margin:				0; 
	padding:			0; 
	border:				0px; 
}

* html li	{
	height:				1%;
}

*:focus { 
	outline: 			0; 
}
	
img { 
	border:				0px; 
}	

ul { 
	list-style:			none;
	overflow:			hidden;
}

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

p {
	margin-bottom:		12px;
}

address {
	font-style:			normal;
}
.clear {
	clear:				both;
}

.float_left {
	float: 				left;
}

.float_right {
	float: 				right;
}

.link_zwart  { 
    color:              #000000
  }
/* end RESET DEFAULT styles */


/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

body { 
	font-family: 		arial,tahoma;
	font-size:			69%;
	line-height: 		17px;
	color: 				#000000;
	text-align: 		left;
}

#animals_contact {	
	width:				1304px;
	height:				832px;
	margin-left:		auto;
	margin-right:		auto;
	background: 		url('../images/bg_contact.jpg') no-repeat 50% 50%;
}

#wrapper {
	position:			absolute;
	width:				100%;
}

#header {
	width:				1000px;
	height:				80px;
	margin-left:		auto;
	margin-right:		auto;
}

#header_top {
	width:				640px;
	height:				47px;
	background:			#333333;
	margin-left:		auto;
	margin-right:		auto;
}

#header_top_home {
	width:				640px;
	height:				47px;
	margin-left:		180px;
	float:				left;
}

#header_ontwerp_nieuwemedia {
	width:				180px;
	height:				29px;
	margin-top:			1px;
	float:				left;
	background: 		url('../images/ontwerp_en_nieuwe_media.png');	
	behavior: 			url(scripts/iepngfix.htc);
}

#logo {
	display:			block;
	width:				71px;
	height:				29px;
	margin-left:		563px;			
	background: 		url('../images/logo.gif');	
	text-indent:		-1000em; 
	overflow:			hidden;
}

#logo_revert {
	display:			block;
	width:				71px;
	height:				29px;
	margin-left:		563px;			
	text-indent:		-1000em; 
	overflow:			hidden;
	background: 		url('../images/logo_revert.png');	
	behavior: 			url(scripts/iepngfix.htc);
}

#content_container {
	width:				1000px;
	margin-left:		auto;
	margin-right:		auto;
}

#menu {
	width:				640px;
	height:				31px;
	margin-left:		auto;
	margin-right:		auto;
}




/* NAV */

#menu ul li{
	display: inline;
	float:left;
	behavior: url(scripts/csshover2.htc);
}

#nav a{
	display:block; 
	text-decoration:none;
	text-indent:-1000em; 
	overflow:hidden;
	height:29px; 
	behavior: url(scripts/iepngfix.htc);
}

#nav1{width:88px; background: url('../images/nav.png') no-repeat -12px 	0px;  }
#nav2{width:88px; background: url('../images/nav.png') no-repeat -100px  0px; }
#nav3{width:88px; background: url('../images/nav.png') no-repeat -188px 0px; }
#nav4{width:88px; background: url('../images/nav.png') no-repeat -276px 0px; }
#nav5{width:88px; background: url('../images/nav.png') no-repeat -364px 0px; } 
#nav6{width:88px; background: url('../images/nav.png') no-repeat -452px 0px; }  

#nav1:hover{background-position: -1012px 0px;}
#nav2:hover{background-position: -1100px 0px;}
#nav3:hover{background-position: -1188px 0px;}
#nav4:hover{background-position: -1276px 0px;}
#nav5:hover{background-position: -1364px 0px;}  
#nav6:hover{background-position: -1452px 0px;}  

#nav1_active{width:176px;  background: url('../images/nav.png') no-repeat -2012px 0px; }
#nav2_active{width:176px;  background: url('../images/nav.png') no-repeat -2188px 0px; }
#nav3_active{width:176px;  background: url('../images/nav.png') no-repeat -2364px 0px; }
#nav4_active{width:176px;  background: url('../images/nav.png') no-repeat -2540px 0px; }
#nav5_active{width:176px;  background: url('../images/nav.png') no-repeat -2716px 0px; }  
#nav6_active{width:176px;  background: url('../images/nav.png') no-repeat -2892px 0px; }  

#nav_spacer_left {
	width:				12px;
	height:				29px;
	background:			#333333;
}

#nav_spacer_right {
	width:				12px;
	height:				29px;
	background:			#333333;
}






/* ================================ +
               ANIMALS
+  ================================ */

#animals {
	position:			absolute;
	width:				100%;
	overflow:			hidden;
}

#animal_1 {	
	position:			absolute;
	width:				706px;
	height:				782px;
	background: 		url('../images/kikker.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#animal_2 {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/gans.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#animal_3 {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/konijn.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#animal_4 {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/tor.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#animal_5 {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/vis.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#animal_6 {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/vis.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}


/* Colors Gans */

#gans_blauw {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/gans_blauw.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#gans_groen {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/gans_groen.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#gans_oranje {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/gans_oranje.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#gans_roze {	
	position:			absolute;
	width:				670px;
	height:				770px;
	background: 		url('../images/gans_roze.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}


/* Colors Konijn */

#konijn_blauw {	
	position:			absolute;
	width:				670px;
	height:				534px;
	background: 		url('../images/konijn_blauw.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#konijn_groen {	
	position:			absolute;
	width:				670px;
	height:				534px;
	background: 		url('../images/konijn_groen.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#konijn_oranje {	
	position:			absolute;
	width:				670px;
	height:				534px;
	background: 		url('../images/konijn_oranje.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#konijn_roze {	
	position:			absolute;
	width:				670px;
	height:				534px;
	background: 		url('../images/konijn_roze.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}


/* Colors Tor */

#tor_blauw {	
	position:			absolute;
	width:				670px;
	height:				520px;
	background: 		url('../images/tor_blauw.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#tor_groen {	
	position:			absolute;
	width:				670px;
	height:				520px;
	background: 		url('../images/tor_groen.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#tor_oranje {	
	position:			absolute;
	width:				670px;
	height:				520px;
	background: 		url('../images/tor_oranje.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#tor_roze {	
	position:			absolute;
	width:				670px;
	height:				520px;
	background: 		url('../images/tor_roze.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}


/* Colors Vis */

#vis_blauw {	
	position:			absolute;
	width:				670px;
	height:				308px;
	background: 		url('../images/vis_blauw.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#vis_groen {	
	position:			absolute;
	width:				670px;
	height:				308px;
	background: 		url('../images/vis_groen.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#vis_oranje {	
	position:			absolute;
	width:				670px;
	height:				308px;
	background: 		url('../images/vis_oranje.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}

#vis_roze {	
	position:			absolute;
	width:				670px;
	height:				308px;
	background: 		url('../images/vis_roze.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}



/* ================================ +
                 HOME
+  ================================ */

#home {
  overflow-x:     hidden;
}

#parkers_logo {	
	position:			absolute;
	width:				500px;
	height:				561px;
	margin-left:		auto;
	margin-right:		auto;
	z-index:			200;
	background: 		url('../images/kikker_pakkers_logo.png') no-repeat;
	behavior: 			url(scripts/iepngfix.htc);
}


#portfolioticker {
    position:			absolute;
    top:                75%;
    z-index:			300;
    overflow:           hidden
    }


/* CARROUSEL */

#carrousel {	
	position:				absolute;
	width:					445px;
	height:					150px;
	margin:					143px 0 0 523px;
	background: 			url('../images/bg_carrousel.png') repeat-y right top;
	behavior: 				url(scripts/iepngfix.htc);
}

#carrousel_items{
	width:					200px; 	
	height:					150px; 
	display:				block; 
	overflow:				hidden; 
	float:					left;
	z-index:				1;
}

.carrousel_item_container{
  	width:					168px;
  	height:					100px;
  	padding:				15px 15px 25px 7px;
  	overflow:				hidden;
  	display:				none;
  	visibility:				hidden;
  	color:					#ffffff;
		font-size:			1.2em;
		line-height:		1.5em;
}

#carrousel_menu{
  	width:					245px;
  	height:					150px;
  	overflow:				hidden;
  	float:					left;
	z-index:				2;
}

#carrousel_menu_item1{
	display:				block;
	width:					245px;
  	height:					30px;
}

#carrousel_menu_item2{
	display:				block;
	width:					245px;
  	height:					30px;
}

#carrousel_menu_item3{
	display:				block;
	width:					245px;
  	height:					30px;
}

#carrousel_menu_item4{
	display:				block;
	width:					245px;
  	height:					30px;
}

#carrousel_menu_item5{
	display:				block;
	width:					245px;
  	height:					30px;
}

.carrousel_menu_item_container{
	width:					245px;
	height:					30px;
	overflow:				hidden;
	position:				absolute;
	z-index:				2;	
}

#carrousel_menu_item_container1{
	background: 			url('../images/carrousel_items.gif') no-repeat left -0px;
	text-indent:			-1000em; 
	overflow:				hidden;
}

#carrousel_menu_item_container2{
	background: 			url('../images/carrousel_items.gif') no-repeat left -30px;
	text-indent:			-1000em; 
	overflow:				hidden;
}

#carrousel_menu_item_container3{
	background: 			url('../images/carrousel_items.gif') no-repeat left -60px;
	text-indent:			-1000em; 
	overflow:				hidden;
}

#carrousel_menu_item_container4{
	background: 			url('../images/carrousel_items.gif') no-repeat left -90px;
	text-indent:			-1000em; 
	overflow:				hidden;
}

#carrousel_menu_item_container5{
	background: 			url('../images/carrousel_items.gif') no-repeat left -120px;
	text-indent:			-1000em; 
	overflow:				hidden;
}



#carrousel_menu_item_container1_hover{
	background: 			url('../images/carrousel_items.gif') no-repeat right -0px;
	text-indent:			-1000em; 
	overflow:				hidden;
	opacity:				0;
	filter:					alpha(opacity: 0);
}

#carrousel_menu_item_container2_hover{
	background: 			url('../images/carrousel_items.gif') no-repeat right -30px;
	text-indent:			-1000em; 
	overflow:				hidden;
	opacity:				0;
	filter:					alpha(opacity: 0);
}

#carrousel_menu_item_container3_hover{
	background: 			url('../images/carrousel_items.gif') no-repeat right -60px;
	text-indent:			-1000em; 
	overflow:				hidden;
	opacity:				0;
	filter:					alpha(opacity: 0);
}

#carrousel_menu_item_container4_hover{
	background: 			url('../images/carrousel_items.gif') no-repeat right -90px;
	text-indent:			-1000em; 
	overflow:				hidden;
	opacity:				0;
	filter:					alpha(opacity: 0);
}

#carrousel_menu_item_container5_hover{
	background: 			url('../images/carrousel_items.gif') no-repeat right -120px;
	text-indent:			-1000em; 
	overflow:				hidden;
	opacity:				0;
	filter:					alpha(opacity: 0);
}

.carrousel_menu_item{
	width:					245px;
	height:					30px;
	overflow:				hidden;
	position:				absolute;
	z-index:				1;
}

.carrousel_menu_item h1{
	display:				block;
	margin-bottom:			3px;
	font-family:			Georgia, "Times New Roman", Times, serif;
	color:					#ff0099;
	font-size:				18px;
}

.carrousel_menu_item h2{
	display:				block;
	font-family:			Georgia, "Times New Roman", Times, serif;
	color:					#330000;
	font-size:				22px;
}

.carrousel_menu_item_container h1{
	display:				block;
	margin:					12px 0 3px 0;
	font-family:			Georgia, "Times New Roman", Times, serif;
	color:					#99bb33;
	font-size:				18px;
	
}

.carrousel_menu_item_container h2{
	display:				block;
	font-family:			Georgia, "Times New Roman", Times, serif;
	color:					#330000;
	font-size:				22px;
}


/* ================================ +
              PROJECTEN
+  ================================ */

#portfolioNoFlashoverzicht a{
  color:         #000000
}

#project_header {
	position:			absolute;
	width:				618px;
	margin-left:		180px;
	margin-top:			-10px;
	padding-left:		22px;
}

#project_title {
	font-size:			25px;
	font-weight:		normal;
	line-height:		30px;
}

#project_info{
	position:			absolute;
	width:				164px;
	margin:				0 0 0 835px;
	top:					230px;
	font-size:		1.2em;
}

#project_info a { 
    color:              #000000
  }

#more_info {
	width:				640px;
	margin-left:		auto;
	margin-right:		auto;	
	padding-bottom:		180px;
	background: 		url('../images/footer_kikker.png') no-repeat left bottom;
	behavior: url(scripts/iepngfix.htc);
}

#more_info_left {
	width:				292px;
	padding:			20px;
	float:				left;
	color:				#ffffff;
}

#more_info_left a{
	font-size:	1.2em;
	line-height:1.4em;
}

.tag {
color:	#00aaff;
font-size:	1.1em;
}

#more_info_right {
	width:				268px;
	padding:			20px;
	float:				left;
	color:				#ffffff;
}

.also_made {
	width:				343px;
	height:				20px;
	margin-bottom:		5px;
	background: 		url('../images/ook_voor_deze_klant_gemaakt.gif') no-repeat;
	text-indent:		-1000em; 
	overflow:			hidden;
}

.who_works_on_it {
	width:				343px;
	height:				20px;
	margin-bottom:		5px;
	background: 		url('../images/welke_parkers_werkten_hieraan.gif') no-repeat;
	text-indent:		-1000em; 
	overflow:			hidden;
}

.related_projects {
	width:				343px;
	height:				20px;
	margin-bottom:		5px;
	background: 		url('../images/gerelateerde_projecten.gif') no-repeat;
	text-indent:		-1000em; 
	overflow:			hidden;
}

.also_made_image {
	display:			block;
	width:				65px;
	height:				65px;
	margin:				0 0 3px 0;	
}

.parker {
	width:				65px;
	height:				120px;
	margin:				0 0 10px 8px;
	float:				left;	
}

.parker a {
    line-height:        13px;
}

.parker_image {
	width:				65px;
	height:				65px;
}


/* CARROUSEL */

#carrousel_protector {
	position:			absolute;
	width:				100%;
	overflow:			hidden;
	z-index:			300;
}

#carrousel_container {
	width:				999px;	
	height:				456px;
	margin-top:			30px;
	position:			relative;
}

.carrousel_item {
	position:			absolute;
	width:				68px;
	background:			#cccccc;	
	border:				1px solid #888888;
	overflow:			hidden;
	cursor:				pointer;
}


#carrousel_container #inProcess {
	position:			absolute;
	top:				135px;
	width:				24px;
	height:				24px;
	margin-left: 		489px;
	background-image: 	url('../images/loader.gif'); 
	background-repeat:	no-repeat;
}



/* ================================ +
            PAKERSDETAIL
+  ================================ */

#parkers_namen {
	width:				640px;
	height:				60px;
    color:              #ffffff;
	margin-left:		auto;
	margin-right:		auto;
    padding:           10px 0 0 0;
}
  
#parker_header {
	position:			absolute;
	width:				375px;
	margin:				57px 0 0 180px;
	padding-left:		22px;
	padding-top:		15px;
	background:			url('../images/bg_333333_65opacity.png');
	behavior: 			url(scripts/iepngfix.htc);
	z-index:			200;
}

#parker_name {
	font-size:			25px;
	font-weight:		normal;
	line-height:		30px;
	color:				#ffffff;
}

#parker_info {
	position:			absolute;
	width:				360px;	
	margin:				0 0 0 640px;
	top:				300px;	
	color:				#ffffff;
	background:			url('../images/bg_333333_65opacity.png');
	behavior: 			url(scripts/iepngfix.htc);
	z-index:			200;
}

#parker_info_header {
	height:				30px;
	background:			#333333 url('../images/parker_info_header.gif');
}

#parker_info_content {
	padding:			12px 12px 12px 12px;
}

#parker_info_content_left {
	width:				156px;
	float:				left;		
}

#parker_info_content_right {
	width:				156px;	
	float:				left;	
	margin-left:		24px;
}

#parker_info_content_left .project {
	width:				150px;
	height:				70px;
	margin:				0 0 10px 2px;
}

#parker_info_content_left .project img {
	width:				65px;
	height:				65px;
	margin:				0 10px 0 0;
	float:				left;	
}

#parker_info_content_left .project span {
	width:				75px;
	float:				left;	
}



/* ================================ +
                CONTACT
+  ================================ */

#adres {
	position:			absolute;
	width:				331px;	
	margin:				50px 0 0 179px;	
	color:				#ffffff;
	background:			url('../images/bg_333333_65opacity.png');
	behavior: 			url(scripts/iepngfix.htc);
}

#header_adres {
	height:				30px;
	background:			#333333 url('../images/header_contact_adres.gif');
}

#content_adres {
	width:				311px;
	padding:			12px 12px 12px 12px;
}

#routebeschrijving {
	position:			absolute;
	width:				331px;	
	margin:				150px 0 0 620px;
	color:				#ffffff;
	background:			url('../images/bg_333333_65opacity.png');
	behavior: 			url(scripts/iepngfix.htc);
}

#header_route {
	height:				30px;
	background:			#333333 url('../images/header_contact_routebeschrijving.gif');
}

#content_route {
	width:				311px;
	padding:			12px 12px 12px 12px;
}

#subheader_auto {
	display:			block; 
	width:				91px;
	height:				26px;
	overflow:			hidden;
	text-indent:		-1000em; 
	background:			url('../images/subheader_auto.png');
	behavior: 			url(scripts/iepngfix.htc);
}

#subheader_ov {
	display:			block; 
	width:				91px;
	height:				26px;
	overflow:			hidden;
	text-indent:		-1000em; 
	background:			url('../images/subheader_ov.png');
	behavior: 			url(scripts/iepngfix.htc);
}


.klantcolom {
    text-align: center;
    }