@charset "UTF-8";
/*Specifiek voor mobile, zowel cms als website. Bij twijfel in cms/website zetten*/

.custom-notification-bar-wrapper{
	width:						100%;
	position:					absolute;
	left:						0;
	top:						0;
	z-index:					100000;
}
.custom-notification-bar{
	margin-left:				20%;
	margin-right:				20%;
	position:					relative;
	background-color: 			#FCF8E3;
    border: 					1px solid #FBEED5;
    /*border-radius: 				4px 4px 4px 4px;*/
    opacity: 					0.75;
    margin-bottom: 				18px;
    margin-top:					5px;
    padding: 					8px 35px 8px 14px;
    text-shadow: 				0 1px 0 rgba(255, 255, 255, 0.5);
}

.custom-notification-bar.info{
    background-color: 			#D9EDF7;
    border-color: 				#BCE8F1;
    color: 						#3A87AD
}
.custom-notification-bar.warning{
    background-color: 			#FCF8E3;
    border-color: 				#FBEED5;
    color: 						#C09853;
}
.custom-notification-bar.success{
    background-color: 			#DFF0D8;
    border-color: 				#D6E9C6;
    color: 						#468847;
}
.custom-notification-bar.alert{
	background-color:			#F2DEDE;
    border-color:				#EED3D7;
    color: 						#B94A48;
}

#webapp_content .CmsDataNews_image {
	float:						left;
	margin-right:				20px;
}

#webapp_content .news_date {
	color:						#888;
	margin-bottom:				15px;
}

.CpHTMLImageBrowser span img {
	border:						1px solid #bbb;
	padding:					1px;
	margin-right:				2px;
	margin-bottom:				2px;
	float:						left;
	cursor:						pointer;
}

.CpFormSimple_normalRow .ui-btn-inner{
	color:						#444;
	text-shadow:				none;
}

.CmsDataFolder_mainimage {
	border:						1px solid #bbb;
	margin-bottom:				10px;
}

.CmsDataFolder_mainimage_inner {
	margin:						1px;
}
body input.ui-input-text,
body textarea.ui-input-text,
body .ui-select,
body .ui-submit{
	width:						100%;
}
.CmsDataFolder_mainimage_inner img {
	width:						100%;
}

#webapp_page_content {
	background:					white;
}

#webapp_page_content p {
	margin-top:					10px;
	margin-bottom:				5px;
}

#webapp_page_content li {
	margin-left:				15px;
	paddin-left:				5px;
}

#webapp_page_content a {
	text-decoration:			none;
}

#webapp_page_content a:hover {
	text-decoration:			none;
}


#webapp_page_content form td {
	padding-bottom:				5px;
}

#webapp_page_content tr.CpFormSimple_normalRow input,
#webapp_page_content tr.CpFormSimple_normalRow select,
#webapp_page_content tr.CpFormSimple_normalRow textarea,
#webapp_page_content .ui-btn {
	/*width:						220px;*/
}
#webapp_page_content tr.CpFormSimple_normalRow div.CpFormDate span.CpFormDateDayToday{
	width:						33px;
}
#webapp_page_content #quick-note-form .ui-btn{
	/*width:						auto;*/
}

#webapp_page_content #quick-note-form tr.CpFormSimple_normalRow input,
#webapp_page_content #quick-note-form tr.CpFormSimple_normalRow textarea,
#webapp_page_content #quick-note-form tr.CpFormSimple_normalRow select{
	width:						100%;
}

#webapp_page_content tr.CpFormSimple_normalRow div.CpFormDate .ui-btn{
	/**/
}
#webapp_page_content tr.CpFormSimple_normalRow div.CpFormDate .ui-select {
	width:						auto;
}

#webapp_page_content tr.CpFormSimple_normalRow div.CpFormDate .ui-btn-inner {
	padding-right:				5px;
	padding-left:				5px;
}

#webapp_page_content tr.CpFormSimple_normalRow div.CpFormDate .ui-icon-arrow-d {
	display:					none;
}

#webapp_page_content tr.CpFormSimple_normalRow input,
#webapp_page_content tr.CpFormSimple_normalRow textarea {
	border:						1px solid #888;
}

#webapp_page_content tr.CpFormSimple_normalRow div.CpFormFile_fakeinput input {
	border:						none;
}

#webapp_page_content tr.CpFormSimple_normalRow select {
	height:						25px;
}

/*#webapp_page_content tr.CpFormSimple_normalRow input {
	height: 					25px;
    line-height: 				25px;
    padding-left: 				5px;
}*/

