/*
Theme Name: Telefoonservice
Theme URI: http://www.telefoonservice-den-bosch.nl/
Description: ....
Author: Mersin Karisik
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/* Reset css  */
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: #000;
}
body {
	line-height: 1;
	font-family: arial,helvetica,sans-serif;
	font-size:12px;
}
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%;}

/* Mijn CSS Stijle */
.topLine { height: 30px; border-bottom: 1px solid #fff; background: url(images/top_line.gif) repeat-x; }
.divWrapper { height: 400px; background: url(images/header_wrapper_bg.jpg) repeat-x; border-bottom: 1px solid #ebebeb; }
.header { width: 984px; margin: 0 auto; min-height: 436px; }
.headerTop { height: 87px; }
/* Social Icons */
.social { display: block; height: 87px; width: 220px; float: left; background: url(images/social.png) no-repeat; text-indent: -99999px; }

/* Logo */
.social { display: block; height: 87px; width: 220px;}
.social h1 { text-indent: -99999px; }
.social h1 a { display: block; width:  335px; height: 87px;  }
/* Telefoon */
.header .telefoon { width: 189px; height: 87px; margin-right: 25px; float: right; background: url(images/telefoon.png) no-repeat left center; }
.header .telefoon h4 { font-family: "Century Gothic"; font-size: 25px; line-height: 87px;  color: #2673a2; float: right; font-weight: 100; }
/* Menu */
.menu-top-navigation-container { height: 47px; background: url(images/menu_bg.jpg) -4px 0px no-repeat; }
.menu-top-navigation-container ul { display: block; height: 47px; padding: 10px 0px 0px 45px; }
.menu-top-navigation-container ul li { display: block; float: left; height: 47px; margin-right: 2px; }
.menu-top-navigation-container ul li a { display: block; height: 30px; line-height: 30px; padding: 0px 9px 0px 9px; text-decoration: none; color: #333; font-family: Verdana; font-size: 12px; }
.menu-top-navigation-container ul li a:hover { display: block; height: 30px; line-height: 30px; background:#2673a2; border-radius: 7px; padding: 0px 9px 0px 9px; text-decoration: none; color: #fff; font-family: Verdana; font-size: 12px;  }
.menu-top-navigation-container ul li.current_page_item a { display: block; height: 30px; line-height: 30px; background:  #2673a2; border-radius: 7px; padding: 0px 9px 0px 9px; text-decoration: none; color: #fff; font-family: Verdana; font-size: 12px; }
/* slider */
.slider { width: 952px; height: 240px; margin: 0 auto; background: url(images/foto.png) no-repeat; position: relative; }
.slider .pagdetitle { position: absolute; width: 467px; height: 49px; right: 18px; top: 172px; background: #f7f7f7; border-radius: 7px; padding-left: 10px; }
.slider .pagdetitle h2 { line-height: 49px;color: #2673a2; font-size: 18px; font-family: Arial; font-weight: 100; }
/* mijncontent */
.mijncontent { margin: 0 auto; width: 952px; border-left: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; }
.mijncontent .left { width: 550px; min-height: 481px; float: left; padding: 15px 10px 0px 13px; border-right: 1px solid #EBEBEB; background: url(images/foto.jpg) no-repeat right center ; }
.mijncontent .left h1 {color: #2673a2; font-family: Verdana;font-size: 19px;font-weight: 100;line-height: 45px; }
.mijncontent .left h2 {color: #2673a2; font-family: Verdana;font-size: 19px;font-weight: 100;line-height: 45px; }
.mijncontent .left h3 {color: #2673a2; font-family: Verdana;font-size: 19px;font-weight: 100;line-height: 45px; }
.mijncontent .left h4 {color: #2673a2; font-family: Verdana;font-size: 19px;font-weight: 100;line-height: 45px; }
.mijncontent .left h5 {color: #2673a2; font-family: Verdana;font-size: 19px;font-weight: 100;line-height: 45px; }
.mijncontent .left h6 {color: #2673a2; font-family: Verdana;font-size: 19px;font-weight: 100;line-height: 45px; }
.mijncontent .left p { color: #333; line-height: 18px; margin-bottom: 5px; font-size: 12px; }
.extraRightBox { text-align: center; }
.mijncontent .right { width: 348px; float: right; border-radius: 7px; background: #2673A2; padding: 10px; margin: 5px; }
.mijncontent .right h2 { line-height: 45px; color: #fff; font-size: 19px; font-family: Verdana; font-weight: 100; margin: 0px; padding: 0px;}
.mijncontent .right table { margin: 0px; padding: 0px; display: block; }
.mijncontent .right table tr { margin: 0px; padding: 0px; }
.mijncontent .right table tr td { margin: 0px; padding: 0px 0px 12px 0px; vertical-align: middle ; color: #fff; text-transform: uppercase; } 
.mijncontent .right table tr td.tdleft { width: 110px; }
.mijncontent .right table tr td input { float: right; width: 216px; border-radius: 5px; border: 1px solid #cccccc; height: 25px; padding: 0px 0px 0px 5px; color: #999; }
.mijncontent .right table tr td select { float: right;  width: 224px; border-radius: 5px; border: 1px solid #cccccc; height: 25px; padding: 4px 0px 0px 5px; color: #999; }
.mijncontent .right table tr td textarea {  border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #999999;
    font-family: "Verdana";
    font-size: 12px;
    height: 65px;
    padding: 0 0 0 5px;
    width: 342px; }
.mijncontent .right table tr td .button { background: none repeat scroll 0 0 #343435;
    border: 2px solid #FDFDFD;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-weight: 100;
    height: 45px;
    letter-spacing: 1px;
    line-height: 45px;
    margin-left: 70px;
    padding: 0 0 0 5px;
    width: 234px;
    float: none;
    }
.mijncontent .right table tr td span { margin: 0px; padding: 0px; float: left; font-size: 11px; text-transform: lowercase; color: #fff; font-size: 12px; }
.mijncontent .right table tr td span .tips input { height: 12px; width: 15px;  margin: 0px 10px 0px 0px; padding: 0px;  }    
 
/* Referentie */
.testemonialWrapper { height: 181px; background: #f7f7f7; padding: 0px 0px 10px 0px; } 
.testemonial { margin: 0 auto; width: 952px; height: 181px; overflow: hidden; }
/* Footer */
.footerWrapper { background:  #252525; height: 400px; border-top: 1px solid #fff; color: #fff;}
.footer { margin: 0 auto; width: 924px; height: 260px; color: #fff; }
.footer .widget-container { width: 320px; float: left; padding-top: 15px; }
.footer .widget-container h3 { color: #fff; font-size: 21px; font-weight: 100; margin-bottom: 10px; }
.footer .widget-container ul { }
.footer .widget-container ul li { line-height: 19px; }
.footer .widget-container ul li a { color: #fff; text-decoration: none; }
.footer .widget_pages { width: 275px; }
.footer .widget_categories { width: 225px; }
.footer .widget_archive { float: right; width: 85px; }
.footer .widget_tag_cloud { width: 981px; text-align: center; }
.footer .widget_tag_cloud .tagcloud a { color: #666; text-decoration: none; }
.footer .widget_tag_cloud .tagcloud a:hover { color: #fff; text-decoration: none; }
.footer .widget_tag_cloud h2 { display: none; }

.footer .copyrigt { margin-top: 15px; padding-top: 10px; border-top: 1px solid #ddd; }
.footer .copyrigt p { color: #ddd; float: left; }
.footer .menu-footer-navigation-container { float: right; }
.footer .menu-footer-navigation-container ul {}
.footer .menu-footer-navigation-container ul li { display: block; float: left; padding-left: 10px; }
.footer .menu-footer-navigation-container ul li a { color: #ddd; text-decoration: none; }

.footer .menu-adwords-navigation-container { float: right; }
.footer .menu-adwords-navigation-container ul {}
.footer .menu-adwords-navigation-container ul li { display: block; float: left; padding-left: 10px; }
.footer .menu-adwords-navigation-container ul li a { color: #ddd; text-decoration: none; }

.page-template-ads-php .footerWrapper { background:  #252525; height: 50px; border-top: 1px solid #fff; color: #fff;}
.page-template-ads-php .footer { height: auto; }


.page-template-bedankt-php .mijncontent .left { width: 939px; min-height: 300px; float: left; padding: 15px 0px 0px 13px; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; }
.page-template-overzicht-php .mijncontent .left { width: 939px; min-height: 300px; float: left; padding: 15px 0px 0px 13px; border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB; }