/**
 * screen.css
 *
 * Screen styles (all parts) for <website name>.
 *
 * @version						1.0
 * @date						yyyy-mm-dd
 * @lastmodified				yyyy-mm-dd hh:mm
 * @author						Studio Dumbar (Jonathan van Wunnik)
 * @project						Project Name
 * @link						http://www.website.com
 * @cssdoc						version 1.0-pre
 *
 * @colordef					#0054a3; RGB 0 84 163 (Allsecur blue)
 * 								#ec8000; RGB 263 128 0 (Allsecur orange)
 * 								#96c631; RGB 150 198 49 (Allsecur green)
 *
 *								#0072c8; (lighter blue; gradient)
 *
**/


/**
 * Import
 *
 * @section						Import of individual stylesheets
**/

@import url("reset.css");
@import url("base.css");
@import url("layout.css");
@import url("form.css");
@import url("mod.css");
@import url("type.css");		/* @font-face (font embedding) styles */

@import url("mgnlAdmin.css"); 
@import url("om.css");         /* Openmind styles */

/**
 * General
 *
 * @section						General (and miscellaneous) style definitions
**/

body							{ background-color: #fbfbfb; color: #111; }
.container-1					{ background: #fefefe; padding-top: 20px; }
body#single						{ background: #fefefe; }


/**
 * Header
 *
 * @section						Header, main navigation and functional links style definitions
**/

#logo,
#allsecur_phone_number			{ display: block; font: 0/0 sans-serif; margin-bottom: 9px; padding: 0; }

nav li							{ margin-bottom: 1.0787em; }
nav a,nav a:visited				{
									background: #0072c8 url('skin/allsecur-sprite.png') left -1988px repeat-x; color: #fff; display: block; font-size: 1.357em; line-height: 1.2; padding: 5px 10px 2px; text-decoration: none; position: relative; top: 0;
									-webkit-border-radius: 4px;
									-moz-border-radius: 4px;
									border-radius: 4px;
									-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5);
									-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
									box-shadow: 0 1px 3px rgba(0,0,0,.5);
									text-shadow: 0 -1px 1px rgba(60,60,60,.3);
								}
nav a:hover 					{ background-color: #0072c8; background-position: left -2114px; cursor: pointer; text-decoration: none; }
nav a:active					{
									top: 1px;
									-webkit-box-shadow: none;
									-moz-box-shadow: none;
									box-shadow: none;
								}

.active a,
.active a:visited,
.active a:hover,
.active a:active				{
									background-color: #ccc; background-position: left -2114px; border: none; color: #262626; cursor: pointer; top: 0;
									-webkit-box-shadow: none;
									-moz-box-shadow: none;
									box-shadow: none;
									text-shadow: none;
								}

								/* 'Mijn Allsecur' user icon */
nav a span						{ background: transparent url('skin/allsecur-sprite.png') left -492px no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -6px; height: 16px; overflow: hidden; text-indent: -9999em; width: 16px; }
nav .active a span				{ background-position: left -608px; }

								/* Endorsement */
.endorsement					{ padding: 0; text-align: right; }


/**
 * Content
 *
 * @section						Content specific style definitions
**/

								/* Images inside content area are relatively scaled between min and max width (see layout.css); make sure to declare the image's with and heigh in the markup (e.g. width="211" height="106") */
.content img,
.mod img						{ height: auto; width: 100%; }
.mod.banner img					{ width: auto; }

#allsecur_phone_number			{ cursor: default; text-align: right; }

								/* Blockquote */
blockquote						{
									background-color: #e8f4ff; color: #254b7d; margin-bottom: 1.618em; padding: 1.618em 1.618em 1.618em .809em;
									-moz-border-radius: 8px;
									-webkit-border-radius: 8px;
									border-radius: 8px;
								}
blockquote p 					{ font-size: 1.154em; line-height: 1.4; margin-bottom: 0; }	/* FS = 15px (15/13=1.154)	| LH = 21/15=1.4 */
blockquote cite					{ font-size: .807em; line-height: .865; }                   /* FS = 13/15=0.807	| LH = 1.4/1.618=0.865 */
blockquote p:first-child		{ margin-bottom: 1.367em; }

								/* Breadcrumb */
.breadcrumb						{ text-transform: lowercase; position: absolute; top: 16px; left: 10px; }
.breadcrumb em 					{ display: none; }
.breadcrumb a 					{ padding-right: .3em; }
.breadcrumb span 				{ margin-right: .3em; white-space: nowrap; }

.content h1						{ color: #ec8000; margin-bottom: 25px; padding: 0 10px 0; }
.content .page-title			{ margin-top: 48px; }
.intro							{ font-size: 1.154em; line-height: 1.4; padding-right: 3em; }	/* FS = 15px (15/13=1.154)	| LH = 21/15=1.4 */

								/* List */
.list 					   		{ border-top: 1px dotted #ccc; }
.list li						{ list-style: none; margin: 0; }
.list em		 				{ color: #aaa; font-style: normal; font-weight: normal; white-space: nowrap;  }
.list a							{ border-bottom: 1px dotted #ccc; display: block; padding: .809em 1px; }

.list h3,.list h4,
.list h5,.list h6				{ color: #0054a3; font-size: 1.385em; line-height: 1.169; padding-top: 0; padding-bottom: .390em; }

								/* FAQ (definition) list */
.faq							{ margin-bottom: 0; }
.faq dt 						{ border-top: 1px dotted #ccc; color: #0054a3; padding-top: .809em; }
.faq dt:first-child				{ border-top: 0; }

.faq dd							{ padding: 0; }

.faq dt strong					{ color: #0054a3; }

html.js-on .faq dt 				{ background: transparent url('skin/allsecur-sprite.png') .3em -1833px no-repeat; cursor: pointer; padding: .809em .1em .809em 1.1em; }
html.js-on .faq dt.hover		{ background-color: #fafafa; }
html.js-on .faq dt.open			{ background-position: .3em -1757px; border-bottom: none; }
html.js-on .faq dd 				{ display: none; margin-left: 0; }
html.js-on .faq dd.open			{ padding: .405em 0 0 1.2em; display: block; }

								/* Anchor navigation */
ul.nav-anchor					{ margin-left: 0; }
.nav-anchor li					{ list-style: none; }
.nav-anchor a					{ background: url('skin/allsecur-sprite.png') -15px -1440px no-repeat; padding-left: 14px; }

								/* Page navigation */
.nav-page						{ color: #0054a3; /*margin-bottom: 1.618em;*/ }

.nav-page a,
.nav-page strong,
.nav-page em,
.nav-page em.prev,
.nav-page em.next				{ background: #efefef url('skin/allsecur-sprite.png') left -1996px repeat-x; float: left; margin-left: .1em; padding: .1em .7em; }

.nav-page em					{ background: transparent; border: none; }
.nav-page strong				{ font-weight: normal; }

.nav-page a:hover,
.nav-page strong				{ background: #0054a3 url('skin/allsecur-sprite.png') left -1870px repeat-x; color: #fff; text-decoration: none; }
.nav-page strong				{ background-image: none; background-color: #999; }

.nav-page .prev,
.nav-page .next,
.nav-page em.prev,
.nav-page em.next				{ padding-top: 0; padding-bottom: .2em; }

.nav-page em.prev,
.nav-page em.next				{ color: #aaa; font-style: normal; }

.nav-page .prev,
.nav-page em.prev				{
									padding-left: .8em;
									-webkit-border-top-left-radius: 6px;
									-webkit-border-bottom-left-radius: 6px;
									-moz-border-radius-topleft: 6px;
									-moz-border-radius-bottomleft: 6px;
									border-top-left-radius: 6px;
									border-bottom-left-radius: 6px;
								}
.nav-page .next					{
									padding-right: .8em;
									-webkit-border-top-right-radius: 6px;
									-webkit-border-bottom-right-radius: 6px;
									-moz-border-radius-topright: 6px;
									-moz-border-radius-bottomright: 6px;
									border-top-right-radius: 6px;
									border-bottom-right-radius: 6px;
								}

								/* Premium overview ('WA', 'Beperkt' and  'Volledig Casco' listing) */
.premium-overview				{ border-bottom: 2px solid #cdcdcd; }
.premium-list					{
									border: 1px solid #dedede; margin-bottom: .809em;
									-webkit-border-radius: 8px;
									-moz-border-radius: 8px;
									border-radius: 8px;
									-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.25);
									-moz-box-shadow: 0 1px 3px rgba(0,0,0,.25);
									box-shadow: 0 1px 3px rgba(0,0,0,.25);
								}
.premium-list ul:last-child		{
									-webkit-border-bottom-left-radius: 8px;
									-webkit-border-bottom-right-radius: 8px;
									-moz-border-radius-bottomleft: 8px;
									-moz-border-radius-bottomright: 8px;
									border-bottom-left-radius: 8px;
									border-bottom-right-radius: 8px;
								}

.premium-list h3 				{ font-size: 1.385em; line-height: 1.169; margin: 0; padding: .809em 8px 0 8px; }	/* FS = 18px (18/13=1.385)	| LH = 21/18=1.169 */

.premium-list ul				{ list-style: none; margin: 0; }
.premium-list .wa				{ background-color: #67b7f3; }
.premium-list .bc				{ background-color: #c5e1fc; }
.premium-list .vc				{ background-color: #e8f4ff; }

.premium-list li				{ background: url(skin/allsecur-dotted-lines.gif) left -591px repeat-x; padding: .405em 10px; position: relative; }
.premium-list li:first-child 	{ background-image: none; }
.premium-list .wa li			{ background-position: left 0; }

								/* More info (question mark) button */
.premium-list .info				{ padding-right: 34px; }
.premium-list .info-more		{ background: url(skin/allsecur-sprite.png) left -676px no-repeat; height: 16px; width: 16px; position: absolute; top: .35em; right: .809em; }
.premium-list .open .info-more	{ background-position: left -701px; }
.premium-list em				{ font-style: normal; padding: 8px 0; }

								/* Show/hide description only if javascript is enabled */
html.js-on .premium-list em 	{ display: none; }
html.js-on .premium-list .open em { display: block; }

								/* 'More' link */
.more							{ background: url(skin/allsecur-sprite.png) right -1654px no-repeat; color: #0054a3; float: right; padding-right: 12px; }

								/* Specific spacing between descriptions and images of additional coverage explanations */
.line.add-coverage				{ padding-bottom: 3.236em; }
.line.add-coverage h3			{ padding-top: 0; }

								/* Tips and checkoffs */
ul.tips							{
									background: #e8f4ff; margin-left: 0; padding: .405em 0;
									-webkit-border-radius: 8px;
									-moz-border-radius: 8px;
									border-radius: 8px;
								}

ul.tips,ul.checkoffs			{ margin-left: 0; }

.tip-single,.tips li,
li.tip-single					{ background: url(skin/allsecur-sprite.png) left -1225px no-repeat; list-style: none; padding: 4px 0 0 18px; }
.checkoff-single,.checkoffs li,
li.checkoff-single				{ background: url(skin/allsecur-sprite.png) left -1114px no-repeat; list-style: none; padding: 4px 0 0 18px; }

.tips.additional li				{ color: #555; margin: 0 8px; }
.premium-list .tip-single		{ color: #555; margin: 0 5px 10px 8px; }

								/* Downloads (PDF and Word icons) */
ul.downloads					{ margin-left: 0; }

.downloads li					{ background: #fff url(skin/allsecur-sprite.png) left -1063px no-repeat; list-style: none; padding: 4px 0 0 20px; }
li.download-word				{ background-position: left -1019px; }

								/* Additional table styling */
table 							{ border-bottom: 2px solid #dfdfdf; }
th,td 							{ vertical-align: top; }
th		 						{ border-bottom: 2px solid #dfdfdf; border-left: 1px solid #dfdfdf; padding: 0 .809em; }
th:first-child 					{ border-left: none; }
.col-date						{ width: 17%; }
.col-title						{ width: 43%; }
.col-cat						{ width: 20%; }
.col-image						{ width: 20%; }
tbody td						{ border-bottom: 1px dotted #e3e3e3; }
table img						{ margin: 0; padding-top: .405em; width: auto; }

th.sort-down,
th.sort-up,
th.sort-idle 					{ background: url(skin/allsecur-sprite.png) right -2657px no-repeat; }
th.sort-up						{ background-position: right -2545px; }
th.sort-idle					{ background-position: right -2769px; }

								/* Distance between paragraph and report damage button */
p.report-damage					{ margin-bottom: 1em; }


/**
 * Display
 *
 * @section						Display, carousel and call-to-action style definitions
**/

.display 						{
									margin: 28px 10px 10px 10px; position: relative;
									-webkit-border-radius: 8px;
									-moz-border-radius: 8px;
									border-radius: 8px;
									-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
									-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
									box-shadow: 0 1px 3px rgba(0,0,0,.4);
								}

								/* Carousel */
ul.carousel						{ margin-bottom: 0; margin-left: 0; position: relative; height: 400px; overflow: hidden; }
.carousel li					{
									height: 400px; width: 100%; position: absolute; top: 0; left: 0;
									-webkit-border-top-left-radius: 8px;
									-webkit-border-top-right-radius: 8px;
									-moz-border-radius-topleft: 8px;
									-moz-border-radius-topright: 8px;
									border-top-left-radius: 8px;
									border-top-right-radius: 8px;
								}

.carousel h1					{ margin-bottom: 0; padding: 20px 68px 0 20px; }
.carousel .more					{ float: left; margin-left: 20px; }

								/* Carousel indicator */
.carousel-indicator				{ margin: 0; position: absolute; z-index: 3; top: 20px; right: 20px; }
.carousel-indicator li			{ margin-left: 5px; float: left; width: 12px; height: 12px; overflow: hidden; text-indent: -9999em; cursor: pointer; list-style: none; background: transparent url(skin/allsecur-sprite.png) 0 -34px no-repeat; }
.carousel-indicator li.active 	{ background-position: 0 0; cursor: default; }

								/* Benefits */
.display .benefits				{ width: 33.3%; z-index: 2; position: absolute; bottom: 104px; right: 20px; }

								/* Call to action */
.call-to-action					{
									background: #0054a3 url(skin/allsecur-sprite.png) left -2241px repeat-x; padding: 0 20px 20px 20px;
									-webkit-border-bottom-left-radius: 8px;
									-webkit-border-bottom-right-radius: 8px;
									-moz-border-radius-bottomleft: 8px;
									-moz-border-radius-bottomright: 8px;
									border-bottom-left-radius: 8px;
									border-bottom-right-radius: 8px;
								}
.call-to-action h2				{
									color: #fff;
									text-shadow: 0 1px 1px rgba(0,0,0,.2);
								}
.call-to-action a,
.call-to-action a:visited  		{ color: #fff; }

.call-to-action input,
.call-to-action .button			{ margin-bottom: .809em; }

.call-to-action ol				{ margin-bottom: 0; }

.call-to-action .licenze {
	width:162px;
	float:left;
}

.call-to-action .bereken {
	padding-top:2px;
	float:left;
}

/**
 * Buttons
 *
 * @section						Button style definitions
**/

.button,.button:visited			{
									background: #be5900 url('skin/allsecur-sprite.png') left -1988px repeat-x; border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 1em; font-weight: bold; line-height: 1.618; padding: 4px 10px; text-decoration: none; text-align: center; position: relative;
									-moz-border-radius: 4px;
									-webkit-border-radius: 4px;
									border-radius: 4px;
									-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
									-moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
									box-shadow: 0 1px 3px rgba(0,0,0,.5);
									text-shadow: 0 -1px 1px rgba(0,0,0,.25);
								}
a.button						{ padding-bottom: 3px; padding-top: 3px; }


								/* Other button colors (extends .button) */
.button.secondary,
.button.inline					{
									background-color: #cfcfcf; color: #262626; padding-bottom: 3px; padding-top: 3px;
									text-shadow: 0 1px 1px rgba(255,255,255,.3);
								}
.button.inline					{
									top: -1px;
									-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
									-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
									box-shadow: 0 1px 1px rgba(0,0,0,.3);
								}

								/* Hover and active states for .button */
.button:hover					{ background-image: none; text-decoration: none; }
.button:active					{
									top: 1px;
									-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
									-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
									box-shadow: 0 1px 1px rgba(0,0,0,.2);
								}
.button.inline:active			{ top: -1px; }


/**
 * Push message block
 *
 * @section						Style definitions for important 'push' message block (alwasy at top of page)
**/

.push							{ margin-bottom: 1.618em; }
#single .push					{ width: 66%; }
.push .inner					{
									background: #fcebd7; border: 2px solid #ec8000; color: #be5900; font-weight: 700; margin: 0 10px; padding: 1.618em 1.09em;
									-webkit-border-radius: 8px;
									-moz-border-radius: 8px;
									border-radius: 8px;
								}
.push.error .inner				{ background: #fae4e1; border: 2px solid #bd1900; color: #bd1900; }
.push p 						{ margin-bottom: 0; }


/**
 * Footer
 *
 * @section						Footer style definitions
**/

footer							{ background: transparent url('skin/allsecur-sprite.png') left -2836px repeat-x; color: #606e7f; }
footer .line					{ margin: 0; padding-bottom: 0; }
.footer-2						{ margin-top: 3.236em; }

								/* Blockquote */
footer blockquote				{ background: #f3f3f3; color: #4c6687; }
blockquote > *:first-child:before { color: #4c6687; }
footer blockquote p,
footer blockquote cite   		{ font-size: 1em; line-height: 1.618; }

								/* Site navigation */
.nav-site						{
									background: #f3f3f3; padding: 1.618em;
									-moz-border-radius: 8px;
									-webkit-border-radius: 8px;
									border-radius: 8px;
								}
.nav-site ul					{ float: left; width: 20%; }
.nav-site .level-1				{ font-weight: 700; }

								/* Contact information (vCard) */
footer .vcard					{
									background: #f3f3f3; padding: 1.618em;
									-moz-border-radius: 8px;
									-webkit-border-radius: 8px;
									border-radius: 8px;
									margin-bottom: 0;
								}

								/* Trust icons */
.copyright						{ float: left; margin-top: 2.09em; }
.trust-icons					{ float: right; margin-top: .809em; }
.copyright li					{ float: left; padding-right: 1.618em; }
.trust-icons li					{ float: left; padding-left: 1.618em; }


/**
 * Contact information
 *
 * @section						Contact information style definitions
**/

.vcard,.vcard a					{ color: #606e7f; }
.info-add .vcard				{ margin-top: .405em; }
.vcard b 						{ display: block; margin-bottom: .405em; }
.vcard abbr[title]				{ border: none; }
.vcard .adr,.vcard .tel			{ margin-bottom: .809em; }

								/* Contact information icons */
/*
.org,.tel,.email				{ background: url('skin/allsecur-sprite.png') left -938px no-repeat; padding: 4px 0 0 20px; }
.tel							{ background-position: 1px -976px; }
.email							{ background-position: left -896px; }
.adr,.cof						{ padding-left: 20px; }
*/