/*----------------------------------------------------------------------------- 
De Kruijf Tenten Screen Stylesheet 

version:   1.0 
date:      13/05/2008 
author:    freek [at] freekhol [dot] nl

-----------------------------------------------------------------------------*/

/*Color index

Gray		: #4a4f4a
Lightgray	: #999999
Orange		: #f57e20
Blue		: #0a92d2


/* Eric Meyers Reset - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
-----------------------------------------------------------------------------*/  
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;
} 

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: 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;
}

td  { 
    text-align: left; 
    font-weight: normal; 
}

input.text { 
    padding: 3px; 
    border: 1px solid #999999;     
}
img {
	border-style: none;
}
/* Removes Firefox imposed outline */
a { outline: none; }



/* Styles for layout
-----------------------------------------------------------------------------*/
.clear { 
	clear:both; 
	display: block;
	padding: 0;
	margin: 0;
} 

.right { 
    float: right; 
} 

.left { 
    float: left; 
} 
/* Force vertical scrollbar for Firefox */
html { min-height: 100%; margin-bottom: 1px; }


/* Set up the document
-----------------------------------------------------------------------------*/
html {
	background: url(../images/bg_html.gif) repeat-x top left;
}

body { 
	font-family: Arial, Helvetica, sans-serif; 
	background: url(../images/bg_main.gif) no-repeat top center;
	color: #4a4f4a;     
	text-align:center; 
} 

#wrapper {  
	width:955px; /* Set page width here - you can also use percentage */ 
	text-align:left;   
	margin: 0 auto;
	position:relative;
/*	border:1px solid red; */
}

#leftCol {
	margin: 0;
	float: left;
	background: url(../images/bg_leftContent.gif) no-repeat 30px 170px;
	width: 370px;
}
#leftColContent {
	margin-top: 120px;
	padding-left: 50px;
	font-size:small;
}
#midCol {
	margin: 120px 20px 0 0;
	float: right;
	width: 117px;
	height: 500px;
/*	border: 1px solid blue;*/
}

#rightCol {
	margin: -86px 0 0 0;
	padding: 0;
	float: right;
	width: 397px;
	background: url(../images/bg_rightContent.gif) no-repeat top left;
/*	border: 1px solid green;*/
}

#rightColContent {
	width: 343px;
	margin: 0 auto;
	padding: 350px 0 0 0 ;
}

body.homepage #rightColContent {background: url(../images/bg_homepage.jpg) no-repeat 1px 0;}
body.tenten #rightColContent {background: url(../images/bg_tenten.jpg) no-repeat 1px 0;}
body.tentZoom #rightColContent {background: url(../images/bg_tenten.jpg) no-repeat 1px 0;}
body.inenomdetent #rightColContent {background: url(../images/bg_inenomdetent.jpg) no-repeat 1px 0;}
/*body.dekruijf #rightColContent {background: url(../images/bg_dekruijf.jpg) no-repeat 1px 0;}*/
body.dekruijf #rightColContent {background: url(../images/bg_kameel.jpg) no-repeat 1px 0;}
body.download #rightColContent {background: url(../images/bg_download.jpg) no-repeat 1px 0;}
body.contact #rightColContent {background: url(../images/bg_contact.jpg) no-repeat 1px 0;}



/* Styling font
-----------------------------------------------------------------------------*/
h1 { 
	font-size: 2.2em;  /*Equivalent to 22pt*/ 
} 
     
h2 { 
	font-size: 1.4em; 
	color: #4a4f4a;   
	padding-bottom: 14px; 
	letter-spacing: -.06em;
	word-spacing: -.06em;
} 
     
h3 { 
	font-size: 1.3em; 
	color: #f57e20;
	letter-spacing: -.06em;
	word-spacing: -.06em;
} 
     
h4 { 
	font-size: 1.4em; 
	color: #999;
	padding: 0 0 14px 0;
	letter-spacing: -.06em;
	word-spacing: -.06em;
} 
     
h5 { 
    font-size: 100%; 
	color: #999;    
} 
     
#leftColContent p {
	font-size: .9em;
	line-height: 1.4em;
	padding-bottom: 1.5em;
}

#rightColContent .txt {color:#fff; font-size:0.7312em; line-height:1.4; margin-right:40px; margin-bottom:1em;}


/* Styling links
-----------------------------------------------------------------------------*/ 

a:link, a:visited {
	color: #0a92d2;
}
a:hover {
	color: #f57e20;
}
.anchorLink:visited, .anchorLink:hover {
	color: #4a4f4a;
}



