/*****************************/
/* MAILFORM */
/*****************************/

.csc-textpic-caption {
padding: 10px;
line-height: 16px;
color: #888;
}

#mailform, .csc-mailform {
	border: 0px solid #fff;
	/*width: 450px;*/
	}
	
#mailform label {
	float: left;
	width: 170px;
	text-align: right;
	padding: 4px 8px 0 0;
	}

#mailform input, #mailform textarea, #mailform select {
	position: relative;
	/*width: 200px;*/
	left: 10px;
	font-size: 10px;
	border: 1px dotted #000;
	margin: 1px 1px 1px 2px;
	padding: 2px;
	}
#mailform input mailformformtype_mail {
}
#mailform .csc-mailform-submit, .csc-mailform-submit {
margin-left: 200px;
}

.csc-menu {margin-left: 20px;}


/*****************************/
/* POWERMAIL MAILFORM */
/*****************************/

/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 1px solid #aaa;
	background-color: #fff;
	margin-bottom: 16px;
	padding: 10px;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;
	color: black;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	/*width: 500px;*/
	margin: 6px;
	float: left;
	font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset_textarea label {
	/* label */
	display: block;
	clear: both;
	width: 100%;
	margin: 6px;
	float: left;
	font-weight: bold;
}
div.tx_powermail_pi1_fieldwrap_html_text label, 
div.tx_powermail_pi1_fieldwrap_html_select label, 
div.tx_powermail_pi1_fieldwrap_html_file label, 
div.tx_powermail_pi1_fieldwrap_html_captcha label {
	/* label */
	display: block;
	width: 200px;
	float: left;
	font-weight: bold;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
	clear: both;
}
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea {
	/* Input and textarea */
	width: 100%;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio,
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_check input.powermail_check {
	/* Radiobuttons */
	margin: 6px 6px;
	width: 20px;
	display: block;
	float: left;
	clear: both;
}

div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 4px 0;
	display: block;
	float: left;
	width: 100%;
}
div.tx_powermail_pi1_fieldwrap_html_text {
	/* DIV container arround every field */
	width: 100%;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}

/*****************************/
/* BASIC TYPO# SETTINGS */
/*****************************/
 	
.csc-sitemap ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #fff; */
	voice-family: "\"}\""; 
	voice-family:inherit;
}

/*.text {
	font-size: 11px;
	font-family: Verdana, lucida, arial, helvetica, sans-serif; 
	}*/

/*****************************/
/* SITE BASICS */
/*****************************/

body, bodytext  { 
	font-size: 12px;
	font-family: Verdana, lucida, arial, helvetica, sans-serif; 
	border: 0;
	padding: 0;
	margin: 0;
	}

body {
	background: #d5d6d8 url(../img/bg_big.jpg) top center no-repeat; 
}

html {
	background: #d5d6d8 url(../img/bg_big.jpg) top center no-repeat; 
	}
	
ul {
	font-size: 12px;
	font-family: Verdana, lucida, arial, helvetica, sans-serif; 
	left: 10px;
	}
p {	
	font-size: 12px;
	font-family: Verdana, lucida, arial, helvetica, sans-serif; 
	line-height: 18px;
	padding: 0;
	margin: 0 0 10px 0;
	}
.bodytext {
	margin: 0 20px 10px 20px;
}

a {
	text-decoration: none;
}
	
h1{
	font-size:120%;
	font-weight: 700;
	color:#000;
	margin: 20px 20px 10px 20px;
	}

h2{
	font-size:180%;
	color:#000;
	line-height: 1.8em;
	font-weight: normal;
	margin: 20px 20px 10px 20px;
}

h3{
	font-size:130%;
	color:#000;
	font-weight: normal;
}

h4{
	font-size:110%;
	color:#000;
}

p{
	align:justify;
}

#menu2 .act{
color: black;
}


/* Home-page specific lay-outing start ----------------------------------------- */

img {
	border: 0;
	behavior: url("http://www.yoursignonline.com/fileadmin/signs-template/js/pngbehavior.htc");
}

	
#home_wrapper {
	z-index: 1;
	padding:0;
	margin:0;
	margin-left: -494px;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 988px;
	height: 100%;
}

#top {
	position: relative;
	float: left;
	width: 988px;
	height: 115px;
	padding: 0px;
	top: 18px;
	left: 0px;
	margin:0;
	background: url(../img/top_bg.png) ; 
	}

#inhoud {
	position: relative;
	float: left;
	width: 988px;
	padding: 0px;
	top: 22px;
	left: 0px;
	margin: 0px;
	}
	
#inhoud ol {
line-height: 16px;
}
#inhoud ul {
line-height: 20px;
}

#logo {
	margin: 14px 0 0 30px;
}
#main {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	font-size: 100%;
	color: #333;
	width: 908px;
	_width: 988px;
	overflow: auto;
	padding: 0px 40px 20px 40px;
	border: 0;
	text-align:left;
	background: url(../img/content_bg.png) ; 
	}
	
#main-2coll {
		background: url(../img/content_bg.png) ; 
}

