/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Author: Dennie Pasman
Copyright: 2007, STIPP BV
Email: info@stipp.nl
Website: http://www.stipp.nl
--------------------------------------------------------------------*/

/* Global settings
-------------------------------------------------------------------------*/

* {
	font-family: verdana;
	font-size: 11px;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #f7f7f7;
}

img {
	border: 0;
}

div#site {
	position: relative;
	width: 981px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	background: url(images/bg_line.gif) repeat-y;
}

input.veld {
    width:240px;
    border:solid 1px #135A73;
    padding-left:2px;
    height:15px;
    color:#000033;
}

input.veldklein {
    width:30px;
    border:solid 1px #135A73;
}

input.button {
    border:solid 1px #0D4E4B;
    background-color: #F4F7F7;
	text-align: left;
	font-size: 10px;
	padding-left: 7px;
	width: 100px;
}

textarea.veld {
    width:240px;
    height:50px;
    color:#000033;
}

td.formLabel, td.formlabel {
    padding:4px 0 0 0;
    vertical-align:top;
    width:100px;
}

img.boek {
    border:solid 1px #E7EEEE;
}


/* Header
-------------------------------------------------------------------------*/
div#header {
	position: relative;
	width: 979px;
	height: 176px;
	padding-top: 40px;
}

div#header div#logo {
	position: absolute;
	top: 0;
	left: -12px;
	width: 235px;
	height: 76px;
    background: url(images/logo.png) no-repeat;
	z-index: 2;
	cursor:pointer;
}
div#header div#logo a {
	display: block;
	width: 235px;
	height: 76px;
	cursor: pointer;
}

div#header div#topmenu {
	position: absolute;
	top:0;
	right:6px;
	padding: 10px 10px;
	color: #2c6267;
	width:340px;
	line-height: 20px;
	vertical-align: middle;
	background-color:white;

}

div#header div#topmenu a {
	color: #2c6267;
	font-size: 10px;
	text-decoration: none;
	line-height: 20px;
	vertical-align: middle;
}

div#header div#topmenu a:hover {
	text-decoration: underline;
}

div#header div#topmenu a.zoek {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div#header div#topmenu input.text {
	border: 0;
	background-color: #e7eeee;
}

div#header ul {
	position: relative;
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0;
}

div#header ul li {
	position: relative;
	float: left;
	padding-right: 8px;
}

div#header div#boekshop {
	position: absolute;
	top: 2px;
	left: 223px;
	width: 100px;
	height:20px;
	z-index:200;
	font-size: 26px;
	font-family: Trebuchet MS;
	color:#0D4E4B;

}

div#header div#zoek {
	position: absolute;
	top: 103px;
	left: 120px;
	width: 259px;
	height: 65px;
	z-index:100;
	/*background: url(images/bg_login.png) no-repeat;*/
}

div#header div#zoek input.text {
	position: absolute;
	top: 36px;
	left:10px;
    height: 16px;
	width:155px;
	line-height: 16px;
	border: 0;
	color: #143518;
	vertical-align: middle;
	padding: 2px 5px;
    background: #C0CDBB;

}


div#header div#zoek input.image {
	position: absolute;
	line-height: 18px;
	top: 36px;
	left: 180px;
	background-color:transparant;
}

div#header div#headerphoto {
	position: absolute;
	top: 40px;
	left: 6px;
	width: 629px;
	height: 40px;
	background: url(images/bg_headerphoto.png) no-repeat;
	z-index: 1;
}

div#header div#logodam {
	position: absolute;
	top: 2px;
	left: 895px;
	z-index:10;
}


/* Left menu
-------------------------------------------------------------------------*/
div#left {
	position: relative;
	width: 193px;
	height: auto;
	min-height: 510px;
	margin: 6px 5px 20px 6px;
	background-color: #f4f7f7;
	float: left;
}

div#left h2 {
	font-weight: bold;
	font-size: 12px;
	color: #125a57;
	margin: 0;
	padding: 7px 0 7px 26px;
}

div#left ul {
	background-color: #fff;
	list-style: none;
	border-top: solid 1px #dde7e7;
	border-bottom: solid 1px dde7e7;
	margin: 0;
	padding: 0;
}

div#left ul.donker {
	background-color: #0D4E4B;
	list-style: none;
	border-top: solid 1px #dde7e7;
	border-bottom: solid 1px dde7e7;
	margin: 0;
	padding: 0;
}

