/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	font-family:Verdana,arial,sans-serif;
	font-size:11px;
	color:#000;
}

img {
	border:0px;
}

h1 { 
	font:1.5em Verdana,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em Verdana,serif; 
	margin:0 0 0.5em;
}

p { 
	line-height:1.5;
}

a:link { color:#585527; }
a:hover { color:#2f2d10; }
a:active { color:#585527; }
a:visited { color:#585527; }

.style1
{
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

.style2
{
	font-size:16px;
	color:#8ebc01;
	font-weight:bold;
}

.style3
{
	font-size:12px;
	color:#8ebc01;
	font-weight:bold;
}
.style3 a:link {	color:#8ebc01;	text-decoration:none; }
.style3 a:hover{	color:#8ebc01;	text-decoration:underline;}
.style3 a:visited{	color:#8ebc01;	text-decoration:none;}
.style3 a:active{	color:#8ebc01;	text-decoration:none;}

.style4
{
	font-size:16px;
	color:#999;
	font-weight:bold;
}

div#container 
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#fff;
}

div#top {
	position: relative;
	width: 100%;
	height: 39px;
	background: #006f79;
}
	div.top_center {
		width: 1000px;
		margin: 0 auto;
		font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
		font-size: 12px;
		color: #ffe505;
	}
	a.naarBeukerLink {
		color: #ffe505;
		text-decoration: none; 
		display: block;
		height: 16px;
		background: url('../images/icons/door_in.png') top right no-repeat;
		padding: 0 20px 0 0;
		float: left;
		margin: 10px 0 0 0;
	}

div.top_center a,
div.top_center a:visited {
    color: #ffe505;
}

div#header_container 
{
	padding:.1px;
}

div#header_top_container
{
	background-color:#fff;
	font-size:10px;
    height:100px;
    background:url(../images/menu/bg_menu.png) bottom repeat-x;
}

div#header_top
{
    width: 1000px;
	margin:0 auto;
    position: relative;
}

div#top .login_area {
    float: right;
    margin-top: 10px;
}

div#header_top .bestel_area {
    position: absolute;
    right: 0px;
    top: 30px;
    text-align: right;
}

/*div#header_menu_container*/
/*{*/
	/*background:url(../images/menu/bg_menu.png) bottom repeat-x;*/
/*}*/

/*div#header_menu*/
/*{*/
	/*position: relative;*/
	/*width:1000px;*/
	/*margin:0 auto;*/
/*}*/

div#header_container
{
	
}

div#header
{
	width:1000px;
	height:50px;
	margin:0 auto;
	border-bottom:solid #E1E1E1 1px;
}

div#content_container 
{
	width:1000px;
	margin:0 auto;
    min-height: 250px;
}

div#footer_container
{
	position:absolute;
	width:100%;
	background:#fff;
	padding-bottom: 15px;
	/*border-top:#006f79 1px solid;*/
	border-bottom:#006f79 1px solid;
}
	div.footer_container_center {
		position: relative;
		width: 1000px;
		margin: 0 auto;
		line-height: 24px;
	}
		div.footer_container_center p {
			line-height: 24px;
			color: #006F79;
			font-size: 12px;
			font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
		}
		div.footer_container_center a {
			color: #919191;
		}
	.footer_text {
		width: 1000px;
		float: left;
		margin-top: 30px;
		position:relative;
	}
	.footer_container_center ul {
		list-style: none outside none;
		margin: 0;
		padding: 0;
	}
	.footer_container_center ul li {
		margin: 0;
		padding: 0;
	}
	.footer_container_center ul li a {
		text-decoration: none;
		color: #919191;
		font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
		font-size: 12px;
	}
	div#footer_container h3 {
		color: #006F79;
		margin: 0;
		padding: 0;
		font-family: Verdana, "Times New Roman", Times, serif;
		font-size: 16px;
	}
		div#footer_container h3 a {
			color: #006F79;
			text-decoration: none;
		}
	div.footer_links_blok {
		position: relative;
		width: 200px;
		padding: 0 5px;
		float: left;
		margin: 15px 0 0 0;
	}
	div.footer_tips_blok {
		position: relative;
		width: 295px;
		padding: 0 5px;
		float: left;
		margin: 15px 0 0 0;
	}

div#footer_top_container
{
	background-color:#4D4D4D;
}

div#footer_top
{
	width:1000px;
	height:70px;
	margin:0 auto;
}

div#footer_bottom
{
	background-color:#333333;
	height:25px;
}



.top_bar_box
{
	float:right;
	color:#FFF;
	padding-top:7px;
	padding-right:20px;
}

.logo
{
	position: absolute;
	top: 15px;
}

#column_left
{
	float:left;
	width:630px;
	padding:30px 30px;
}

#column_right
{
	float:left;
	padding:30px 30px 0 0;
}

#column_left2
{
	float:left;
	width:180px;
	padding:30px 30px;
}

#column_right2
{
	float:left;
	width:750px;
	padding:30px 30px 0 0;
}

#column_content
{
	position:relative;
	width:1000px;
    padding: 20px 0;
}

.main_content_container
{
	padding-top:15px; 
	padding-bottom:15px;
}

.current_page
{
	font-family:Verdana, "Times New Roman", Times, serif;
	font-size:19px;
	text-align:right;
	color:#006f79;
	padding-top:15px;
	padding-right:20px;
	font-weight:bold;
}


/* main menu */

.above_menu
{
	height:70px;
}

.menu{
	/*width:1000px;*/
	line-height:normal;
	/*font-family: Verdana, "Times New Roman", Times, serif;*/
	/*font-size: 15px;*/
	/*font-weight: bold;*/
	float: right;
	/*margin-top: 30px;*/
}

.menu ul{
    margin-top: 5px;
    list-style-type: none;
    padding:0;
}

.menu li{
display:inline;
margin:0;
padding:0;

}

.menu a{
float:left;
margin:0;
margin-left: 35px; /*spacing between each tab*/
padding:15px 0 0 1px; /* image width */
text-decoration:none;
width: 100px;
text-align: center;
}

.menu a span{
float:left;
display:block;
background: #eef2ce;
padding: 5px 10px 5px 10px;
color:#969147;
border-radius: 5px;
}

.menu a img{
position:absolute;
margin-top:12px;
margin-left:12px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.menu a span {float:none;}
/* End IE5-Mac hack */

.menu a:hover span {
color: #969147;
background: #cfd09d;
}

.menu a.current{ /*Selected Tab style*/
background-position:0 -45px; /*Shift background image up to start of 2nd tab image*/
}

.menu a.current span{ /*Selected Tab style*/
background-position:100% -45px; /*Shift background image up to start of 2nd tab image*/
color: #969147;
}

.menu a:hover{ /*onMouseover style*/
background-position:0% -45px; /*Shift background image up to start of 2nd tab image*/
}

.menu a:hover span{ /*onMouseover style*/
background-position:100% -45px; /*Shift background image up to start of 2nd tab image*/
}



/* button */

.button {
float:left;
background:url(../images/button_left.png) no-repeat left top;
margin:0;
padding:0 0 0 5px; /* image width */
text-decoration:none;
font: bold 13px Verdana,"Times New Roman",Times,serif;
}

.button span,
.button.text_only input{
float:left;
display:block;
background:url(../images/button_right.png) no-repeat right top;
padding: 11px 20px 12px 37px;
color:#006f79;
}

.button img{
position:absolute;
margin-top:10px;
margin-left:10px;
}

.button.text_only {
    margin-top: 20px;
}

.button.sign_up {
    width: 250px;
    text-align: center;
}

.button.text_only span {
    padding-left: 15px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.button span {float:none;}
/* End IE5-Mac hack */

.button:hover span {
color: #006f79;
}

.button.current{ /*Selected Tab style*/
background-position:0 -38px; /*Shift background image up to start of 2nd tab image*/
}

.button.current span{ /*Selected Tab style*/
background-position:100% -38px; /*Shift background image up to start of 2nd tab image*/
color: #006f79;
}

.button:hover{ /*onMouseover style*/
background-position:0% -38px; /*Shift background image up to start of 2nd tab image*/
}

.button:hover span,
.button:hover input { /*onMouseover style*/
background-position:100% -38px; /*Shift background image up to start of 2nd tab image*/
}

.button.submit {
    border: none;
    width:134px;
    height:38px;
}

.button_opslaan
{
	background:url(../images/button_opslaan.png) no-repeat left top;
	width:134px;
	height:38px;
	border:none;
	cursor:pointer;
}

.button_opslaan:hover
{
	background:url(../images/button_opslaan_hover.png) no-repeat left top;
	width:134px;
	height:38px;
	border:none;
	cursor:pointer;
}


.button_opvragen
{
	background:url(../images/button_opvragen.png) no-repeat left top;
	width:134px;
	height:38px;
	border:none;
	cursor:pointer;
}

.button_opvragen:hover
{
	background:url(../images/button_opvragen_hover.png) no-repeat left top;
	width:134px;
	height:38px;
	border:none;
	cursor:pointer;
}


.button_login
{
	background:url(../images/button_login.png) no-repeat left top;
	width:105px;
	height:38px;
	border:none;
	cursor:pointer;
}

.button_login:hover
{
	background:url(../images/button_login_hover.png) no-repeat left top;
	width:105px;
	height:38px;
	border:none;
	cursor:pointer;
}



/* CONTENTBOX */


.content_box
{
	background-color:#eef2ce;
}

.content_box .shadow_left
{
	height: 5px;
    left: 10px;
    position: absolute;
    top: -5px;
    width: 216px;
	background:url(../images/contentbox/shadow_left.jpg) no-repeat;
}
.content_box .shadow_right
{
	height: 5px;
    float: right;
    top: -5px;
    width: 216px;
	background:url(../images/contentbox/shadow_right.jpg) no-repeat;
	background-color:#000000;
}

.dashboard_icon .content,
.content_box .content
{
	background-color:#eef2ce;
	padding:20px;

}

.dashboard_icon .title,
.content_box .title
{
	font-family:Verdana, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#006f79;
    text-decoration: none;
}

.dashboard_icon .content:hover {
    background-color:#cfd09d;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


/* TABLE */

table {
	font: normal 11px auto Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
}

#mytable {
	padding: 0;
	margin: 0;
}

#mytable {
    padding: 0;
    margin: 0;
	width: 100%;
}

#mytable.c_gegevens {
    margin-top: 30px;
}

#mytable caption {
    padding: 0 0 5px 0;
    width: 700px;
    font: italic 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

#mytable th {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #006f79;
    border-right: 1px solid #3393a5;
    border-bottom: 1px solid #3393a5;
    border-top: 1px solid #3393a5;
    text-align: left;
    padding: 6px 6px 6px 6px;
    background: #c2e1e1 url(../images/table/bg_header.png) no-repeat;
}

#mytable th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

#mytable th:first-child {
    border-left: 1px solid #3393a5;
}

#mytable td:first-child {
    border-left: 1px solid #C1DAD7;
}