#main2 {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	font-size: 100%;
	color: Gray;
	width: 620px;
	_width: 660px;
	overflow: auto;
	padding: 20px 20px 20px 20px;
	border: 0;
	text-align:left;
	}
#coll2 {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	font-size: 100%;
	color: Gray;
	width: 288px;
	_width: 328px;
	overflow: auto;
	padding: 20px 20px 20px 20px;
	border: 0;
	text-align:left;
	}
	
#main a, a.main:active, a.main:link, main2 a, a.main2:active, a.main2:link, coll2 a, a.coll2:active, a.coll2:link {
	text-decoration: underline; 
	color: #666;	
	text-decoration: none;
	margin-left: 10px;
	}
#main a img {
text-decoration: none;
}

#main a:hover, main2 a:hover, coll2 a:hover {
		color: #000;	
	}

.clear {
	clear: both;
}

/* horizontal menu start ----------------------------------------- */

#menu {
	position: absolute; 
	margin: 0;
	padding: 0;
	top: 60px;
	left: 479px;
	width: 500px;
	height: 46px;
	overflow: hidden;
	}

#menu ul {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	padding: 3px;
	margin: 0px;
	width: 94px;
	color: #fff;
	vertical-align: center;
	text-align: center;
	text-decoration: none;
	display: block;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 40px;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    10px;   
	}

html>#menu ul li a  {
	font-size: 12px;   
	} 

#menu ul li a:hover {
	color: #55c1ff;
	}
	
#menu a:active	{
	color: #fff;
	}

#menu ul li.act a {
	color: #55c1ff;
}
/* horizontal menu start ----------------------------------------- */

#menu2 {
	display: block;
	
	margin: 0;
	padding:0;
	top: 0px;
	left: 0px;
	width: 988px;
	height: 50px;
	overflow: hidden;
	background: url(../img/menu2_bg.png); 
	}

#menu2 ul {
	display: block;
	border: 0;
	margin: 10px 20px 10px 20px;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
	}

#menu2 ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	}

#menu2 ul li a {
	padding: 0px;
	margin: 0px 10px 0px 10px;
	color: #6d6d62;
	text-align: left;
	text-decoration: none;
	display: block;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 40px;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    12px;   
	}

html>#menu2 ul li a  {
	font-size: 12px;   
	} 

#menu2 ul li a:hover {
	color: #dbd4ce;
	color: #000;
	}

#menu2 a:active {
	color: #000;
	}
	
#menu2 ul li.act a {
	color: #000;
	text-decoration: underline;
	}
	/* horizontal menu start ----------------------------------------- */

#menu3 {
	position: relative;
	float: left; 
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	width: 988px;
	height: 24px;
	overflow: hidden;
	color: #000;
	background: url(../img/content_bg.png) ; 
	display: none;
	visibility: hidden;
	}

#menu3 ul {
	display: block;
	border: 0;
	margin: 0px 20px 10px 40px;
	padding: 0;
	list-style-type: none;
	text-align: left;
	clear: left;
	}

#menu3 ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	}

#menu3 ul li a {
	padding: 0px;
	margin: 0px 20px 0px 0px;
	color: #6d6d62;
	text-align: left;
	text-decoration: none;
	display: block;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 30px;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: 10px;   
	}

html>#menu3 ul li a  {
	font-size: 12px;   
	} 

#menu3 ul li a:hover {
	color: #dbd4ce;
	color: #000;
	}
	
#menu3 ul li.act a	{
	color: #000;
	text-decoration: underline;
	}

	/* horizontal menu start ----------------------------------------- */


	
#footer {
	position: relative;
	float: left; 
	width: 988px;
	padding: 0;
	left: 0px;
	text-align: left;
	margin:0;
	height: 40px;
	background: url(../img/footer_bg.png); 
	}


#footer ul {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	margin-left: 20px;
	margin-top: 6px;
	}

#footer ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	}

#footer ul li a {
	padding: 0px;
	margin: 0px 16px 0px 0px;
	color: #000;
	text-align: center;
	text-decoration: none;
	display: block;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 16px;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    9px;   
	}

html>#footer ul li a  {
	font-size: 9px;   
	} 

#footer ul li a:hover {
	color: #999;
	}
	
#footer a:active	{
	color: #000;
	}
	

/*  Language selections  ----------------------------------------- */

		
#languagebuttons {
	position: absolute;
	top: 8px;
	left: 710px;
	width: 320px; 
	height: 32px;
	}	
	
#languagebuttons a b {
	display: none;
	visibility: hidden;
	}
	
#languagebuttons a img {
	text-decoration: none;
	}
	
/*a#nl {
	width: 32px;
	height: 32px;
	left: 0px;
	display: block;
	position: absolute;
	background: url(../img/fl_nl.gif) no-repeat;
	}
a#nl:hover {
	background: url(../img/fl_nl_hi.gif) no-repeat;
	}
*/

#languagebuttons #___plusone_0 {
}

