/*  Stylesheet by Intraserve (www.intraserve.nl). Only values that need to be overruled are defined here
 *  Version: 1.50
 *  Date: 21-07-2008
 *	Client: Vital Planet
 */

@charset "utf-8";

/* ************************************************* 
** Basics
************************************************* */
* {
	margin: 0px;
	padding: 0px;
}

body, html {
	height: 100%;
	font-family: Verdana;
	font-size: 11px;
	color:#000;
}

.content {	line-height: 18px; }

a {
	color: #000099;
	text-decoration: none;
}

p {
	margin: 0 0 15px 0;
}

a:hover { text-decoration: underline; }

img { border: none; }

div {
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-family: Verdana;
}

h1 { font-size: 18px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

ul {
	padding: 10px 20px 10px 40px;
}

/* ************************************************* 
** Margin padding float classes 
************************************************* */

.imagebox {
	margin-bottom: 10px;
}

/* ************************************************* 
** Font styles 
************************************************* */

.blue { color: #003192 }
.green { color: #00AA00; } /* old green: 99cc00 */

.italic { font-style:italic }
.bold { font-weight: bold }
.strong { font-size: 11px; font-weight: bold; }

.break { clear:both }
.right { text-align: right; }
.left { text-align: left; }

.F-right { float: right; }
.F-left { float: left; }

a.selected {	color: #00AA00; }
a:active {	color: #00AA00; }

/* ************************************************* 
** From styles 
************************************************* */

.button {
	border: 1px solid #00AA00;
	background-color: #00AA00;
	color: #ffffff;
	font-weight: bold;
}

/* ************************************************* 
** Positioned elements 
************************************************* */

a#logoLink {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 150px;
	height: 70px;
	text-decoration: none;
}

#search {
	position: absolute;
	top: 22px;
	right: 0px;
	width: 200px;
	text-align:right;
}

input.keyword, input.subscribe {
	color: #999999;
	font-size: 10px;
	height: 14px;
}

p#newsletter_subscribe {
	margin: 100px 0 0 0;
	font-size: 10px;
}

/* ************************************************* 
** List elements 
************************************************* */

ul.news {
	list-style: none;
}

ul.newsHeadlines {
	padding: 0px;
}

ul.newsHeadlines li {
	list-style: none;
}

/* ************************************************* 
** Site specific classes
************************************************* */

#header_planet {
	background: url(images/logoVitalPlanet.jpg) no-repeat 0px 30px;
}

#navigation_planet {
	border-top: 5px solid #cce680;
	border-bottom: 5px solid #cce680;
}

/* ************************************************* 
** Text formatting 
************************************************* */

div.summary {
	margin: 0px 0px 10px;
	line-height: 18px;
}

div.body {
	margin: 0px 0px 10px;
	line-height: 18px;
}

div.extended {
	margin: 0px 0px 10px;
	line-height: 18px;
}

.content h3 {
	margin: 10px 0 0 0;
	font-style: italic;
}

/* ************************************************* 
** Global styles 
************************************************* */