#mytable .even .alt,
#mytable td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #e5fdff url(../images/table/row.png) no-repeat;
    padding: 6px 3px 6px 3px;
    color: #006f79;
}
#mytable td.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}
#mytable td.total{
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #b5b5b5;
    background: #e1e1e1 url(../images/table/bg_total.png) no-repeat;
    color:#575757;
}

#mytable .odd td,
#mytable td.alt {
    background: #c0e0e4 url(../images/table/row_alt.png) no-repeat;
    color: #217391;
}

#mytable th.spec {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #e5fdff url(../images/table/row.png) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #006f79;
}

#mytable th.spec_bul {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #e5fdff url(../images/table/bullet1.png) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #006f79;
}

#mytable th.specalt {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #c0e0e4 url(../images/table/row_alt.png) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #217391;
}

#mytable th.specalt_bul {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #c0e0e4 url(../images/table/bullet2.png) no-repeat;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #217391;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #006f79;
	border-right: 1px solid #3393a5;
	border-bottom: 1px solid #3393a5;
	border-top: 1px solid #3393a5;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #d3d8a6 url(../images/table/bg_header.png) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff url(../images/table/row.png) no-repeat;
	padding: 6px 6px 6px 12px;
	color: #006f79;
}
td.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
td.total{
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #b5b5b5;
	background: #e1e1e1 url(../images/table/bg_total.png) no-repeat;
	color:#575757;
}