a#en {
	width: 32px;
	height: 32px;
	left: 192px;
	display: block;
	position: absolute;
	background: url(../img/fl_en.gif) no-repeat;
	}
a#en:hover {
	background: url(../img/fl_en_hi.gif) no-repeat;
	}
	
a#du {
	width: 32px;
	height: 32px;
	left: 160px;
	display: block;
	position: absolute;
	background: url(../img/fl_du.gif) no-repeat;
	}
a#du:hover {
	background: url(../img/fl_du_hi.gif) no-repeat;
	}
	
/*a#fr {
	width: 32px;
	height: 32px;
	left: 128px;
	display: block;
	position: absolute;
	background: url(../img/fl_fr.gif) no-repeat;
	}
a#fr:hover {
	background: url(../img/fl_fr_hi.gif) no-repeat;
	}
*/

/*a#it {
	width: 32px;
	height: 32px;
	left: 96px;
	display: block;
	position: absolute;
	background: url(../img/fl_it.gif) no-repeat;
	}
a#it:hover {
	background: url(../img/fl_it_hi.gif) no-repeat;
	}
*/

/*a#sp {
	width: 32px;
	height: 32px;
	left: 64px;
	display: block;
	position: absolute;
	background: url(../img/fl_sp.gif) no-repeat;
	}
a#sp:hover {
	background: url(../img/fl_sp_hi.gif) no-repeat;
	}
*/

/*a#pl {
	width: 32px;
	height: 32px;
	left: 32px;
	display: block;
	position: absolute;
	background: url(../img/fl_pl.gif) no-repeat;
	}
a#pl:hover {
	background: url(../img/fl_pl_hi.gif) no-repeat;
	}
*/

#clear {
	clear: both;
}

a#specs_front_du {
	background: url(../img/w_specs_du.gif) no-repeat;
	width: 139px;
	height: 32px;
	float: right;
	display: block;	
}

a#design_front_du {
	background: url(../img/w_entwerf_du.gif) no-repeat;
	width: 139px;
	height: 32px;
	float: right;
	display: block;	
}
a#specs_front_du:hover {
	background: url(../img/w_specs_du_hi.gif) no-repeat;
}

a#design_front_du:hover {
	background: url(../img/w_entwerf_du_hi.gif) no-repeat;
}
a#specs_front_du b, a#design_front_du b {
	display: none;
	visibility: hidden;
}

a#specs_front_eng {
	background: url(../img/w_specs_eng.gif) no-repeat;
	width: 139px;
	height: 32px;
	float: right;
	display: block;	
}

a#design_front_eng {
	background: url(../img/w_design_eng.gif) no-repeat;
	width: 139px;
	height: 32px;
	float: right;
	display: block;	
}
a#specs_front_eng:hover {
	background: url(../img/w_specs_eng_hi.gif) no-repeat;
}

a#design_front_eng:hover {
	background: url(../img/w_design_eng_hi.gif) no-repeat;
}
a#specs_front_eng b, a#design_front_eng b {
	display: none;
	visibility: hidden;
}

a#specs_front_nl {
	background: url(../img/w_specs_nl.gif) no-repeat;
	width: 139px;
	height: 32px;
	float: right;
	display: block;	
}

a#design_front_nl {
	background: url(../img/w_design_nl.gif) no-repeat;
	width: 139px;
	height: 32px;
	float: right;
	display: block;	
}
a#specs_front_nl:hover {
	background: url(../img/w_specs_nl_hi.gif) no-repeat;
}

a#design_front_nl:hover {
	background: url(../img/w_design_nl_hi.gif) no-repeat;
}
a#specs_front_nl b, a#design_front_nl b {
	display: none;
	visibility: hidden;
}
.contenttable b {
	font-weight: normal;
	font-size: 120%;
	color: #000;
}
.contenttable a img {
border: 0;
text-decoration: none;
}

.gray {
	background: #49494b;
	}


a.knop3 {width: 296px; height: 130px; display: inline; margin: 3px; background: url('../img/home_blauwe_knop3_bg.gif'); float: left;}
a.knop2 {width: 444px; height: 130px; display: block; margin: 3px; background: url('../img/home_blauwe_knop2_bg.gif'); float: left;}
a.knop1 {width: 900px; height: 80px; display: inline; margin: 3px; background: url('../img/home_blauwe_knop1_bg.gif'); float: left;}
a.knop3:hover {background: url('../img/home_blauwe_knop3_bg_hi.gif');}
a.knop2:hover {background: url('../img/home_blauwe_knop2_bg_hi.gif');}
a.knop1:hover {background: url('../img/home_blauwe_knop1_bg_hi.gif');}
a#blauwe_knop {margin-left: 4px;}
a#blauwe_knop, a#blauwe_knop h1, a#blauwe_knop p {color: #fff; text-align: center; text-decoration: none;}	
a#blauwe_knop h1 {font-size: 170%; padding: 3px 10px 0 10px;}
a#blauwe_knop p {font-size: 120%; padding: 3px 30px 0 30px;}

.csc-uploads {
	margin: 0 0 0 20px;
}