/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

Title:Content.css
Author:Mike Lelieveld - 2manydots Nederland

Description :Styles all WISH content management templates!

Created:Apr 11, 2007
Modified:Jan 27, 2009 | Mike Lelieveld

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/*---template settings---*/
div#content-container h1 {
	/*width:100%;*/
	height:1%;
	clear:both;
	margin:6px 0 3px;
	padding:0;
	color:#023065;
	line-height:30px;
	font-size:24px;
	font-weight:normal;
}
div#content-container h2 {
	/*width:100%;*/
	height:1%;
	clear:both;
	margin:6px 0 3px;
	padding:0;
	color:#023065;
	line-height:24px;
	font-size:18px;
	font-weight:normal;
}
div#content-container h3 {
	/*width:100%;*/
	height:1%;
	clear:both;
	margin:6px 0 3px;
	padding:0;
	color:#000;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}
div#content-container h4 {
	/*width:100%;*/
	clear:both;
	margin:6px 0 3px;
	padding:0;
	color:#000;
	line-height:17px;
	font-size:11px;
	font-weight:bold;
}
div#content-container h5 {
	/*width:100%;*/
	height:1%;
	clear:both;
	margin:6px 0 3px;
	padding:0;
	color:#000;
	line-height:17px;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
div#content-container h6 {
	/*width:100%;*/
	height:1%;
	clear:both;
	margin:6px 0 3px;
	padding:0;
	color:#000;
	line-height:17px;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

div#content-container p {
	text-align:left;
	padding:0;
	margin:0 0 18px;
	line-height:18px;
}

div#content-container a { 
	color:#00ADD6;
	text-decoration:underline;
}
div#content-container a:hover {
	text-decoration:none;
}

div#content-container ul {
	list-style-type:disc;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	overflow:hidden;
	list-style-position:ouside;
}
div#content-container ul li {
	display:list-item;
	padding-bottom:3px;
}
div#content-container ol {
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	overflow:hidden;
	list-style-position:ouside;
}
div#content-container ol li {
	display:list-item;
	padding-bottom:3px;
}

div#content-container img {
	margin:0 auto;
	padding:0; /* All images have a 1px border by default. If border is set: none please set 'padding' = 0 */
	border:none; /* If no border is required please set 'border' = 0 */
}
div#content-container img.to-right {
	float:right;
	margin:0 0 5px 10px;
}
div#content-container img.to-left {
	float:left;
	margin:0 10px 5px 0;
	display:block;
}

/*=======================================================*/
/*              !!! DO NOT MODIFY !!!                    */
/*           TEMPLATE POSITIONING STYLES                 */
/*=======================================================*/

/*---template-contents---*/
div#content-container {
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
	clear:both;
	line-height: 18px;
	margin:29px 0 0;
	top:8px;
	padding:0 0 50px !important; /* The content-container has padding capabilities, default set = 0! */
	width:506px !important; /* The content-container is the only element with fixed width, define width! */
}
div#content-container .template-contents {
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:10px 0 0;
	width:100% !important;
}
div#content-container * html .template-contents {
	overflow:hidden;
	height:1%;
	margin:0;
}

/*---template-columns---*/
div#content-container .template-column-container {
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:10px 0 0;
	width:100% !important;
	
}
div#content-container .template-column-container .template-column {
	padding:0;
	display:block;
	width:49%; /* The content-container sometimes is quite width and a correction is needed. possible variables are 47%-50% */
	float:left;
	margin:0;
	position:relative;
}
div#content-container .template-column-container .to-right {float:right; display:block;}
div#content-container .template-column-container .template-column .template-contents img {
	display:block;
	float:left;
	margin:0 0 10px;
}

/*=======================================================*/
/*              !!! DO NOT MODIFY !!!                    */
/*             MEDIA POSITIONING STYLES                  */
/*=======================================================*/

/*---template-media-elements---*/
div#content-container .media {
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:100%;
}
div#content-container .media .video {display:block; margin:0; position:relative;}
div#content-container .media .slideshow {display:block; margin:0; position:relative;}
div#content-container .media .panorama {display:block; margin:0; position:relative;}
div#content-container .media .forms {display:block; margin:0; position:relative;}
div#content-container .media .flash {display:block; margin:0; position:relative;}
div#content-container .media .youtube {display:block; margin:0; position:relative; float:left; width:100%; clear:both;}
div#content-container .media .holder-l {float:left; position:relative; left:50%; margin:0;}
div#content-container .media .holder-l .holder-r {position:relative; left:-50%;	margin:0;}
div#content-container .media .holder-l .holder-r img {display:block; position:relative; float:left; margin:10px 0 0;}

/*=======================================================*/
/*              !!! DO NOT MODIFY !!!                    */
/*           MESSAGES POSITIONING STYLES                 */
/*=======================================================*/

/*---messages-settings---*/
div#messages-container {
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
	clear:both;
	margin:20px 0 0;
	padding:0 !important; /* The content-container has padding capabilities, default set = 0! */
	width:506px !important; /* The content-container is the only element with fixed width, define width! */
}
.not-global {margin:0 !important; padding:0 !important; position:relative;}
div#messages-container .messages-contents {
	overflow:hidden;
	position:relative;
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	width:100% !important;
}
div#messages-container * html .messages-contents {
	overflow:hidden;
	height:1%;
	margin:0;
}

/*---messages-error---*/
div#messages-container .messages-contents ul.error-message {
	padding:0 0 5px 0 !important;
	margin:0 0 10px 0;
	border-bottom:3px solid #FF0000;
	width:100%;
}
div#messages-container .messages-contents ul.error-message li {
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(../images/icon_error.gif) no-repeat 0% 50%;
	list-style:none;
	list-style-position:outside;
	padding:1px 0 1px 15px;
	margin:0 0 0 5px;
	width:100%;
	display:block;
	color:#FF0000;
}

/*---messages-warning---*/
div#messages-container .messages-contents ul.warning-message {
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:3px solid #fc7e00;
	width:100%;
}
div#messages-container .messages-contents ul.warning-message li {
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(../images/icon_warning.gif) no-repeat 0% 50%;
	list-style:none;
	list-style-position:outside;
	padding:1px 0 1px 15px;
	margin:0 0 0 5px;
	width:100%;
	display:block;
	color:#fc7e00;
}

/*---messages-notice---*/
div#messages-container .messages-contents ul.notice-message {
	padding:0 0 5px 0 !important;
	margin:0 0 10px 0;
	border-bottom:3px solid #11934c;
	width:100%;
}
div#messages-container .messages-contents ul.notice-message li {
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(../images/icon_check.gif) no-repeat 0% 50%;
	list-style:none;
	list-style-position:outside;
	padding:1px 0 1px 15px;
	margin:0 0 0 5px;
	width:100%;
	display:block;
	color:#11934c;
}

/*---global-messages-help---*/
div#messages-container .messages-contents ul.help-message {
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:3px solid #2060b2;
	width:100%;
}
div#messages-container .messages-contents ul.help-message li {
	font:normal 12px Arial, Helvetica, sans-serif;
	background:url(../images/icon_help.gif) no-repeat 0% 50%;
	list-style:none;
	list-style-position:outside;
	padding:1px 0 1px 15px;
	margin:0 0 0 5px;
	width:100%;
	display:block;
	color:#2060b2;
}