td.alt {
	background: #c0e0e4 url(../images/table/row_alt.png) no-repeat;
	color: #217391;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/table/row.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #006f79;
}

th.spec_bul {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/table/bullet1.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #006f79;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #c0e0e4 url(../images/table/row_alt.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #217391;
}

th.specalt_bul {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #c0e0e4 url(../images/table/bullet2.png) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #217391;
}




.table_none
{
	padding: 0;
	margin: 0;
}

.table_none th
{
	background:none;
	border:0;
	padding: 0;
	margin: 0;
}
.table_none td
{
	background:none;
	border:0;
	padding: 0;
	margin: 0;
}



/*  TIPTIP  */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}


/* NEW STYLE BEUKER 2.0 */
#header .breadcrumb {
    float: left;
    margin-top: 20px;
    padding-left: 20px;
}

#content_container .error_msg {
    color: red;
}

#content_container .success_msg {
    color: green;
}

#content_container .product_sections {
    width: 760px;
    padding-top: 25px;
    margin: 0 auto;
}

#content_container .login_form {
    width: 300px;
    margin: 0 auto;
}

#content_container .login_forgot {
    font: normal 11px auto Verdana, Arial, Helvetica, sans-serif;
    margin-top: 20px;
}

#content_container .login_forgot .forgot_pass {
    float: right;
}

