/**********************************************
 * Global CSS
 * Created: 1 May 2010 by RDMMSC
 * -------------------------------------------
 * Please create a new CSS file per web page!
 * Use this file only for site wide CSS!
 *********************************************/

@font-face {
 	font-family: Eurostile;
	src: url('../fonts/eurostile.eot');
	src: local("Eurostile"),
	url("../fonts/eurostile.ttf") format("truetype");
}

@font-face {
	font-family: Eurostile;
	src: url('../fonts/eurostile_demi.eot');
	src: local("Eurostile Bold"), local("Eurostile-Bold"),
	url("../fonts/eurostile_demi.ttf");
	font-weight: bold;
}

@font-face {
   	font-family: Eurostile;
   	src: url('../fonts/eurostile_oblique.eot');
   	src: local("Eurostile Italic"), local("Eurostile-Italic"),
	url("../fonts/eurostile_oblique.ttf");
 	font-style: italic;
 }
 
 /**********************************************
 * Flash
  *********************************************/
 
div#flash_error {
 	color: #F79420;
 	background-color: #fff;
 	font-size:14pt;
}     	

div#flash_notice {
 	color: #F79420;
 	background-color: #fff;
 	font-size:14pt;
}     	

div.message {
 	width: 980px;
 	margin-left: auto;
 	margin-right: auto;
	padding: 10px;
}

 /**********************************************
 * Participant colors
 *********************************************/
 
 .role1_color_bg /** ontwerper **/
{
	background-color:#8CC63F;
}
.role1_color_bg_light
{
	background-color:#B1DD6B;
}

.role2_color_bg /** marketeer **/
{
	background-color:#FF0000;
}

.role3_color_bg /** technisch ingenieur **/
{
	background-color:#0198CC;
}

.role4_color_bg /** ict'er **/
{
	background-color:#C840F4;
}

.role5_color_bg /** consument **/
{
	background-color:#003DFF;
}

.role6_color_bg /** student **/
{
	background-color:#ED1E79;
}

.role7_color_bg /** innovatie expert **/
{
	background-color:#FF7900;
}

.role8_color_bg /** financieel expert **/
{
	background-color:#0079FF;
}

.overige_color_bg
{
	background-color:#FFFFFF;
	border-color:#4C4C4C !important;
	color:#4C4C4C !important;
}

.role1_small_box /** ontwerper **/
{
	background:transparent url('../images/bg/role_1_small_box.png') no-repeat;
}
.role1_small_box_light
{
	background:transparent url('../images/bg/role_1_small_box_light.png') no-repeat;
}
.role2_small_box /** marketeer **/
{
	background:transparent url('../images/bg/role_2_small_box.png') no-repeat;
}

.role3_small_box /** technisch ingenieur **/
{
	background:transparent url('../images/bg/role_3_small_box.png') no-repeat;
}

.role4_small_box /** ict'er **/
{
	background:transparent url('../images/bg/role_4_small_box.png') no-repeat;
}

.role5_small_box /** consument **/
{
	background:transparent url('../images/bg/role_5_small_box.png') no-repeat;
}

.role6_small_box /** student **/
{
	background:transparent url('../images/bg/role_6_small_box.png') no-repeat;
}

.role7_small_box /** innovatie expert **/
{
	background:transparent url('../images/bg/role_7_small_box.png') no-repeat;
}

.role8_small_box /** financieel expert **/
{
	background:transparent url('../images/bg/role_8_small_box.png') no-repeat;
}

.role100_small_box /** anders **/
{
	background:transparent url('../images/bg/role_1_small_box.png') no-repeat;
}
 
.overige_small_box
{
	background:transparent url('../images/bg/overige_small_box.png') no-repeat;
	color:#4C4C4C !important;
}

.role1_big_box /** ontwerper **/
{
	background:transparent url('../images/bg/role_1_big_box.png') no-repeat;
}
.role1_big_box_light
{
	background:transparent url('../images/bg/role_1_big_box_light.png') no-repeat;
}
.role2_big_box /** marketeer **/
{
	background:transparent url('../images/bg/role_2_big_box.png') no-repeat;
}

.role3_big_box /** technisch ingenieur **/
{
	background:transparent url('../images/bg/role_3_big_box.png') no-repeat;
}

.role4_big_box /** ict'er **/
{
	background:transparent url('../images/bg/role_4_big_box.png') no-repeat;
}

.role5_big_box /** consument **/
{
	background:transparent url('../images/bg/role_5_big_box.png') no-repeat;
}

.role6_big_box /** student **/
{
	background:transparent url('../images/bg/role_6_big_box.png') no-repeat;
}

.role7_big_box /** innovatie expert **/
{
	background:transparent url('../images/bg/role_7_big_box.png') no-repeat;
}

.role8_big_box /** financieel expert **/
{
	background:transparent url('../images/bg/role_8_big_box.png') no-repeat;
}

.overige_big_box
{
	background:transparent url('../images/bg/overige_big_box.png') no-repeat;
	color:#4C4C4C !important;
}
 
 /**********************************************
 * General
 *********************************************/

html{
	margin:0;
}
 
