/*
Theme Name: CarryMate
Theme URI: http://carrymate.eu
Description: CarryMate Inklap Aanhangwagens
Version: 0.2 (basis)
Author: Coen van Doorne & Tommy Seijkens
Author URI: 
Tags: carrymate, aanhangers
*/


/* Aparte stylesheets */
@import "modellen.css"; /* Pagina modellen detail */
@import "overzichtmodellen.css"; /* Pagina overzicht modellen*/
@import "voorpagina.css"; /* Voorpagina CarryMate */


/* Reset */
@import "reset.css";

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


/* ---------------------
	=Body 
	Bordercolor: #e3e3e3
	Textcolor: #666
	Titlecolor: #09F
   --------------------- */ 

html { height: 100%; }

body {
	min-height: 100%;
	max-height: 100%;
	

}
   
body {
	color: #b2b3b1;
	font-family: Helvetica, Arial;
	font-size: 11px;
	background-color: #fcfcfc;
	text-align: center;
}



a {outline: none; text-decoration: none;  }
a:hover { cursor:hand; text-decoration: none;  }

/* ---------------------
	=Wrapper
   --------------------- */ 
#wrapper { margin: 0px auto; width: 900px; text-align: left; height: 100%; }
#header, #menu, #title, #main, #footer  {width: 900px; height: auto; }




/* ---------------------
	=Header
   --------------------- */   
#header {
	height: 70px;	
}

	/* Banner */
	#banner {
		float: left;
		width: 581px;
		height: 70px;
		background-image: url(../images/header.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	/* Short */
	#short {
		float: left;
		width: 160px;
		height: 50px;
	}
		
		/* Short UL */
		#short ul
		{
		 margin-top: 19px;
		 float: right;
		 margin-right: 10px;
		}
		
		/* Short LI */
		#short li
		{
		display: inline;
		list-style-type: none;
		margin-right: 10px;
		}
		
		/* Short A */
		#short li a
		{
		font-size: 10px;
		text-decoration: none;
		color: silver;
		}
		
		/* Short A:HOVER */
		#short li a:hover, .textopmaak:hover
		{
		text-decoration: none;
		color:gray;
		}

	/* Lang */
	#lang {
		float: left;
		padding-top: 13px;
		width: 130px;
		height: 50px;
	}





/* ---------------------
	=Menu (navigatie naar pagina's)
   --------------------- */ 

#menu { margin-top: 20px; }

.menu_title {
	color: white;
	font-family: Verdana;
	font-size: 12px;
	margin-top: 13px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}
	/* Menu UL */
	#menu ul { list-style-type: none; height: 39px; /* van alle buttons */ }
	
		/* Menu LI */
		#menu ul li { display: inline; }
		
			/* Menu A */
			#menu ul li a { outline: none; }
			
	/* Menu Space */
	.menu_space {
		width: 2px;
		height: 39px;
		background-image: url(../images/menu/space.png);
		float: left;
	}

/* Menu A */
a.bn_carrymate, a.bn_carrymate_active, 
a.bn_modellen, a.bn_modellen_active, 
a.bn_accessoires, a.bn_accessoires_active,
a.bn_kopenhuren, a.bn_kopenhuren_active,
a.bn_nieuws, a.bn_nieuws_active,
a.bn_beurzen, a.bn_beurzen_active,
a.bn_laatste, a.bn_laatste_active /* nog toe te voegen */
{
	margin: 0px;
	padding: 0px;
	display: block; 
	float: left;
	background-position: left center;
	height: 39px;
}

/* Menu A:HOVER en ACTIVE */
a.bn_carrymate:hover, a.bn_carrymate_active 
{ width: 109px;  background-image: url(../images/menu/bn_carrymate.png); background-position: right center; }
a.bn_carrymate { width: 109px; background-image: url(../images/menu/bn_carrymate.png); }

a.bn_modellen:hover, a.bn_modellen_active 
{ width: 116px;  background-image: url(../images/menu/bn_modellen.png); background-position: right center; }
a.bn_modellen { width: 116px; background-image: url(../images/menu/bn_modellen.png); }

a.bn_accessoires:hover, a.bn_accessoires_active 
{ width: 127px;  background-image: url(../images/menu/bn_accessoires.png); background-position: right center; }
a.bn_accessoires { width: 127px; background-image: url(../images/menu/bn_accessoires.png); }

a.bn_kopenhuren:hover, a.bn_kopenhuren_active 
{ width: 130px;  background-image: url(../images/menu/bn_kopenhuren.png); background-position: right center; }
a.bn_kopenhuren { width: 130px; background-image: url(../images/menu/bn_kopenhuren.png); }

