@import url('resetSettings.css');
@import url('standardSettings.css');
@import url('customSettings.css');

/* -----------------------------------*/
/* ------->>> BASIC LAYOUT <<<--------*/
/* -----------------------------------*/
:root{
 overflow-y:scroll;
}
html,body
{
	height:100%;
	background-color:#000000;
}
#wrap, #wrap135height, #wrapOverzicht, #wrap275height,.wrap, .wrap135height, .wrapOverzicht, .wrap275height
{
	width:890px;
	height:100%;
	margin:0 auto;
}
#wrapOverzicht,.wrapOverzicht
{
	height:auto;
	background-color:#FFFFFF;
	padding-bottom:72px;
}
.wrapTablePadding
{
	width:880px;
	padding-left:5px;
	padding-right:5px;
}
#wrap135height
{
	height:135px;
}
#wrap275height
{
	height:275px;
}
#wrapLeft, #wrapRight,.wrapLeft, .wrapRight
{
	background:url(../images/bg_sides.jpg);
	width:210px;	
	height:100%;	
	float:left;
}
#wrapMiddle,.wrapMiddle
{
	background:url(../images/bg_middle.jpg);
	width:430px;
	height:100%;
	float:left;
}
#wrap275height #wrapMiddle,#wrap275height .wrapMiddle
{
	background:url(../images/bg_middle.jpg) 0px 800px;
}
.empty
{
	width:10px;
	float:left;	
}
.emptyRight
{
	float:none;
}
#colMiddle,.colMiddle
{
	padding-top:27px;
}
#colLeft, #colRight,.colLeft, .colRight
{
	padding-top:195px;
	text-align:center;
}
#wrap275height #colRight, #wrap275height .colRight
{
	padding-top:229px;	
}
#krinsLogo
{
	position:relative;
	width:60px;
	top:-45px;	
	left:744px;
}
#collectieOver, #overzichtOver, #modellenOver
{
	position:relative;	
	width:880px;
	margin:0 auto;	
	left:0px;
	top:135px;
	background-color:#FFFFFF;
	padding:0px;
	padding-left:5px;	
	padding-right:5px;		
	visibility:hidden;
	z-index:200;
}
#collectieOver, #modellenOver
{
	height:170px;
	margin-bottom:-170px;	
}
#overzichtOver
{
	height: 350px;
	margin-bottom:-350px;	
}
.showTable
{
	height:170px;	
}
.singleCell,.singleCellText, .singleCellTextDetail
{
	width:100px;
	height:170px;
	vertical-align:middle;
	text-align:center;		
	padding-left:5px;
	padding-right:5px;	
}
.singleCellTextDetail
{
	vertical-align:top;	
}
.singleCellText, .singleCellText a, .doubleCellText a, .singleCellTextDetail, .singleCellTextDetail a, .quatroCell, .quatroCell a
{
	font-family:Tahoma,Verdana,Arial;
	font-size:10px;
	height:10px;
	color:#7f7f7f;
}
.doubleCellText, .quatroCell, .quatroCell a, .doubleCellText a
{
	font-size:11px;
}
.singleCellTextDetail a
{
	position:relative;
	top:88px;
}
.doubleCell,.doubleCellText,.quatroCell
{
	width:220px;
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle;
	text-align:center;	
}
.quatroCell
{
	width:440px;	
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;		
	line-height:180%;
	text-align:left;
}
.quatroCell a
{
	text-decoration:underline;
}
.doubleCellText 
{
	vertical-align:top;
	text-align:justify;		
	font-family:Tahoma,Verdana,Arial;
	font-size:11px;	
	line-height:180%;
	color:#7f7f7f;
}
#overzichtMenu
{
	border-bottom:1px solid #d9d9d9;
	width:890px;
	background-color:#FFFFFF;
}
#footerMenu,#footerMenuTable,#footerMenu a, #footerMenuTable a
{
	font-family:Tahoma,Verdana,Arial;
	font-size:10px;
	color:#406a8a;
}
#footerMenu a:hover, #footerMenuTable a:hover
{
	text-decoration:underline;
}
#footerMenu
{
	position:relative;
	top:96px;
}
#footerMenuTable
{
	padding-top:96px;
}
.topLogo,.topLogoSerie
{
	position:relative;
	top:0px;
}
/* -----------------------------------*/
/* ---------->>> DETAILS <<<-----------*/
/* -----------------------------------*/
.subNavigation, .subNavigation a, .subNavigation a:link, .subNavigation a:visited, .subNavigation a:hover, .subNavigation a:active, .subNavigationDetail, .subNavigationDetail a, .subNavigationDetail a:link, .subNavigationDetail a:visited, .subNavigationDetail a:hover, .subNavigationDetail a:active
{
	font-family:Tahoma,Verdana,Arial;
	font-size:10px;	
	color:#7f7f7f;	
}
.subNavigation a, .subNavigation a:link, .subNavigation a:visited, .subNavigation a:hover, .subNavigation a:active, .subNavigationDetail a, .subNavigationDetail a:link, .subNavigationDetail a:visited, .subNavigationDetail a:hover, .subNavigationDetail a:active
{
	text-decoration:underline;
}
.subNavigation, .subNavigationDetail
{
	padding-bottom:23px;
}