/* Navigation 
-----------------------------------------------------------------------------*/ 

#nav {
	margin: 0;
	padding: 0;
	width: 482px;
	height: 48px;
	float: left;
	position: relative;
	left: 0;
	right: 0;
}
#nav li {
	float: left;
}
#nav li.first {
	margin-left: 30px;
}
#nav a, #nav a:visited {
	display: block;
	padding: 17px .5em;
	font-size: 90%;
	font-weight: bold;
	color: #5f5f5f;
	letter-spacing: -.06em;
	word-spacing: -.06em;
	text-decoration: none;
}
#nav a:hover {
	color: #000000;
}
#nav a.active {
	color: #ffffff;
	background: #0a92d2;
}



/* Subnav Accordion
-----------------------------------------------------------------------------*/

#subnav{
	margin-top: 105px;
	padding:0;
	width:117px;
	z-index:2;
	font-size: .8em;
}

.accordion_headings {
	padding:10px 0 10px 15px;
	color:#0a92d2;
	cursor:pointer;
	font-style: italic;
	font-weight:bold;
}
.accordion_headings a {
	text-decoration: underline;
	color: #0a92d2;
	cursor: pointer;
	font-style: italic;
	font-weight: bold;
}

.accordion_headings:hover{
	color:#ffffff;
	background: url(../images/bg_subMenu.gif) no-repeat 0 5px;
}

.accordion_child{
/*	padding:4px 0 5px 20px;*/
}
.accordion_child li {
	padding: 4px 0 3px 20px;
	font-weight: normal;
}
.accordion_child a:link, .accordion_child a:visited {
	text-decoration: none;
	color: #4a4f4a;
}
.accordion_child a:hover {
	color: #000000;
}
.accordion_child a.active {
	color: #0a92d2
}

.header_highlight{
	background: url(../images/bg_subMenu.gif) no-repeat 0 5px;
	color:#ffffff;
	border:none;
}


/* tentSlide Accordion
-----------------------------------------------------------------------------*/
#tentSlide {
	padding:0;
	margin: 20px 0 0 1px;
	width:342px;
	z-index:2;
	font-size: .8em;
	background: #2b2b2b;
	color: #ffffff;
}
#tentSlide .accordion_headings {
	padding: 7px 0 7px 26px;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	background:url(../images/bg_slide.gif) repeat-x 0 0;
	font-style: normal;
}
#tentSlide .accordion_headings a, #tentSlide .accordion_headings a {
	text-decoration: underline;
	color: #0a92d2;
	cursor: pointer;
	font-weight: bold;
}
#tentSlide .accordion_headings:hover{
	color:#cccccc;
	background: url(../images/bg_slide.gif) repeat-x 0 0;
}
#tentSlide .accordion_child {
	padding: 20px 27px 20px 27px;
	line-height: 1.4em;
}
#tentSlide .accordion_child a, #tentSlide .accordion_child a:visited {
	font-size: .8em;
	text-decoration: underline;
	color: #0a92d2;
}
#tentSlide .accordion_child a:hover {
	color: #f57e20;
}
#tentSlide .header_highlight{
	background: url(../images/bg_slide.gif) repeat-x 0 0;
	border:none;
}


/* Footer 
-----------------------------------------------------------------------------*/ 

p.footerRightContent {
	background: url(../images/bg_footerRightContent.gif) no-repeat top left;
	height: 59px;
	width: 395px;
	padding: 10px 0 0 0;
	margin: 0 0 0 1px;
	text-align: center;
	color: #ffffff;
	font-size: 70%;
	font-style: italic;
	line-height: 1.3em;
}
.plug {
	padding-top: 5px;
	background: #ffffff;
	text-align: center;
	color: #666666;
	font-size: .7em;
}
.plug a, .plug a:visited {
	text-decoration: none;
	color: #333333;
}
.plug a:hover {
	color: #f57e20;
}


/* FormArea
-----------------------------------------------------------------------------*/