a.bn_nieuws:hover, a.bn_nieuws_active 
{ width: 97px;  background-image: url(../images/menu/bn_nieuws.png); background-position: right center; }
a.bn_nieuws { width: 97px; background-image: url(../images/menu/bn_nieuws.png); }

a.bn_beurzen:hover, a.bn_beurzen_active 
{ width: 98px;  background-image: url(../images/menu/bn_beurzen.png); background-position: right center; }
a.bn_beurzen { width: 98px; background-image: url(../images/menu/bn_beurzen.png); }

a.bn_laatste:hover, a.bn_laatste_active 
{ width: 211px;  background-image: url(../images/menu/bn_laatste.png); background-position: right center; }
a.bn_laatste { width: 211px; background-image: url(../images/menu/bn_laatste.png); }




/* ---------------------
	=Title 
   --------------------- */ 
#title { 
	background-repeat: no-repeat;
	height: 22px;
	margin: 20px 0px 0px 5px;

}
	/* Title P */
	#title p {
		color:#09F;
		font-size:24px; 
		font-family:Berlin Sans FB;
		
	}


/* ---------------------
	=Main (Content)
   --------------------- */ 
#main {
	background-color: white;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #e3e3e3;
	background-image: url(../images/bg_m.png);
	background-repeat: repeat-y;
	float: left;
	margin: 10px 0px -1px 0px;
	text-align:left;
	z-index: 888;
}

	/* Content Center */
	#content-center {
		margin:20px;
		height:100%;
	}

		/* Entry */
		#entry { float:left; width:480px; text-align: justify; line-height: 15px; margin-top:10px; color: #666; 	font-size: 9pt;  }
		#entry p { margin-bottom: 10px; }
		#entry-image { overflow: hidden; width: 150px; height: 100px;}
		#content-images img { margin:0px 0px 4px 0px; padding: 0px; }
		#entry li { list-style-type: circle; margin-left: 15px; }
		/* Content Title */
		#content-title {
			font-size:24px; 
			color: #0099ff; 
			font-family:Berlin Sans FB;
		}
		
		/* Content Time */
		#content-time { font-size:11px; }
		#content-time span { font-weight: bold; margin: 0px; padding: 0px; }

	/* Content Left */
	#content-left {
		background: #f7f7f7;
		float: left;
		height: 100%;
		margin-top: 0px;
		width: 200px;
		z-index: 1;
	}
	
	/* Content Right */
	#content-right {
		background-color: white;
		bottom: 0px;
		float: right;
		margin-top: 0px;
		height:100%;
		width: 699px;
		z-index: 100;
	}	
	
		#content-images {
			width: 150px;
			float: right;
		}
	
	
    /* ----- Round borders -----*/
x	#hoek-boven-links {
		float: left;
		position: absolute;
		background-image: url(../images/hoek-boven-links.png);
		z-index: 999;
		height: 4px;
		width: 4px;
		left:0px;
	}
	
x	#hoek-boven-rechts {
		right: -1px;
		float: right;
		border-color: #ffde48;
		border-width: 1px;
		border-style: solid;
		position: absolute;
		background-image: url(../images/hoek-boven-links.png);
		z-index: 999;
		height: 4px;
		width: 4px;
	}
	



/* ---------------------
	=Navigatie (navigatie items)
   --------------------- */ 
   
#navlist  {
	list-style-type: none;
	margin:0px;
	font-size: 11px;
					
}

	/* Menu 2 - UL */
	#navlist ul {
		margin:0px;
		padding-left: 0px;
		display:block;
		width: 200px;		
	}
		
		/* Menu 2 - LI */
		#navlist ul li {
			height: 45px;
			display:block;	
		}

			/* Menu 2 - A */
			#navlist ul li a {
				width: 200px;
				height: 33px;
				padding-top: 14px;
				margin: 0px;
				display: block;
				color: #666;
				text-indent:30px;
				text-decoration: none;	
							
			}
			
			/* Menu 2 - A:HOVER */
			#navlist a:hover {
				width: 200px;
				height: 33px;
				padding-top: 14px;
				display:block;
				color: #0099ff;
				background-color: #eaeded;
			}
			
			/* Menu 2 - ACTIVE en ACTIVE:HOVER */
			#navlist .active, #navlist .active:hover{
				background-color: white;	
				border-bottom: 1px solid #d7d7d7;	
				border-top: 1px solid #d7d7d7;		
				z-index: 998;
				height: 29px;		
				color:#09F;
				font-size: 11px;
				text-decoration: none;
				margin:0px;
				display: block;
				width: 201px;
				margin-left:0px;
				padding-top:14px;
				text-indent:30px;
				margin-top: -1px;
			}



