/* - - - - - - - - - - - - - - - - - - - - -
Title : 		screen.css STYLE SHEET
Author : 		Salmon Tetelepta
URL : 			http://www.eight.nl
Description :	
Created :		22/01/2007
Modified :		22/01/2007 - Salmon Tetelepta
- - - - - - - - - - - - - - - - - - - - - */
/***********SITE BY EIGHT************/
/*css by Philip Fountain*/

body{
background: transparent url('../../images/bg.gif') repeat-x left top;
margin: 0;
padding: 0;
font-family: Arial, Verdana, Helvetica, "Sans Serif";
font-size: 62.5%;

}
	
div#wrapper{
width: 960px;
margin: 0 auto;
}
ul{
list-style-type: none;
padding: 0;
margin: 0;
}
	
li{
padding: 0;
margin: 0;
}


#content ol{
list-style-type: decimal;
list-style-position: outside;
margin: 0 0 0 15px;
padding-left: 15px;
font-size: 1.3em;
}
#content ul{
list-style-type: none;
list-style-position: inside;
padding: 0;
margin: 0 0 10px 15px;
}

#content ul li, #content ol li{
	line-height: 20px;
	color: #353535;
	font-size: 1.3em;
}

#content ul li{
	list-style: none;
	list-style-position: inside;
	color: #333;
	font-size: 13px;
	line-height: 1.6em;
	background: transparent url('/static/images/bg_quick_list_item.gif') no-repeat center left;
	padding-left: 15px;
}
	#content ul li a{
		color: #333;
		text-decoration: none;
	}



a:link,
a:visited,
a:active{
	color: #069;
}


a:hover{
	color: #39c;
}
h1{
	font-size: 1.6em;
	background-color: transparent;
	color: #333;
	margin: 0 0 10px 0;
}
.home h1{
	font-family: georgia;
	font-style: italic;
	font-size: 3em;
	color: #333;
	font-weight: normal;
	margin:0 0 10px 0;
	line-height: 1.3em;
}
h2{
font-size: 1.4em;
background-color: transparent;
color: #333;
margin: 5px 0 10px 0;
}

	h2 span{
	background-color: transparent;
	color: #333;
	}
h3{
	font-size: 1.3em;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
	text-transform: capitalize;
}
h4{
	font-weight: bold;
	font-size: 1.4em;
	color: #333;
	margin: 1em 0 0 0;
	padding: 0;
}

/*NAV*/
	
div#nav{
height: 26px;
font-size: 1.1em;
font-weight: bold;
padding: 0;
}
	
	div#nav ul{
	margin: 0;
	padding: 0;
	}

		div#nav ul li{
		float: left;
		padding-top: 6px;
		margin-right: 25px;
		}
		
			div#nav ul li a:link,
			div#nav ul li a:visited,
			div#nav ul li a:hover,
			div#nav ul li a:active{
			text-transform: uppercase;
			text-decoration: none;
			background-color: transparent;
			color: #999;
			}
			div#nav ul li a:hover,
			div#nav ul li a:active{
				color: #00a3e1;
			}	
			div#nav ul li.active a:link,
			div#nav ul li.active a:visited,
			div#nav ul li.active a:hover,
			div#nav ul li.active a:active{
			background-color: transparent;
			color: #fff;
			}
			
	div#nav div#right{
	float: right;
	padding-right: 0.3em;
	}
		
		div#nav div#right ul li{
		margin-right: 16px;
		}
		
			div#nav div#right ul li a:link,
			div#nav div#right ul li a:visited,
			div#nav div#right ul li a:hover,
			div#nav div#right ul li a:active{
			background-color: transparent;
			color: #c7c7c7;
			}
			div#nav div#right ul li a:hover,
			div#nav div#right ul li a:active{
			color: #bd122a;
			}
			div#nav div#right ul li.form{
			padding: 0;
			margin: 0;
			}
			
				div#nav div#right ul li.form p{
				margin: 0;
				padding: 0;
				}
		
				div#nav div#right input.text_field{
				width: 111px;
				height: 18px;
				background-color: #fff;
				color: #999;
				padding-left: 5px;
				border: 1px solid #8499B6;
				}
				
/*HEADER*/
div#header{
}

		img#content_image{
		height: 218px;
		width: 722px;
		display: block;
		float: right;
		margin: 0;
		}

	#logo{
	margin: 39px 0 0 0;
	height: 44px;
	width: 238px;
	float: left;
	}
		#logo a{
		display: block;
		background: transparent url('../../images/capa_logo.jpg') no-repeat left top;
		width: 259px;
		height: 50px;
		text-indent: -999em;
		}

