/* ****************************
default.css
Default css file for project
**************************** */


/* ****************************
Client: De Groot Houtbewerkingsmachines
Website: degroot.nl

Main color 1: #960d28 -> Name: Red
Main color 2: #fffaed -> Name: Off-white
Main color 3: #00FFFF -> Name: blue
**************************** */



/* ****************************
Section: Blueprint alterations
**************************** */

body 	{ margin-top: 0; font-family:arial;}
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }

li ul, li ol {margin:0 1.68em;}
ul, ol {margin:0 1.68em 1.12em 1.68em;}

h4 { height: 100%; }

.success p,
.alert p,
.error p {
	margin: 0;
}

.csc-textpic-caption {
	font-size: 0.9em;
}

table {width:auto; margin: 0;}
th, td, caption {padding: 0;}
table, td, th {vertical-align: top;}

input, select, textarea { margin: 0; font-family:inherit;}
input[type="text"],input[type="password"] { border:1px solid #cccccc;}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}



/* ****************************
Section: Main
**************************** */

a {
	color: #960d28;
	text-decoration: none;
}
a:hover { 
	color: #960d28;
	text-decoration: underline;
}

thead th { 
	background: #ffefcb; 
}



/* ****************************
Section: Section header
**************************** */

#section-header {
	height: 256px;
	background: #ffffff url('../images/bg-header.gif') 0 0 repeat-x;
}

#header {
	height: 171px;
	position: relative;
}

#header-left #banner-header {
	width: 340px;
	height: 100px;
	padding-top: 11px;
	position: absolute;
	overflow: hidden;
}

#logo {
	height: 171px;
	text-align: center;
}

#logo img {
	height: 171px;
	margin: 0;
	border: 0;
	line-height: 1;
}

#header-right {
	position: relative;
}

#header-right a {
	font-size: 0.9em;
	color: #333333;
}

#nav-header,
#language-select {
	padding-top: 15px;
	float: right;
}


#nav-header ul {
	margin: 0;
}

#language-select {
	top: 15px;
}

.tx-srlanguagemenu-pi1 img {
	margin: 3px 0 0 4px;
}

#header-right-top {
	height: 140px;
}

#header-machine-searchbox {

}

#header-machine-searchbox form {
	margin: 0;
	line-height: 1;
}

#header-machine-searchbox .com-searchbox input.com-input-sword {
	width: 180px;
	margin: 0;
	margin-left: 75px;
	padding: 4px 3px;
	border: 0;
	font-size: 0.9em;
	color: #eed9e0;
	background: #ac4058;
}

#header-machine-searchbox .com-searchbox .yellow-button-small {
	margin: 0;
	margin-top: 2px;
	position: absolute;
	top: 139px;
	right: 10px;
}

#header-title {
	height: 85px;
	line-height: 85px;
	background: url('../images/bg-header-machines.jpg') no-repeat;
}

#header-title h1 {
	margin: 0;
	margin-left: 10px;
	line-height: 85px;
	font-size: 1.7em;
	color: #960d28;
	font-style: italic;
}



/* ****************************
Section: Navigation, top
**************************** */

#nav-header {

}

#nav-header ul {
	list-style: none;
}

#nav-header ul li {
	margin-right: 15px;
	float: left;
}

#nav-header ul li a {

}

#nav-main {
	line-height: 40px;
	margin-top: 131px;
}

#nav-main ul {
	margin-left: 5px;
	list-style: none;
	white-space: nowrap;
}

#nav-main ul li {
	margin: 0 6px;
	float: left;
}

#nav-main ul li a {
	font-size: 1.1em;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#nav-main ul li.li-current-active a,
#nav-main ul li.li-active a,
#nav-main ul li a:active,
#nav-main ul li a:hover {
	color: #fecc4e;
	text-decoration: none;
}



/* ****************************
Section: Section breadcrumb
**************************** */

#container-breadcrumb {
	margin: 0.84em auto;
}

#breadcrumb {
	font-size: 0.9em;
	color: #666666;
}

#breadcrumb ul {
	margin: 0;
}

#breadcrumb ul li {
	margin-right: 0.5em;
	display: inline;
	list-style: none;
}

#breadcrumb ul li a {
	margin-left: 0.5em;
	color: #666666;
}

#print-link {
	font-size: 0.95em;
	text-align: right;
}

#print-link a {
	margin-right: 5px;
	padding: 23px;
	color: #666666;
	background: url('../images/icon-print.png') right 50% no-repeat;
}




