@import url(mainMenu.css);

/*
****************************
* File: content.css, Tebra css file
* Date: 23-01-2008
* Auther: Drecomm
* Containts all layout elements
****************************
*/

/*
****************************
* mainMenuText
* Contains text elements for mainmenu
****************************
*/

/*
****************************
* Link info a
****************************
*/
a:link { color: #002bc9; text-decoration: underline; }
/*a:visited { color: #002bc9; text-decoration: underline; }*/
a:hover { color: #ff5c27; }
a:active { color: #ff5c27; }
a:active, a:focus{outline: none;}

#mainMenu, .mainMenuText 
{
	/*font-weight:bolder;*/
	/*margin-left:10px;*/
	padding-left:20px;
	color:#606060;
	padding-bottom:10px;
}
*html #mainMenu {
	padding-left:20px;
	padding-bottom:0;
}
.mainMenuActive
{
	background-image:url("../images/mouse_over.jpg");
	background-repeat:repeat-x;
	color:black;
	padding-top:10px;
	padding-bottom:10px;
}
*html #mainMenu a:hover
{
	background-image:url("../images/mouse_over.jpg");
	background-repeat:repeat-x;
	color:black;
	padding-left:20px;
	color:#606060;
	padding-bottom:10px;
}*/
#mainMenu a:active
{
	padding:10 10 10 7;
	text-decoration:none;
	color:#363636;
}
#mainMenu a:link
{
	padding:10 10 10 7;
	text-decoration:none;
	color:#363636;
}
#mainMenu a:visited
{
	color:#363636;
	padding:10 10 10 7;
	text-decoration:none;
}
#mainMenu a:hover
{
	background-image:url("../images/mouse_over.jpg");
	background-repeat:repeat-x;
	color:black;
	padding:10 10 10 7;
	text-decoration:none;
}
/*
****************************
* header2Text
* Contains text elements for header 2
****************************
*/
.header2Text
{
	color:white;
}
/*
****************************
* footerText
* Contains text elements for the footer
****************************
*/
.footerText
{
	color:#666666;
	font-size:10pt;
	text-align:center;
	padding-top:20px;
}
.footerText p {
	margin:0;
}
/*
****************************
* Call us now
****************************
*/
.callnow_header
{
	font-size:14pt; 
/*	width:190px; */
	position: absolute;
	padding-left:10px;
/*	float:left; */
	color:#FFFFFF;
	padding-top:17px;
	left:12px;
}
.callnow_header p {
	margin-top:0;
}
.callnow_text
{
	color:#FFFFFF;
	float:right;
	width:250px;
	padding-right:190px;
	padding-top:5px;
	text-align:left;
}
.callnow_text p {
	margin-top:0;
}
.callnow_text a {
	color:#FF5C2C;
}
#content #two_column_container #two_column_one a {
	color:#666666;
}
#content #two_column_container #two_column_one a:hover {
        color:#FF5C27;
}
#two_column_one li, .csc-menu csc-menu-1
{

	list-style:none;
	list-style-image:url("../images/arrow_big.gif");
	font-size:14pt;
	text-decoration:none;
	line-height:36px;
	padding-left:53px;
}

#two_column_one li, .csc-menu csc-menu-1
{
	padding: 0px;
}

/*
****************************
* smallLinks
* Adds small arrow to small links
****************************
*/
.smallLinks
{ 
	list-style-image: url("../images/arrow_small.gif"); 
	text-decoration:underline;
	font-weight:bold;
}

/*=============================================*/
#boxheaderContent, .csc-menu csc-menu-1
{
	list-style-image: url("../images/arrow_small.gif"); 
	text-decoration:none;
	font-weight:bold;
	padding-left:-10;
}
ul , .csc-menu csc-menu-1 {
	list-style:none;
	margin:0;
	padding:0;
}
ul li, .csc-menu csc-menu-1 li
{
	background-image: url("../images/arrow_small.gif"); 
	background-attachment:scroll;
	background-position:left 4px;
	background-repeat:no-repeat;
	padding-left:10px;
}
#mainMenu ul li, #mainMenu .csc-menu csc-menu-1 li {
	padding-left:0px;
}
csc-firstHeader,h1
{
	font-size:14pt;
	color:#3e4444;
	font-weight:bold;
}
.csc-firstHeader,h1
{
	background-image:url("../images/blockImage2.gif");
	background-position:center left;
	background-repeat:no-repeat;
	height:17px;
	border-bottom: 2px solid;
	border-bottom-color: #CCCCCC;
	font-size:14pt;
	color:black;
	font-weight:bold;
	padding-left:25px;
	padding-bottom:7px;
	padding-top:0px;
	width:auto;
	margin:0;
	margin-bottom:15px;
}
#rightContent .csc-firstHeader a, #rightContent h1 a {
	color:black;
	text-decoration:none;
}
/*
****************************
* news items
* Adds small arrow to small links
****************************
*/
.news_container
{
	margin-left:20px;
	margin-top:10px;
}
/*
****************************
* Form makeup
* Adds the form layout/makeup
****************************
*/
label
{
	font-size:9pt;
}

label #rightContent
{
	color:#525252;
}

.csc-mailform .csc-mailform-field input
{
	border:solid 1px #999999;
}

/* mail form text */
.csc-mailform .csc-mailform-field label
{
	border:none;
	color:#606060;
}

.csc-mailform, fieldset
{
	border:none;
	color:#606060;
}