/* BREADCRUMB */		
	#breadcrumb{
	margin:-20px 0 0 238px;
	padding: 0;
	font-family: Georgia;
	height: 120px;
	}

		#breadcrumb ul li{
		float: left;
		font-size: 1.6em;
		margin-right: 0.3em;
		line-height: 2.1em;
		vertical-align: bottom;
		}
		
			#breadcrumb ul li a:link,
			#breadcrumb ul li a:visited,
			#breadcrumb ul li a:hover,
			#breadcrumb ul li a:active{
			background-color: transparent;
			color: #069;
			text-decoration: none;
			margin-right: 0.2em;
			}
		#breadcrumb ul li.breadLast{
			font-family: Georgia, serif;
			font-weight: normal;
			font-size: 2.4em;
			line-height: 1.2em;
			background-color: transparent;
			color: #BD1220;
			padding-top: 2px;
		}

/*SUB NAV*/
	ul#sub_nav{
	padding: 0;
	width: 214px;
	font-family: Georgia, serif;
	float: left;	
	}
		
		ul#sub_nav li{
		background: #eee url('../../images/sub_nav_bg.gif') repeat-y top right;
		border-bottom: 1px solid #fff;
		margin: 0;
		padding: 0;
		}
		
		ul#sub_nav li.active{
		background: #ddd url('../../images/sub_nav_bg_active.gif') repeat-y top right;
		}
			ul#sub_nav li a{
			text-decoration: none;
			background-color: transparent;
			color: #313131;
			font-size: 1.5em;
			font-weight: normal;
			display: block;
			padding: 5px 0 5px 10px;
			}
			ul#sub_nav li a:hover {
				color: #BD1220;
			}
			ul#sub_nav li.active a {
				color: #BD1220;
			}
				
				ul#sub_nav ul.sub_nav_sub{
				margin: 0;
				padding: 0;
				border-top: 3px solid #fff;
				border-bottom: 1px solid #fff;
				}
			
					ul#sub_nav ul.sub_nav_sub li{
					margin: 0;
					padding: 2px 0 2px 8px;
					border: 0;
					color: #666;
					background-color: #f7f7f7;
					font-family: Arial, Verdana, Helvetica;
					border-bottom: 1px solid #fff;
					background: #f8f8f8 url('../../images/sub_nav_sub_bg.gif') no-repeat top right;
					}
				
						ul#sub_nav ul.sub_nav_sub li a{
						background-color: transparent;
						color: #666;
						font-size: 1.3em;
						margin: 0;
						padding: 1px 8px 0px 0px;
						}
						ul#sub_nav ul.sub_nav_sub li a:hover{
							color: #BD1220;
						}
						
					ul#sub_nav ul.sub_nav_sub li.active{
						background: #eee url('../../images/sub_nav_bg.gif') no-repeat top right;
					}
							
						ul#sub_nav ul.sub_nav_sub li.active a{
						background: transparent url('../../images/sub_nav_sub_active_bullet.gif') no-repeat center left;
						color: #BD1220;
						font-weight: bold;
						padding-left: 1em;
						height: 16px;
				        overflow: hidden;
						}

/*CONTENT*/

div#content{
margin: 0;float:right;width: 722px;
}
	
	div#content p.mensen_meta{
		font-weight: bold;
	}
	
	div#content p{
	font-size: 1.3em;
	padding: 3px 0;
	max-width: 530px;
	background-color: transparent;
	margin-top: 0;
	color: #353535;
	line-height: 1.6em;
	padding-right: 10px;
	}
		

			div#content a.button{
			background: transparent url('../../images/button_bg.gif') no-repeat center right;
			text-decoration: none;
			padding: 4px 20px 4px 0;
			color: #069;
			height: 14px;
			font-size: 12px;
			font-weight: bold;
			margin: 0 15px 10px 0;
			clear:both;
			}
			
				div#content a.button span{
				background: transparent url('../../images/button_bg_left.gif') no-repeat center left;
				padding: 4px 0 4px 14px;
				}

table#contactForm{
	text-align: left;
	margin: 10px 0;
}

table#contactForm label{
	font-size: 1.3em;
	color: #333;
	display: block;
	width: 90px;
}

table#contactForm input,
table#contactForm textarea{
	border: 3px solid #aaa;
	background: #eee;
	color: #000;
	width: 210px;
	margin-bottom: 10px;
}