#webapp_page_content tr.CpFormSimple_buttonsrow input {
	padding: 					5px;
}

#webapp_page_content tr.CpFormSimple_normalRow input.CpFormPassword_switchable {
	width:						235px;
}

.CpFormPassword_switch_button {
	vertical-align:				bottom;
	height:						30px;
	margin-left:				5px;
	height:						30px;
}

#webapp_page_content td.CpFormRadio input {
	width:						auto;
	border:						none;
	vertical-align:				top;
	margin-right:				10px;
}

#webapp_page_content td.CpFormRadio label {
	margin-right:				10px;
}

div.portfolio_image img {
	padding:					1px;
	border:						1px solid #888;
	margin-top:					20px;
}

#webapp_page_content .CmsCollectObject_pageBrowser a,
#webapp_page_content .CmsCollectObject_pageBrowser span.disabledbutton,
#listsearchbutton {
	text-decoration:			none;
	diaplay:					block;
	float:						left;
	width:						17%;
	margin-right:				2%;
	line-height:				50px;
	text-align:					center;
	border:						1px solid #ccc;
	border-radius:				5px;
	font-weight:				bold;
}

#webapp_page_content .CmsCollectObject_pageBrowser span.disabledbutton {
	color:						#ccc;
}

#webapp_page_content .CmsCollectObject_pageBrowser a.CmsCollectObject_pageBrowserButtonSelected {
	background-color:			#ccc;
	color:						white;
	border-color:				#aaa;
}


#webapp_page_content .CmsCollectObject_pageBrowser {
	margin-top:					30px;
	height:						60px;
}

#search-list table {
	border-collapse:			collapse;
	float:						left;
	width:						74.5%;
	margin-right:				2%;
}

#search-list input {
	width:						100%;
	height:						50px;
	border:						1px solid #ccc;
	border-radius:				5px;
	font-size:					25px;
	background-color:			white;
}

#listsearchbutton {
	margin-bottom:				30px;
	height:						50px;
}

#imageweblogitem_photo {
	float:						left;
	margin-right:				10px;
	margin-bottom:				10px;
}

#webapp_headtitle a,
.webapp_headtitle a {
	text-decoration:			none;
}

#webapp_headtitle a h1,
.webapp_headtitle a h1 {
	margin:						0;
	text-align:					center;
}

#webapp_page_content .CpFormSimple_table {
	width:						100%;
	border-collapse:			collapse;
}

.tablet_leftpain {
	margin:						-15px;
}

#webapp_page_content .tablet_leftpain {
	display:					none;
}

#webapp_page_content .tablet_leftpain a {
	text-decoration:			none;
}

#webapp_content {
	position:					absolute;
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
	-webkit-overflow-scrolling: touch;
	overflow:					auto;
}

.possible_actions {
	text-align:					center;
}


#edit_item_form_tabs .CpHTMLTabs_mainSelected {
	padding-top:				15px;
}

#edit_item_form_tabs .CpHTMLTabs_browser {
	width:						100%;
}

#edit_item_form_tabs .CpHTMLTabs_browser th {
	border:						1px solid #ccc;
	padding:					3px;
	background-color:			#ddd;
}

#edit_item_form_tabs .CpHTMLTabs_browser th.CpHTMLTabs_browserButtonSelected {
	background-color:			white;
}

#edit_item_form_tabs .CpHTMLTabs_browser th.CpHTMLTabs_extraHeader {
	border:						none;
	width:						0;
	pading:						0;
	font-size:					0;
	line-height:				0;
}

div.CpHTMLTabs{
	position:					relative;
}

.mobile_info .CpHTMLTabs .CpHTMLTabs_browser{
	margin-left:				0;
	margin-right:				0;
}

.mobile_info .CpHTMLTabs .CpHTMLTabs_browserButtonSelected span,
.mobile_info .CpHTMLTabs .CpHTMLTabs_browserButton span{
	padding: 8px 10px;
}

#edit_item_form_tabs td.CpFormFieldLabel {
	font-size:					1.2em;
}

td.CpFormSimple_errorLabel div, .CpFormSimple_errorRow.globalErrors p {
	border-bottom:				1px solid #ccc;
	padding-bottom:				5px;
	margin-bottom:				5px;
}