.csc-mailform .csc-mailform-field
{
	padding-top:20px;
}
#requestAQuoteContent .bodytext
{
	color:#fdf2a2;
	font-weight:bold;
	font-size:10pt;
	padding-top:-10px;
}

/*
****************************
* boxHeaders
* Contains an underline and an box image
****************************
*/
.boxHeaders
{
	background-image:url("../images/blockImage2.gif");
	background-repeat:no-repeat;
	height:17px;
	font-weight:bold;
	border-bottom: 2px solid;
	border-bottom-color: #CCCCCC;
	width:90%;
}
/*
****************************
* boxHeaderText
* Contains the small text for extra info
****************************
*/
.boxHeaderText
{
	color:#666666;
	font-size:9pt;
	padding-left:26px;
	display:block;
}
/*
****************************
* boxHeadersTitle
* Contains the title next to the box
****************************
*/
.boxHeadersTitle
{
	padding-left:30px;
	color:black;
	font-size:12pt;
	clear:both;
	padding-bottom:10px;
}
/*
****************************
* boxHeadersTitle
* Contains the title next to the box
****************************
*/
.two_column_two_text
{
	margin-top:20px;
	font-size:10pt;
	color:#333333;
	float:left;
	margin-left:10px;
	width:270px;
}

.headerColumnTwo_text_title
{
	font-size:14pt;
	font-weight:bold;
}
/*
****************************
* ourClientsHeader
* Contains the header of ourClients
****************************
*/
.ourClientsHeader
{
	font-size:10pt;
	font-weight:bold;
	color:#333333;
}

#two_column_two #headerText
{
	font-size:14pt;
	font-weight:bold;
	color:#3e4444;
	font-size:16pt;
	margin-left:0px;
	padding-top:16px;
	width:430px;
	float:right;
	padding-bottom:5px;
}
#headerText
{
	font-size:14pt;
	font-weight:bold;
	color:#3e4444;
	font-size:16pt;
	font-weight:bold;
	margin-left:228px;
	padding-top:16px;
}
/*
***************************
* Submenu li
***************************
*/
#submenu ul, .csc-menu csc-menu-1
{
	margin-top:9px;
	list-style:none;
	font-size:14pt;
	text-decoration:none;
	line-height:30px;
	padding-left:31px;
}
#submenu ul li {
	float:left;
}
#submenu ul ul {
/*	padding-left:15px; */
	padding-left:7px; 
	margin:0;
	padding-bottom:0px;
	padding-top:10px;
	float:left;
	width:194px;
	margin-bottom:-15px;
}
#submenu ul {
	list-style-image:none;
	margin-left:0;
}
#submenu ul li a {
	display:block;
}
#submenu ul li.biggie, #submenu ul li.biggieactief {
	background-image: url("../images/arrow_big.gif");
	background-attachment:scroll;
	background-position:left 5px;
	background-repeat:no-repeat;
	padding-left:10px;
	line-height:16px;
	padding-bottom:15px;
	width:199px;
}
#submenu ul li#biggieLast, #submenu ul li#biggieactiefLast {
	line-height:16px;
}
.biggie a { color: #606060; text-decoration: none; }
.biggie a:hover { color: #ff5c27; }
.biggie a:active { color: #ff5c27; }
.biggieactief a { color:#ff5c27; text-decoration:none; }

.biggie2 a { color: #606060; text-decoration: none; }
.biggie2 a:hover { color: #ff5c27; }
.biggie2 a:active { color: #ff5c27; }
.biggieactief2 a { color:#ff5c27; text-decoration:none; }

#submenu li.biggie2,#submenu li.biggieactief2 {
/*	padding-left:7px; */
	background-position:left 13px;
	line-height:16px;
	padding-bottom:10px;
	clear: both;
	width: 140px;
}
#submenu li, .csc-menu csc-menu-1, a:link, a:visited
{
	padding: 0px;
	text-decoration:none;
}
.csc-menu csc-menu-4, dt a
{
	background-image: url("../images/arrow_small.gif");
	background-repeat:no-repeat;
	padding-top:-5px;
	padding-left:10px;
}
dt, .csc-textpic-image csc-textpic-firstcol
{
	background-image:none;
}
/*
************************************************
* Telephone and fax numbers
************************************************
*/
#numberRoot
{
	float:right;
	position:absolute;
	width:270px;
	margin-top:15px;	
	margin-left:683px;
	color:#6d6d6d;
	font-size:20px;
	font-weight:bold;
	display:block;
}
*html #numberRoot
{
	margin-top:31px;	
}
#numberRoot strong
{
	color:#000000;
	font-size:20px;
}

/*
************************************************
* Landing page
************************************************
*/
#middelContent
{
	padding-left:10%;
	padding-right:10%;
}
#mailform label
{
	color:#ff5c27;
	font-weight:bold;
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 2em;
	display: block	
}
#mailform .csc-mailform-submit
{
	margin-left: 5.4em;
}
.detailsColor
{
	color:black;
}
#rightContent a {

	text-decoration:underline;
}
#three_column_one ul , #three_column_one .csc-menu csc-menu-1 {
	padding-left:15px;
	margin-left:15px;
}
#three_column_two ul , #three_column_two .csc-menu csc-menu-1 {
	padding-left:15px;
	margin-left:15px;
}
.requestAQuoteContent #form input#email {
	width:130px;
	height:15px;
}
.requestAQuoteContent #form input#button {
	width:75px;
	padding-left: 3px;
	padding-right: 3px;
}
*html #rightContent p{
	margin-top:10px;
	margin-bottom:10px;
}
#ourClientsContainer #ourClientImages div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:left;
}