div#left ul.donker li a {
	background-color: #0D4E4B;
	color:#fff;
	list-style: none;
	border-bottom: solid 1px dde7e7;
	margin: 0;
	padding: 0;

}

div#left ul.donker li {
	position: relative;
	vertical-align: middle;
	border-bottom: solid 1px #e7eeee;
	padding: 5px 10px 5px 27px;
	background: url(images/img_arrow_wit.gif) no-repeat 10px top;
}


div#left ul li {
	position: relative;
	vertical-align: middle;
	border-bottom: solid 1px #e7eeee;
	padding: 5px 10px 5px 27px;
	background: url(images/img_arrow.gif) no-repeat 10px top;
}

div#left ul.submenu {
	border: 0;
}

ul.submenu {
	border: none !important;
}

div#left ul.submenu li {
	position: relative;
	vertical-align: middle;
	border: 0;
	padding: 5px 10px 0 17px;
	background: url(images/img_arrow.gif) no-repeat 0px top;
}

div#left ul li a {
	color: #125a57;
	text-decoration: none;
}

div#left ul li a:hover {
	text-decoration: underline;
}

div#left ul li ul.submenu a {
 	color: #5ea32b;
}

div#left div.banner {
	position: relative;
	margin: 50px 10px;
	width: 163px;
	padding: 5px;
	border: solid 1px #e7eeee;
	background-color: #e7eeee;
}

div#left div.banner h1 {
	margin: 0;
	padding: 0 0 10px 0;
	color: #5ea32b;
}

div#left div.banner h2 {
	font-weight: bold;
	font-size: 12px;
	color: #125a57;
	margin: 0;
	padding: 5px 0;
}

div#left div.banner p.name {
	padding: 0;
	margin: 0;
	color: #9dc7c5;
	font-size: 10px;
}

div#left div.banner p {
	line-height: 1.5em;
}

/* CONTENT
-------------------------------------------------------------------------*/
div#content {
	position: relative;
	float: right;
	width: 767px;
	margin: 6px 6px 0 0;
}

div#content * {
	/*border: 1px solid red;*/
}

/* CONTENT - Middle
-------------------------------------------------------------------------*/
div#middle {
	position: relative;
	float: left;
	width: 562px;
}

div#middle .boekwinkel {
	color: #2c6267;
	font-size: 20px;
	font-weight: normal;
	font-family: Trebuchet MS;
	padding:15px 0 15px 19px;
}


div#middle h1 {
	color: #2c6267;
	font-size: 20px;
	/*height: 24px;*/
	margin: 20px 10px 0 0;
	padding: 0 0 0 15px;
	font-weight: normal;
	font-family: Trebuchet MS;
	background: url(images/img_line.gif) repeat-x 0 20px;
}


div#middle div#breadcrumbs {
	position: relative;
	width: 482px;
	height: 29px;
	background: url(images/bg_breadcrumbs.png) no-repeat;
	z-index: 10;
}

div#middle div#breadcrumbs ul {
	list-style: none;
	margin: 0 0 0 22px;
	padding: 0;
	height: 29px;
}

div#middle div#breadcrumbs ul li {
	float: left;
	line-height: 29px;
	vertical-align: middle;
	color: #0D4E4B;
	font-weight:bold;
	font-size: 10px;
}

div#middle div#breadcrumbs ul li a {
	color: #0D4E4B;
	text-decoration: none;
	font-size: 10px;
}

div#middle div#breadcrumbs ul li a:hover {
	text-decoration: underline;
}

div#middle div.middleleft {
	position: relative;
	float: left;
	width: 265px;
}

div#middle ul.news {
	list-style: none;
	margin: 10px 0 0 15px;
	padding: 0;
}

div#middle ul.news li {
	padding: 5px 0;
	color: #125a57;
}

div#middle ul.news li p {
    padding:0
}

div#middle ul.news li a {
	color: #125a57;
	text-decoration: none;
}

div#middle ul.news li a:hover {
	text-decoration: underline;
}



div#middle div.homeleft {
	position: relative;
	float: left;
	width: 210px;
	margin-left: 10px;


}

div#middle div.homeleft img {
	border: solid 1px #E7EEEE;
}

div#middle div.homeright {
	position: relative;
	float: left;
	margin-left: 0px;
	width: 310px;
	color:#125a57;
	line-height: 1.5em;


}

