/*
Theme Name: Hama
Theme URI: 
Version: 1.0
Description: Hama
Author: Geert Beskers
*/

* {
	padding: 0px;
	margin: 0px;
	font-family: Arial;
	color: #000;
}

body {	
	background: #EAF7FC url(http://87.233.180.85/~hama/webwinkel/skin/frontend/hama/standaard/images_hama/background.jpg) repeat-x scroll 50% 0%;
	}


p { font-size: 12px; margin-bottom: 12px;}

img {border: none;}
.clear {clear: both;}

/* Utility classes */
.l { text-align: left }
.c { text-align: center }
.r { text-align: right }
.aligncenter { margin: 5px auto 15px auto;	display: block; }
.alignleft { margin: 5px 15px 5px 0; float: left; }
.alignright { margin: 5px 0px 5px 15px; float: right; }

.wrap, .col { float: left;	display: inline; position: relative; }
.wrap { clear: both }

.clear { clear: both }
.fl { float: left }
.fr { float: right }
.hide, .hidden, .anchor, .skip { display: none }
.nomargin { margin-bottom: 0 !important }
.noborder { border: 0 !important }
.top { margin-top: 0 !important }

.replace, .br { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

.hr { background: #ccc; height: 1px; margin: 1.5em 0 }
.hr hr { display: none }

/* Headlines */
h1, h2, h3{
	font-weight: normal;
	line-height: normal;
	letter-spacing:-1px;

	color: #5C5C5C;
	font: Arial;
	font-weight: bold;
	clear: both;
}

h1 { font-size:30px; }
h2 { font-size:26px; }
h3 { font-size:20px;}
h3 a{ font-size:20px;}
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }

/* Hyperlinks */
a, a:visited { color:#E65505; text-decoration: none; }
a:hover { color:#E65505; text-decoration:underline; }

:focus { outline:0; }


/* Begin Content */
#container{
	margin: auto;
	width: 990px;
	font-size: 12px;
	min-height: 500px;
	position: relative; 
}

#logo{
	left: -20px;
	position: absolute;
	top: -146px;
	z-index: 2;	
}

#banner {
	position: relative; 
	height: 158px; 
	width: 990px; 
}

/* Begin Menu */


#menu { 
	background: url(images/menu_bgr.gif) repeat-x;
	clear: both;
	height: 40px;
	margin-bottom: 10px;
	text-align: center;
	width: 990px;
	position: relative;
	}
#menu ul { 
	border-left: 1px solid #3A3A3A;
	border-right: 1px solid #080808;
	font-size: 16px;
	height: 40px;
	position: absolute;
	text-align: left;
	z-index: 3;
	margin-left: 71px;
}	

#menu .page_item{
	border-left: 1px solid #080808;
	border-right: 1px solid #3A3A3A;
	display: block;
	float: left;
	font-size: 13px;
	list-style-type: none;
	padding: 0px 10px 0px 10px;
	text-align: center;
	z-index: 999;
}

#menu .page_item a{
	color: white;
	display: block;
	height: 28px;
	padding-top: 12px;
	text-align: center;
	text-decoration: none;
}

#menu .page_item a:hover{
	text-decoration: underline;
}

#menu ul ul{
	position: absolute;
	z-index: 999;
	top: 40px;
	visibility: hidden;
	border: none;
	margin-left: -10px;
	
}

#menu ul li:hover ul{
	visibility:visible;
}

#menu ul ul .page_item{ padding: 0px; margin: 0px; border: none; clear: both; 	border-left: 1px solid #D5F2FA; border-right: 1px solid #D5F2FA; }
#menu ul ul .page_item:last-chil{ border-bottom: 1px solid #D5F2FA;}

#menu ul ul .page_item a {
	min-width: 210px;
	font-size: 12px;
	border: none;
	background-color: #de2f14;
	height: 24px;
	text-align: left;
	padding-left: 10px;
	padding-top: 9px;

}

#menu ul ul .page_item a:hover {
	color: #ffffff;
}

#s {
	border: none;
	color: #BFBFBF;
	font-size: 12px;
	height: 22px;
	margin-right: -3px;
	padding-left: 6px;
	position: relative;
	vertical-align: middle;
	width: 182px;
	float: right;
	margin: 9px 0px 0px 0px;
	outline: none;
}

#s:focus {
	color: #000000;
}

#s-button {
	margin: 9px 20px 0px 0px;
	float: right;
}

/* Einde Menu */

#content_wrapper {
	width: 950px;
	position: relative;	
	background-color: #ffffff;
	padding: 20px;
	min-height: 500px;
}

#content {
	width: 718px;
	position: relative;	
	float: left;
	min-height: 200px;
}

	
	
#sidebar {
	width: 215px;
	float: right;
	min-height: 200px;
	font-size: 11px;
}
.widget {
	margin-bottom: 20px;
}

.widget_title {
	background-color: #DE2F14;
	color: #ffffff;
	padding: 5px 15px 5px 15px;
	margin-bottom: 8px;
}

	.widget_title  h4{ color: #ffffff; font-size: 1.05em; display: block; font-weight: bold; margin: 0px;	}

.widget ul {
	list-style-image: url(images/list-style-img.gif);
	list-style-position: inside;
}

.widget ul li{
	border-bottom: 1px solid #cccccc;
	line-height: 27px;
	height: 26px;
}

/* Zoekresultaten */
.search_result{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #cccccc; clear: both; position: relative; }
.search_result *{float: none;}
/* Einde Content */

#footer {
	width: 990px;
	text-align: center;
	padding: 20px;
}


/* Elementen */
/* Tabel Rows */
#tabel 		{ border: 5px solid #D9F0FA; }
#tabel td	{ padding: 5px; }
#tabel .odd	{ background-color: #ffffff; } 
#tabel .even{ background-color: #D9F0FA; } 

/* Plugins */
/* Nieuwsbrief */
#optinform541267197933 *{font-size: 11px;}
#optinform541267197933 legent, #optinform541267197933 fieldset  {border: none;}
#optinform541267197933  label {display: none;}
#optinform541267197933 fieldset input  {
	border: #cccccc 1px solid;
	color: #000000;
	height: 22px;
	outline: none;
	padding-left: 6px;
	width: 208px;
	margin-bottom: 10px;
}
.wpmlbutton {float: right;}
#optinform541267197933 li {list-style-type: none; border: 0px;}
#optinform541267197933 .wpmlerror {margin-top: 10px;}

/* Google Maps */
.googleMap {border: #cccccc 1px solid; clear: both; }

/*Contact formulier */
.wpcf7, #wpcf7-f1-p48-o1 {width: 330px; float: right;  margin-right: 70px; z-index: 999;}
.wpcf7-form {width: 330px; margin-bottom: 20px;}
.wpcf7-form .input_veld, .wpcf7-form textarea{
	 border: #cccccc 1px solid;
	color: #000000;
	font-size: 12px;
	height: 22px;
	outline: none;
	padding-left: 6px;
	width: 215px;
	margin-bottom: 10px;
}
.wpcf7-form textarea{height: 150px; padding-top: 6px;}
.wpcf7-form .verzendbutton {
	background-color: transparent;
	background-image: url(images/button.gif);
	background-position: center center;
	border: none;
	color: white;
	cursor: pointer;
	padding: 0px 20px 0px 20px;
}
.wpcf7-validation-errors{display: none;}