/* ****************************
Section: Section content
**************************** */

#section-content {
	margin: 0 auto 0.56em auto;
}

h2.csc-firstHeader {
	margin-top: 0;
}

.contenttable p {
	margin: 0;
}

#normal {
	padding-top: 0.28em;
	border-top: 1px solid #f3f3f3;
}

.yellow-button {
	height: 29px;
	line-height: 29px;
	padding-right: 15px;
	float: left;
	font-size: 1.1em;
	background: url('../images/bg-button-yellow.png') top right no-repeat;
}

.yellow-button a,
.yellow-button input {
	height: 29px;
	padding-left: 15px;
	display: block;
	float: left;
	position: relative;
	color: #333333;
	font-weight: bold;
	border: 0;
	background: url('../images/bg-button-yellow.png') top left no-repeat;
}
.yellow-button a:hover,
.yellow-button input:hover {
	color: #333333;
	text-decoration: underline;
}

.yellow-button input,
.yellow-button-small input,
.red-button input {
	overflow: visible;
}

.yellow-button-small {
	height: 21px;
	line-height: 21px;
	padding-right: 1px;
	float: left;
	font-size: 1.0em;
	background: url('../images/bg-button-yellow-small.png') top right no-repeat;
}

.yellow-button-small a,
.yellow-button-small input {
	height: 21px;
	padding: 0px;
	padding-left: 12px;
	padding-right: 11px;
	display: block;
	float: left;
	position: relative;
	color: #333333;
	font-size: 0.9em;
	font-weight: bold;
	border: 0;
	background: url('../images/bg-button-yellow-small.png') top left no-repeat;
}
.yellow-button-small a:hover,
.yellow-button-small input:hover {
	color: #333333;
	text-decoration: underline;
}

.red-button {
	height: 21px;
	line-height: 21px;
	padding-right: 3px;
	float: left;
	background: url('../images/bg-button-red.png') top right no-repeat;
}

.red-button a,
.red-button input {
	height: 21px;
	padding: 0px;
	padding-left: 12px;
	padding-right: 9px;
	display: block;
	float: left;
	position: relative;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	border: 0;
	background: url('../images/bg-button-red.png') top left no-repeat;
}
.red-button a:hover,
.red-button input:hover {
	text-decoration: underline;
}



/* ****************************
Section: Call to action
**************************** */

#call-to-action {

}

#call-to-action ul {
	margin: 0;
	list-style: none;
}

#call-to-action ul li {
	padding: 0.84em 0 0.84em 15px;
	font-size: 1.05em;
	background-color: #ffefcb;
	/*background-image: url('../images/bg-more-link.gif');*/
	background-position: 295px 50%;
	background-repeat: no-repeat;
}

#call-to-action ul li a {
	height: 22px;
	display: inline;
	padding-left: 25px;
	padding-right: 10px;
	color: #555555;
	font-size: 0.95em;
	font-weight: bold;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#call-to-action ul li.uw-telefoonnummer {
	margin: 0 0 0.56em 0;
	padding: 0px;
	clear: both;
	background: none;
}

#call-to-action ul li.uw-telefoonnummer img {
	cursor: pointer;
}
/*
#call-to-action ul li.uw-telefoonnummer form {
	margin: 0;
}

#call-to-action ul li.uw-telefoonnummer form #mailformuw_telefoonnummer,
#call-to-action ul li.uw-telefoonnummer form #mailformTelefoonnummer,
#call-to-action ul li.uw-telefoonnummer form .mf-submit {
	width: 163px;
	height: 21px;
	padding: 5px 0 0 5px;
	line-height: 13px;
	float: left;
	display: block;
	border: 0;
	font-size: 0.9em;
	color: #999999;
}

#call-to-action ul li.uw-telefoonnummer form #mailformuw_telefoonnummer,
#call-to-action ul li.uw-telefoonnummer form #mailformTelefoonnummer  {
	background: url('../images/bg-uw-telefoonnummer.png') no-repeat;
}

#call-to-action ul li.uw-telefoonnummer form input.mf-submit {
	width: 66px;
	height: 25px;
	margin-top: -2px;
	margin-left: 10px;
	margin-right: 15px;
	padding: 0px;
	float: right;
	background: url('../images/button-bel-mij.gif') no-repeat;
}

#call-to-action ul li.uw-telefoonnummer form input.mf-submit:hover,
#call-to-action ul li.uw-telefoonnummer form input.mf-submit:active {
	background-position: 0 -25px;
}
*/
#call-to-action ul li.aanvragen-informatie a {
	background-image: url('../icons/aanvragen-informatie.gif');
}

