/*
Theme Name: MijnThema
Author: Mersin Karisik
Author URI: http://www.webyours.nl
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Mersin Karisik: http://www.webyours.nl
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #525253;
	text-decoration: none;
}
body {
	line-height: 150%;
	font-family: arial,helvetica,sans-serif;
	font-size:11px;
	color: #333333;
	background: #f8f6f7 url(images/body.gif) repeat-x; ;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* IE extra padding on buttons fix */
button::-moz-focus-inner{padding:0;border:none}

/* clearfix */
.clearfix {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
h1, h2, h3, h4, h5, h6 {font-family: Arial; font-size: 19px; margin-bottom: 10px; font-weight: 100;  }
/* MY CSS */
#wrapper { margin: 37px auto; width: 950px; }

/* Header */
.header { height: 65px; position: relative; margin-bottom: 15px; }
.header h2 { position: absolute; width: 200px; height: 104px; left: 0px; top: -35px; background: url(images/logo.jpg) no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.header h2 a { display: block; height: 104px; height: 200px; text-indent: -99999px; }
.header h3 { position: absolute; top: 24px; right: 0px; height: 35px; background: url(images/tel.png) no-repeat ; line-height: 35px; padding-left: 35px; }

/* menu */
.menu-top-menu-container { position: absolute; height: 68px; left: 225px; top: -28px; width: 500px; }
.menu-top-menu-container ul { display: block; margin: 0px; padding: 0px; }
.menu-top-menu-container ul li { display: block; float: left; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; border-right: 1px solid #62BDDA; }
.menu-top-menu-container ul li a { display: block;  text-decoration: none; font-size: 12px;  } 

/* mijncontent */
.mijncontent { border-radius: 10px; min-height: 450px; border: 1px solid #ecebec; background: #fff url(images/line.jpg) repeat-x 0px 350px; padding: 40px; position: relative; }
.mijncontent .left .entry-content { background: url(images/foto.jpg) no-repeat right -3px; min-height: 312px; }
.mijncontent .left { width: 645px; float: left; min-height: 400px; }
.mijncontent .left h1 { font-size: 26px; line-height: normal;  }
.mijncontent .left h2 { font-size: 21px; text-transform: uppercase; line-height: normal; margin-top: 10px; letter-spacing: 1px; }
.mijncontent .left p span { color: #b6bbbd; display: block; margin-bottom: 5px; }
.mijncontent .left p strong { color: #62BDDA; text-transform: uppercase; margin-bottom: 5px; display: block; }
.mijncontent .left ul { display: block; width: 600px; clear: both; }
.mijncontent .left ul li { margin-left: -19px; padding-left: 20px; display: block; float: left; width: 225px; margin-right: 15px; margin-bottom: 15px; background: url(images/li.jpg) no-repeat left top; }
.mijncontent .left ul li span { font-weight: bold; text-transform: uppercase; }
.mijncontent .right { float: right; width: 210px; position: absolute; right: 15px; top: 15px; height: 425; background: #62BDDA; border-radius: 10px; padding: 10px;	 }

.mijncontent .right table { margin: 0px; padding: 0px; display: block;}
.mijncontent .right table tr { margin: 0px; padding: 0px; }
.mijncontent .right table tr td { vertical-align: middle; margin: 0px; padding: 2px 0px 2px 6px;  color: #fff; font-size: 12px; text-transform: uppercase;} 
.mijncontent .right table tr td h4 { font-size: 21px; color: #fff; margin: 0px; padding: 0px; font-weight: 100; }
.mijncontent .right table tr td a { color:  #fff; text-transform: capitalize; font-size: 11px; display: block; text-align: center; }
.mijncontent .right table tr td input { width: 200px; border-radius: 5px; border: 1px solid #cccccc; line-height: 25px; height: 25px; padding: 0px 0px 0px 5px; color: #999;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.mijncontent .right table tr td textarea { width: 200px; border-radius: 5px; border: 1px solid #cccccc;height: 65px; padding: 0px 0px 0px 5px; color: #999; font-family: "Verdana"; font-size: 12px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.mijncontent .right table tr td span { text-transform: none; color: #fff; font-size: 10px; }
.mijncontent .right table tr td span span { display: block; float: left; margin-right: 10px; color: #fff; }
.mijncontent .right table tr td span span label { color: #fff; line-height: 18px; display: block; }
.mijncontent .right table tr td span span label input { display: block; width: 15px; height: 15px; float: left; }
.mijncontent .right table tr td select { width: 237px; border-radius: 5px; border: 1px solid #cccccc; height: 25px; padding: 4px 0px 0px 5px; color: #999; }
.mijncontent .right table tr td .button { width: 200px; background: #343435; border-radius: 5px; border: none; height: 35px; line-height: 35px; padding: 0px 0px 0px 5px; color: #fff; font-size: 15px; letter-spacing: 1px; font-weight: 100; border: 0px solid #fdfdfd; cursor: pointer;  }
.mijncontent .right table tr td .tips { width: 15px; height: 15px; } 

.footerWrapper { width: 868px; float: left; margin-top: 40px; }
.footerWrapper .widget-container { float: left; height: 70px; width: 25%; text-align: center; } 

.footer2 { width: 950px; margin: 0px auto; padding-top: 10px; }
.footer2 p {  float: left; }
.menu-footer-menu-container { float: right; }
.menu-footer-menu-container ul { display: block; float: right; }
.menu-footer-menu-container ul li { float: right; margin-left: 15px; }


/* page-id-59 */
.page-id-81 { background: none; }
.page-id-81 #wrapper { float: left; width: 689px; height: 285px; overflow: hidden; margin: 0px; }
.page-id-81 .header { display: none; }  
.page-id-81 .footer2 { display: none; }
.page-id-81 .mijncontent { width: 645px; padding: 20px; min-height: 250px; }
.page-id-81 .mijncontent .right { display: none; }
.page-id-81 .mijncontent .clearfix { display: none; }
.page-id-81 .mijncontent .footerWrapper { display: none; }

/* page-id-22 */
.page-id-22 { background: none; }
.page-id-22 #wrapper { float: left; width: 689px; height: 285px; overflow: hidden; margin: 0px; }
.page-id-22 .header { display: none; }  
.page-id-22 .footer2 { display: none; }
.page-id-22 .mijncontent { width: 645px; padding: 20px; min-height: 250px; }
.page-id-22 .mijncontent .right { display: none; }
.page-id-22 .mijncontent .clearfix { display: none; }
.page-id-22 .mijncontent .footerWrapper { display: none; }