/* -------------------------------------------------------------- 
  
	Site: www.buyways.nl
	
	screen.css
	* main styylesheet.
	
	
-------------------------------------------------------------- */

html { 
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
	height: 100%;
	background: #fff url(../images/bg_html.jpg) repeat-x left top;
	}
body { 
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	background: url(../images/bg_body.jpg) no-repeat left top;
	}

/* =Header
-------------------------------------------------------------- */

#header h1  { position: absolute; top: 21px; left: 0; }
.header-txt { position: absolute; top: 44px; right: 0; }

.header-txt a { text-decoration: none; }

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

#footer ul, 
#footer li      { margin: 0; padding: 0; list-style-type: none; }
#footer li      { display: inline; }
#footer li span { padding: 0 3px; }
#footer a       { 
	color: #a5a5a5; 
	text-decoration: underline;
	}
#footer a:hover { text-decoration: underline; }

/* =visual
-------------------------------------------------------------- */

#menu { 
	height: 25px;
	background: url(../images/bg_menu.jpg) repeat-x left top;
	color: #fff;
	padding: 0 30px 0 13px;
	}
#menu ul, 
#menu li      { margin: 0; padding: 0; list-style-type: none; }
#menu li      { float: left }
#menu a       { 
	color: #fff; 
	text-decoration: none;
	padding: 0 14px 0 19px;
	line-height: 25px;
	}

#menu a:hover,
#menu a.active, 
#menu a.selected { 
	background: url(../images/dot.png) no-repeat 0 3px;
	}

#menu .search {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline;
	float: right;
	border: 0px solid blue;
	width: 154px;
	height: 20px;
	}
#menu .search form {
	margin: 0px;
	padding: 0px;
	}

#menu .search input#search { 
	position: absolute;
	top: 5px;
	left: 0px;
	margin: 0px;
	padding: 2px 5px 0 5px;
	width: 100px; 
	height: 12px;
	border: 1px solid #67cd63;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	
	vertical-align: bottom;
	}
	
#menu .search a.searchbutton {
	position: absolute;
	top: 0px;
	right: -4px;
	
	margin: 0px;
	padding: 0px;
	
	display: block;
	width: 35px;
	height: 20px;
	
	font-family: Arial;
	font-size: 10px;
	
	z-index: 100;
	
	border: 0px solid red;
	}
#menu .search a.searchbutton { 
	background: none;
	}
div.csc-textpic-center div.csc-textpic-imagewrap {
	margin:0 !important;
	}	

/* =Sidebar
-------------------------------------------------------------- */

.services h3 { font-size: 11px; color: #222222; margin-bottom: 5px;}
.services      { 
	min-height: 460px;
	height: auto !important;
	height: 460px;
	margin-bottom: 10px; 
	}
.services span { padding: 0 2px; }
.block         { margin-bottom: 30px; }

h6 a:link      { text-decoration: none; }
h6 a:hover     { text-decoration: underline; }
p.arrow-txt { 
	padding-left: 31px; 
	background: url(../images/arrow.png) no-repeat left center;
	color: #6f6f6e;
	line-height: 14px;	
	font-size: 9px;
	}
div#sidebar p.bodytext a {
	color:#222222;
	font-size: 9px;
	}
.news-latest-container {
	 margin-bottom: 40px;
	}	

#home .news-latest-container {
	 margin-bottom: 0px;
}
#sidebar .csc-header h2 { margin-bottom: 0;}	
	
/* =Buttons
-------------------------------------------------------------- */

.arrow { 
	background: url(../images/arrow.png) no-repeat left top;
	background-position:2px;
	padding: 3px 0 0 30px; 
	}

/* =Main
-------------------------------------------------------------- */

.leads { 
	border-bottom: 1px solid #d6d6d6; 
	margin-bottom: 10px;
	position: relative;
	}
.lead-1, .lead-2 {
	float: left; 
	width: 300px;
	padding-bottom: 75px;
	}
