/*
Theme Name: Classicus
Theme URI: http://www.classicus.nl/
Description: Classicus Default Style
Version: 1.0
Author: RZM

First load: http://yui.yahooapis.com/2.2.2/build/reset-fonts-grids/reset-fonts-grids.css

2007 RZM

*/

html { height: 100%; margin-bottom: 1px; } /* Forceer horizontale scrollbar*/

body {
background: #F2F3F5 url(images/bg-large.jpg) 0 0 repeat-x ;
background-attachment: fixed;
} 

/* 

1

Typografie 

*/

/*
1.1
Lettertypes en -groottes, marges 
*/

h1, h2, h3, h4, h5, h6, thead {
font-family: Georgia, Times New Roman, serif;
font-weight: normal;
line-height: 100%;
margin: 0.5em 0em 0.2em 0em;
}

h1	{
font-size: 182%%;
}

h2	{
font-size: 174%;
}

h3	{
font-size: 153.9%;
}

h4	{
font-size: 138.5%;
font-weight: bold;
}

h5	{
font-size: 138.5%;
}

h6	{
font-size: 123.1%;
}

p, blockquote, ul, ol, pre 	{
font-family: Lucida Grande, Tahoma, sans-serif;
font-size:  85%;
margin: 0.5em 0em 0.5em 0em;
line-height: 160%;
}

a, a:visited {
text-decoration:none; 
}

strong, b {
font-weight: bold;
line-height: 160%;
}

table {
font-family: Lucida Grande, Tahoma, sans-serif;
font-size:  85%;
}

em {
font-style: italic;
}

.block-front p {font-size: 85%;}

#ft p {
font-family: Lucida Grande, Tahoma, sans-serif;
font-size:  77%;
}


/*
1.2
Color
*/

h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, pre, strong, b, table {
color: #404040;
}

a, a:visited {
color: #c41230;
}

a:hover {
border-bottom: 2px solid #c41230;
}

#ft p {color: #999999}

blockquote {background-color:#FFC3D4; color:#902B45; border: 1px solid #902B45;padding:15px; margin-right:25px; font-size:12px;}



/*
1.3
Lists
*/

ul {
list-style-type: none;

}

ul li {line-height: 160%;}

ul li {background:url(images/extended-list-item.gif) left 5px no-repeat;
display:block;
padding:0px 0px 0px 15px;
margin-bottom: 4px;
vertical-align:top;}

ul.features {
list-style-type: none;
margin-bottom: 15px;
}

ol {
	list-style-type: decimal;
	list-style-position: inside;
}

li {
margin-bottom: 4px;
}	

ul.features li {
background:url(images/checkbox.gif) left 3px no-repeat;
display:block;
padding:0px 0px 0px 20px;
margin-bottom: 4px;
vertical-align:top;
}



/* 

2

Masthead / Primairy Navi / Secondary Nav / Footer

*/

#hd {
background: transparent url(images/top-bg.png) no-repeat bottom center;
padding: 15px 0 15px 0;
height: 58px;
}

#hd h1 {
background: url(images/logo.gif) -10px 0 no-repeat;
float: left;
}

#hd h1 a {
width: 190px;
height: 44px;
display: block;
}

#hd h1 a span {
display: none;
}

#hd h1 a:hover {
border:0;
}

#hd ul {
list-style-type: none;
display: inline;
list-style: none;
float: right;
margin:25px 15px 0 0;
_margin:25px 15px -15px 0;
}

#hd li {
display: block;
float: left;
padding-left: 1em;
background-image: none;
}

#hd li a {
font-family: Georgia, Times New Roman, serif;
font-size: 123.1%;
padding: 0 15px;
color: #404040;
height: 38px;
display: block;
float: left;
margin: 0;
}

ul#subnav {
padding: 0 0 10px 0;
}

#subnav li.current_page_item a {
color: #444;
font-weight: bold;
}

#hd li.current_page_item a {
font-family: Georgia, Times New Roman, serif;
border-bottom: 3px solid #c41230;

}

#hd li.current_page_parent a {
font-family: Georgia, Times New Roman, serif;
border-bottom: 3px solid #c41230;

}

#hd li a:hover {
font-family: Georgia, Times New Roman, serif;
border-bottom: 3px solid #c41230;
}

#hd li a:visited {
font-family: Georgia, Times New Roman, serif;
}

.mh {
height: 171px;
}		

.mh img {  
padding: 0; 
border:  0; 
background-color: transparent;  
width:  749px; 
height: 170px; 
top:  0; 
left: 0 
}	

#ft {
	border-top: 1px solid #cdcdcd;
	text-align: right;
	margin-top: 1em;
}
/* 

3

Blocks

*/

/*
3.1
Rounded corners, margins, etc
*/

.dialog {
position: relative;
margin: 0px auto;
min-width: 8em;
max-width: 760px;
z-index: 1;
margin-left: 12px;
margin-bottom: 0em;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
background: transparent url(images/blocks-bg.png) no-repeat top right;
_background-image: url(images/blocks-bg.png);
}