body
{
	margin:0;
	font-family: Eurostile, Arial;
	background-color: #F79420;
	color: #FFF;
}
 
div#wrapper
{
  padding-top: 20px;
	width: 980px;	
	display:block;
	margin-left: auto;
	margin-right: auto;	
}

div.top
{
	height:20px;
	width:100%;
}

div.bottom
{
	height:20px;
	width:100%;
}

div.bg
{
	width:100%;
}
/**********************************************
 * Header
 *********************************************/

div#header
{
	width:970px;
	padding-left:10px;
	height:110px;
	position:relative;
}

div#header a#rdml_logo{
	float:left;
}

div#header a#login
{
	position:absolute;
	right:30px;
	top:30px;
	color:#FFF;
	font-size:10pt;
}

div#header div#menu
{
	position:absolute;
	right:20px;
	bottom:0;
	height:30px;
}

div#header div#menu a
{
	padding-left:12px;
	padding-right:12px;
	margin-left:2px;
	padding-top:8px;
	height:22px;
	display:block;
	font-size:11pt;
	color:#FFF;
	text-decoration:none;
	float:right;
}

div#header div#menu a:hover
{
	color:#005A87;
}

div#header div#menu a.current
{
	background-color:#FFF;
	color:#0098CC;
	font-size:11pt;
	font-weight:bold;
	position:relative;
}

div#header div#menu a.current img
{
	position:absolute;
	border:none;
}

div#header div#menu a.current img.menu_current_img_right
{
	top:0;
	right:0;
}

div#header div#menu a.current img.menu_current_img_left
{
	left:0;
	top:0;
}


/**********************************************
 * Content
 *********************************************/

div#contentWrapper
{
	clear:both;
	width: 940px;
	background-color: white;
	padding-left:20px;
	padding-right:20px;
}

div#contentWrapper div.wrapper_top
{
	height:20px;
	background:transparent url('../images/bg/wrapper_top.png') no-repeat;
	position:relative;
	right:20px;
	width:980px;
}

div#contentWrapper div.wrapper_bottom
{
	height:20px;
	background:transparent url('../images/bg/wrapper_bottom.png') no-repeat;
	position:relative;
	right:20px;
	width:980px;
}

div#normForm fieldset
{
	border:none;
	width:300px;
	margin-left:340px;
}

div#normForm label
{
	font-size:11pt;
	color:#3F3F3F;
	font-weight:bold;
}


div#normForm .forgot_pass
{
	font-size:9pt;
	color:#828282;
}	

div#content
{
	width: 100%;
	color: black;
	font-size: 14px;
} 

/**********************************************
 * Normal forms (non pop-up)
 *********************************************/

div#formIntro {
	margin-left: 350px;
	margin-bottom: 20px;
}

div#normForm input
{
	border-radius: 3px;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	height:22px;
	margin-top:3px;
	font-family: Eurostile;
	font-weight:bold;
	color:#3F3F3F;
	margin-left:0;
	width:200px;
}

div#normForm input#signin_remember, input#sf_guard_user_terms
{
	width:auto !important;
	margin:0;
	padding:0;
	margin-right:5px;
	position:relative;
	top:5px;
}

a.button,
div#normForm input.button
{
	background-repeat:no-repeat;
	background-position: top right;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding-left:8px;
	font-weight:bold;
	font-size:10pt;
	padding-top:7px;
	height:23px;
	width: 110px;
	cursor:pointer;
}

div#normForm input.button
{
	margin-left:450px;
	margin-top:20px;
	height: 30px;
	width:110px;
	background: transparent url('../images/bg/button_108.png') no-repeat;
	border:none;
	padding-top:0;
	text-align:left;
	padding-left:20px;
}

div#normForm input.button:hover
{
	background: transparent url('../images/bg/button_108_hover.png') no-repeat;
}


div#normForm  ul.error_list
{
	padding:0;
}

a.general
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	padding-top:6px;
	height:25px;
	width: 145px;
	cursor:pointer;
	display:block;
	z-index:101;
	background:transparent url('../images/bg/button_144.png') no-repeat;
}

a.general:hover
{
	color:black;
	background:transparent url('../images/bg/button_144_hover.png') no-repeat;
}

/**********************************************
 * Pagination
 *********************************************/

div.pagination
{
	float:right;
	margin-top:13px;
	margin-right:10px;
}

div.pagination a.arrow
{
	float:right;
	width:10px;
	height:12px;
	margin-right:5px;
	margin-left:5px;
	margin-top:2px;
}

div.pagination a.arrow img
{
	border:none;
}

div.pagination a.arrow:hover
{
	margin-top:1px;
}

div.pagination a.number, div.pagination span.number
{
	display:block;
	width:16px;
	height:16px;
	text-align:center;
	text-decoration:none;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	float:left;
	margin-left:2px;
	margin-right:2px;
	font-size:10pt;
	font-weight:bold;
	background: transparent url('../images/pagi_cur_back.png') repeat-x;
	color:#FFF;
}

div.pagination span.number
{
	background:#FFF;
	color:#FBB03B;
}

