/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: Frismedia
+	Date		: 30-08-2005
+
+	Notes		:
+
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */

/* anti spam */
#formCheck {display: none;}
/* anti spam */

input#zoek {width:auto;margin-left:5px;
margin-bottom:7px;}

body
{
	margin:0;
	padding:0;
	font-family:verdana, helvetica, sans-serif;
	font-size:0.6em;
	color:black;
	text-align:center;
}

h1, h2, h3, h4, h5, h6{margin:10px 0 5px 0;color:#3C55A0;}
h1
{
	font-size:1.3em;
	background:url(../img/h1_bck.gif) no-repeat left 4px;
	padding-left:15px;
	color:#3C55A0;
}
h1 span {font-weight:normal;}
h2{font-size:1.3em;}
h3{font-size:1.0em;}
h4{font-size:1.1em;}
h5{font-size:1.0em;}
h6{font-size:0.9em;}

h3.intro {color:black;}
h3.marge {margin-left:15px;}
h3.oranje {color:#de7032;}

a {text-decoration:none; color:#3C55A0;}
a:hover {text-decoration:underline;}

a.link
{
	background:url(../img/link_bck.gif) no-repeat right 3px;
	padding-right:15px;
	font-weight:bold;
}
*html a.link {margin-bottom:0;}
a.link_previous
{
	background:url(../img/vorige_paging.gif) no-repeat left 3px;
	padding-left:15px;
	margin-right:25px;
	font-weight:bold;	
}

/*td span {color:#de7032;font-size:1.4em;}*/

strong {color:#3C55A0;}
p
{
	margin:0 0 10px 0;
 	line-height:1.25em;
}
p.oranje {color:#de7032;
font-weight:bold;}
ul, ol
{
	margin:0px;
	padding:5px 0 10px 15px;
}
ol
{
	padding-left:25px;
}
img
{
	border:0;
	margin:0;
	padding:0;
}
input{
	font-size:1.0em;
	padding:2px;
}

table td
{margin:0;
padding:0;}
table table td {}
table td {vertical-align:top;}
table td.datum {width:125px;}
table td.item {width:100px;
font-weight:bold;
color:#3C55A0;}
table td.small {width:50px;}
table td.plaats {width:85px;}
table td.description {padding:1px;
width:175px;}
table a {font-weight:bold;}
table td h1 {margin-top:0;}
hr
{
	width:100%;
	display:block;
	color:white;
	border-top:1px solid white;
	border-bottom:0;
	border-right:0;
	border-left:0;
	clear:both;
}
*html hr
{
	height:1px;
	color:white;
}
/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#header:after, div#navigation:after, div#navigation ul:after, div#navigation ul ul:after, div#main:after, ul#path:after, div#content_wrap:after, div#side:after, div#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#header, div#navigation, div#navigation ul, div#navigation ul ul, div#main, ul#path, div#content_wrap, div#side, div#footer {height: 1%;}
/* End hide from IE-mac */
/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      MAIN  DIV'S       */
div#wrapper
{
	position:relative;
	background-color:white;
	margin:0 auto 10px auto;
	width:761px;
	padding:0;
	text-align:left;
}
div#header
{
	padding:10px 10px 10px 610px;
	background:url(../img/header.gif) no-repeat;
	height:95px;
}

div#main
{
	margin:0;
	padding:0;
/*	background:url(../img/main_bck.gif) repeat-y;*/
	min-height:380px;
}
*html div#main{height:380px;}

div#navigation
{
	float:left;
	width:158px;
	margin:0;
	padding:0;
}
div#content_wrap
{
	width:603px;
	margin:0;
	padding:0;
	float:left;
}
div#content
{
	float:left;
	padding:20px;
}
div#side
{
	float:right;
	margin-bottom:10px;
}
div.home div#side {padding-top:10px;}

div#footer
{
	background:url(../img/footer.gif);
	padding:3px 10px;
	color:white;
}

/*      MAIN  DIV'S       */
/*++++++++++++++++++++++++*/

/*+++++++++++++++++++++*/
/*       HEADER       */
div#header a
{
	display:block;
	color:white;
	background:url(../img/link_header_bck.gif) no-repeat left;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
}

div#header input
{
	position:absolute;
	top:70px;
	width:113px;
}
div#header form a
{
	position:absolute;
	background:none;
	top:72px;
	right:7px;
}

div#header input#inputzoek{
	position:absolute;
	top:70px;
	width:113px;
}

div#header input#zoekbut {
	position:absolute;
	background:none;
	top:71px;
	right:1px;

	background:url(../img/submit.gif) no-repeat ;
	border:none;
	width:25px;
	height:18px;
}
/*       HEADER       */
/*+++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*       NAVIGATION       */
div#navigation ul
{
	position:relative;
	list-style-type:none;
	width:152px;
	padding:0 0 0 1px;
	margin:0 0 75px 0;
	background:url(../img/nav_bck.gif) repeat-y #DCEEEC;
	border-left:#D5E980 solid 5px;
}
div#navigation ul li
{
	float:left;
	width:76px;
}
div#navigation ul li a
{
	background-color:#3C55A0;
/*	margin:1px 1px 0 0;*/
	margin:0;
	border-bottom:1px solid white;
	border-right:1px solid white;
	padding:5px;
	min-height:65px;
	display:block;
	color:white;
}

*html div#navigation ul li a{height:65px;}
div#navigation ul li a:hover
{
	background-color:#58B7AB;
	text-decoration:none;
}

div#navigation ul li.top a {
/*margin:0 1px 0 0;*/
margin:0;
}
div#navigation ul li.select_home a
{
	background-color:#58B7AB;
}
div#navigation ul li.select
{
	float:left;
	width:152px;

/*	margin:1px 0 0 0;	*/

}
div#navigation ul li.select a
{
	background-color:#58B7AB;
	margin:0;
	min-height:0;
	font-weight:bold;	
	border-bottom:none;
}

div#navigation ul li.select_top {/*margin:0 1px 0 0;*/}

*html div#navigation ul li.select a{height:0;}
div#navigation ul ul
{
	border-left:none;
	background:none;
	background-color:#58B7AB;
	width:151px;
	min-height:119px;
	padding:0 0 10px 0;
	margin:0 0 0 0;
	border-bottom:1px solid white;
	border-right:1px solid white;

}
*html div#navigation ul ul{height:119px;}
div#navigation ul ul li, div#navigation ul ul li.select
{
	float:none;

}
div#navigation ul ul li.select {margin:0;	width:151px;}
div#navigation ul ul li.select a {color:#3c55a0;}
div#navigation ul li.select ul li a {font-weight:normal;}
div#navigation ul ul li a
{
	color:black;
	display:block;
	font-weight:normal;	
	width:131px;
	padding:0 5px;
	border-bottom:none;
	border-right:none;
}
div#navigation ul li.select ul li.select a {color:white;}
div#navigation ul ul li a:hover
{
	color:white;
}

ul#path
{
	list-style:none;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid white;
	font-weight:bold;
	color:#3C55A0;
}
ul#path li
{
	float:left;
	display:block;
	margin:0 5px 0 0;
}
ul#path li a
{
	background:url(../img/path_bck.gif) no-repeat left;
	padding-left:10px;
	white-space:nowrap;
	display:block;	
}

ul#contentNav
{
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid white;	
}
ul#contentNav li
{
	margin:0;
	padding:0;
	width:100%;
	border-bottom:1px solid white;
	padding:5px 0;
}
ul#contentNav li a
{
	font-size:1.1em;
	font-weight:bold;
	color:#3C55A0;
	background:url(../img/contentNav_bck.gif) right no-repeat;
	padding-right:15px;
}
/*       NAVIGATION       */
/*++++++++++++++++++++++++*/


/*+++++++++++++++++++++*/
/*       CONTENT       */
div#wrapper div.sg{background:url(../img/main_bck_sg.gif) repeat-y;}
div.sg div#content{width:560px;}

div#wrapper div.s0{background:url(../img/main_bck_s0.gif) repeat-y;}
div.s0 div#content{width:603px;padding:0;}
div.s0 div#side{width:151px;}

div#wrapper div.s1{background:url(../img/main_bck_s1.gif) repeat-y;}
div.s1 div#content{width:486px;}
div.s1 div#side{width:75px;}

div#wrapper div.s2{background:url(../img/main_bck_s2.gif) repeat-y;}
div.s2 div#content{width:410px;}
div.s2 div#side{width:151px;}

div#wrapper div.s3{background:url(../img/main_bck_s3.gif) repeat-y;}
div.s3 div#content{width:334px;}
div.s3 div#side{width:227px;}

div#wrapper div.c1{background-color:#EEF0F7;}
div#wrapper div.c2{background-color:#ecf1f5;}

div#wrapper div.thema, div#wrapper div.thema h2 {background-color:#fbeee6;color:#ab3953;}
div#wrapper div.produkten, div#wrapper div.produkten h2 {background-color:#d8e060;color:#3c55a0;}
div#wrapper div.stelling, div#wrapper div.stelling h2 {background-color:#ececec;color:#646661;}
div#wrapper div.extra, div#wrapper div.extra h2 {background-color:#e7eaf3;color:#5b7fb3;}

div#wrapper div.actueel
{
	width:432px;
	padding:10px;
	float:left;
}
div#wrapper div.actueel hr {color:#f5d4c1;border-color:#f5d4c1;}
div#wrapper div.actueel a.link {float:none;}

div.item
{
	position:relative;
	width:130px;
	min-height:282px;
	float:left;
	padding:10px;
	margin:0 1px 0 0 ;
}
*html div.item {height:282px;}
div.item img {margin:-10px -10px 0 -10px;}
div.item a.link
{
	float:none;
	position:absolute;
	bottom:10px;
}

div.nomargin {margin:0;}

div#side a
{
	display:block;
	background:url(../img/link_side_bck.gif) no-repeat left 3px;
	padding:0 0 0 10px;
	margin:5px 0 0 0;
}
div#side a.links{margin-left:10px;font-weight:bold;}
/* winkel */
div.wrap
{
	margin:0;
	padding:0;
	width:486px;
	float:left;
	border-bottom:1px solid white;
	background-color:#ecf1f5;
}
div.produkt
{
	width:210px;
	float:left;
	padding:5px 33px 10px 0;
}
div.produkt h2
{
	background:url(../img/h1_bck.gif) left 3px no-repeat;
	padding-left:15px;
}
div.produkt img
{
	float:left;
	margin-right:10px;
	width:50px;
}
div.produkt p {/*text-align:right;*/
float:left;
width:150px;
}
div.produkt strong {/*float:left;*/color:black;}
/*div.produkt p a {float:left;}*/

div.detail {float:right;padding:0;margin-left:10px;width:230px;}
div.detail h2{font-weight:normal;color:red;float:left;}
div.detail p {clear:both;}
div.detail img {width:auto;float:none;margin:0 0 10px 0;}
div.detail div.info {clear:both;}

div.paging
{
	padding-top:10px;
	clear:left;
	width:240px;
	float:left;
}

div.paging a.select {font-weight:bold;}

div.paging a.volgende
{
	background:url(../img/volgende_paging.gif) right 3px no-repeat;
	color:#3C55A0;
	padding-right:10px;
	margin-left:5px;
}
div.paging a.vorige
{
	background:url(../img/vorige_paging.gif) left 3px no-repeat;
	color:#3C55A0;
	padding-left:10px;
	margin-right:5px;
}
div.paging span.vorige
{
	background:url(../img/vorige_paging_low.gif) left 3px no-repeat;
	color:#3C55A0;
	padding-left:10px;
	margin-right:5px;	
}
div.paging span.volgende
{
	background:url(../img/volgende_paging_low.gif) right 3px no-repeat;
	color:#3C55A0;
	padding-right:10px;
	margin-left:5px;
}
div.info {
	color:#3C55A0;
	margin-top:10px;
	display:block;
	font-size:0.9em;
	float:left;
}

div#side a.vorige, div#side a.mandje, div#side a.kassa
{
	padding:2px 5px 2px 5px;
	height:71px;
	margin:0 0 1px 0;
	font-weight:bold;
}

div#side a.vorige{background:url(../img/vorige.gif) no-repeat bottom #d5e980;}
div#side a.mandje{background:url(../img/mandje.gif) no-repeat bottom #d5e980;}
div#side a.kassa {background:url(../img/kassa.gif) no-repeat bottom #d5e980;}

div#side a.vorige:hover, div#side a.mandje:hover, div#side a.kassa:hover, div#side em a.vorige, div#side em a.mandje, div#side em a.kassa
{
	color:white;
	text-decoration:none;
	font-style:normal;
}
div#side a.vorige:hover, div#side em a.vorige {background:url(../img/vorige_high.gif) no-repeat bottom #3C55A0;}
div#side a.mandje:hover, div#side em a.mandje{background:url(../img/mandje_high.gif) no-repeat bottom #3C55A0;}
div#side a.kassa:hover, div#side em a.kassa {background:url(../img/kassa_high.gif) no-repeat bottom #3C55A0;}

table#price tr td.marge {padding-right:5px;}
table#price tr td.price {text-align:right;}
table#price {margin-bottom:15px;}

div.description {width:235px;margin-bottom:10px;}

/* winkel mandje */

table#winkel {width:100%;}
table#winkel h2 {margin:0;}
table#winkel tr td {border-top:1px solid white;padding:5px 0;}
table#winkel tr.sub td {border-top:none;padding:10px 0;font-weight:bold;}
table#winkel tr.sub td.sub {font-weight:normal;}
table#winkel tr td.sub {border-top:1px solid black;}
table#winkel tr.header td {font-weight:bold;color:#3C55A0;border-top:none;}
table#winkel tr td.produkt {width:170px;}
table#winkel tr td.aantal {width:70px;}
table#winkel tr td.aantal input {width:30px;}
table#winkel tr td.prijs {width:110px;}
table#winkel tr td.totaal {width:100px;}
table#winkel tr td.totaal input {width:30px;}
table#winkel tr.totaal td {padding:10px 0;}
table#winkel tr.totaal td strong {color:black;}
table#winkel tr.footer td {border-bottom:none;}

label {
display:block;
float:left;
width:150px;
padding-top:5px;
color:#3C55A0;
font-weight:bold;
}
label.autowidth {width:auto;
display:inline;
float:none;
}
label.radiowidth {width:100px;
display:block;
float:right;

}
label span {color:#de7032;}
span.marge {width:140px;float:left;color:#de7032;}
span.verplicht {color:#de7032;}
input,select {width:200px;margin-bottom:5px;}
select {width:208px;}
input.submit {background-color:#58B7AB;
width:auto;
color:white;
padding:0 2px;
margin-left:15px;
border:none;
}
input.marge {margin-left:150px;}
input.nomargin {margin-left:0;}

textarea {width:202px;margin-bottom:5px;height:100px;}
input#m, input#v, input#ja, input#nee, input.radio, input.check {width:auto;margin-bottom:-2px;}
form div.paging {text-align:right;
padding-right:125px;
width:361px;
border-top:1px solid white;
}
form div.paging span {float:left;}

/* winkel */


/* forum */

div#wrapper div.reacties hr {color:#f5d4c1;border-color:#f5d4c1;}
div#wrapper div.reacties input.submit {float:left;margin:10px 15px 10px 0;}

/**html div#side img {float:left;}*/
div#side a.link
{
	background-color:#d5e980;
	background-image:none;
	padding:20px 10px;
	min-height:110px;
	margin:1px 0 0 0;
}
*html div#side a.link {height:110px;}
/*div#side a.link:hover
{
	background-color:#3C55A0;
	color:white;
	text-decoration:none;
}*/
div#side div.menu 
{
	position:relative;
	background-color:#58B7AB;
	padding:10px 10px;
	min-height:130px;
	color:white;
	font-size:1.2em;
	font-weight:bold;
}
*html div#side div.menu {height:130px;}

div#side div.menu span{position:absolute;bottom:10px;left:0;}

div#side div.menu span a {
color:white;
font-weight:normal;
font-size:0.9em;
background:url(../img/span_a.gif) no-repeat right 3px;
padding-right:15px;
float:left;
}
/* forum */

/* stelling */
div#side div.menu {}
div#side div.menu h2
{
	color:white;
	margin:0;
}
div#side div.menu table {width:100%;
margin-top:15px;}
div#side div.menu table tr td {border-top:1px solid white;
padding:10px 0;}
div#side div.menu table tr.footer td {font-size:0.9em;}

input#eens, input#oneens {width:auto;margin-bottom:-2px;}
/* stelling */

/* scholing */
table.scholing 
{
	width:100%;
	border-bottom:1px solid white;
}
table.scholing tr.footer td {padding-bottom:10px;}
table.scholing tr td.description {width:110px;
font-weight:bold;}
table.scholing tr td.link {text-align:right;}
/* scholing */

/*       CONTENT       */
/*+++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      FORM ELEMENTS     */


/*      FORM ELEMENTS     */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++*/
/*       FOOTER       */
div#footer a
{
	color:white;
	padding:0 10px 0 0;
}
/*       FOOTER       */
/*++++++++++++++++++++*/

div.home div.wrap {background:url(../img/banner_home_bck.gif) repeat-y;width:auto;min-height:303px;}
*html div.home div.wrap {height:303px;}
div.home div.wrap table tr td {margin:0;padding:0 10px;}
div.home div.wrap table tr td h2 {margin-bottom:10px}
div.home div.wrap table tr.img td {padding:0 1px 0 0;width:150px;}
div.home div.wrap table tr.img td.nomargin {padding:0;width:150px;}


iframe
{
	width: 400px;
	font-size:0.4em!important;
	font-family:"Times New Roman", Times, serif;
} 
div#google2 iframe {width: 560px;}

div#searchcontrol .gsc-results, div#searchcontrol .gsc-search-box  {width:400px;}
div#searchcontrol input.gsc-search-button
{
	width: 75px;
	background-color:#58B7AB;
	color:white;
	margin-left:10px;
	padding:2px 0 4px 0;
	height:22px;
	border:none;
} 

span.oranje{color:#FF9900;}
span.groen{color:#006633;}
span.blauw{color:#3366FF;}
span.zwart{color:#000000;}