#formArea {
	margin: 10px 0 50px 0;
	padding: 20px 0 0 25px;
	width: 342px;
	display:block;
	line-height: 1.4em;
}
#formArea h4 {
	padding: 20px 0 14px 0;
}
#formArea p {
	padding: 0 30px 10px 0;
}
#formArea label {
	margin-left:10px;
	display: block;
	padding-bottom: 4px;
}
#formArea input {
	margin-left:10px;
	display: block;
	width: 250px;
}
#formArea textarea {
	margin-left: 10px;
	display: block;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#formArea input.verzend {
	width: auto;
	float: right;
	margin-right: 74px;
}
#formArea a:link, #formArea a:visited {
	font-size: small;
	color: #0a92d2;
}
#formArea a:hover {
	color: #f57e20;
}
#formArea ul {
	margin-left: 22px;
	list-style-type: disc;
}
#formArea li {
	padding-left: 5px;
}
.req {
	margin-left: 10px;
	margin-right: 0;
	font-style:italic;
	font-size: x-small;
	float: left;
}	


/* Custom  
-----------------------------------------------------------------------------*/
#leftColContent ul {
	margin-left: 18px;
	margin-bottom: 1.5em;
	list-style-type: disc;
}
#leftColContent li {
	padding-left: 7px;
	line-height: 1.4em;
}
#leftColContent h1 {
	margin-bottom: 70px;
	padding-bottom: 20px;
	text-indent: -1000px;
}
#leftColContent p {
	line-height: 1.6em;	
}
.logo {
	background: url(../images/logo.gif) no-repeat top left;
	height: 86px;
	width: 244px;
	display: block;
	cursor: pointer;
	margin: 0;
	padding:0;
}
.hide {
	display: none;
}
.h-home { background: url(../images/h1_welkom.gif) no-repeat top left; }
.h-home-en { background: url(../images/h1_welcome.gif) no-repeat top left; }
.h-tenten { background: url(../images/h1_tenten.gif) no-repeat top left; }
.h-tents { background: url(../images/h1_tents.gif) no-repeat top left; }
.h-inenomdetent { background: url(../images/h1_inenomdetent.gif) no-repeat top left; }
.h-extras { background: url(../images/h1_extras.gif) no-repeat top left; }
.h-dekruijf { background: url(../images/h1_dekruijf.gif) no-repeat top left; }
.h-download { background: url(../images/h1_download.gif) no-repeat top left; }
.h-contact { background: url(../images/h1_contact.gif) no-repeat top left; }
.h-projecten { background: url(../images/h1_projecten.gif) no-repeat top left; }
.h-projects { background: url(../images/h1_projects.gif) no-repeat top left; }

.thumbs {
	margin: 30px 0 50px 0;
	padding-left: 25px;
	width: 342px;
	display:block;
}
.thumbs a.t {
	height:60px;
	width:60px;
	float: left;
	display: block;
	padding: 4px 4px;
	text-align: left;
}
.thumbs a.t img {
	float: left;
	border: 1px solid #323232;
}
.thumbs a.t img:hover {
	border: 1px solid #666666;
}
.thumbs a.rowFirst {
	padding-left: 15px;
}
#rightColContent h3 {
	padding-left:25px;
}	
.meerInfo {
	text-align: right;
}
.rightColText {
	color: #ffffff;
	font-size: small;
}
#rightColContent .rightColText p a, #rightColContent .rightColText p a:visited {
	color: #999999;
}
#rightColContent .rightColText p a:hover {
	color: #f57e20;
}
.noPics {
	margin-bottom: 189px;
}
.extraMargin {
	margin-bottom: 68px;
}
.boven {
	margin-bottom: 20px;
}
.boven a, .boven a:visited {
	padding: 4px 10px;
	background: #0a92d2;
	border: 1px solid #0a75a4;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}
.boven a:hover {
	background: #f57e20;
	border: 1px solid #df6300;
}
#subnav-2 ul {
	margin-top: 140px;
}
#subnav-2 li {
	padding: 5px 0;
	width: 117px;
	font-size: .8em;
}
.spacer {
	clear: both;
	margin-bottom: 30px;
}
.hideThumbs {
	display: none;
}
#formArea .projectPicsLink {
	text-align: right;
}
#rightColContent #formArea .projectPicsLink a, 
#rightColContent #formArea .projectPicsLink a:visited {
	color: #0a92d2;
	font-size: .7em;
}
#rightColContent #formArea .projectPicsLink a:hover {
	color: #f57e20;
}
#leftColContent .projectPicsLink {
	padding-bottom:0;
	margin-bottom: 30px;
}	
#leftColContent .projectPicsLink a,
#leftColContent .projectPicsLink a:visited {
	font-size: 10px;
}
#language-gb, #language-nl {display:inline; margin:0; padding:0; position:absolute; top:102px;}
#language-gb {left:465px;}
#language-nl {left:330px;}