div#middle div.homeright h1 {
	color: #2c6267;
	font-size: 24px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	background:none;
	font-family: Trebuchet MS;
	line-height:1em;
	margin-bottom:5px;
}


div#middle div.homeright h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #5ea32b;
}

div#middle div.homeright a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	color: #5ea32b;
}


div#middle div.homeright .acties {
	text-align:right;
}



div#middle div.middleright {
	position: relative;
	float: left;
	margin-left: 10px;
	width: 265px;
}


div#middle div.middleright img.boekgroot {
    margin:0 0 10px 10px;
    border:solid 1px #E7EEEE;
}

div#middle div.middleright h1 {
	color: #2c6267;
	font-size: 20px;
	margin: 20px 0;
	padding: 0 0 0 0;
	font-weight: normal;
	font-family: Trebuchet MS;
}

div#middle div.middleright h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 15px 5px 15px;
	margin: 0;
	color: #5ea32b;
}

div#middle div.middleright p {
	color: #5ea32b;
	line-height: 1.5em;
	padding: 0 15px 0 15px;
	margin: 0;
	}

div#middle div.middleright p.name {
	padding-top: 5px;
	color: #9dc7c5;
	font-size: 10px;
}

div#middle div.middleright a {
	color: #125a57;
	text-decoration: none;
}

div#middle div.middleright a:hover {
	text-decoration: underline;
}

div#middle div.middleright  td{
	vertical-align: top;
}

div#middle div.middleleft h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px 5px 15px;
	margin: 0;
	color: #5ea32b;
}

div#middle div.middleleft p {
	color: #125a57;
	line-height: 1.5em;
	padding: 0 15px 0 15px;
	margin: 0;
}

div#middle div.middleleft p.name {
	padding-top: 5px;
	color: #9dc7c5;
	font-size: 10px;
}

div#middle div.middleleft a {
	color: #125a57;
	text-decoration: none;
}

div#middle div.middleleft a:hover {
	text-decoration: underline;
}

div#middle div.middleleft p a {
	color: #5ea32b;
	text-decoration: none;
}

div#middle div.middleleft p a:hover {
	text-decoration: underline;
}

div#middle div.middleright img.boekgroot {
    margin:0 0 10px 10px;
    border:solid 1px #E7EEEE;
}

div#middle div.middletotal img.boekgroot {
    margin:0 0 10px 0px;
    border:solid 1px #E7EEEE;
}

div#middle div.middletotal h1 {
	color: #2c6267;
	font-size: 20px;
	margin: 0 0 0 15px;
	padding: 0;
	font-weight: normal;
	font-family: Trebuchet MS;
	background:none;
}

div#middle div.middletotal td.top {
	vertical-align: top;
	padding: 10px 0 0 0;
	margin:0;
}

div#middle div.middletotal td.top h1{
	padding: 0;
	margin:0;
}

div#middle div.middletotal td.top h3{
	padding: 0;
	margin:0;
	font-family: verdana;
	font-size: 10px;
	font-weight: none;
}


div#middle div.middletotal td.topgegevens {
	vertical-align: top;
	margin:0;
	color:#5EA32B;
}

div#middle div.middletotal h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px 5px 0;
	margin: 0;
	color: #5ea32b;
}

div#middle div.middletotal h3 {
	color: #2c6267;
	font-size: 14px;
	margin: 0 0 0 15px;
	font-weight: bold;
	font-family: Trebuchet MS;
	background:none;
}

div#middle div.middletotal p {
	color: #125a57;
	line-height: 1.5em;
	padding: 0 15px 0 15px;
	margin: 0;
}

div#middle div.middletotal p.name {
	padding-top: 5px;
	color: #9dc7c5;
	font-size: 10px;
}

div#middle div.middletotal a {
	color: #125a57;
	text-decoration: none;
}

div#middle div.middletotal a:hover {
	text-decoration: underline;
}

div#middle div.middletotal p a {
	color: #5ea32b;
	text-decoration: none;
}

div#middle div.middletotal p a:hover {
	text-decoration: underline;
}

div#middle div.middletotal {
	position: relative;
	width: 555px;
	margin: 10px 0 0 5px;
}

div#middle div.middletotal table {
	margin-left: 15px;
	width: 540px;
}

div#middle div.middletotal table th {
	border-bottom: solid 1px #e7eeee;
}