.lead-1        { margin-right: 52px; }
.lead-2        { }
.date, .meta   { color: #6f6f6e; font-size: 9px; margin-bottom: 15px; }
.meta a        { color: #6f6f6e; }
.lead-links    { position: absolute; bottom: 15px; }
.lead-links ul { margin: 0px; }
.lead-links li { margin: 0px; list-style-type: none;}


.news-item {
	float: left;
	width: 201px;
	height: 124px;
	margin-right: 44px;
	background: url(../images/temp/news_1.jpg) no-repeat top left;
	line-height: 1.2;
	}
.news-item img  { margin: 3px 0 10px 3px; }	
.news-item .txt {
	margin-left: 6px;
	color: #262626;
	font-size: 9px;
	}
.news-item a { font-size: 11px; font-weight: bold; text-decoration: none; }

a.backtoOverview,
.news-single-backlink a {
	background: url(../images/arrow_left.png) no-repeat left top;
	padding: 3px 0 0 30px; 
	color: #222222;
	}

.csc-header-n1 h2,
div#main div.news-single-item h2.news-header { margin-bottom: 33px; }


div.news-single-item div.subheader {
	color: #000000;
	font-weight: bold;
	line-height: 1.4em;
	}

/* =Overview
-------------------------------------------------------------- */
.overview .item { 
	min-height: 190px;
	height: auto !important;
	min-height: 190px;
	position: relative;
	margin-bottom: 40px; 
	}
.overview .item .more { 
	position: absolute;
	bottom: 8px;
	}
.overview .teaserimage { 
	float: left;
	width: 320px;
	}
.overview .teasercontent { 
	float: right;
	width: 336px;
	}
.overview .teasercontent h3 { color: #222222; }

.overview .more a { 
	background: url(../images/arrow.png) no-repeat left top;
	padding: 3px 0 0 30px; 
	color: #222222;
	}


/* =Left
-------------------------------------------------------------- */

#left ul      { padding-left: 0px; margin-left: 0px; }
#left ul li   { list-style-type: none; margin-bottom: 4px; font-size: 11px; }
#left ul li a { 
	font-size: 11px; 
	padding: 4px 0 4px 28px; 
	color:#6f6f6e; 
	text-decoration: none; 
	}
#left ul li a.active, 
#left ul li a:hover {
	color:#222222;
	background: url(../images/arrow.png) no-repeat left center;
	}

/* =News
-------------------------------------------------------------- */

.news-list-item {
	
	}

div.news-list-morelink { float:right; }

div.news-list-item a img{
	float:left;
	padding-right:10px;
	}

div.news-list-item h3,
div.news-list-item p.bodytext,
div.news-single-item h3,
div.news-single-item h2{
	margin-bottom:0;
	}
div.news-list-item h3 a       { text-decoration:none; }
div.news-list-item p.bodytext { color:#6F6F6E; text-decoration:none; }
span.news-list-date           { 
	display: block;
	margin-bottom: 10px;
	font-size: 9px; 
	color: #6f6f6e; 
	}

div.news-single-img           { float:left; padding-right:10px; }
p.news-single-imgcaption      { margin-bottom:5px; }
div.news-latest-morelink      { clear:both; }

div#sidebar div.news-latest-item {
	 line-height: 14px;
}

div#sidebar div.news-latest-item a {
	color: #262626;
	font-size: 9px;
	line-height: 1em;
	text-decoration: none !important;
	}
div#sidebar div.news-latest-container div.news-latest-item p.bodytext{
	margin-bottom: 5px;
	background: transparent url(../images/arrow.png) no-repeat scroll left center;
	padding: 0 0 0 30px;
	color:#6f6f6e;
	text-decoration:none;
	line-height: 14px;
	font-size: 9px;
	}
div#sidebar div.news-latest-container div.news-latest-item h3 a{
	text-decoration:none;
	}

/* =Pagination
-------------------------------------------------------------- */
.tx-ttnews-browsebox { 
	text-align: center;
	line-height: 26px;
	}
.tx-ttnews-browsebox a {
	text-decoration:none;
	}
.disabledLink {
	}	
.activeLink {
	background: #31b237;
	border: 1px solid #9f9f9f;
	color: #fff;
	padding: 2px 5px;
	margin: 0 1px;
	}
.inactiveLink {
	border: 1px solid #9f9f9f;
	color: #8c8c8c;
	padding: 2px 5px;
	margin: 0 1px;
	}	
.inactiveLink a { color: #8c8c8c; text-decoration: none; }
.news-list-browse { 
	position: relative; 
	text-align: center;
	width: 421px;
	}
span.next {
	border: none;
	position: absolute;
	right: 0;
	}
span.previous a,
span.next a      { text-decoration: underline; }	
span.previous {
	border: none;
	position: absolute;
	left: 0;
	}
	
/* =Forms
-------------------------------------------------------------- */

label.searchbutton { }

.csc-mailform       { padding-bottom:20px; }
.csc-mailform input {
	border:1px solid #CCCCCC;
	width: 246px;
	}
.csc-mailform select {
	border:1px solid #CCCCCC;
	width: 203px;
	_width: 204px;
	}
.csc-mailform textarea {
	width: 236px;
	*width: 246px;
	height: 94px;
	}
.csc-mailform #mailformAanhef legend {
	display: none;
	}
.csc-mailform-field #mailformAanhefman,
.csc-mailform-field #mailformAanhefvrouw {
	margin-right: 8px;
	}
fieldset { border: none; }

.csc-mailform-field { clear: both;  margin-bottom: 10px;}
.csc-mailform-field label {
	display: block;
	width: 150px;
	background: url(../images/list_star.png) no-repeat scroll left center;
	padding-left: 13px;
	position: relative;
	left: -13px;
	margin-bottom: 0;
	}
.csc-mailform .csc-mailform-radio {
	width: 10px;
	height: 10px;
	border: none;
	clear:both;
	}
.csc-mailform .csc-mailform-radio label {
	width: 40px;
	}
.csc-mailform-field input.csc-mailform-submit {
	margin-left: 150px;
	margin-top: 20px;
	width: 107px;
	border:none !important;
	background:transparent url(../images/arrow.png) no-repeat scroll left top;
	}
span#visual_img {
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	}
li.case a { font-size:0.8em; }

.required_fields { 
	background: url(../images/list_star.png) no-repeat scroll left center;
	padding-left: 13px;
	position: relative;
	left: -13px;
	color: #50B948;
	}
.survey_item        { margin-bottom: 20px;	}
.tx-pbsurvey-pi1 h3 { line-height: 19px; }
.clear_both { clear: both; }

#mailformformtype_mail {
	margin-left: 160px;
	margin-top: 10px;
}


div.news-single-item div.subheader {
	color: #262626;
	font-weight: normal;
}