/*
Theme Name: Supportpunt
Theme URI: http://www.triptic.nl/
Description: Custom theme for Supportpunt Eindhoven.
Version: 1.6
Author: Willem van Berlo
Author URI: http://binarybonsai.com/
Tags: 
*/


/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q, 
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }

html 			{ height: 100%; }
body 			{ height: 100.2%;  font-family: arial, verdana, sans-serif; font-size: 62.5%; behavior: url('htc/csshover.htc'); }
img				{ border-width: 0; behavior:url('htc/pngbehavior.htc'); }

.error, .alert { color: #ff0000; }

.clearfix:after { content: '.';  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

h1  							{ color: #455e89; font-size: 2.4em; font-weight:bold; margin-bottom:10px; }
h2  							{ color: #1c1c1c; font-size: 1.6em; font-weight:bold; margin-bottom:4px; line-height:1.1em; }
h3  							{ color: #455e89; font-size: 1.6em; font-weight:bold; margin-bottom:4px; }
h4  							{ color: #1c1c1c; font-size: 1.4em; font-weight:bold; margin-bottom:4px; }
h5  							{ color: #455e89; font-size: 1.4em; font-weight:bold; margin-bottom:4px; }
h6  							{ color: #1c1c1c; font-size: 1.2em; font-weight:bold; margin-bottom:4px; }

/* tempalte positioning elements */
/* to center the website */
div.wrapper 							{ position: relative; width: 988px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -224px; padding: 0; text-align: left; background:url(images/default/bg_border_shadow.gif) 0 0 repeat-y; }
div.header								{ display:inline-block; padding:20px 20px 30px 20px; width:948px; }
div.main								{ display:inline-block; padding:0 20px; margin:0 0 240px; width:948px; }
div.footer								{ position:absolute; width:100%; background:url(images/default/footer_supportpunt.gif) 50% 0 no-repeat; height:224px; z-index:10; }

/*header*/
div.logo								{ float:left; width:220px; }
div.servicemenu							        { float:right; width:246px; text-align:right; }
div.serviceitems ul						{ height:1.2em; margin:48px 0 0 0; float:right }
div.serviceitems ul li					{ display: block; float: left; list-style: none; border-left:1px solid #888071; }
div.serviceitems ul li:first-child		{ border-left:none; }
div.serviceitems ul li a					{ display:block; font-size: 1.1em; color:#888071; padding:0 4px; text-decoration:none; }
div.serviceitems ul li:hover a			{ text-decoration:underline; }

/*login button servicemenu*/
div.servicelogin ul						{ height:1.2em; margin:48px 0 0 0; float:right }
div.servicelogin ul li					{ display: block; float: left; list-style: none; border-left:1px solid #888071; }
div.servicelogin ul li a					{ display:block; font-size: 1.1em; color:#888071; padding:0 4px; text-decoration:none; }
div.servicelogin ul li:hover a			{ text-decoration:underline; }

/*main*/
/*menu*/
div.menu																				{ float:left; width:200px; margin:0 20px 0 0; }
/*parent*/
div.menu ul																				{}
div.menu ul li																			{ padding:0 0 10px; }
div.menu ul li a																		{ display:block; color:#1c1c1c; text-decoration:none; font-size:1.4em; font-weight:bold; }
div.menu ul li a:hover																	{ color:#455e89; }
div.menu ul li.current_page_item a                                                                                                            { color:#455e89; }
div.menu ul li.current_page_parent a,
div.menu ul li.current_page_ancestor a													{ color:#1c1c1c; }
div.menu ul li ul																		{}
div.menu ul li ul li																	{ display:none; }
div.menu ul li.current_page_parent ul li												{ display:block; }

/*parent - sub */
div.menu ul li.current_page_item		   												{}
div.menu ul li.current_page_item a	           											{}

div.menu ul li.current_page_item ul,
div.menu ul li.current_page_parent ul,
div.menu ul li.current_page_ancestor ul							  						{ margin:0 0 10px 18px; }

div.menu ul li.current_page_item ul li.page_item ul { margin-bottom:0px; } 
div.menu ul li.current_page_parent ul li.current_page_item ul    { margin-bottom:0px; }

div.menu ul li.current_page_item ul li,
div.menu ul li.current_page_parent ul li,
div.menu ul li.current_page_ancestor ul li												{ display:block; color:#1c1c1c; padding:0; margin:8px 0 0 0; }

div.menu ul li.current_page_item ul li a,
div.menu ul li.current_page_parent ul li a,
div.menu ul li.current_page_ancestor ul li a											{ display:block; text-decoration:none; font-size:1.3em; font-weight:bold; }

div.menu ul li.current_page_parent ul li.current_page_item a,
div.menu ul li.current_page_parent ul li a:hover,
div.menu ul li.current_page_item ul li a:hover											{ color:#455e89; }

div.menu ul li.current_page_item ul li ul li      	   									{ display:none; }
div.menu ul li.current_page_parent ul li.current_page_item    							{ display:block; color:red }
div.menu ul li.current_page_ancestor ul li.current_page_parent	   						{ display:block; }

/*parent - sub -sub */
div.menu ul li.current_page_ancestor ul li.current_page_parent a						{ color:#455e89; }
div.menu ul li.current_page_ancestor ul li.current_page_parent ul						{ display:block; padding:0; margin:0 0 0 18px; }
div.menu ul li.current_page_ancestor ul li.current_page_parent ul li a					{ display:block; color:#1c1c1c; text-decoration:none; font-size:1.3em; font-weight:bold; }
div.menu ul li.current_page_ancestor ul li.current_page_parent ul li a:hover,
div.menu ul li.current_page_ancestor ul li.current_page_parent ul li.current_page_item a{ color:#455e89; }


div.menu ul li.current_page_item ul li.page_item a,
div.menu ul li.current_page_ancestor ul li.current_page_parent a { color:#1c1c1c; }
div.menu ul li.current_page_parent ul li.page_item ul			{ display:none; }
div.menu ul li.current_page_parent ul li.current_page_item ul	{ display:block; }

/*content*/
div.content			{ float:left; width:476px; margin:0 50px 0 0; }
div.content p			{ color: #1c1c1c; line-height:1.3em; font-size:1.2em; margin:0 0 10px; padding:0; }
div.content a			{ color:#455e89; text-decoration:underline; }
div.content a:hover		{ color:#455e89; }
div.content a.gogo     		{ background:url(images/default/gogo_link.gif) 100% 50% no-repeat; padding:0 12px 0 0; }

/*div.content ul		{ list-style-position: outside; display: block; position: relative; list-style: disc; }*/
div.content ul			{ list-style-image:url(images/default/quote.gif); display:block; margin:0 0 10px;}
div.content ol                  { list-style-position: outside; display: block; position: relative; list-style: decimal; }

div.content ul li		{ margin-left: 2em; font-size:1.2em; line-height:1.6em }
div.content ol li		{ margin-left: 2em; font-size:1.2em; line-height:1.3em }
div.content ul li li		{ margin-left: 1.5em; font-size:1em; }
div.content ol li li		{ margin-left: 0.5em; font-size:1em; }

div.content ul ul,
div.content ol ul,
div.content ul ol,
div.content ol ol               { left: 1.2em; }

div.content div.list				{ display:inline-block; }
div.content div.list p				{ margin:0; }
div.content div.list div.date_cal		{ background:url(images/default/date_kalender.gif) 0 0 no-repeat; height:62px; width:68px; display:block; float:left; }
div.content div.list div.date_cal div.day	{ color:#455e89; font-size:2em; font-weight:bold; width:37px; padding:5px 5px 3px; text-align:center; }
div.content div.list div.date_cal div.month	{ color:#455e89; font-size:1.1em; font-weight:normal; width:37px; padding:0 5px; text-align:center; }
div.content div.list div.date_cal div.year	{ color:#FFFFFF; font-size:1.1em; font-weight:normal; width:37px; padding:7px 5px 0; text-align:center;}
div.content div.list div.list_content		{ float:right; width:408px; }
div.content div.list div.endlistitem            { width:100%; height:3px; margin:25px 0; background:url(images/default/sketch_line.gif) 0 0 no-repeat; display:block; }
div.content div.list a.gogo     		{ background:url(images/default/gogo_link.gif) 100% 50% no-repeat; padding:0 12px 0 0; }
div.content img                                 { margin: 0 10px 5px 0; }

/*attentionarea*/
div.attentionarea				{ float:left; width:202px; }
div.attentionarea p				{ font-size:1.2em; }
div.attentionarea a				{ color:#455e89; text-decoration:none; }
div.attentionarea a:hover			{ color:#455e89; text-decoration:underline; }
div.attentionarea a.gogo          		{ background:url(images/default/gogo_link.gif) 100% 50% no-repeat; padding:0 12px 0 0; }

/*testimonials*/
h2.widgettitle	{ display:none; }

/*ul.testimonial				{ background:url(images/default/testimonials_box_top.gif) 0 0 no-repeat; padding:4px 0 0 0; }*/
ul.testimonial                                  { border-top:2px solid #d2d0cc;}
ul.testimonial li				{ background:url(images/default/testimonials_box_bottom.gif) 0 100% no-repeat; padding:12px 12px 18px; }
ul.testimonial li img			        { }
ul.testimonial li h2			        { margin:2px 0; }
ul.testimonial li p				{}

span.testimonialimg                            { display:block; width:178px; overflow:hidden; text-align:center; margin:0 0 16px 0; }
ul.testimonial p.testimonial-subtitle          { font-style:italic; display:block; margin:0 0 10px; }
ul.testimonial span.testimonial-star           { background:url(images/default/quote.gif) 0 0 no-repeat; width:13px; float:left; }
ul.testimonial span.testimonial-excerpt p      { background:url(images/default/quote.gif) 100% 100% no-repeat; padding:0 3px 0 0; }

/*text widget*/
div.textwidget	{ border-top:2px solid #d2d0cc; background:url(images/default/testimonials_box_bottom.gif) 0 100% no-repeat; padding:12px 12px 18px; line-height:1.3em; }
div.textwidget h2    { margin:2px 0 10px; }

/* form styles */
div.nieuwsbriefform form {width:410px;}
div.nieuwsbriefform form table tr { }
div.nieuwsbriefform form table tr td { padding: 0 0 5px 0; width:auto; }
div.nieuwsbriefform form table tr td font { padding: 0 10px 0 0; }
div.nieuwsbriefform form table tr td.header { padding: 20px 0 15px 0; }
div.nieuwsbriefform form table tr td.left { width:100px; }
div.nieuwsbriefform form table tr td.footer { padding: 15px 0 15px 0; }
div.nieuwsbriefform form table tr td input { border:1px solid #808284; margin:0 0 2px 0; width:220px; padding: 3px;}
div.nieuwsbriefform form table tr td input[type="radio"] { width:auto; border:none;}
div.nieuwsbriefform form table tr td input:hover { background: #D2D0CC none repeat scroll 0 0; }
div.nieuwsbriefform form table tr td input[type="submit"] { width:auto; float:right; background:transparent url(../../plugins/cforms/images/button-bg.gif) repeat-x scroll 0 0 !important; border-color:#D2D0CC #D2D0CC #ADADAD !important; border-style:solid !important; border-width:1px !important; cursor:pointer; font-size:0.8em; margin:10px 0 0 5px; padding:5px; width:100px;}


div.content form                        { margin:10px 0 0 0; width:100%; }
div.content form table			{  }
div.content form table tr td		{ vertical-align:top; }
div.content form label			{  }
div.content form span.formerror         { color: #ff0000; }
div.content form span.formrequired      { color: #082C3C; font-weight: bold; }
div.content form input.radio            { }
div.content form input.checkbox         { }
div.content form .reqtxt,
div.content form .emailreqtxt           { font-style:italic; }
div.content form input.text		{ border:1px solid #808284; margin:0 0 2px 0; }
div.content form textarea,
div.content form select			{ border:1px solid #808284; }
div.content form button   		{ margin:20px 0 0 -8px; background:none; border:none; color:#a0b302; text-align:left; }
button   				{ background:#1C1C1C; color:#FFFFFF; border:none; cursor:pointer; }



div.content table { width:100% }
div.content table tr td { margin:0; vertical-align:top; font-size:1.2em; line-height:1.3em; }
div.content table tr td p { font-size:1em; }

/* customtable*/
div.content table.customtable { width:100% }
div.content table.customtable tr {}
div.content table.customtable tr td { border-bottom:1px solid #d2d0cc; padding:10px 0; margin:0; vertical-align:top; }
div.content table.customtable tr td h2 { color: #1c1c1c; font-size: 1.6em; font-weight:bold; line-height:1.1em; }
div.content table.customtable tr td img { padding:0 20px 0 0; }
div.content table.customtable tr td a   x       		{ background:url(images/default/gogo_link.gif) 100% 50% no-repeat; padding:0 12px 0 0; }

div.testimoniallist table { width:100% }
div.testimoniallist table tr td { border-bottom:1px solid #d2d0cc; padding:10px 0; margin:0; }
div.testimoniallist table tr td a.gogo          		{ background:url(images/default/gogo_link.gif) 100% 50% no-repeat; padding:0 12px 0 0; }

/* searchengine */
div.searchengine div.resultshead 		    	{ }
div.searchengine div.resultpagination			{ }
div.searchengine div.resultpagination span		{ display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid #eeeeee; }
div.searchengine div.resultpagination a 		{ display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid #eeeeee; text-decoration: none; }
div.searchengine div.searchstars 				{ font-size: 2em; margin: 0.5em 0 -0.5em 0; font-weight: bold; }
div.searchengine div.searchresultitle 			{ }
div.searchengine div.searchresultitle a 		{ }
div.searchengine div.searchresultlocation		{ font-style:italic; }
div.searchengine div.searchresultdescription a 	{ text-decoration: none; } 

code { font-family: arial, verdana, sans-serif; }