#tablet_message_screen, .tablet_message_screen {
	position:					absolute;
	top:						0;
	left:						0;
	right:						0;
	bottom:						0;
	background-color:			rgba(0, 0, 0, 0.5);
	z-index:					5;
	display:					none;
	overflow:					none;
	height:						100%;
}
#tablet_message, body > .tablet_message_screen .tablet_waiting {
	background-color: 			#FFFFFF;
    border: 					1px solid #444444;
    margin-left:				2%;
    margin-right:				2%;
    margin-top:					2%;
    margin-bottom:				2%;
    padding: 					20px;
    position: 					relative;
    overflow-y:					scroll;
    -webkit-overflow-scrolling: touch;	
    /**height:						100%;*/
    /**width:						96%;*/
}

#webapp_page_content a.button-grey,
#webapp_page_content a.button-green,
#webapp_page_content a.button-red,
#webapp_page_content a.button-blue {
	text-decoration:			none;
}

#mobile_open_menu .touch_button {
	float:						right;
	margin-right:				10px;
	margin-top:					8px;
}

.mobile-menu,
#mobile-menu_homepage,
.webapp_page_content,
#webapp_page_content_homepage {
	position:					absolute;
	left:						0;
	right:						0;
	top:						0;
	bottom:						0;
}

.only_mobile_screen .webapp_page_content {
	font-size:					14px;
	overflow-x: 				hidden;
}

.only_mobile_screen .webapp_page_content ol,
.only_mobile_screen .webapp_page_content ul {
	margin-left:				20px;
	margin-top:					0.8em;
	margin-bottom:				0.8em;
}

.only_mobile_screen .webapp_page_content h1 {
	color:						#666;
	font-size:					20px;
	margin-bottom:				5px;
}

.only_mobile_screen .webapp_page_content h2 {
	color:						#666;
	font-size:					18px;
	margin-bottom:				5px;
	margin-top:					10px;
}

.only_mobile_screen .webapp_page_content h3 {
	color:						#666;
	font-size:					16px;
	margin-bottom:				5px;
}

#mobile-menu_homepage,
.mobile-menu {
	display:					none;
	-webkit-overflow-scrolling: touch;
	overflow:					auto;
}

#mobile-menu_homepage #homepagetoolbar {
	width:						100%;
}

#webapp_title {
	text-align:					center;
}

#webapp_title h1 {
	text-shadow:				1px 1px 1px #FFFFFF;
	float:						left;
}

#imageapp_logo {
	float:						left;
	padding-top:				10px;
	padding-right:				10px;
}

body #quick-note-form {
	width:						auto;
	margin-left:				0;
	margin-right:				0;
	position:					relative;
	padding-bottom:				50px;
}

body .CmsDataQuickTool h1 {
	width:						auto;
	margin-left:				0;
	margin-right:				0;

}

body span.CpFormDateInlinePopup,
body span.CpFormDateDay {
	padding-left:			15px;
	padding-right:			15px;
}

div.CpFormDate span.CpFormDateDayToday.ui-btn,
body span.CpFormDateDay,
body span.CpFormDateInlinePopup, {
	line-height:			40px;
	margin-top:				0;
	width:					38px;
	padding-left:			8px;
	padding-right:			8px;
	margin-bottom:			0;
	margin-right:			5px;
	/*margin-left:			-4px;*/
}

body div.CpFormDate_inlinepopup {
	width:						auto;
	max-width:					350px;
}

body div.CpFormDate_inlinepopup table.CpFormDate_popupContent td,
body div.CpFormDate_inlinepopup table.CpFormDate_popupContent th {
	padding:				3px;
}

.weblog_item_date {
	font-style:				italic;
}

body td.CpFormCheck input {
	display:				inline;
}

div.ui-checkbox {
	padding:				7px;
}

span.mobile_touch_menu_button {
	float:					right;
	margin-right:			10px;
}

td input.formFieldRequired {
	background-image:		url('/cms/beheer/images/tablet/asterix.png');
	background-repeat:		no-repeat;
	background-position: 	right top;
}

span.CpFormBase_requiredsymbol {
	display:				none;
}

.only_mobile_screen .mobile_content_width .CmsModuleImportMail_mail_message{
	overflow:				auto;	
}

/* Verklein knoppen zodat ze goed passen op iPhone 3GS,4 en Samsung galaxy S3 etc.*/
@media(max-width: 330px){
	.possible_actions span img, .possible_actions span i, .possible_actions a img, .possible_actions a i, .touch_navigation i, .possible_actions_storedmail i{
		width:				24px;
	}

	#mobile_open_menu .touch_button{
		height: 			24px;
		padding-left: 		5px;
		padding-right: 		5px;
		margin-top: 		9px;
	}
}