#container {
	width: 770px;
	margin: 0px auto;
	position: relative;
}

	#container .header {
		height: 130px;
		overflow:hidden;
		position: relative;
		border-bottom: 2px solid #003192;
	}
	
		.header #languageSelect {
			position: absolute;
			top: 98px;
			right: 350px;
		}
		
		.header #links_main_2 {
			position: absolute;
			bottom: 40px;
			right: 0px;
			font-size: 10px;
			color:#000099;
		}
		
			.header #links_main_2 a {
				color: #000099;
			}
			
			.header #links_main_2 a:hover {
				color: #00AA00;
			}
	
		.header #links_bottom {
			position: absolute;
			bottom: 20px;
			right: 0px;
			color:#000099;
			font-size: 10px;
		}
		
			.header #links_bottom a {
				font-weight:bold;
			}
			
			.header #links_bottom a:hover {
				color: #00AA00;
			}
	
	#content_image {
		padding: 10px 0 10px 0;
		height: 150px;
	}
	
	#content_index,#content_search {
		padding: 10px 0px;
		border-bottom: 2px solid #003192;
		min-height: 430px;
	}
	
	#content_search h1 {
		font-size: 14px;
	}
	
	#content {
		padding: 10px 0px;
		border-bottom: 2px solid #003192;
		min-height: 260px;
	}
	
	#content #headlines {
		margin: 50px 0 0 0;
	}
	
		#left_content {
			width: 430px;
			padding: 0px 25px 0px 0px;
		}
		
		#left_content_index {
			width: 430px;
			padding: 0px 25px 0px 0px;
			float: left;
		}
		
		#right_content_index {
			width: 250px;
			float: right;
		}
		
		#index_left_content {
			width: 430px;
			padding: 0px 25px 0px 0px;
			float: left;
		}
		
		#index_right_content {
			width: 340px;
			background-color: #0066CC;
			float: right;
		}
		
		#left_content_large {
			width: 770px;
		}
		
		#right_content {
			float: right;
			padding: 0px 0px 0px 25px;
			width: 470px;
		}
		
		#left_nav {
			width: 265px;
		}
		
		#left_nav_contact,#left_nav_headlines,#left_nav_search {
			width: 265px;
			margin: 185px 0 0 0;
		}
		
		#right_nav {
			float: right;
		}
		
		#right_nav .nav {
			width: 300px;
			margin-left: 10px;
		}
		
			.nav ul {
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				list-style: none;
				width: 265px;
			}
			
				.nav ul a:hover {
					text-decoration: none;
					color: #00AA00;
				}
			
				.nav ul li {
					padding: 2px 0 0 0;
				}
				
				.nav ul li.top {
					color: #000000; 
					border-bottom: 2px solid #00AA00; 
					list-style:none;
					font-size: 16px;
					padding: 0 0 5px 0;
					margin: 0 0 10px 0;
					width: 265px;
				}
				
				.nav ul li.top a{
				 text-decoration: none;
				}
				.nav ul li.top a:hover{
				 text-decoration: none;
				}
				
				.nav ul li.depth-1 {
					font-weight: bold;
					margin: 10px 0 0 0;
				}
				
				.nav ul li.depth-2 {
					margin: 0 0 0 10px;
				}
				
				.nav ul li.depth-3 {
					margin: 0 0 0 30px;
				}
		
			.nav .box {
				width: 300px;
				margin: 0px 0px 20px;
			}
			
				#left_nav h1 {
					margin: 0 0 0 0;
					padding: 0 0 10px 0;
					width: 250px;
				}
			
				#right_nav .box .link {
					padding: 2px 0px;
					border-bottom: 1px dotted #ccc;
					clear: both;
				}
				
				#left_nav .box .link {
					padding: 2px 0px;
					border-bottom: 1px dotted #ccc;
				}
				
					#right_nav .box .clear {
						clear: both;
					}
					
					#left_nav .box .clear {
						clear: left;
					}
				
					.nav .box .link a {
						float: right;
					}
				
					.nav .box .link .title {
						display: block;
						width: 250px;
					}

#pagination {
	margin: 20px 0 0 0;
}

#pagination .prev {
	float: left;
}

#pagination .next {
	float: right;
}

#pagination a {
	color: #00AA00;
	text-decoration: none;
}

#pagination a:hover {
	color: #003192;
	text-decoration: underline;
}

/* ************************************************* 
** Related article box 
************************************************* */
	
	#articles {
		margin: 10px 0px 0px;
		padding: 10px 0px 10px 20px;
		background: #fff;
		border-top: 2px solid #00AA00;
		width:230px;
	}
	
		#articles p {
			clear: left;
			font-size: 10px;
			border-bottom: 1px dotted #ccc;
		}
	
		#articles .paginate {
			clear: both;
			margin: 5px 0px 0px;
			padding: 5px;
			text-align: center;
		}

/* ************************************************* 
** Shared 
************************************************* */

	#footer {
		text-align: right;
		color:#B8B8B8;
		clear: both;
		font-size: 10px;
		padding: 4px 0px 0px;
	}
	
		#footer a {
			padding: 2px;
			color:#B8B8B8;
		}
		
/* ************************************************* 
** Google Maps 
************************************************* */

#gmOverlay {
		position: absolute;
		left: 0;
		width: 100%;
		background-color: #333;
		cursor: pointer;
		z-index: 8;
	}
	#gmCenter, #gmBottomContainer {
		position: absolute;
		left: 50%;
		overflow: hidden;
		background-color: #fff;
		z-index: 9;
	}
	.gmLoading {
		background: #fff url(loading.gif) no-repeat center;
	}
	#gmMap {
		width: 600px;
		height: 400px;
		border: 10px solid #fff;
	}
	#gmBottom {
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
		line-height: 1.4em;
		text-align: left;
		border: 10px solid #fff;
		border-top-style: none;
	}
	#gmCloseLink {
		display: block;
		float: right;
		width: 80px;
		height: 22px;
		background: transparent url(closelabel.gif) no-repeat center;
		margin: 5px 0;
	}
	#gmCaption {
		margin-right: 71px;
	}