/* -----------------------------------*/
/* ---------->>> SERIE PAGE <<<-------*/
/* -----------------------------------*/
#tableSerie
{
	margin:0 auto;
}
#tdMiddleFooter, #tdMiddleHeader
{	
	background:url(../images/bg_middle.jpg);
	width:430px;
}
#tdMiddleFooter
{
	background:url(../images/bg_middle.jpg) 0px 800px;	
}
#tdMiddleHeader
{
	padding-top:27px;
	height:135px;
}
#tdLeft,#tdRight,#tdRightFooter,.tdLeft,.tdRight,.tdRightFooter
{
	background:url(../images/bg_sides.jpg);
	width:210px;
}
#tdRightFooter
{
	text-align:center;
	vertical-align:bottom;
	padding-bottom:12px;
}
#tdContent
{
	background-color:#FFFFFF;
	height:419px;
}
#footerMenuTable
{
	vertical-align:bottom;
	padding-bottom:12px;
}

/* -----------------------------------*/
/* ---------->>> CONTENT <<<----------*/
/* -----------------------------------*/
h4, h5
{
	color:#000000;
	font:Tahoma,Verdana;
	font-size:17px;
}
h5
{
	color:#e9b91e;
}
#contactForm td
{
	padding: 2px 7px 0px 0px;
}
.input, .inputButton
{
	border: solid 1px #d9d9d9; 
	width:150px;
	background-color:#ffffff;
	color:#7f7f7f;	
}
.inputButton
{
	width:152px;
	border: solid 2px #d9d9d9; 
	font-weight:bold;
}
#ulSitemap, #ulSitemap li
{
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
#ulSitemap li a
{
	background:url(../images/arrow_sitemap.gif) no-repeat right center;			
	display:block;
	height:17px;	
	line-height:16px;
	text-decoration:none;
	border-bottom: solid 1px #FFFFFF;
}
#ulSitemap li.smhead a
{
	background-color:#e5e5e5;
	text-transform:uppercase;	
	padding-left:10px;
}
#ulSitemap li.smsub a
{
	font-weight:bold;
	padding-left:20px;
}
#ulSitemap li.smsubsub a
{
	padding-left:30px;
	border-bottom: solid 1px white;
}
#ulSitemap li.smsubsubLast a
{
	border-bottom: solid 1px #e5e5e5;
}
#ulSitemap li.smhead a:hover, #ulSitemap li.smsub a:hover, #ulSitemap li.smsubsub a:hover
{
	border-bottom: solid 1px #7f7f7f;
}