div#middle div.middletotal table td {
	padding: 4px 10px 0 0;
}

div#middle div.middletotal span.reacties {
	color: #9dc7c5;
	font-size: 9px;
}

div#middle div.middleleft ul.agenda {
	list-style: none;
	padding: 0;
	margin: 10px 0 10px 15px;
}

div#middle div.middleleft ul.agenda li {
	color: #2c6267;
	padding: 5px 0;
	width: 85%;
	/*border-bottom: solid 1px #e7eeee;*/
}

div#middle div.middleleft ul.agenda li a {
	color: #5ea32b;
	text-decoration: none;
}

div#middle div.middleleft ul.agenda li a:hover {
	text-decoration: underline;
}

div#middle div.middletotal table.winkelwagen {
    width:530px;
    background-color:#F4F7F7;
    margin:10px 0 10px 10px;
}

div#middle div.middletotal table.winkelwagen, x:-moz-any-link { margin-left: -96px; } /* FF 2 */
div#middle div.middletotal table.winkelwagen, x:-moz-any-link, x:default { margin-left: 10px; } /* FF 3+, IE 7+ */

div#middle div.middletotal div#shop {
    width: 560px;
    margin-top: 20px;
}

div#middle div.middletotal div.shopboek {
    position: relative;
    height: auto;
    width: 260px;
    margin: 10px 0px 5px 0px;
    float: left;
    text-align: left;
}
div#middle div.middletotal div.shopboek img{
    float: left; margin-right: 10px; margin-left: 15px;
}

div#middle div.middletotal div.shopboek .prijs {
    color:#8FA32B;
    font-weight:bold;
    margin:8px 0 0 0;
}

div#middle table.homeboek {
    margin:0 0 0 10px;
}

div#right table.homeboek .contentKop a {
    text-decoration: underline;
}

div#middle table.homeboek .contentKop {
    font-weight:bold;
    color:#125A57;
}

.homeboek .prijs {
	color:#5ea32b;
	font-weight:bold;
}

div#middle .shopboek .contentKop {
    font-weight:bold;
    color:#125A57;
}




/* CONTENT - Right
-------------------------------------------------------------------------*/

div#right_bestellen {
	position: relative;
	float: left;
	margin-left: 0;
	padding-left: 10px;
	width: 190px;
	background: #fafcfc;
	height: auto;
	min-height: 510px;
}

div#right_bestellen a {
	color: #125a57;
	text-decoration: underline;
}

div#right_bestellen a:hover {
	text-decoration: underline;
}

div#right_bestellen p {
	color: #0D4E4B;
	line-height: 1.4em;
	padding: 0 15px 0 0;
	margin: 0;
}



div#right {
	position: relative;
	float: left;
	margin-left: 0;
	padding-left: 10px;
	width: 190px;
	background: #fafcfc;
	height: auto;
	min-height: 510px;
	line-height: 1.4em;

}

div#right a {
	color: #125a57;
	text-decoration: underline;
}

div#right a:hover {
	text-decoration: underline;
}


div#right h1 {
	color: #2c6267;
	font-size: 20px;
	margin: 47px 0 20px 0;
	padding: 0;
	font-weight: normal;
	font-family: Trebuchet MS;
}

div#right h1.nomargin {
    margin: 20px 0 20px 0;
}

div#right h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 15px 10px 0;
	margin: 0;
	color: #5ea32b;
}

div#right p {
	color: #5ea32b;
	line-height: 1.4em;
	padding: 0 15px 0 0;
	margin: 0;
}

div#right div.photocontainer {
	position: relative;
	height: 165px;
	margin: 10px 0;
}

div#right div.photocontainer div.text {
	position: absolute;
	bottom: 10px;
	width: 95px;
	color: #125a57;
	font-size: 10px;
	vertical-align: bottom;
}

div#right div.photocontainer div.photo {
	position: absolute;
	right: -30px;
	width: 161px;
	height: 165px;
	padding: 17px 0 0 16px;
	background: url(images/bg_kader.png) no-repeat;
}

div#right div.bestelcontainer {
	position: relative;
	width: 193px;
	background-color: #125a57;
	height: auto;
	min-height: 120px;
	margin-top: 80px;
	margin-left: -5px;
}

div#right div.bestelcontainer h2 {
	font-size: 11px;
	font-weight: bold;
	padding: 0 15px 0 0;
	margin: 0;
	color: #5ea32b;
}

