ul li p {
	margin:0;
	padding:0;
}

/* 
# www.pietervonk.com
# (c)2012 - WimD
*/
BODY {
	background: #E2E2E2 url(../pix/ui/ui_bg_page.png) repeat-x; */
	background-color: #FFFFFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height:16px;
	margin: 0;
	padding: 0;
	color : #303030;
	height: auto !important;
}


/* DIV ID'S
-------------------------------------------------------------------*/
#debugmess{
	position: fixed;
	z-index: 10000;
	bottom: 0px;
	width:100%;
}


#container_canvas { 
	position:relative;
	width:1000px;
	background-color:#FFF;
	display:table;
	margin:20px auto 0 auto;
	-webkit-box-shadow:7px 7px 25px rgba(0,0,0,0.5);
	-moz-box-shadow:7px 7px 25px rgba(0,0,0,0.5);
	box-shadow:7px 7px 25px rgba(0,0,0,0.5);
}

#container_canvas_album { 
	position:relative;
	width:1000px;
	height:730px;
	background-color:#FFF;
	display:table;
	margin:20px auto 0 auto;
	-webkit-box-shadow:7px 7px 25px rgba(0,0,0,0.5);
	-moz-box-shadow:7px 7px 25px rgba(0,0,0,0.5);
	box-shadow:7px 7px 25px rgba(0,0,0,0.5);
}



#container {
	position: relative;
	width: 1000px;
	margin: 0px auto 0 auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

	#box_hdr {
		position: relative;  
		width: 1000px;
		height:57px;
		margin:0 auto 0 auto;
		background-color: #33414A;
		
	}

		#box_hdr_logo {
			position: absolute;  
			width: 360px;
			height:30px;
			top:13px;
			left:30px;
		}
	
		#box_nav {
			position: absolute;  
			width: auto;
			height:12px;
			top:23px;
			right:250px;
			z-index:10;
		}

		.box_socmed {
			position:absolute;
			width:auto;
			height:20px;
			top:17px;
			left:786px;
		}

			.box_socmed_button {
				position:relative;
				float:left;
				width:20px;
				height:20px;
				margin:0 10px 0 0;
				display:table;
				background-image:url(../pix/ui/sprite.png);
				background-repeat:no-repeat;
			}

				.but_facebook {
					background-position: 0px -40px;
				}
				
					.but_facebook:hover {
						background-position: 0px -60px;
					}

				.but_flickr {
					background-position: -40px -40px;
				}
				
					.but_flickr:hover {
						background-position: -40px -60px;
					}

				.but_insta {
					background-position: -20px -40px;
				}
				
					.but_insta:hover {
						background-position: -20px -60px;
					}





		#box_langswitch {
			position: absolute;  
			width: auto;
			height:13px;
			top:21px;
			left:920px;
		}
		
			.box_langswitch_flag {
				position:relative;
				float:left;
				width:19px;
				height:13px;
				margin:0 6px 0 6px;
			}



	#box_body_container {
		position: relative;
		float:left;
		width: 1000px;
		height:auto;
		margin:0 auto 0 auto;
	}

		#box_body_top {
			position:relative;
			width:1000px;
			height:30px;
			background-image:url(../pix/ui/ui_body_top.png);
			background-repeat:no-repeat;
			background-position:left top;
			margin:0;
		}

		#box_body_main {
			position:relative;
			width:1000px;
			height:482px;
			float:left;
			background-image:url(../pix/ui/ui_bg_main.png);
			background-repeat:repeat-y;
			margin:0;
		}				

			#box_series_menu {
				position:relative;
				float:left;
				width:150px;
				height:457px;
				margin:25px 0 0 0;
				z-index:10;
			}
			
			#box_series_menu_album {
				position:relative;
				float:left;
				width:150px;
				height:457px;
				margin:50px 0 0 0;
				z-index:10;
			}



				.box_series_menu_option {
					position:relative;
					width:138px;
					height:22px;
					text-align:right;
					text-transform: uppercase;
					line-height:22px;
					padding-right:12px;
					margin:25px 0 0 0;
					cursor:pointer;
					cursor:hand;
					color:#fff;
					background-color:#33414A;
				}

				.box_series_menu_option_active {
					position:relative;
					width:138px;
					height:22px;
					text-align:right;
					text-transform: uppercase;
					line-height:22px;
					padding-right:12px;
					margin:25px 0 0 0;
					cursor:pointer;
					cursor:hand;
					color:#fff;
					background-color:#0068A3;
				}


				.box_series_menu_option:hover {
					background-color:#0068A3;
					color:#fff;
				}


			/* bio page divs
			----------------------------------------------*/
			#box_body_layout_1 {
				position:relative;
				float:left;
				width:722px;
				height:482px;
				margin:0px;
			}

				#box_layout_1_col1 {
					position:relative;
					float:left;
					width:482px;
					height:482px;
					margin:0px;
				}

				#box_layout_1_col2 {
					position:relative;
					float:left;
					width:210px;
					height:482px;
					margin:0 0 0 15px;
				}


			/* home page divs
			----------------------------------------------*/
			#box_body_layout_2 {
				position:relative;
				float:left;
				width:722px;	/* 722 */
				height:482px;
				margin:0px;
			}	
				.box_layout_2_picbox {
					position:relative;
					float:left;
					width:240px;
					height:160px;
					margin:0px;
				}

				.box_layout_2_txtbox {
					position:relative;
					float:left;
					width:240px;
					height:160px;
					margin:0px;
					background-color:#33414A;
					text-align:center;
					color:#FFFFFF;
					font-size:12px;
				}


			/* Regular page divs
			----------------------------------------------*/ 
			#box_body_layout_3 {
				position:relative;
				float:left;
				width:722px;
				height:482px;
				margin:0px;
				z-index:1000;
			}	

				#box_layout_3_title {
					position:relative;
					float:left;
					width:680px;
					height:auto;
					margin:0 0 0 20px;
				}

				#box_layout_3_col1 {
					position:relative;
					float:left;
					width:304px;
					min-height:450px;
					margin:0 0 0 20px;
				}

				#box_layout_3_col2 {
					position:relative;
					float:left;
					width:340px;
					min-height:450px;
					margin:0 0 0 35px;
				}

				#box_layout_3_col_merged {
					position:relative;
					float:left;
					width:680px;
					height:auto;
					margin:0 0 0 20px;
				}

			/* album page divs
			----------------------------------------------*/
			#box_body_layout_4 {
				/*
				position:relative; 
				float:left;
				margin:0px;
				border:1px dashed #fa0;
				*/
				position: absolute;
				top:0px;
				left:150px;
				width:722px;	/* 722 */
				min-height:458px;
				height:auto;
				overflow:hidden;
				
			}	


		#box_body_comment {
			position:relative;
			width:1000px;
			min-height:40px;
			background-image:url(../pix/ui/ui_bg_comment.png);
			background-repeat:no-repeat;
			background-position:center bottom;
			margin:0;
			padding-bottom:10px;
			text-align:center;
		}

		#box_body_thumbrail {
			position:relative;
			width:1000px;
			height:70px;
			margin:0;
		}

	#box_footer {
		position:relative;
		margin:10px auto 10px 150px;
		padding:0;
		width:722px;
		height:auto;
		font-size:11px;
		color:#808080;
		line-height:12px;
		display:table;
	}

	#box_footer_album {
		position:absolute;
		top:540px;
		left:150px;
		padding-top:95px;
		width:722px;
		height:auto;
		font-size:11px;
		color:#808080;
		line-height:12px;
		background-image:url(../pix/ui/ui_bg_footer.png);
		background-repeat:no-repeat;
		background-position:top;
	}