#call-to-action ul li.producten-bestellen a {
	background-image: url('../images/icon-shoppingcart-side-products.png');
}

#call-to-action ul li.inschrijven-nieuwsbrief a {
	background-image: url('../icons/inschrijven-nieuwsbrief.gif');
}

#call-to-action ul li.contact-informatie a {
	background-image: url('../icons/contact-informatie.gif');
}

#call-to-action ul li.adres-en-openingstijden a {
	background-image: url('../icons/adres-en-openingstijden.gif');
}



/* ****************************
Section: Footer
**************************** */

#section-footer {
	padding-top: 0.56em;
}

.lang-0 #section-footer {
	background: url('../images/bg-footer.gif') repeat-x;
}

.lang-0 #footer-boxes {
	margin: 1.68em 0;
}

.copyright,
.copyright a {
	text-align: center;
	font-size: 0.9em;
	color: #999999;
}

#footer-box1 {
	background: #f3f3f3;
}

#footer-box1 div a {
	width: 280px;
	margin: 0 1.12em;
	padding: 0.9em 0;
	display: block;
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
}

#footer-box1 div.machine-inruil-week a {
	border-bottom: 1px solid #d9d9d9;
	background: url('../images/bg-footer-box1-machine-inruil-week.png') 50% right no-repeat;
}

#footer-box1 div.rendements-garantie a {
	background: url('../images/bg-footer-box1-rendements-garantie.gif') 50% right no-repeat;
}

#footer-box1 div a span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	color: #960d28;
}
#footer-box1 div a:hover span {
	text-decoration: underline;
}

#footer-box2 {
	text-align: center;
}

#footer-box3 p {
	font-size: 1.2em;
	font-weight: normal;
	color: #888888;
}

#call-me-back form {
	margin: 0;
}

#call-me-back form #mailformNaam,
#call-me-back form #mailformTelefoonnummer,
#call-me-back form #mailformOnderwerp,
#mailformBetreft,
#call-me-back form .mf-submit {
	width: 163px;
	height: 21px;
	padding: 5px 0 0 5px;
	line-height: 13px;
	display: block;
	border: 0;
	font-size: 0.9em;
	color: #999999;
}

#call-me-back form #mailformNaam,
#call-me-back form #mailformTelefoonnummer,
#call-me-back form #mailformOnderwerp {
	background: url('../images/bg-uw-telefoonnummer.png') no-repeat;
}

#call-me-back form #mailformBetreft input,
#call-me-back form #mailformBetreft label {
	margin-right: 3px;
	float: left;
}

#call-me-back form #mailformBetreft label {
	margin-right: 10px;
}

#call-me-back form input.mf-submit {
	width: 66px;
	height: 25px;
	padding: 0px;
	background: url('../images/button-bel-mij.gif') no-repeat;
}

#call-me-back form input.mf-submit:hover,
#call-me-back form input.mf-submit:active {
	background-position: 0 -25px;
}

.lang-1 #call-me-back form input.mf-submit,
.lang-1 #call-me-back form input.mf-submit:hover,
.lang-1 #call-me-back form input.mf-submit:active {
	background: url('../images/call-me.png') no-repeat;
	background-position: -229px -8px;
}

.lang-2 #call-me-back form input.mf-submit {
	width: 69px;
}

.lang-2 #call-me-back form input.mf-submit,
.lang-2 #call-me-back form input.mf-submit:hover,
.lang-2 #call-me-back form input.mf-submit:active {
	background: url('../images/rufe-mich.png') no-repeat;
	background-position: -226px -8px;
}



/* ****************************
Section: tt_news latest
**************************** */

.news-latest-container {

}

.news-latest-item {
	margin: 1.12em 0;
	display: block;
}

.news-latest-item a {
	color: #999999;
	cursor: pointer;
}

.news-latest-date {
	width: 41px;
	height: 18px;
	margin-right: 10px;
	float: left;
	font-size: 0.8em;
	text-align: center;
	line-height: 18px;
	background: url('../images/bg-news-latest-date.gif');
}

.news-latest-item a:hover {
	color: #777777;
	text-decoration: underline;
}

