/* *** Global (kopieren naar wysiwyg stylesheet cms.css) *** */

/* Linkblauw: 0099cc */
/* Achtergrondkleur: e5e5e5 */
/* menu bg kleur: 192138 */


html
{
	background: url(../images/pixel.gif) no-repeat center 0px; 

	background-color: #000000;

	margin: 0px;
	padding: 0px;
	

}

body
{

	margin: 0px;
	padding: 0px;

	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 20px;
	
	color: #022348;
	

}
	
table
{
	border: 0px;
}

td
{
	vertical-align: top;

	border: 0px;

	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 20px;
}

h1
{
	color: #09171c;
	
	margin: 0px;
	padding: 0px;
	padding-top: 45px;
	padding-bottom: 55px;

	font-size: 32px;
	font-weight: normal;
	line-height: 32px;
	
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;	
	
	font-family: Times new roman;
	
	background-image: url('../images/layout/ruler.png'); background-repeat: no-repeat; background-position: center bottom;

}

h2
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;	
}

img 
{
	border: 0px;
}

a, a:active
{
	color: #0099cc;
}

a:visited
{
	color: #0099cc;
}

a:active, a:focus
{
	outline:none;
}

a:hover
{
	color: #0099cc;
}

hr
{
	background-color: #a5acaf;
	color: #a5acaf;

	height: 1px;

	border: 1px solid #000000;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.box
{
	background-color: #FFFFFF;

	margin-bottom: 10px;
	padding: 5px;

	border: 5px solid #FFFFFF;
	
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 2px 4px 0px rgba(0, 0, 0, 0.75);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

.area
{
	background-color: #0099cc;
	color: #FFFFFF;
	
	margin: 0px;
	padding: 20px;
}

.area a, .area a:visited, .area a:active, .area a:hover, .area h1, .area h2
{
	color: #FFFFFF;
}

.content ul
{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content ul li
{
	background-image: url('../images/layout/arrow.gif'); background-repeat: no-repeat; background-position: left top;
	
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	
	list-style: none;
}

.content ol
{
	margin: 0px;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.content ol li
{
	margin: 0px;
	padding: 0px;

}

.content table
{
	background-color: #666666;
	
	border: 5px solid #d8dde4;
	border-spacing: 1px;

	-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 2px 4px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 2px 4px 0px rgba(0, 0, 0, 0.75);	

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

.content td
{
	background-color: #FFFFFF;
	
	vertical-align: top;
	
	border: 0px;
	
	padding: 6px;
}


.pagination
{
	background-color: transparent !important;
	
	border: 0px solid #d8dde4 !important;
	border-spacing: 0px !important;

	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0) !important;	

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

.pagination td
{
	background-color: transparent !important;
	vertical-align: top;
	
	border: 0px;
	padding: 6px;
}

.image_right
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.image_left
{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}


.blue_color, .blue_color a, .blue_color a:visited, .blue_color:active
{
	color: #0099cc;
}

.blue_color a:hover
{
	color: #0099cc;
}

.green_color, .green_color a, .green_color a:visited, .green_color:active
{
	color: #0d7882;
}

.green_color a:hover
{
	color: #022348;
}

.orange_color, .orange_color a, .orange_color a:visited, .orange_color:active
{
	color: #ff5400;
}

.orange_color a:hover
{
	color: #ff7531;
}

/* *** /Global *** */

/* *** Main *** */

.cookie-notification
{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	background-color: #000;
	color: #FFF;
	opacity: 0.8;
	width: 100%;

}

.cookie-notification div
{
	padding: 10px;

}

.cookie-notification a, .cookie-notification a:visited, .cookie-notification a:active, .cookie-notification a:hover
{
	color: #FFFFFF;
}

.js-cookie-notification-hide
{
	float: right; 
	
	margin-left: 20px;
	margin-bottom: 8px !important;
}


.header_div, .slideshow_div, .menu_div, .main_div, .main_div_drieluik, .footer_div
{
	width: 980px;
}

.default_padding
{
	padding: 10px;
}

.header
{
	padding-top: 0px;
	margin-top: 60px;
	
}


.header_div
{
	margin: 0px auto;
	
	text-align: center;
	height: 533px;
}

.header_taal
{
	display: table-cell;
	text-align: right;
	line-height: 60px;
	/* width: 125px; */
}

.header_vlag, .header_vlag:visited, .header_vlag:active, .header_vlag:hover,
.header_vlag_selected, .header_vlag_selected:visited, .header_vlag_selected:active, .header_vlag_selected:hover
{
	display: inline-block !important;
	padding: 3px;
}

.header_vlag, .header_vlag:visited
{
	opacity: 0.4;
}

.header_vlag:active, .header_vlag:hover
{
	opacity: 1;
}

.header_vlag img, .header_vlag_selected img
{
	width: 20px;
	height: 14px;
}

.logo_table
{
	display: table;
	width: 100%;
	height: 533px;
}

.logo_tr
{
	display: table-row;
}

.logo_td
{
	display: table-cell;
	vertical-align: middle;
}

.logo, .logo1, .logo2, .logo3, .logo4, .logo5
{
	transition:text-shadow 3s ease-in-out; 
	
	display: inline-block;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0px;
	line-height: 0px;
	
	text-shadow: 0px 0px 10px #4B487D, 0px 0px 10px #4B487D, 0px 0px 10px #4B487D, 0px 0px 10px #4B487D;
	
	text-decoration: none;
	
	color: #FFFFFF !important;
	
}

.logo1
{
	text-shadow: -15px 0px 50px #FFF, -5px 0px 15px #4B487D, -5px 0px 15px #4B487D, -5px 0px 15px #4B487D;
}

.logo2
{
	text-shadow: 5px 0px 5px #4B487D, 7px 0px 15px #FFF, 10px 0px 20px #4B487D, 15px 0px 50px #4B487D;	
}

.logo3
{
	text-shadow: -5px 0px 10px #4B487D, -5px 0px 10px #4B487D, -5px 0px 10px #FFF, -5px 0px 10px #4B487D;	
}

.logo4
{
	text-shadow: 2px 0px 20px #4B487D, 5px 0px 20px #4B487D, 7px 0px 20px #4B487D, 10px 0px 20px #FFF;
}

.logo5
{
	text-shadow: 1px 0px 1px #4B487D, 1px 0px 2px #FFF, 1px 0px 3px #4B487D, -2px 0px 1px #4B487D;
}

.logo_slogan
{
	display: none;
}

.logo_ervaringen
{
	width: 500px;
	margin: 0px auto;

	padding-top: 35px;
	padding-bottom: 30px;
}

.logo_ervaring_home
{
	position: absolute;
	
	width: 500px;
	
	margin: 0px auto;
	padding: 0px;
	
	font-size: 14px;
	line-height: 18px;
	
	font-style: italic;
	
	color: #FFFFFF;
	
	text-shadow:0 0 3px #4B487D, 0 0 3px #4B487D, 0 0 3px #4B487D, 0 0 3px #4B487D;
	
}

.logo_ervaring_home b
{
	display: block;
	font-style: normal;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
		
	color: #fbea64;

	text-shadow: none;
	
	text-shadow:0 0 3px #4B487D, 0 0 3px #4B487D, 0 0 3px #4B487D, 0 0 3px #4B487D;
}

/*
.logo_nl { background-image: url('../images/layout/logo_nl.png'); }
.logo_en { background-image: url('../images/layout/logo_en.png'); }
.logo_de { background-image: url('../images/layout/logo_de.png'); }
.logo_fr { background-image: url('../images/layout/logo_fr.png'); }
.logo_sp { background-image: url('../images/layout/logo_sp.png'); }
*/

.home_drieluik_table
{
	display: table;
	width: 100%;
	
}

.home_drieluik_tr
{
	display: table-row;

}

.home_drieluik_td, .home_drieluik_td:visited, .home_drieluik_td:active, .home_drieluik_td:hover
{

	background-image: url('../images/layout/bg_main_drieluik_footer.png'), url('../images/layout/bg_home_drieluik.png');
	background-position: left bottom, left top;
	background-size: 311px 9px, 311px 500px;
	background-repeat: no-repeat, no-repeat;

	
	transition: background-color 1000ms ease-in-out;
	
	display: table-cell;
	
	width: 33%;
	height: 300px;
	
	
	text-decoration: none;
	
	color: #192138;
	
	text-align: center;
	
	padding-bottom: 20px;
}

.home_drieluik_padding
{
	padding-left: 10px;
	padding-right: 10px;
}

.home_drieluik_td:active, .home_drieluik_td:hover
{
	/* background-color: #0099cc; */
}

.home_drieluik_td h1
{
	background-image: url('../images/pixel.gif'); background-repeat: no-repeat; background-position: left top;
	
	font-size: 26px;
	line-height: 26px;
	
	padding: 0px;
	padding-bottom: 10px;
	
	letter-spacing: 0px;	
}

.home_drieluik_marge
{
	display: table-cell;
	width: 20px;
	min-width: 20px;
}

.home_drieluik_subtitle
{
	transition: color 1000ms ease-in-out;
	
	color: #0099cc;
	margin-bottom: 20px;

}

.home_drieluik_td:hover .home_drieluik_subtitle
{
	/* color: #FFFFFF; */
}	

.home_drieluik_icon
{
	background-image: url('../images/layout/bg_home_drieluik_icon.png'); background-repeat: no-repeat; background-position: left top;

	width: 100%;
	height: 75px;
	padding-top: 25px;
	margin-bottom: 20px;
	margin-top: 0px;	
	text-align: center;
}

.menu
{
	background-image: url('../images/layout/bg_menu.png'); background-repeat: repeat-x; background-position: left top;

	position: fixed;
	z-index: 1000;
	
	
	top: 0px;
	
	line-height: 60px;
	height: 60px;
	
	width: 100%;
}

.menu_div
{
	display: table;
	
	margin: 0px auto;	
	
	line-height: 60px;
	font-size: 16px;
	
}

.menu_normal
{
	display: table-cell;
}

.menu_item_registreren, .menu_item_inloggen
{
	width: 80px;

	display: table-cell;
	vertical-align: top;
	
	text-shadow: 0px 1px 3px #000;
}

.menu_item_inloggen
{
	width: 60px;
	
}

.menu_item_registreren a, .menu_item_registreren a:active, .menu_item_registreren a:visited, .menu_item_registreren a:hover,
.menu_item_inloggen a, .menu_item_inloggen a:active, .menu_item_inloggen a:visited, .menu_item_inloggen a:hover
{
	display: inline-block;
	background-color: #00cc00;

	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	
	margin-right: 10px;
	margin-top: 15px;
	
	transition: background-color, color 500ms ease-in-out;
	
	color: #FFFFFF;
	text-decoration: none;
	
	border-radius: 5px;
	
	text-shadow: 0px 0px 0px #000;
	box-shadow: 0px 1px 3px #000;
}

.menu_item_registreren a, .menu_item_registreren a:active, .menu_item_registreren a:visited, .menu_item_registreren a:hover
{

}

.menu_item_inloggen a:active, .menu_item_inloggen a:hover, .menu_item_registreren a:active, .menu_item_registreren a:hover
{
	background-color: #e5e5e5;
	color: #09171c;	
}

.menu_selected, .menu_selected:visited, .menu_selected:active, .menu_selected:hover, 
.menu_item, .menu_item:visited, .menu_item:active
{
	transition: color 500ms ease-in-out;
	
	display: inline-block;
	
	color: #FFFFFF;
		
	padding-left: 0px;
	padding-right: 15px;
		
	text-decoration: none;
	
	text-shadow: 0px 1px 3px #000;
}

.menu_selected:first-child, .menu_item:first-child
{

}


.menu_item, .menu_item:visited, .menu_item:active
{
	
}


.menu_selected, .menu_selected:visited, .menu_selected:active, .menu_selected:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.menu_item:hover
{
	color: #00cc00;	
}

/* *** Personal menu *** */

.personal_menu
{
	transition: color 500ms ease-in-out;
	
	display: table-cell;
	
	width: 230px;
	

	line-height: 60px;

	padding-left: 0px;
	padding-right: 0px;

	vertical-align: top;
	
	color: #FFFFFF;
	
	text-align: right;
	font-size: 0;
	
}

.personal_menu a, .personal_menu a:visited, .personal_menu a:active, .personal_menu a:hover
{
	color: #FFFFFF;
	
	font-weight: normal;
	text-decoration: none;
	
	font-size: 16px;	

}

#personal_menu_name
{
	display: none;

		
	width: 100px;
	max-width: 100px;
	overflow: hidden;
	
	font-weight: normal;
	font-size: 16px;

	text-decoration: none;

	color: #FFFFFF;
}

#personal_menu_credits
{
	background-image: url('../images/icons/credit.png'); background-repeat: no-repeat; background-position: 4px center;

	transition: color 500ms ease-in-out;
		
	display: inline-block;
	
	padding-left: 24px;
	text-align: left;
	width: 90px;
	height: 60px;	
	
	text-shadow: 0px 1px 3px #000;
}

#personal_menu_credits:active, #personal_menu_credits:hover
{
	color: #CCCCCC;
	
	
}

#personal_menu_shoppingcart, #personal_menu_shoppingcart:visited, #personal_menu_shoppingcart:active, #personal_menu_shoppingcart:hover,
#personal_menu_sound, #personal_menu_sound:visited, #personal_menu_sound:active, #personal_menu_sound:hover,
#personal_menu_settings, #personal_menu_settings:visited, #personal_menu_settings:active, #personal_menu_settings:hover,
#personal_menu_connection, #personal_menu_connection:visited, #personal_menu_connection:active, #personal_menu_connection:hover,
#personal_menu_logout, #personal_menu_logout:visited, #personal_menu_logout:active, #personal_menu_logout:hover,
#personal_menu_print, #personal_menu_print:visited, #personal_menu_print:active, #personal_menu_print:hover
{
	transition: background 500ms ease-in-out;
	
	background-repeat: no-repeat; background-position: left center;

	display: inline-block;
	width: 27px;
	height: 60px;
	
}

#personal_menu_shoppingcart       { background-image: url('../images/icons/shoppingcart.png'); }
#personal_menu_shoppingcart:hover { background-image: url('../images/icons/shoppingcart2.png'); }

.sound_on       { background-image: url('../images/icons/sound_on.png'); }
.sound_on:hover { background-image: url('../images/icons/sound_on2.png'); }
.sound_off       { background-image: url('../images/icons/sound_off.png'); }

#personal_menu_settings       { background-image: url('../images/icons/settings.png'); }
#personal_menu_settings:hover { background-image: url('../images/icons/settings2.png'); }

#personal_menu_print       { background-image: url('../images/icons/print.png'); }
#personal_menu_print:hover { background-image: url('../images/icons/print2.png'); }

.connection_lost    { background-image: url('../images/icons/connection_lost.png'); }
.connection_0       { background-image: url('../images/icons/connection_0.png'); }
.connection_1       { background-image: url('../images/icons/connection_1.png'); }
.connection_2       { background-image: url('../images/icons/connection_2.png'); }
.connection_3       { background-image: url('../images/icons/connection_3.png'); }
.connection_4       { background-image: url('../images/icons/connection_4.png'); }
.connection_5       { background-image: url('../images/icons/connection_5.png'); }


#personal_menu_logout       { background-image: url('../images/icons/logout.png'); }
#personal_menu_logout:hover { background-image: url('../images/icons/logout2.png'); }


/* *** /Personal menu *** */
.icon18plus
{
	background-image: url('../images/icons/18plus.png'); background-repeat: no-repeat; background-position: left top;
	
	display: block;
	width: 35px;
	height: 35px;
	
	margin: 0px auto;

	margin-top: -35px;
	opacity: 0.6;
	
}

.error_message
{
	border: 2px solid #ff0000;
	border-radius: 5px;		
	
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #ff0000;
	font-weight: bold;
}

.error_message a, .error_message a:visited, .error_message a:active, .error_message a:hover
{
	color: #ff0000;
	text-decoration: underline !important;
}

.credit
{
	width: 16px;
	height: 18px;	
}

.menu_smart
{
	display: none;
}

.main
{
	background-color: #e5e5e5;
	padding-bottom: 20px;
}

.main_div
{
	display: block;
		
	margin: 0px auto;
	
}

.main_drieluik
{
	background-image: url('../images/layout/bg_main_drieluik.png'); background-repeat: repeat-x; background-position: left top;
	padding-bottom: 20px;
}

.main_div_drieluik
{
	display: block;
	margin: 0px auto;	
}

.ops
{
	display: block;	
	margin: 0px auto;
	
	width: 1000px;

	font-size: 0;
}

.op, .op:visited, .op:active, .op:hover
{
	background-color: #FFFFFF;
	
	display: inline-block;
	
	width: 273px;
	height: 190px;
	
	overflow: hidden;
	
	font-size: 14px;
	padding: 20px;
	
	margin: 10px;
	margin-bottom: 0px;
	
	border-radius: 10px;

	cursor: pointer;
}

.op_online, .op_online:hover .op_buttons .button
{
	transition: background-color 500ms ease-in-out;
}

.op_online:hover
{
	background-color: #0099cc;
}

.op_online .op_text h1 a
{
	transition: color 500ms ease-in-out;
}

.op_online:hover .op_buttons .button_green
{
	transition: background-color 500ms ease-in-out, color 500ms ease-in-out;
}

.op .lc_info_avatar
{
	width: 58px;
}
	
.op_online:hover .op_text h1 a
{
	color: #FFFFFF;
}	
	
.op_online:hover .op_buttons .button,
.op_buttons .button_green:hover
{
	background-color: #192138 !important;
	color: #FFFFFF !important;	
}	

.op_buttons_info a, .op_buttons_info a:visited
{
	color: #0099cc !important;
}

.op_online .op_buttons_info a:active, .op_online .op_buttons_info a:hover
{
	color: #FFFFFF !important;
}

.op_online:hover .op_buttons_info a
{
	color: #FFFFFF !important;
}

.op_busy
{
	opacity: 0.5;
}

.op_offline, .op_offline:visited, .op_offline:active, .op_offline:hover
{
	background-color: #192138;
	opacity: 0.5;
}

.op_offline .op_text, .op_offline h1 a, .op_offline h1 a:visited
{
	color: #FFFFFF !important;
	opacity: 0.5;
	
}

.op_offline .lc_info_avatar
{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	opacity: 0.5;
}

.op_offline .button_call, .op_offline .button_call:active, .op_offline .button_call:hover,
.op_busy .button_call, .op_busy .button_call:active, .op_busy .button_call:hover
{
	background-color: #0099cc;
	opacity: 0.5;
}

/*
.op:nth-child(3n+5)
{
	margin-right: 0px;
}
*/

.op h1
{
	background-image: url('../images/pixel.gif'); background-repeat: no-repeat; background-position: left top;
	
	font-size: 16px;
	line-height: 16px;
	
	padding: 0px;
	padding-bottom: 10px;
	
	text-align: left;
	
	color: #192138;
	
	letter-spacing: 0px;
}

.op h1 a, .op h1 a:visited
{
	color: #192138;

}

.op_table
{
	display: table;
}

.op_tr
{
	display: table-row;
}

.op_avatar_page
{
	display: table-cell;
	vertical-align: top;
		
	min-width: 470px !important;
}

.op_share_page
{
	background-color: #0099cc;
	margin-bottom: 10px;
	text-align: center;
}

.op_share_page a, .op_share_page a:visited
{
	transition: opacity 500ms ease-in-out; 
	
	display: inline-block;
	padding: 10px;
	
}

.op_share_page a:active, .op_share_page a:hover
{
	opacity: 0.5;
}



.op_avatar_page .lc_info_avatar
{
	width: 470px !important;
}

.op_info_page
{
	display: table-cell;
	vertical-align: top;

	width: 100%;
		
	padding-left: 40px;
	
}

.op_avatar
{
	display: table-cell;
	vertical-align: top;
	
	font-size: 11px;
	
	line-height: 16px;
	
	width: 58px;
}

.op_avatar_languages
{
	display: none;
}

.op_avatar_skills
{
	margin-bottom: 5px;
}

.op_avatar_extrainfo
{
	display: block;
}

.op_avatar_stars
{
	background-image: url('../images/icons/op_avatar_stars.png'); background-repeat: no-repeat; background-position: left top;
	width: 57px;
	height: 11px;
	margin-bottom: 5px;
}

.op_avatar_skills
{
	display: none;
}

.op_info
{
	display: table-cell;
	vertical-align: top;

	width: 100%;
		
	padding-left: 14px;
	
}

.op_text
{
	width: 100%;
	height: 107px;
	margin-bottom: 5px;
	overflow: auto;
}

.op_text img
{
	/* display: none; */
}


.op_text a, .op_text a:active, .op_text a:visited, .op_text a:hover
{
	text-decoration: none;
}

.op_buttons
{
	display: block;
	font-size: 14px;
	
	height: 78px;
	overflow: hidden;
}


.op_buttons > .button, .op_buttons > .button:hover, .op_buttons > .button:active, .op_buttons > .button:visited,
.op_buttons > .button_disabled, .op_buttons > .button_disabled:hover, .op_buttons > .button_disabled:active, .op_buttons > .button_disabled:visited
{
	min-width: 80px;
	
	padding-left: 0px;
	padding-right: 0px;	
}

.op_buttons > .button_green, .op_buttons > .button_green:hover, .op_buttons > .button_green:active, .op_buttons > .button_green:visited
{
	background-color: #e5e5e5;
	color: #0099cc;
	min-width: 115px;
	margin-left: 5px;
	
	padding-left: 0px;
	padding-right: 0px;	
}


.op_buttons > .button_chat, .op_buttons > .button_chat:visited, .op_buttons > .button_chat:active, .op_buttons > .button_chat:hover
{
	background-image: url('../images/icons/icon_3.png'); background-repeat: no-repeat; background-position: 8px 10px;
	background-size: 20px 20px;
	
	text-align: left;
	padding-left: 35px;
	min-width: 55px;
}


.op_buttons > .button_call, .op_buttons > .button_call:visited, .op_buttons > .button_call:active, .op_buttons > .button_call:hover
{
	background-image: url('../images/icons/icon_phone.png'); background-repeat: no-repeat; background-position: 8px 10px;
	background-size: 16px 20px;
	
	text-align: left;
	padding-left: 30px;
	min-width: 55px;
}



.op_buttons_toestel
{
	background-image: url('../images/icons/icon_phone.png');
	color: #000000;
}


.op_buttons_toestel, .op_buttons_tel
{
	background-repeat: no-repeat; background-position: left 3px;
	padding-left: 25px;
}

.op_buttons_tel
{
	color: #AAAAAA;
}

.op_buttons_tel b
{
	color: #000000;
}



/* chat voorbeeld, op home */
.chatvoorbeeld
{
	display: block;
	
	background-color: #FFFFFF;
	float: right;

	width: 271px;

	margin-left: 20px;
	margin-bottom: 20px;
	
	padding: 20px;
}

.chatvoorbeeld_header
{
	height: 68px;
}

.chatvoorbeeld .lc_info_avatar
{
	width: 58px;
	float: left;
	margin-right: 10px;
}

.chatvoorbeeld .op_avatar_stars
{
	display: inline-block;
}


.chatvoorbeeld .lc_chat_box
{
	height: 100px;
}

.chatvoorbeeld h1
{
	background-image: url('../images/pixel.gif'); background-repeat: no-repeat; background-position: left top;
	
	font-size: 16px;
	line-height: 16px;
	
	padding: 0px;
	padding-bottom: 10px;
	
	text-align: left;
	
	color: #192138;
	
	letter-spacing: 0px;
}


/* /chat voorbeeld, op home */

.settings_bg, .settings_bg_selected
{
	display: inline-block;
	
	
	border: 3px solid #FFFFFF;
	border-spacing: 1px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.5);	

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	

	margin-right: 7px;
	margin-bottom: 14px;
}

.settings_bg_selected
{
	border: 3px solid #0d7882;
}

.settings_bg img, .settings_bg_selected img
{
	width: 82px;
	height: 55px;
}

.consult_mail_header
{
	min-height: 70px;
	
	font-size: 18px;
	line-height: 28px;

}

.content
{
	display: block;
	padding: 0px;			
}

.content *
{
	max-width: 100%;

}

.content img
{
	height: auto;
}

.check
{
	background-image: url('../images/icons/check.png'); background-repeat: no-repeat; background-position: left top;
	padding-left: 16px;
}

.div_checked
{
	background-image: url('../images/icons/big_check.png'); background-repeat: no-repeat; background-position: left top;
	
	color: #00CC00;
	font-weight: bold;
	padding-left: 25px;
	padding-bottom: 10px;
}

.div_unchecked
{
	background-image: url('../images/icons/big_unchecked.png'); background-repeat: no-repeat; background-position: left top;
	
	padding-left: 25px;
	padding-bottom: 10px;
}

.bellen_table
{
	display: table; 
	width: 100%;
}

.bellen_tr
{
	display: table-row;
}

.bellen_td
{
	 display: table-cell; width: 50%;
}

.tabs
{

	width: 980px;
	margin: 0px auto;
	font-size: 0;	
	text-align: center;
}

.tabs > div:first-of-type
{
	margin-left: 0px;
	
}


.tab, .tab:visited, .tab:active, .tab:hover, .tab_link, .tab_link:visited, .tab_selected
{
	display: inline-block;
	
	line-height: 60px;
	
	width: 271px;

	padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 0px;
	
	background-color: #192138;
	color: #FFFFFF;
	
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	
}


.tab img, .tab_link img, .tab_selected img
{
	display: none;
	width: 36px;
	height: 38px;
}

.tab span, .tab_link span, .tab_selected span
{
	padding-left: 0px;
}

.tab_selected
{
	background-color: #e5e5e5;
	color: #192138;
	
}

.tab_link:hover
{
	opacity: 1;
	color: #FFFFFF;

}

.content_col
{
	display: table-cell;
}

.content_col_home1, .content_col_home2, .content_col_home3
{
	display: none;
	vertical-align: top;
}

.content_col2, .content_col2b
{
	display: table-cell;
	vertical-align: top;
	
	padding-left: 14px;
}

.content_col2b
{
	padding-left: 36px;
	width: 60%;
}

.content_col_home1
{
	width: 456px;
	padding-right: 42px;
}

.content_col_home2
{
	width: 240px;
	padding-right: 25px;
}

.summation_1, .summation_2, .summation_3
{
	background-image: url('../images/icons/summation_1.png'); background-repeat: no-repeat; background-position: left top;
	margin-bottom: 5px;
	
	padding-left: 46px;
	min-height: 36px;
	
	color: #0d7882;

	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
}

.summation_2 { background-image: url('../images/icons/summation_2.png'); }
.summation_3 { background-image: url('../images/icons/summation_3.png'); }

.summation_1 b, .summation_2 b, .summation_3 b
{

	font-weight: normal;
	color: #022348;
}

.content_col_home3
{
	width: 200px;	
	padding-top: 10px;
}

#content_col_home1_help
{
	display: block;
	margin-top: 14px;
}

.consult_a
{
	display: inline-block;
	
	width: 250px;
	
	font-size: 22px;
	font-weight: normal;

	text-decoration: none;
}

.ervaring
{

	width: 320px;
	
	
	
	margin-left: 40px;
	margin-top: 0px;
}

.ervaring div
{
	height: 150px !important;
	padding: 12px;

	border: 1px solid #192138;
	margin-bottom: 10px;
	
	font-style: italic;
}


.ervaring b
{
	font-style: normal;
}

.ervaringen_balloon
{
	background-image: url('../images/content/ervaringen_balloon.png'); background-repeat: no-repeat; background-position: left top;
	
	width: 197px;
	height: 123px;
}

.ervaring_home
{
	position: absolute;
	
	width: 177px;
	padding: 10px;
	
	font-size: 12px;
	line-height: 14px;
	
	font-style: italic;
}

.ervaring_home b
{
	display: block;
	font-style: normal;
	line-height: 20px;
	padding-bottom: 5px;
}


/* Test Clefs */
.betaalmethoden
{

	height: 29px;
	margin-left: 20px;
}

.main_table
{
	display: table;
	border: 1px solid #0099cc;
	border-bottom: 0px solid #0099cc;
	margin-left: 0px !important;
}

.main_table_tr
{
	display: table-row;
}

.main_table_tr:hover
{
	background-image: url('../images/layout/bg_main.png');
	cursor: pointer;
}

.main_table_td, .main_table_td1
{
	display: table-cell;
	vertical-align: top;
	padding: 15px;

	border-bottom: 1px solid #0099cc;
	font-size: 14px;
}

.main_table_td2
{
	display: none;
}

.footer
{
	background: url('http://www.astrochat.com/upload/websites_bg_img/11_bg.jpg') no-repeat left top; 
	
	padding-bottom: 28px;	
	width: 100%;
	height: 270px;
}

.footer_div
{	
	display: block;
	margin: 0px auto;
	
	font-size: 0;
}

.footer_item
{
	display: inline-block;
	
	width: 326px;
	padding-top: 120px;
	height: 150px;
	
	font-size: 16px;
	text-align: center;
	color: #FFFFFF;
}

.footer_item div a, .footer_item div a:visited, .footer_item div a:active, .footer_item div a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.footer_item div
{
	padding-top: 10px;
	height: 50px;
}

.footer_share
{
	border-top: 1px solid #2e3a3e;

	background-color: #09171c;
	padding-top: 15px;
	padding-bottom: 20px;
	
	
	font-size: 14px;
	text-align: center;
	
	color: #e5e5e5;
}

.footer_share_icons
{
	padding-bottom: 20px;
}

.footer_share_icons a, .footer_share_icons a:visited
{
	transition: opacity 500ms ease-in-out; 
	
	display: inline-block;
	padding: 10px;
}

.footer_share_icons a:active, .footer_share_icons a:hover
{
	opacity: 0.5;
}

.footer_share_icons a img
{
	width: 40px;
	height: 40px;
}

.footer_info
{
	background-color: #09171c;
	padding-bottom: 20px;
}

.footer_info a,.footer_info a:visited, .footer_info a:active, .footer_info a:hover
{
	color: #FFFFFF;
}

.gamunity_logo
{
	transition: opacity 500ms ease-in-out; 
	
	background-image: url('../images/layout/gamunity_logo.png'); background-repeat: no-repeat; background-position: left top;
	display: inline-block;
	
	width: 237px;
	height: 20px;
	
	opacity: 0.5;
}

.gamunity_logo:hover
{
	opacity: 1;	
}

.gamunity_logo span
{
	opacity: 0;
}

/* *** /Page setup *** */

/* *** Form *** */

.form_titel
{
	display: inline-block;

	width: 165px;

	padding-right: 14px;
	padding-top: 10px;
	
	font-weight: bold;
}

.form_item
{
	display: inline-block;

}


.form_input
{
	border: 1px solid #0d7882;
	border-radius: 4px;
	
	width: 312px;
	
	margin: 0px;
	padding: 11px;
	padding-left: 0px;
	padding-right: 0px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 17px;
	text-indent: 8px;
}

.form_textarea
{
	border: 1px solid #0d7882;
	border-radius: 4px;
	
	width: 296px;
	height: 120px;
	
	margin: 0px;
	padding: 11px;
	padding-left: 0px;
	padding-right: 0px;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 17px;

	padding: 8px;	
}

.ster
{
	
}


.label_online
{

	background-color: #ff5400;

	padding-left: 4px;
	padding-right: 4px;

	font-size: 12px;
	font-weight: normal;
	text-align: center;

	text-decoration: none;

	color: #FFFFFF;
		
	border: 1px solid #ff7531;
	border-radius: 2px;
	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 1px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 1px 4px 0px rgba(0, 0, 0, 0.5);

}




.button, .button:visited, .button:active, .button:hover,
.button_disabled, .button_disabled:visited, .button_disabled:active, .button_disabled:hover,
.button_green, .button_green:visited, .button_green:active, .button_green:hover,
.button_blue, .button_blue:visited, .button_blue:active, .button_blue:hover
{
	transition: background-color 500ms ease-in-out;

	display: inline-block;
	
	background-color: #0099cc;

	min-width: 87px;
	
	padding-left: 20px;
	padding-right: 20px;

	margin-bottom: 4px;
	
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
	text-decoration: none;
	text-transform: uppercase;
	
	color: #FFFFFF;
	
	border-radius: 5px;		

}

.button:active, .button:hover
{
	background-color: #192138;
}


.button:active
{
	background-color: #FFFFFF;
	color: #192138;
}

.button_green, .button_green:visited, .button_green:active, .button_green:hover
{
	background-color: #192138;
	border: 0px solid #192138;
}

.button_green:active, .button_green:hover
{
	background-color: #30384c;
}

.button_green:active
{
	background-color: #FFFFFF;
	color: #30384c;
}


.button_blue, .button_blue:visited, .button_blue:active, .button_blue:hover
{
	background-color: #022348;
	border: 0px solid #194b82;
}

.button_blue:active, .button_blue:hover
{
	background-color: #194b82;
}

.button_blue:active
{
	background-color: #FFFFFF;
	color: #022348;
}





.button_disabled, .button_disabled:visited, .button_disabled:active, .button_disabled:hover
{
	color: #FFFFFF;
	border: 0px solid #ff7531;	
	opacity: 0.5;
}
	
	
.uitbet_table
{
	display: table;
	margin: 0px auto;
}


.uitbet_tr
{
	display: table-row;
}


.uitbet_td1, .uitbet_td2
{
	display: table-cell;
	
	background-image: url('../images/layout/bg_main.png');
	
	width: 50%;
			
	font-size: 14px;
	padding: 14px;
	
	margin-bottom: 4px;
}

.uitbet_td2
{
	background-image: url('../images/layout/bg_black_trans.png');
	color: #CCCCCC;
}

.uitbet_details
{
	max-height: 300px;
	overflow: auto;
}

.facebook_logo, .facebook_logo:visited, .facebook_logo:active, .facebook_logo:hover
{
	display: inline-block;
	
	width: 370px;
	height: 42px;
	
	margin-right: 20px;
	
	color: #022348;
	
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	
	letter-spacing: -0.5;
	text-decoration: none;	
	text-align: left;
	
}

.share_ons, .share_ons_img
{
	display: inline-block;
	
	text-align: right;
	
	color: #022348;
	
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	
}

.share_ons
{
	
}

.youtube
{
	float: right;
	width: 560px;
	height: 315px;

	margin-left: 20px;
	margin-bottom: 20px;
}

/* *** /Form *** */


/* *** Webinar *** */
.lc_webinar_buttons
{
	margin-bottom: 20px;
}

.lc_users_icon, .lc_users_icon:visited,
.lc_users_icon_green, .lc_users_icon_green:visited,
.lc_users_icon_red, .lc_users_icon_red:visited,
.lc_users_icon_gone, .lc_users_icon_gone:visited,
.lc_users_icon_disabled, .lc_users_icon_disabled:visited
{
	display: inline-block;
	background-color: #0d7882;
	
	opacity: 0.8;
	
	width: 24px;
	height: 24px;
	padding: 2px;
	border-radius: 4px;
}

.lc_users_icon_green, .lc_users_icon_green:visited
{
	background-color: #198500;
}

.lc_users_icon_red, .lc_users_icon_red:visited
{
	background-color: #ff5400;
}

.lc_users_icon:active, .lc_users_icon:hover,
.lc_users_icon_green:active, .lc_users_icon_green:hover,
.lc_users_icon_red:active, .lc_users_icon_red:hover,
.lc_users_icon_gone:active, .lc_users_icon_gone:hover,
.lc_users_icon_disabled:active, .lc_users_icon_disabled:hover
{
	opacity: 1;
}

.lc_users_icon_gone, .lc_users_icon_gone:visited, .lc_users_icon_gone:active, .lc_users_icon_gone:hover
{
	cursor: default;
	opacity: 0;
}

.lc_users_icon_disabled, .lc_users_icon_disabled:visited, .lc_users_icon_disabled:active, .lc_users_icon_disabled:hover
{
	cursor: default;
	opacity: 0.25;
}

.lc_legenda
{
	font-size: 12px;
	opacity: 0.7;
}

.lc_legenda img
{
	-webkit-filter: invert(100%); 
	filter: invert(100%);
	opacity: 0.7;	
}

/* *** /Webinar *** */



/* *** Zodiac *** */

.zodiac_table, .zodiac_table_message
{
	display: table;
	width: 620px;
	
	margin: 0px auto;
	
}

.zodiac_table_message
{
	margin-top: -8px;
}

.zodiac_tr
{
	display: table-row;
}

.zodiac_left, .zodiac_left:visited, .zodiac_left:active, .zodiac_left:hover,
.zodiac_right, .zodiac_right:visited, .zodiac_right:active, .zodiac_right:hover
{
	display: table-cell;
	
	background-image: url('../images/zodiac/arrow_left.png'); background-repeat: no-repeat; background-position: left top;

	width: 70px;
	height: 160px;

}

.zodiac_left:active, .zodiac_left:hover
{
	background-image: url('../images/zodiac/arrow_left2.png');
}

.zodiac_right, .zodiac_right:visited
{
	background-image: url('../images/zodiac/arrow_right.png');
}

.zodiac_right:active, .zodiac_right:hover
{
	background-image: url('../images/zodiac/arrow_right2.png');
}

.zodiac_img
{
	display: table-cell;
	width: 160px;
	height: 160px;
}

.zodiac_img img
{
	width: 160px;
	height: 160px;
}

.zodiac_img_small
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 160px;
	height: 160px;
}

.zodiac_img_small img
{
	width: 110px;
	height: 110px;
}

.zodiac_message
{
	display: none;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	
	text-shadow: 0px 3px 5px #000, 0px 3px 5px #000;
}

.zodiac_message_title
{
	font-size: 24px;
	padding-bottom: 7px;
}

.zodiac_message_date
{
	padding-bottom: 5px;
}

.zodiac_message_text
{
	color: #e5e5e5;
}

/* *** /Zodiac *** */




	/* *** Tablets in portrait *** */
	@media only screen and (min-width:750px) and (max-width:999px) 
	{
		.content_col2, .content_col2b
		{
			margin-top: 14px;
			width: 100%;
		}
		

		.op_avatar_page
		{
			min-width: 345px !important;
		}
		
		.op_avatar_page .lc_info_avatar
		{
			width: 345px !important;
		}

	
		.op, .op:visited, .op:active, .op:hover
		{
			width: 190px;
			height: 270px;
		}
		
		.op_buttons
		{
			height: 98px;
			margin-left: -73px;
		}
		
		
		.op_text
		{
			height: 180px;
		}		
	
		.header_div, .slideshow_div, .menu_div, .main_div, .main_div_drieluik, .footer_div, .tabs
		{
			width: 730px;
		}
		
		.ops
		{
			width: 750px;		
		}
		
		.home_drieluik_td, .home_drieluik_td:visited, .home_drieluik_td:active, .home_drieluik_td:hover
		{
			height: 340px;
		}

		
		.home_drieluik_icon
		{
			background-image: url('../images/layout/bg_home_drieluik_icon_tablet.png'); 
		}
		
		.home_drieluik_padding h1
		{
			font-size: 16px;
			line-height: 20px;
		}
		
		.home_drieluik_td, .home_drieluik_td:visited, .home_drieluik_td:active, .home_drieluik_td:hover
		{
			background-image: url('../images/layout/bg_main_drieluik_footer_tablet.png'), url('../images/layout/bg_home_drieluik.png');
			background-position: left bottom, left top;
			background-size: 230px 9px, 230px 500px;
			background-repeat: no-repeat, no-repeat;
		}
		
		.content
		{
			width: auto;	
		}

		.ervaring
		{
			margin-left: 25px;
		}
				
		.content_col_home1
		{
			width: 200px;
		
		}

		
		#content_col_home1_help
		{
			display: none;
		}
		
		.tab, .tab_link, .tab_link:visited, .tab_selected
		{
			width: 190px;
		}

		
		.op_buttons > .button_chat, .op_buttons > .button_chat:visited, .op_buttons > .button_chat:active, .op_buttons > .button_chat:hover
		{
			background-image: url('../images/pixel.gif');
			padding-left: 5px;
			padding-right: 5px;
			min-width: 20px;			
		}
		
		
		.op_buttons > .button_call, .op_buttons > .button_call:visited, .op_buttons > .button_call:active, .op_buttons > .button_call:hover
		{
			background-image: url('../images/pixel.gif');
			padding-left: 5px;
			padding-right: 5px;
			min-width: 20px;
		}
		
		
	}
	
	/* *** Tablets & smartphones *** */
	@media only screen and (max-width:999px)
	{
		.icon18plus
		{			
			margin: 0px auto;
		
			margin-top: -25px;
			margin-bottom: -10px;
		
			
		}
			
		.bellen_table, .bellen_tr, .bellen_td
		{
			display: block; 
			width: auto;
		}
	
		.youtube
		{
			float: none;
			width: 100%;
			height: 300px;
		
			margin-left: 0px;
			margin-bottom: 20px;
		}
		
		.content_col2, .content_col2b
		{
			margin-top: 14px;
			width: 100%;
		}
		
		
		.form_titel
		{
			display: block;
		
		}
		
		.content_col, .content_col2, .content_col2b
		{
			display: block;
			padding-left: 0px;
		}
		

		.ervaring
		{
			margin-left: 0px;
			width: 100%;
		}
			
			
					
		.menu_div
		{

		}

		.menu_normal
		{
			display: none;
		}
		
		.menu_smart
		{
			display: table-cell;
			padding-left: 20px;
			
		}	

		.header_taal, .menu_item_registreren, .menu_item_inloggen
		{
			padding-right: 0px;
		}
		
		.mainMenuToggle, .mainMenuToggle:visited, .mainMenuToggle:active, .mainMenuToggle:hover, .mainMenuToggleActive, .mainMenuToggleActive:visited, .mainMenuToggleActive:active, .mainMenuToggleActive:hover
		{
			display: block;

			background-image: url('../images/icons/hamburger.png'); background-repeat: no-repeat; background-position: left center;
				
			text-decoration: none;
			color: #FFFFFF;
			
			padding-left: 27px;
			
			width: 0px;
			overflow: hidden;
		}
		
		.mainMenuToggleActive, .mainMenuToggleActive:visited, .mainMenuToggleActive:active, .mainMenuToggleActive:hover
		{
			
		}
		
		#mainMenu
		{
			display: none;
			position: absolute;
			z-index: 1001;
		
			width: auto;			
		}
		
		#mainMenu_div
		{		
			background-color: #09171c;
			margin-left: -20px;
			margin-top: -5px;
			width: 320px;
						
		}
		
		#mainMenu a, #mainMenu a:visited, #mainMenu a:active 
		{
			display: block;

			color: #FFFFFF;

			padding: 10px;
			padding-left: 20px;
			
			font-weight: normal;
			text-decoration: none;		
			
			font-size: 16px;
			line-height: 16px;		
			
		}
		
		#mainMenu a:hover, #mainMenu a:active
		{
			background-color: #0099cc;
		}
		
		#mainMenuBg
		{
			position: fixed;
			display: none;
			z-index: 1000;
			
			opacity: 0.5;
			background-color: #192138;			
		
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;			
		}
		
		.footer
		{
			height: 300px;
			padding-top: 20px;
		}
		
		
		.footer_item
		{
			display: block;
			
			width: 100%;
			padding-top: 0px;
			padding-bottom: 20px;
			
			height: auto;
			
		}
		
		.footer_item div
		{
			padding-top: 5px;
			height: auto;
		}

			
	}
	/* *** /Tablets in portrait *** */
	
	
	
	
	
		/* *** Smartphones *** */
		@media only screen and (max-width:749px)
		{
			h1
			{
				background-image: url('../images/layout/ruler_smart.png');
				padding-top: 15px;
				padding-bottom: 45px;				
			}


			.op_table
			{
				display: block;
			}
			
			.op_tr
			{
				display: block;
			}
			
			.op_avatar_page
			{
				display: block;
				vertical-align: top;
					
				min-width: 100% !important;
			
				padding-bottom: 40px;
			}
			
			.op_avatar_page .lc_info_avatar
			{
				width: 100% !important;
			}
			
			.op_info_page
			{
				padding-left: 0px;
			}
			
						
			.ops
			{
				
			}
	
			.op, .op:visited, .op:active, .op:hover
			{
				display: block;
				width: auto;
				height: auto;
				
				margin-bottom: 20px;				
				margin-left: 20px;
				margin-right: 20px;
			}
			
			.op_text
			{
				height: auto;
			}	
						
			.op:nth-child(odd)
			{
				margin-right: 20px;
			}

			.op:nth-child(3n+4)
			{
				margin-right: 20px;
			}
				
		
			
			.op_buttons > a, .op_buttons > a:hover, .op_buttons > a:active, .op_buttons > a:visited
			{
				padding-left: 6px;
				padding-right: 6px;
			}
					
			.chatvoorbeeld
			{
				float: none;
				margin-left: 0px;
				width: auto;
			
			}

			.chatvoorbeeld .lc_chat_input
			{
				width: auto;
				display: inline-block;
				margin-right: 5px;
			}
							
			.content_col_home1, .content_col_home2, .content_col_home3
			{
				display: block;
			}
			
			.content_col_home1
			{
				max-width: 80%;
			}
			
			.content_col_home2
			{
				margin-top: 14px;
				margin-bottom: 14px;
			}
			
			.betaalmethoden
			{
				display: block;
				margin-left: 0px;
				margin-top: 20px;
			}

			
			.main_table_tr
			{
				padding-bottom: 20px;
			}
						
			.main_table_td
			{
				display: none;			
			}
			
			.main_table_td2
			{
				font-size: 14px;
				display: table-cell;
				vertical-align: top;
				padding: 10px;				
			}
			
		
			.header_div, .slideshow_div, .menu_div, .footer_div, .main_div_drieluik, .sidebar, .content, .tabs, .ops
			{

				width: 100%;
			}
			
			.home_drieluik_table, .home_drieluik_tr, .home_drieluik_marge
			{
				display: block;
			}
			
			.home_drieluik_icon
			{
				background-image: url('../images/layout/bg_home_drieluik_icon.png'); background-repeat: no-repeat; background-position: left top;
				background-size: 100% 100px;
			}

			
			.home_drieluik_td, .home_drieluik_td:visited, .home_drieluik_td:active, .home_drieluik_td:hover
			{
				background-image: url('../images/layout/bg_main_drieluik_footer.png'), url('../images/layout/bg_home_drieluik.png');
				background-position: left bottom, left top;
				background-size: 100% 9px, 100% 500px;
				background-repeat: no-repeat, no-repeat;
					
				display: block;
				
				margin-left: 20px;
				margin-right: 20px;
				margin-bottom: 20px;
				
				width: auto;
			}

			.header_div
			{
				height: 400px;
			}
			
			.logo_table
			{
				height: 370px;
			}
			
			.logo
			{
				
			}

			.logo_ervaringen, .logo_ervaring_home
			{
				width: 90%;			
			}		
			
			
	
		
			.personal_menu
			{	

			
			}
		
			
			#personal_menu_name
			{
				display: none;
			}
			
			#personal_menu_credits
			{
				width: 30px;
				
				padding-left: 24px;
			}
			
			#personal_menu_credits span
			{
				display: none;
			}
				
			.main_div
			{
				width: auto;
				padding-left: 20px;
				padding-right: 20px;
				display: block;
			}
	
			.content
			{
				display: block;
				
				max-width: 100%;
				width: auto;
			}

			.tab, .tab_selected, .tab_link
			{
				min-width: 40px;
				width: 40px;
			}			

			.tab span, .tab_selected span, .tab_link span 
			{
				display: none;
			}			

			.footer
			{
				display: block;
				padding-bottom: 0px;

			}
			
			.footer_div
			{
				display: block;
				
			}
			
			.footer_td1, .footer_td2
			{
				display: block;
				text-align: center;
				
				padding-bottom: 14px;
				
				
			}
			
			.footer_share
			{
				
				height: 60px;
			}
			
			.facebook_logo, .facebook_logo:visited, .facebook_logo:active, .facebook_logo:hover
			{
				display: block;
				width: 100%;
				margin: 0px auto;
				margin-bottom: 15px;
				
				text-align: center;
			}
			
			.share_ons_img
			{
				margin-bottom: 50px;
			}
			
			.form_input
			{
				width: 290px;
			}
			
			.form_textarea
			{
				width: 274px;
			}
			

			
			/* *** Zodiac *** */
			
			.zodiac_table, .zodiac_table_message
			{
				width: 95%;	
			}
				
			.zodiac_left, .zodiac_left:visited, .zodiac_left:active, .zodiac_left:hover,
			.zodiac_right, .zodiac_right:visited, .zodiac_right:active, .zodiac_right:hover
			{
				background-position: center center;
				background-size: 52px 120px;
				width: 70px;
				height: 100px;
			
			}
			
			.zodiac_img
			{
				text-align: center;
				width: 100px;
				height: 100px;
			}
			
			.zodiac_img img
			{
				width: 100px;
				height: 100px;
			}
			
			.zodiac_img_small
			{
				width: 70px;
				height: 70px;
			}
			
			.zodiac_img_small img
			{
				width: 50px;
				height: 50px;
			}
			
			.zodiac_message
			{
				font-size: 14px;
				
				max-height: 200px;
				overflow: auto;
			}
			
			.zodiac_message_title
			{
				font-size: 24px;
				padding-bottom: 7px;
				padding-top: 10px;
			}
						
			/* *** /Zodiac *** */
			
			
			
		}
		
		/* *** /Smartphones *** */	

		@media only screen and (max-width:480px)
		{
			.youtube
			{
				height: 200px;
			}
			

			.header_taal
			{
				display: none;				
			}			
		}	
		

		@media only screen and (max-width:320px)
		{		
			.op, .op:visited, .op:active, .op:hover
			{
				margin-bottom: 10px !important;				
				margin-left: 0px !important;
				margin-right: 0px !important;
				
				padding: 10px;
			}
		}