#col1 {
	position:relative;
	float:left;
	width:430px;
	height:auto;
	margin:0 0 0 65px;
	padding:0;
}

#col2 {
	position:relative;
	float:left;
	width:380px;
	height:auto;
	margin:0 0 0 30px;
	padding:0;
}



#pageend {
	clear:both; 
	margin:0; 
	padding:0; 
	font-size:0; 
	line-height:0;
}

.box_spacer_white {
  clear:both;
  position: relative;  
  width: 100%;
  height:auto;
  margin:0 auto 0 auto;
  background-color:#FFFFFF;
}


/* REGULAR HTML STYLES
-------------------------------------------------------------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:15px 0 5px 0;
	letter-spacing:0px;
	color:#0068A3; 
}

h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight:bold;
	margin: 0;
	color : #000000;
}

h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	margin: 0;
	text-transform:uppercase;
	color : #0068A3;
}


a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color:#00384F;
}

a:active, a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	color:#E20054;
}

a.lnk_ftr:link, a.lnk_ftr:visited {
	font-family:Arial, Helvetica, sans-serif; 
	font-size : 11px;
	font-weight:normal;
	text-decoration:none;
	color: #7D98A3;
}

a.lnk_ftr:active, a.lnk_ftr:hover {
	font-family:Arial, Helvetica, sans-serif; 
	font-size : 11px;
	font-weight:normal;
	text-decoration:underline;
	color: #7D98A3;
}

.ftr_pipe {
	margin:0px 7px 0px 7px;
}

#wrapper:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

a:focus { 
    outline: none; 
}

/* - [LIST]----------------------------*/
ul {
	padding-left : 15px;
}

/*  MS TWEAK UL hier */
* html body ul {
	margin-top : 4px;
	margin-left : 10px;
}
/* END MS TWEAK */

li {
	list-style-type: square;
}

li.listing {
	margin:0 0 5px 0;
}
/* - [/LIST]----------------------------*/


/* FORM STYLES
-------------------------------------------------------- */	
.optional {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #101010;
	background-color: #FFFFFF;
	padding:3px;
	border:1px solid #808080;
}

.required {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #101010;
	background-color: #FFFFFF;
	padding:3px;
	border:1px solid #808080;
}

.required_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #880000;
	background-color: #FBCBCB;
	padding:3px;
	border:1px solid #aa0000;
}

.optional_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #4A5F70;
	background-color: #FFFFFF;
	padding:3px;
	border:1px solid #808080;
}

.required_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #1F405A;
	background-color: #FFFFFF;
	padding:3px;
	border:1px solid #808080;
}


.required_select_error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #1F405A;
	background-color: #FBCBCB;
	padding:3px;
	border:1px solid #AA0000;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #101010;
	padding:4px;
}


.formerror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 14px;
	color: #FFFFFF;
	text-align: left;
}

td.formerror {
	background-color: #D21B1B;
	padding:3px;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #FF0000;	
}

td.formfieldcell {
	padding-bottom:5px;
	font-size:11px;
	color:#949494;
}
/* ----- */

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color : #606060;
}


.supred {
	color: #FF303D;
}




.pink {
	color:#E20054;
}

.pinkbold {
	color:#E20054;
	font-weight:bold;
}