.news-latest-item a:hover .news-latest-date {
	color: #ffffff;
	background-position: 0 -18px;
	text-decoration: none;
}

.news-latest-title {
	width: 239px;
	margin: 0;
	margin-left: 51px;
	display: block;
	font-size: 1em;
	line-height: 18px;
}

.news-latest-author {
	text-align: right;
	font-size: 1.0em;
	color: #666666;
}

.news-latest-gotoarchive {
	margin: 1.12em 0;
	clear: both;
}

.news-latest-gotoarchive a {
	color: #960d28;
}



/* ****************************
Section: tt_news list
**************************** */

.news-list-item {
	margin-bottom: 0.56em;
	padding-bottom: 0.56em;
	background: url('../images/bg-com-list.gif') center bottom no-repeat;
}

.news-list-img img {
	border: 5px solid #f4f4f4;
}

.news-list-item h3 {
	margin: 0.56em 0;
}

.news-list-date {
	font-size: 0.9em;
	color: #999999;
}

.news-list-morelink {
	padding-left: 0.5em;
}



/* ****************************
Section: tt_news single
**************************** */

.news-single-item {

}

.news-single-img img {
	border: 5px solid #f4f4f4;
}

.news-single-timedata {
	font-size: 0.9em;
	color: #666666;
}

.news-single-item h2 {
	margin: 0.56em 0;
	color: #960d28;
}

.news-single-item h4 {
	color: #666666;
}

.news-single-author {
	font-size: 1.0em;
	color: #666666;
	text-align: right;
}

.news-single-item p.bodytext {

}

.news-single-backlink {
}

.news-single-backlink a {
}



/* ****************************
Section: Machine overzicht
**************************** */

.machine-overzicht.ul-level1 {

}

.machine-overzicht.ul-level1 h2 a {
	padding-left: 20px;
	background: url('../images/bg-machine-overzicht-arrow-normal.gif') 5px 50% no-repeat;
}

.machine-overzicht.ul-level1 h2 a.current {
	cursor: default;
	background: url('../images/bg-machine-overzicht-arrow-active.gif') 5px 50% no-repeat;
}

.machine-overzicht.ul-level1 .ul-level2  {
	margin-bottom: 1.12em;
	display: none;
}

.machine-overzicht.ul-level1 .ul-level2 div  {
	width: 210px;
	float: left;
}

.machine-overzicht.ul-level1 .ul-level2 div a {
	padding: 0.42em 5px;
	display: block;
	color: #666666;;
}
.machine-overzicht.ul-level1 .ul-level2 div a:hover {
	color: #960d28;
	background-color: #f3f3f3;
}



/* ****************************
Section: Powermail
**************************** */

fieldset.tx-powermail-pi1_fieldset label {
	clear:both;
	display:block;
	float:left;
	font-weight:bold;
	width:150px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, 
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	width:260px;
}

div.tx_powermail_pi1_fieldwrap_html {
	margin:10px 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	margin:20px 0 10px 150px;
}



/* ****************************
Section: felogin
**************************** */

.tx-felogin-pi1 .red-button,
.tx-felogin-pi1 p{
	margin: 0.56em 0;
	clear: both;
}



/* ****************************
Section: Mailform
**************************** */

#normal #mailform, 
#normal .mf-radio fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
#normal .mf-radio legend {
	display: none;
}
#normal .csc-mailform-field {
	margin-bottom: 5px;
	padding: 2px;
	clear: both;
	overflow: none;
}
#normal .csc-mailform-field label {
	width: 150px;
	padding-top: 3px;
	padding-right: 10px;
	float: left;
	display: inline;
}
#normal .csc-mailform-field input, 
#normal .csc-mailform-field textarea {
	margin-top: 2px;
	padding: 2px;
}
#normal .csc-mailform-field textarea {
	width: 330px;
	height: 100px;
	font-family: arial;
}

#normal .csc-mailform-radio legend {
	font-size: 1em;
}
#normal .csc-mailform-radio input {
	margin: 0;
	padding: 0;
}
#normal .csc-mailform-radio label {
	float: none;
	padding-top: 0;
}
#normal .mf-submit {
	position: relative;
	left: 130px;
	line-height: 1;
	text-align: center;
	overflow: visible; 
}


#tooltip {
	width: 300px;
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px 10px;
	opacity: 0.85;
}

#tooltip h3, #tooltip div { 
	margin: 0; 
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
}

a.player { 		
	display:block;
	height:450px;			
}