/*CONTACT PAGE */
.establishment{
	float: left;
	width: 30%;
	height: 130px;
	margin: 0 10px 30px 0!important;
}

	.establishment li{
		font-size: 1.0em;
		list-style-type: none;
	}
	
	.establishment li strong{
		text-transform: capitalize;
	}

.home .quickLink{
	background: transparent url('/static/images/bg_home_column_top.gif') no-repeat top left;
	width: 338px;
	float: left;
	padding: 0 3px 10px 3px;
	min-height: 185px;
}
.home .last{margin-left: 30px;}
	.home .quickLink h3{
		padding: 3px 0 8px 20px;
		margin:10px 0 10px 0;
		font-size: 18px;
		color: #333;
		background: transparent url('/static/images/bg_home_h3.gif') repeat-x bottom left;
	}
	.home #content .quickLink ul{margin: 0 0 10px 20px;}
		.home #content .quickLink ul li{
			list-style: none;
			list-style-position: inside;
			color: #333;
			font-size: 14px;
			line-height: 1.6em;
			background: transparent url('/static/images/bg_quick_list_item.gif') no-repeat center left;
			padding-left: 15px;
		}
			.home #content .quickLink ul li a{
				color: #333;
				text-decoration: none;
			}
			.home #content .quickLink ul li a:hover{
				text-decoration: underline;
			}
	.home #content .quickLink .button{margin-left: 20px;}

.home .highlight{width: 450px; float: left;margin-bottom: 20px;}
	.home .highlight h3{
		font-family: georgia;
		color: #bd1220;
		font-size: 1.8em; 
		font-weight: normal;
		border-bottom: 1px solid #dbdbdb;
		padding-bottom: 7px;
		margin-bottom: 5px;
	}
	.home .highlight .highlightItem{width:214px; float: right;}
	.home .highlight .first{float: left;}

.home #quicklinkMini{
	float: right;
	width: 250px;
	margin: 0px 5px 30px 0;
}
.home #quicklinkMini ul li{list-style: none;background: 0;padding: 0;}
	.home #quicklinkMini ul li a{
		display: block;
		color: #333;
		text-decoration: none;
		font-size: 1.1em;
		font-weight: bold;
		border-bottom: 1px solid #dbdbdb;
		padding: 7px;
	}
	.home #quicklinkMini ul li a:hover{background: #f3f6f9;}

		.home #quicklinkMini ul li a span{
			display: block;
			color: #069;
			font-size: 0.8em;
			font-weight: normal;
		}

.home #newsBlock{
	clear: both;
	background: transparent url('/static/images/bg_news_block.gif') repeat-x top left;
	margin: 0 0 0 0;
	padding: 5px 0;
}
	.home #newsBlock h3{
		background: transparent url('/static/images/bg_home_h3.gif') repeat-x bottom left;
		padding: 5px 15px 8px 15px;
		font-family: Georgia;
		color: #949494;
		font-weight: normal;
		font-size: 14px;
	}
	.home #newsBlock ul{}
		.home #newsBlock ul li{
			list-style: none;
			background: transparent url('/static/images/bg_news_li_item.gif') no-repeat center left;
			padding-left: 15px;
			line-height: 1.6em;
		}
			.home #newsBlock ul li a{font-weight: bold;text-decoration: none;}
			.home #newsBlock ul li a:hover{text-decoration:underline;}
/*CONTENT INFO*/
div#content div.rightline{
border-right: 1px solid #E7E7E7;
width: 461px;
padding: 0 1em 0 0;
}

div#content div.rightline.home{
border-right: 0px;
}

div#content p{
width: 445px;
font-size: 1.3em;
margin-bottom: 1em;
line-height: 1.6em;
}
div#content blockquote{font-size: 0.9em; padding: 0 5px;margin: 5px 20px; font-style:italic;}
	div#content blockquote p{width: auto; margin: 0 0 10px 0;}
div#content p#intro{
font-size: 1.3em;
padding: 3px 0;
margin-top: 1em;
max-width: 600px;
color: #666;
line-height: 1.5em;
font-weight: bold;
}
	
	div#content p#intro a:link,
	div#content p#intro a:visited,
	div#content p#intro a:hover,
	div#content p#intro a:active{
	color: #BD1220;
	}