.icon_email {
    float: left;
    background: url(../images/icons/icon_email.png) left center no-repeat;
    padding-left: 20px;
}

.icon_phone {
    float: left;
    background: url(../images/icons/icon_phone.png) left center no-repeat;
    padding-left: 20px;
    margin-right: 20px;
}

.clear {
    clear: both;
}

#content_container .dashboard_icon {
    width: 200px;
    margin-right: 53px;
    margin-bottom: 40px;
    float:left;
}

#content_container .dashboard_icon .content {
    height: 120px;
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

#content_container .dashboard_icon.last {
    margin-right: 0;
}

#content_container .profile_overview .ui-tabs{
    width: 538px;
    margin-left: 20px;
}

#content_container .profile_overview .my-contacts {
    margin-top: 20px;
}

#content_container #mytable.order_history th {
    padding: 5px;
}

#content_container .button .add_to_order {
    margin: 0;
    border: 0;
    color:#FFE505;
    font: bold 13px Verdana,"Times New Roman",Times,serif;
}

#content_container .button .add_to_order:hover {
    cursor: pointer;
}

#content_container .img_indicator p {
    float: left;
    margin-right: 20px;
}

#content_container .img_indicator img {
    margin-right: 5px;
}

/*DATA TABLE*/
.dataTables_length {
    float: left;
    margin-bottom: 10px;
}

.dataTables_filter {
    float: right;
    margin-bottom: 10px;
    margin-right: 50px;
}

.dataTables_info {
    float: right;
    margin-top: 12px;
}

.column_filter th {
    border-color: #C1DAD7 !important;
    background: none !important;
}

input.date_range_filter {
    width: 15px;
}

.filterColumn .select_filter {
    width: 50px;
}

.dataTables_paginate {
    float: right;
    margin-top: 9px;
    width: 50px;
}
.dataTables_paginate .paginate_enabled_next {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: url(../images/next_prev_btn.jpg) -18px 3px no-repeat;
}

.dataTables_paginate .paginate_disabled_previous,
.dataTables_paginate .paginate_enabled_previous {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: url(../images/next_prev_btn.jpg) 2px 3px no-repeat;
}

.dataTables_paginate .paginate_enabled_next:hover{
    cursor: pointer;
    background: url(../images/next_prev_btn.jpg) -18px -15px no-repeat;
}

.dataTables_paginate .paginate_enabled_previous:hover{
    cursor: pointer;
    background: url(../images/next_prev_btn.jpg) 2px -15px no-repeat;
}

.dataTables_paginate .paginate_disabled_next,
.dataTables_paginate .paginate_disabled_previous {
    cursor: default;
    background: none;
}

.a-left{
    text-align: left;
}

.a-right {
    text-align: right;
}

.tip {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}

.tip h2:hover {
    cursor: pointer;
}

.tip .body {
    display: none;
}

.tip:first-child .body {
    display: block;
}

.t_input {
    width: 110px;
}

.t_input input {
    width: 70px;
    margin-right: 10px;
}

.t_input span {
    font-weight: bold;
}


.cosun-logo {
    background: url("../images/cosun.jpg") no-repeat scroll center center #FFFFFF;
    height: 34px;
    position: absolute;
    top: -12px;
    width: 200px;
}