div#right div.bestelcontainer p {
	color: #5ea32b;
	line-height: 1.4em;
	padding: 0 15px 0 0;
	margin: 0;
}

div#right div.bestelcontainer div.photohb {
	position: absolute;
	top: -37px;
	left: -25px;
	width: 221px;
	height: 125px;
	background: url(images/img_hinderlijkbuitenspel.png) no-repeat;
}

div#right div.bestelcontainer div.text {
	padding: 50px 15px 10px 11px;
	color: #fff;
}

div#right div.bestelcontainer div.text a {
	color: #fff;
	text-decoration: none;
}

div#right div.bestelcontainer div.text a:hover {
	text-decoration: underline;
}

div#right div.bestelcontainer div.button {
	display: none;
	position: absolute;
	left: 170px;
	top: 15px;
}

div#right div.bestelcontainer div.button a {
	display: block;
	width: 97px;
	height: 97px;
	background: url(images/img_stip.png) no-repeat;
	cursor: pointer;
}

div#right div.bestelcontainer div.bestelfooter {
	position: absolute;
	width: 193px;
	height: 4px;
	bottom: -4px;
	background: url(images/bg_bestelfooter.png) no-repeat;
}


div#right .boekright {
    position:relative;
    margin-left:-10px;
    margin-top:150px;
    color: #429828;
    background-color:#125956;
    padding:90px 10px 10px 10px;
    width:184px;

}

div#right .boekright a {
    color:white;
}

div#right .boekright .boek {
    position:absolute;
    top:-140px;
    left:10px;
}

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

div#footer {
	position: relative;
	width: 979px;
	height: 108px;
	background: #f7f7f7 url(images/bg_footer.jpg) no-repeat;
}

div#footer div#footermenu {
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 959px;
	height: 54px;
	line-height: 54px;
	vertical-align: middle;
	/*background-color: #fbfbfb;*/
	color: #909090;
	font-size: 10px;
	padding-left: 20px;
}

div#footer div#footerright {
    position: absolute;
	bottom: 28px;
	right: 20px;
	color:#909090;
}

div#footer div#footerright img {
    vertical-align:middle;
    margin-bottom:10px;
}

div#footer div#footermenu a {
	text-decoration: none;
	color: #909090;
	font-size: 10px;
}

div#footer div#footermenu a:hover {
	text-decoration: underline;
}

div#poweredby {
	position: relative;
	margin-top: 50px;
	font-size: 9px;
	padding: 5px;
	color: #909090;
}

/* Other
-------------------------------------------------------------------------*/
div.clear {
	clear: both;
}



/* tabs */

/** Tabs **/
.ui-helper-clearfix { display: block; }
.ui-tabs { padding: 0; zoom: 1; border:solid 1px #0D4E4B; width:510px; margin:0 0 10px 12px; border-width: 0 1px 1px 1px;}
.ui-tabs ul {list-style: none;}

.ui-tabs .ui-tabs-nav { height: 26px; margin: 0; padding: 0; list-style: none; position: relative; background-color:#0D4E4B; color:#ffffff; border-bottom:0;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 -1px -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; color:#ffffff !important; }
.ui-tabs .ui-tabs-nav li.ui-state-default { background-color:#0D4E4B; border-bottom:0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; background-color:#ffffff;  border-top:solid 1px #0D4E4B; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#0D4E4B !important; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { clear: both; padding: 10px 0 0 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs .ui-tabs-nav li a { background: url(../images/tabMidOver.gif) repeat-x; }
.ui-tabs .ui-tabs-nav li .front { width: 5px; height: 26px; overflow: hidden; background: url(../images/tabLinksOver.gif) no-repeat; float: left; }
.ui-tabs .ui-tabs-nav li .back { width: 5px; height: 26px; overflow: hidden; background: url(../images/tabRechtsOver.gif) no-repeat; float: left; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background: url(../images/tabMid.gif) repeat-x; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected .front { background: url(../images/tabLinks.gif) no-repeat; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected .back { background: url(../images/tabRechts.gif) no-repeat; }

.ui-tabs .ui-tabs-panel {padding-bottom:10px;}


div#artikellijst ul {
	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#artikellijst ul li {
	position: relative;
	vertical-align: middle;
	padding: 5px 10px 1px 27px;
	background: url(images/img_arrow.gif) no-repeat 10px top;
	line-height: 1.5em;