.dialog .content {
position: relative;
zoom: 1;

padding: 0px 5px 1px 2px;
}

.dialog .t {
position: absolute;
left: 0px;
top: 0px;
width: 12px;
margin-left: -12px;
height: 100%;
background-position: top left;
}

.dialog .b {
position:relative;
width:100%;
}

.dialog .b,
.dialog .b div {
height: 10px;
font-size: 1px;
}

.dialog .b {
background-position: bottom right;
}

.dialog .b div {
position: relative;
width: 12px;
margin-left: -12px;
background-position: bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
position: relative;
}

.dialog .wrapper {
position: static;
max-height: 1000px;
overflow: auto;
}

.dialog h1,
.dialog h2,
.dialog h3,
.dialog h4,
.dialog h5,
.dialog p {
margin: 0;
padding: 0.5em 0 0.5em 0;
}

.dialog h2 {padding: 1em 0 0 0}

/* 

4

Components

*/

/*
4.1
Accordion
*/

#accordion {
width:506px;
display:inline;
float:left;
overflow:hidden;
padding-bottom: 15px;
}

#accordion div {
margin:0px;
padding:5px;
width:495px;
}

#accordion p,
#accordion h6,
#accordion ul {
margin:0;
padding:0 15px;

}

#accordion h6 {padding:0.5em 0 0.2em 15px;}

#accordion h2 {
display:block;
background:url(images/ic_header_bg_glossy_norm.png) top left no-repeat;
font-size:1em;
font-weight:bold;
margin:13px 0px 0px 0px;
padding:0px;
width:506px;
height:28px;
cursor:pointer;
}

#accordion h2 a {
display:block;
/* background:url(images/ic_header_bg_glossy_norm.png) top left no-repeat; */
font-size:1em;
font-weight:bold;
color:#4D4D4D;
width:506px;
height:28px;
padding:4px 0px 0px 8px;
}

#accordion h2 a:hover {
display:block;
/*background:url(images/ic_header_bg_glossy_act.png) top left no-repeat;*/
font-size:1em;
font-weight:bold;
color:#D90011;
width:506px;
height:28px;
padding:4px 0px 0px 8px;
cursor:pointer;
border-bottom: none;
}

#accordion h2.act { /* toggled by the accordion script, needed for IE6 */
background:url(images/ic_header_bg_glossy_act.png) top left no-repeat;
color:#D90011;
cursor:pointer;
}

#accordion h2 a.red {color:#D90011; }

/*
4.2
Tables
*/

table {
width:95%;
border-top:1px solid #e3f1fe;
border-right:1px solid #e3f1fe;
border-collapse:collapse;
}
caption {
color: #9ba9b4;
font-size:.94em;
letter-spacing:.1em;
padding:0;
margin:1em 0 0 0;
margin-bottom:0;
caption-side:top;
text-align:center;
}	
tr.odd td,
tr.odd .column1 {
background:#f4f9fe url(images/background.gif) no-repeat;
}	
.column1	{
background:#f9fcfe;
}
td {
color:#678197;
border-bottom: 1px solid #e3f1fe;
border-left:1px solid #e5eff8;
padding:.3em 1em;
text-align:center;
}				
th {
font-weight:normal;
text-align:left;
border-bottom: 1px solid #e3f1fe;
border-left:1px solid #e5eff8;
padding:.3em 1em;
}	
thead th, tfoot th  {
background:#f4f9fe;
text-align:center;
color:#444;
text-align:center;
font-size:1.4em;
}	
tfoot th strong {
margin:.5em .5em .5em 0;
}		
tfoot th em {
font-weight: bold;
font-style: normal;
}

/* 

5

Dirty

*/

/*
5.1
Clearfix
*/

.clear {clear: both;}

/*
5.2
Contactform
*/

.contactform {
	position: static;
	overflow: hidden;
	font-family: Lucida Grande, Tahoma, sans-serif;
	font-size:  85%;
	line-height: 160%;
	margin: 0.5em 0em 0.5em 0em;
}

.contactform input,
.contactform textarea {
	font-size:  125%;
	padding: 2px 5px;
	border: 1px;
	border-color: #999 #444 #444 #999;
	border-style: solid;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;

	margin: 7px 0 5px;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;

	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

/*
5.3
Thickbox
*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#pics {overflow:hidden}

a img { border: none; } 
a:hover img { border: none; }

.partners {padding:5px;border:none;}
a.partners:hover {padding:5px;border:none;}

.block-front .content {
	height: 250px;
}

/* START DEBUG STYLES */
/*
div { border: 1px dashed #CCCCCC; }
div#bd { border: 1px dashed green; }
div.content {
	border: 1px dashed blue;
}
.dialog .content {
	padding-bottom: 0;
}
.dialog .t {
	border: 1px dotted blue;
	display: block;
}
*/
/* END DEBUG STYLES */