ul#third_level_nav{
	width: 500px;
	/*height: 20px;*/
	list-style-type: none;
}

	#third_level_nav li{
		color: #757677;
		/*float: left;*/
		display: inline;
		font-size: 1.2em;
		padding-right: 0.5em;
	}
	
		#third_level_nav li a{
			color: #BD1220;
			text-decoration: none;
			margin-right: 0.5em;
			text-decoration: underline;
		}
		
		#third_level_nav li.active a{
			text-decoration: none;
			color: #000;
			font-weight: bold;
		}

		#third_level_nav li a:hover{
			color: #c7c7c7;
		}

/* NEWS */
.news #content .rightline{float: left;}
.news #content #sidebar{float: right; width: 245px;}
	.news #content #sidebar fieldset{border: 0;background: #f3f6f9; padding: 10px;}
.news #content h3{font-size: 1.4em;}
		.news #content #sidebar p{width: auto;margin: 0;}

	.news #content h3 a{color: #333;text-decoration: none;}
	.news #content h3 a:hover{text-decoration: underline;}
.news #content .newsItem{border-bottom: 1px dotted #cecece;padding-bottom: 10px;margin-bottom: 10px;}
	.news #content .newsItem h3{margin-bottom: 5px;}
	.news #content .newsItem .date{padding: 2px 2px 2px 0;color: #999; width: auto;display: inline;background: transparent url('/static/images/bg_news_date_right.gif') no-repeat top right;}
		.news #content .newsItem .date span{
			padding: 2px 2px 2px 4px;
			background: transparent url('/static/images/bg_news_date_left.gif') no-repeat top left;
		}
	.news #content .newsItem .readMore{
		margin: 0;
		background: transparent url('/static/images/bg_quick_list_item.gif') no-repeat center left;
		padding-left: 15px;
	}

#content #pagination{margin:0;border-bottom: 1px solid #d8d8d8;padding-bottom: 10px;}
	#content #pagination li{list-style: none; float: left;}
		#content #pagination li a{margin-right: 5px;font-size: 14px;color: #006699;text-decoration: none;display: block; width: 19px; height: 19px;text-align: center;font-weight: bold;}
		#content #pagination li.active a{background: #069;color: #fff;}


/*RIGHT_SIDE_BAR*/

#right_side_bar{
float: right;
width: 235px;
}

	div#content #right_side_bar h4{
	color: #333;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	margin: 0.5em 0 0.3em 0;
	}

	#right_side_bar ul{
/*	background: transparent url('../../images/right_side_bar_ul_bg.gif') no-repeat top left;*/
	background: #FFFFFF;
	border: 1px solid #CCC;
	color: #069;
	margin: 0 0 1em 0;
	padding: 2px;
	list-style: none;
	}
	
		#right_side_bar ul li{
		background: transparent url('../../images/right_side_bar_li_bg.gif') repeat-y top right;
		margin: 0;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		padding: 3px 10px;
		font-weight: bold;
		}
		
			#right_side_bar ul li a{
			color: #069;
			font-size: 11px;
			font-weight: bold;
			display: block;
			text-decoration: none;
			}

/*FOOTER*/	
#content #footer{	
margin-top: 6em;
/*background-color: #eee;
*/height: 110px;
clear:both;
}
	
	#content #footer ul{
	padding: 2em 0 0 0;
	margin: 0 auto;
	}

		#content #footer ul li{
		float: left;
		background: none;
		margin-right: 1em;
		padding-left: 0;
		padding-right: 1em;
		list-style: none;
		font-size:0.9em;
		border-right: 1px solid #cfcfcf;
		line-height: 1em;
		}
		#content #footer ul li.last{border: none;margin-left: 0;}
			#content #footer ul li a{		
			color: #cfcfcf;
			text-decoration: none;
			}

#loginForm{
	background: transparent url('../../images/bg_login_form.png') no-repeat top left;
	width: 318px;
	height: 171px;
	margin: 44px auto;
	padding: 12px 20px;
}
	#loginForm h3{
		color: #bd1220;
		font-size: 1.7em;
		font-weight: normal;
		font-family: Georgia, 'Times New Roman', serif;
		line-height: 1.4em;
		margin: 0 0 30px 0;
	}
	#loginForm p{
		font-size: 1.2em;
	}
		#loginForm p label{
			color: #333;
			font-weight: bold;
			width: 75px;
			display: block;
			float: left;
			padding-top: 4px;
		}
		#loginForm p input{
			width: 150px;
		}
		#loginForm p input#submit{
			width: auto;
			margin-bottom: -6px;
			margin-left: 5px;
		}
		#loginForm p#error{
			display: none;
			color: #bd1220;
		}
#contactForm{display:block;}
/*CLEARFIX*/
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
	.clearfix {display:block;}
	/* End hide from IE Mac */