/*
Theme Name: Aan Het Plein
Theme URI: http://www.aantplein.nl
Author: Mersin Karisik
Author URI: http://www.webyours.nl
Description: nog niks :)
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: #8A8A8A;
}
body {
	line-height: 150%;
	font-family: arial,helvetica,sans-serif;
	font-size:11px;
	background: url(images/body_bg.jpg);
	color: #525253;
}
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: 20px/40px 'SansationRegular',Verdana,sans-serif; font-size: 19px; margin-top:20px; margin-bottom: 9px; font-weight: 100; }
/* MY CSS */
 

.page-template-page-bell-php table { margin: 0px; padding: 0px; display: block;}
.page-template-page-bell-php table tr { margin: 0px; padding: 0px; }
.page-template-page-bell-php table tr td { margin: 0px; padding: 0px 6px 6px 0px;  color: #333; font-size: 12px; text-transform: uppercase;} 
.page-template-page-bell-php table tr td input { width: 200px; border-radius: 5px; border: 1px solid #cccccc; line-height: 20px; height: 20px; padding: 0px 0px 0px 5px; color: #999;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.page-template-page-bell-php table tr td textarea { width: 338px; 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;}
.page-template-page-bell-php table tr td span { text-transform: none; color: #fff; font-size: 10px; }
.page-template-page-bell-php table tr td span span { display: block; float: left; margin-right: 10px; color: #fff; }
.page-template-page-bell-php table tr td span span label { color: #fff; line-height: 18px; display: block; }
.page-template-page-bell-php table tr td span span label input { display: block; width: 15px; height: 15px; float: left; }
.page-template-page-bell-php table tr td select { width: 237px; border-radius: 5px; border: 1px solid #cccccc; height: 25px; padding: 4px 0px 0px 5px; color: #999; }
.page-template-page-bell-php table tr td .button { width: 234px; 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; margin-left: 70px; margin-top: 20px; }
.page-template-page-bell-php table tr td .tips { width: 15px; height: 15px; } 


.RegularS {color: #494949;font: 22px 'SansationRegular';}
.separatorFull { background: url(images/separator1.png) repeat scroll 0 0 #FFFFFF;   height: 45px; width: 980px; float: left;}
.wrapper { margin: 0 auto;position: relative;top: 50px; width: 980px; background: #fff; }
/* header */
.header { height: 96px; background: url(images/topbg.png) no-repeat; }
.header h2 { display: block; float: left; width: 145px; height: 96px; margin: 0px; padding: 0px;  }
.header h2 a { display: block; width: 145px; height: 96px; text-indent: -9999px; }
.header h3 { display: block; position: absolute; right: 50px; top: 14px; color: #313131;  }

/* menu */
.menu-top-menu-container { float: right; width: 750px; height: 50px; margin-top: 46px; } 
.menu-top-menu-container ul { display: block; }
.menu-top-menu-container ul li.current-menu-item { float: left; height: 46px; line-height: 50px; border-bottom: 4px solid #313131; background: url(images/menuhover.png) right top no-repeat; }
.menu-top-menu-container ul li:hover { float: left; height: 46px; line-height: 50px; border-bottom: 4px solid #313131; background: url(images/menuhover.png) right top no-repeat; }
.menu-top-menu-container ul li { float: left; height: 50px; line-height: 50px;}
.menu-top-menu-container ul li a { height: 46px; line-height: 46px; padding: 0px 13px 0px 13px; color: #fff; font-size: 15px; text-decoration: none }

/* Slogan */
.messageBox {  width: 900px; margin:  30px auto 0px	; height:  45px;}
.messageBox #text-2 { float: left; margin-right: 35px; width: 675px; font: 22px/26px 'SansationLight'; }
.messageBox #text-2 h3 { font: 22px/26px 'SansationLight'; font-weight: 100; }

.messageBox #text-3 { float: right; }
.messageBox #text-3 a { display: block; width: 190px; height: 69px; background: url(images/button.jpg) no-repeat; text-indent: -9999px; }

/* MijnContent */
.mijncontent .right p { color: #333; line-height: 19px; margin-bottom: 10px; font-size: 12px; }

.middle {  } 

.mijncontent { padding-top: 15px; background: url(images/footer_bg.png) no-repeat; margin: 0px 40px 0px 40px;; }
.mijncontent ul { display: block; margin-bottom: 15px; }
.mijncontent ul li {color: #333333; font-size: 12px; padding-left: 20px; line-height: 19px;  background: url(images/bullet-red.png) no-repeat scroll 0 1px transparent;}
.mijncontent .left { float: right; width: 360px; } 
.mijncontent .right { float: left; width: 500px; } 
.mijncontent .left .widget_text { position: relative; min-height: 60px; }
.mijncontent .left .widget_text img.dame { position: absolute; right: -80px; top: -82px; z-index: 555; }
.mijncontent .left #text-4 { background: #E63237; border-radius: 7px; padding: 5px 0px 15px 4px; }
.mijncontent .left #text-4 h2 { margin: 15px 10px 10px; padding-top: 10px; font-size: 19px; color: #fff; font-weight: 100; line-height: 30px; padding: 0;text-transform: uppercase;}
.mijncontent .left table { margin: 0px; padding: 0px; display: block;}
.mijncontent .left table tr { margin: 0px; padding: 0px; }
.mijncontent .left table tr td { vertical-align: middle; margin: 0px; padding: 6px 0px 6px 6px;  color: #fff; font-size: 12px; text-transform: uppercase;} 
.mijncontent .left table tr td a { color:  #fff; }
.mijncontent .left table tr td input { width: 200px; border-radius: 5px; border: 1px solid #cccccc; line-height: 20px; height: 20px; padding: 0px 0px 0px 5px; color: #999;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.mijncontent .left table tr td textarea { width: 338px; 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 .left table tr td span { text-transform: none; color: #fff; font-size: 10px; }
.mijncontent .left table tr td span span { display: block; float: left; margin-right: 10px; color: #fff; }
.mijncontent .left table tr td span span label { color: #fff; line-height: 18px; display: block; }
.mijncontent .left table tr td span span label input { display: block; width: 15px; height: 15px; float: left; }
.mijncontent .left table tr td select { width: 237px; border-radius: 5px; border: 1px solid #cccccc; height: 25px; padding: 4px 0px 0px 5px; color: #999; }
.mijncontent .left table tr td .button { width: 234px; 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; margin-left: 70px; }
.mijncontent .left table tr td .tips { width: 15px; height: 15px; } 

/* Footer */
.footerWrapper { background: #313131 url(images/twitterbott.png) no-repeat; padding-top: 25px; padding-bottom: 25px; }
.footer { margin: 0 auto; width: 945px; padding: 0px; color: #D8D8D8;  position: relative;}
.footer .widget-container { width: 315px; float: left; padding-top: 15px; color: #fff}
.footer .widget-container p{color: #fff}
.footer .widget-container strong{color: #fff}
.footer .widget-container h3 { color: #fff; font-size: 21px; font-weight: 100; margin-bottom: 10px; font-family: "Century Gothic"; }
.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; }


.footer2 .widget_tag_cloud { width: 945px; float: left; text-align: center; padding: 10px; }
.footer2 .widget_tag_cloud .tagcloud a { color: #554c4a; text-decoration: none; }
.footer2 .widget_tag_cloud .tagcloud a:hover { color: #554c4a; text-decoration: none; }
.footer2 .widget_tag_cloud h2 { display: none; }

.footer2 { width: 950px; height: 74px; padding: 10px 15px; color: #554c4a; background: url(images/footer2bg.png) right bottom no-repeat ; }
.footer2 .copyrigt { padding-top: 10px;  }
.footer2 .copyrigt p { color: #fff; float: left; }
.footer2 .menu-footer-menu-container { float: right; }
.footer2 .menu-footer-menu-container ul {}
.footer2 .menu-footer-menu-container ul li { display: block; float: left; padding-left: 10px; }
.footer2 .menu-footer-menu-container ul li a { color: #fff; text-decoration: none; }

.right ul.lcp_catlist { display: block; }
.right ul.lcp_catlist li { display: block; float: left; margin-right: 15px; width: 160px; }
.right ul.lcp_catlist li a { display: block; font-size: 16px; font-weight: 100; text-decoration: none; margin: 0px; padding: 0px; text-align: center; }

/* Twitter */
.footer .widget-twitter { position: absolute; width: 650px; height: 80px; top: -105px; left: 88px; padding: 0px; margin: 0px; line-height: 80px; }
.footer .widget-twitter h3 { display: none; }
.footer .widget-twitter ul { display: block; height: 80px; padding-top: 20px; }
.footer .widget-twitter ul li { height: 80px; line-height: 20px; color: #fff; font-size: 18px; }
.footer .widget-twitter ul li a { color: #fff; font-size: 14px; }

#twitter_widget {
    background: url(images/twitty.jpg) no-repeat scroll left center #2F9FD5;
    height: 80px;
    margin: 0 auto;
    width: 980px;
    position: relative;
}
a.link_twitter{display:block; width: 50px; height: 50px; position: absolute; left: 36px; top:15px;}
#twitter_widget_separator {
    background: url(images/twitter_bg.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    margin: 0 auto;
    width: 980px;
}
#twitterSets1 {
    color: #FFFFFF;
    float: left;
    font: 15px Lucida Sans Unicode,Lucida Grande,sans-serif;
    left: 100px;
    position: relative;
    top: 20px;
    width: 700px;
}
#twitterSets1 a {
    color: #FFFFFF;
    text-decoration: underline;
}
#twitterSets1 a:hover {
    color: #F1F1F1;
}
#tw_button {
    background: url("images/blue/alltweets.png") repeat scroll center top transparent;
    border-radius: 5px 5px 5px 5px;
    color: #2F9FD5;
    display: table;
    float: right;
    font: 18px 'LuxiSans',sans-serif;
    padding: 7px 24px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 1px #FFFFFF;
    top: 20px;
}
#tw_button:hover {
    color: #FFFFFF;
    text-shadow: none;
}
#tw_shadow {
    background: url("images/blue/tw_shadow.png") no-repeat scroll center top transparent;
    float: right;
    height: 10px;
    position: relative;
    top: 20px;
    width: 130px;
}