div.pagination a.number:hover
{
	background: transparent url('../images/pagi_cur_back.png') repeat-x;
	color:#FFF;
}

/**********************************************
 * Footer
 *********************************************/

div#footer
{
	width:100%;
	margin-top:5px;
	height:95px;
	position:relative;
	margin-bottom:10px;
} 

div.footer.left
{
	float:left;
	text-align:left;
}

div.footer.right
{
	float:right;
	text-align:right;
	margin-right: 10px;
}

div#footer img
{
	float:left;
	margin-right:25px;
	border:none;
}

div#footer div.footer p.footer_title
{
	margin-top:3px;
	font-weight:bold;
	margin-bottom:3px;
	font-size:12pt;
}

div#footer div.footer p
{
	font-size:9pt;
	color:#FFF;
}

div#footer a
{
	float:left;
}

div#footer div.footer a
{
	float:none;
	color:#FFF;
	text-decoration:none;
}

div#footer div.footer a:hover
{
	color:#0098CC;
}

a#call_me_button
{
	float:right;
	text-decoration:none;
	display:block;
	background: transparent url('../images/call_me_button.png') no-repeat;
	color:#FFF;
	padding-left:50px;
	padding-top:15px;
	padding-right:20px;
	padding-bottom:11px;
	font-size:13pt;
	font-weight:bold;
	margin-top:5px;
}

a#call_me_button:hover
{
	color:#0198CC;
}

/**********************************************
 *Popups
 *********************************************/
 
 #project_place_popup
 {
	width:475px;
	height:510px;
 }

#project_subscribe_popup 
  {
	width:475px;
	height:490px;
 }
 
 #login_popup
  {
	width:475px;
	height:490px;
 }
 
 #presentation_subscription_popup
 {
	width:475px;
	height:490px;
 }
 
 .dark_orange
{
	background-image: url('../images/popup_dark_orange.png');
	background-repeat:repeat-y;
}

.light_orange
{
	background-image: url('../images/popup_light_orange.png');
	background-repeat:repeat-y;
}

div.popup_up
{
	height:20px;
	background-image: url('../images/popup_top.png');
	background-position: top left;
	background-repeat:no-repeat;
	position:relative;
}

div.popup_down
{
	height:20px;
	background-image: url('../images/popup_bottom.png');
	background-position: bottom left;
	background-repeat:no-repeat;
}

div.popup_header
{
	height:132px;
	padding:10px 30px 0 30px;
	position:relative;
}

div.popup_header.small
{
	height:102px;
}

div.popup_header h1
{
	margin:0;
	font-size:14pt;
	font-weight:bold;
}

div.popup_header p
{
	margin:0;
	margin-top:5px;
	font-size:10pt;
}

div.popup_header p.fill_in
{
	margin-top:25px;
}

div.popup_header div.img_container
{
	float:right;
	border:1px solid #0198CC;
	position:absolute;
	right:45px;
	top:45px;
	overflow:hidden;
}

div.popup_header div.switches
{
	position:absolute;
	bottom:0;
	left:30px;
}
div.popup_header a.switch
{
	width:135px;
	padding-top:8px;
	height:22px;
	text-align:center;
	background:transparent url('../images/bg/switch.png') no-repeat;
	color:#878787;
	float:left;
	display:block;
	font-size:9pt;
	text-decoration:none;
	margin-right:1px;
	font-weight:bold;
	margin-top:3px;
}

div.popup_header a.switch.current
{
	background:transparent url('../images/bg/switch_current.png') no-repeat;
	font-size:11pt;
	color:#3F3F3F;
	height:25px;
	margin-top:0;
}

div.popup_form
{
	height:262px;
	padding: 10px 30px 0 30px;
}

div.popup_form.small
{
	height:179px;
}

div.popup_form fieldset
{
	height:auto;
	border:none;
	padding-left:0;
	padding-bottom:3px;
}

div.popup_form label
{
	font-size:11pt;
	color:#3F3F3F;
	font-weight:bold;
}

div.popup_form fieldset input
{
	border:none;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-radius: 3px;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	height:22px;
	margin-top:3px;
	font-family: Eurostile;
	font-weight:bold;
	color:#3F3F3F;
	margin-left:0;
}

div.popup_form fieldset textarea
{
	width:410px;
	height:80px;
	border:none;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-radius: 3px;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family: Eurostile;
	font-weight:bold;
	color:#3F3F3F;
}	

div.popup_form fieldset a.forgot_pass
{
	color:#828282;
	font-size:9pt;
	margin-top:2px;
	margin-left:1px;
}

div.popup_bottom
{
	height:36px;
}

input.popup_button
{	
	background-color:none;
	background: transparent url('../images/bg/button_127.png') no-repeat;
	border:none;
	color:#FFF;
	text-decoration:none;
	display:block;
	width:129px;
	font-weight:bold;
	font-size:13px;
	height:30px;
	cursor:pointer;
	position:absolute;
	right:25px;
	bottom:15px;
	text-align:left;
	font-family: Eurostile, Arial;
}

input.popup_button:hover
{
	background: transparent url('../images/bg/button_127_hover.png') no-repeat;
}