/* ---------------------
	=Footer
   --------------------- */ 
#footer {
	
	margin-top: 15px;
	width: 901px;
	height: 42px;
	float: left;
	clear: both;

	background-image: url(../images/ft_mid.png);
}


#footer p {	margin-top: 15px; text-align: center; }
#footer img { margin: 2px 0px 0px 40px; text-align: center; }

	#footer_mid {
	width: 889px;
	height: 40px;
	border-width: 1px 0px 1px 0px;
	border-color: #e3e3e3;
	border-style: solid;
	float: left;
	}
	
		#footer_left {
			width: 6px;
			height: 42px;
			background-image: url(../images/ft_left.png);
			float: left;
		}
	
		#footer_right {
			width: 6px;
			height: 42px;
			background-image: url(../images/ft_right.png);
			float: right;
		}
	
			#footer_vak1 {
				width: 80px;
				height: 40px;
				border-right: 1px solid #e3e3e3;
				float: left;		
				
			}
						
			#footer_vak2 {
				width: 160px;
				height: 40px;
				border-right: 1px solid #e3e3e3;
				float: left;
				color: #666;
			}
			
			#footer_vak3 {
				width: 350px;
				height: 40px;
				border-right: 1px solid #e3e3e3;
				float: left;
				text-align: left;
				
			}
			
			/* ------------------------
			Coen add niet schrikken :-) 
			Opmaak text in footer text
			-------------------------*/
			
				.textopmaak {
					text-transform: uppercase;
					color:#666;
					font-size: 11px;
					text-decoration: none;
					}
					
			/* ------------------------
			Einde opmaak footer text
			-------------------------*/
			
			#footer_vak4 {
				width: 280px;
				height: 40px;
				float: left;
				margin-top: 7.5px;
				margin-left: 15px;
				
			}
			
			/* ------------------------
			Coen add niet schrikken :-) 
			Lijnt rechter footer icons 
			uit + opmaak/hover.
			-------------------------*/
			
				.tufrdwicon {
					width: 45px;
					height: 27px;
					display: block;
					text-decoration: none;
					background-repeat:no-repeat;
					background-image:url(../images/footer/rdwicon.gif);
					float: left;
					margin-left: 55px;
				}
				.tufisoicon {
					width: 66px;
					height: 27px;
					display: block;
					text-decoration: none;
					background-repeat:no-repeat;
					background-image:url(../images/footer/isoicon.gif);
					float: left;
					margin-left: 10px;
				}
				.tuftuficon {
					width: 29px;
					height: 27px;
					display: block;
					text-decoration: none;
					background-repeat:no-repeat;
					background-image:url(../images/footer/tuficon.gif);
					float: left;
					margin-left: 10px;
				}
				.tufrdwicon:hover {
					background-position: bottom right;
				}
				.tufisoicon:hover {
					background-position: bottom right;
				}
				.tuftuficon:hover {
					background-position: bottom right;
				}

		   /* ---------------------
			Einde footer uitleining
		   ----------------------*/


#content-images {
	width: 150px;
	float: left;
	margin-left:25px;
	

}

td { 
	border: 1px solid #e3e3e3; 
	height: 15px;
	padding: 3px 6px 3px 6px;
	background-image: url(../images/gradient.png);
	}
	
table { margin-bottom: 10px; width: 650px; text-align: left;}



#normal-left, #normal-right {
	background-color: white;
	color: #7a7a7a; 

	float: left;
	font-size: 9pt;
	line-height: 15px;	
	margin: 20px 0px 20px 20px;
	text-align: justify;
	width: 420px;
x	border-left: 1px solid #666;
	
	}
	
#normal-left h1, #normal-right h1 {
	font-size:20px; 
	color: #0099ff; 
	font-family:Berlin Sans FB;
	line-height: normal;
	text-align: inherit;
	font-weight: normal;
	}

#normal-left p { padding-bottom: 10px;}

label {font-size:12px;margin:0 0 0 0; padding:0;}
input, textarea {font:1em Arial, Helvetica, sans-serif; color:#282828; border:1px solid #CDCDCD; font-size:12px; height: 16px;	width:280px; margin:5px 0 0 0; }


textarea {width:280px; height:200px; }
.flabel {width: 130px; float: left;}
.fsubmit input { background-color: white; border: 1px solid silver; float: right; }

#informatievak {width: 480px; margin-top: 10px;}
#informatievak img { vertical-align: middle;}
#agenda, #informatie { width:240px; float: left;}
#agenda h3, #informatie h3 { color: black; font-size: 14px; font-weight:  bold; margin-bottom: 3px; }