/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the website of SGP PKV Mastersite   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Colors
 *	   - Layout styles
 *	   - Text styles
 *	   - News and other overviews
 *	   - Search
 */

/* Colors & fonts 
-------------------------------------------------------------------------------------------------*/




/* Layout styles 
-------------------------------------------------------------------------------------------------*/

	* {
		padding: 0;
		margin: 0;
	}
	
	html,
	body {
		height: 100%;
	}
	
		#container {
			width: 910px;
			margin: 0 auto;
			background: url('//sgp.wiscentral.com/Clients/5/htdocs/6/images/main_bg.gif') no-repeat right top;
		}
			
			#banner {
				height: 261px;
				padding: 33px 0 0 75px;
				position: relative;
			}
			
				#banner_img_container {
					width: 442px;
					height: 234px;
                   
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
                                	background: url('/Media/view/13793/default.jpg') no-repeat 12px center;
                                 
					float: left;
				}
				
					#banner_img_container span {
						height: 57px;
						display: block;
						background: #006 url('//sgp.wiscentral.com/Clients/5/htdocs/6/images/logo.gif') no-repeat 12px center;
						padding-left: 88px;
						font: bold 24px/57px Arial,Verdana,Helvetica,sans-serif;
						color: #FFF;
						width: 342px;
						margin-left: 12px;
					}
					
				#menu {
					float: left;
					display: inline;
					margin-left: 2px;
				}
				
					#menu ul {
						list-style: none;
					}
					
						#menu ul li {
							margin-left: 15px;
							width: 130px;
							height: 28px;
							border-bottom: 1px solid #8080B3;
						}
						
						#menu ul li.last {
							border-color: #006;
						}
						
							#menu ul li a,
							#menu ul li a:visited {
								font: bold 11px/28px Arial,Verdana,Helvetica,sans-serif;
								color: #C0CAD0;
								text-decoration: none;
							}
							
							#menu ul li a:hover {
								color: #FFF;
							}
							
				#shortmenu {
					position: absolute;
					top: 273px;
					left: 723px;
					display: block;
					height: 10px;
				}
				
					#shortmenu ul {
						list-style: none;
					}
					
						#shortmenu ul li {
							float: left;
							padding-right: 9px;
							font: normal 10px/10px Arial,Verdana,Helvetica,sans-serif;
							border-right: 1px solid #8195A0;
						}
						
						#shortmenu ul li.last {
							border: none;
							padding-left: 9px;
						}
						
						#shortmenu ul li a,
						#shortmenu ul li a:visited {
							color: #363636;
						}
						
						#shortmenu ul li a:hover {
							color: #8195A0;
						}
						
							#shortmenu #submenu {
								list-style: none;
							}
							
								#shortmenu #submenu li {
									clear: both;
									border-width: 0;
									font: bold 11px/18px Arial,Verdana,Helvetica,sans-serif;
									color: #8195A0;
								}
								
								#shortmenu #submenu li a,
								#shortmenu #submenu li a:visited {
									color: #8195A0;
									text-decoration: none;
								}
								
								#shortmenu #submenu li a:hover {
									color: #363636;
								}
								
									#shortmenu #submenu li span {
										color: #0A91DE;
										display: block;
										width: 12px;
										float: left;
										font: bold 11px/18px Arial,Verdana,Helvetica,sans-serif;
									}
						
				#extra_content {
					position: absolute;
					top: 75px;
					left: 709px;
					display: block;
					width: 110px;
					height: 168px;
					text-align: center;
					font: bold 12px/18px Arial,Verdana,Helvetica,sans-serif;
					color: #FFF;
				}
				
					#extra_content * {
						text-align: center;
						font: bold 12px/18px Arial,Verdana,Helvetica,sans-serif;
						color: #FFF;
					}
						
			#content_container {
				margin-top: -26px;
				display: block;
				padding-left: 85px;
				position: relative;
				z-index: 10;
				width: 623px;
				
			}
			
				#search,
				#path {
					display: block;
					height: 48px;
					line-height: 48px;
					float: left;
				}
				
				#search {
					width: 162px;
                    padding-left: 12px;
				}
				
					#search form .input_search {
						height: 16px;
						width: 108px;
						border: 1px solid #8195A0;
						color: #8195A0;
						padding-left: 2px;
						font-size: small;
					}
					
					#search form .input_submit {
						background: #FF6900;
						color: #FFF;
						border: 1px solid #C98055;
						height: 18px;
						padding: 0 2px;
						font-size: 11px;
						margin-top: 13px;
						
					}
				
				#path {
					width: 447px;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis; 
				}
				
					#path ul {
						list-style: none;
						margin-top: 17px;
						white-space: nowrap;
					}
					
						#path ul li {
							font: bold 11px/11px Arial,Verdana,Helvetica,sans-serif;
							color: #FF6900;
							padding-right: 10px;
							border-right: 1px solid #8195A0;
							float: left;
							margin-right: 10px;
							clear: none;
						}
						
						#path ul li.last {
							border: none;
						}
						
							#path ul li a, 
							#path ul li a:visited {
								color: #363636;
								text-decoration: none;
							}
							
							#path ul li a:hover {
								color: #8195A0;
							}
				
			#content {
				width: 633px;
				display: block;
				clear: both;
			}
			
			#content li {
				margin-left:20px;
			}
			
			#footer {
				clear: both;
				float: left;
				display: block;
				padding: 0 0 12px 87px;
				
			}
			
				#footer ul {
					list-style: none;
					margin: 12px 0;
				}
				
					#footer ul li {
						float: left;
						font: normal 11px/11px Arial,Verdana,Helvetica,sans-serif;
						color: #8195A0;
						padding-right: 10px;
						border-right: 1px solid #8195A0;
						margin-right: 10px;
					}
					
					#footer ul li.last {
						border: none;
					}
					
						#footer ul li a,
						#footer ul li a:visited {
							color: #8195A0;
						}
						
						#footer ul li a:hover {
							color: #363636;
						}
		
				

/* Text styles 
-------------------------------------------------------------------------------------------------*/

	body,
	td,
	div,
	span, 
	p {
		font: normal 11px/17px Arial,Verdana,Helvetica,sans-serif;
		color: #515050;
	}
	
	h1,
	h2, 
	h3, 
	h4,
	h5, 
	h6 {
		font-family: Arial,Verdana,Helvetica,sans-serif;
		font-style: normal;
		font-weight: normal;
	}
	
	h1 {
		font-size: 12px;
		line-height: 18px;
		margin: 3px 0;
		padding: 0;
		font-weight: bold;
	}
	
	h4 {
		font: bold 12px/18px Arial,Verdana,Helvetica,sans-serif;
		color: #363636;
		margin: 3px 0;
		padding: 0;
	}
	
	p {
		margin: 17px 0;
	}
	
	a,
	a:visited {
		color: #8195A0;
	}


/* News and other overviews
-------------------------------------------------------------------------------------------------*/

.news_overview {

}

	.news_overview dt {
		padding-top: 2px;
		font-weight: bold;
		padding-right: 98px;
		position: relative;
	}
	
		.news_overview dt .news_date {
			line-height: 10px;
			border-right: 1px solid #8195A0;
			padding-right: 9px;
			margin-right: 3px;
			height: 10px;
		}
		
		.news_overview dt img {
			position: absolute;
			top: 0;
			right: 0;
		}
		
		.news_overview dt .noimage {
			position: absolute;
			width: 85px;
			height: 85px;
			font-size: 10px;
			top: 12px;
			right: 0;
			border: 1px dotted #8195A0;
			text-align: center;
		}
		
		
		.news_overview dt i {
			font-weight: normal;
		}
		
				
	.news_overview dd {
		padding-right: 98px;
		min-height: 75px;
		height: auto !important;
		height: 75px;
		overflow: visible;
		position: relative;
		display: block;
        margin-bottom: 10px;
	}
	
		.news_overview dd a,
		.news_overview dd a:visited {
			height: 17px;
			display: block;
			text-align: right;
			border-bottom: 1px solid #8195A0;
			font: bold 11px/17px Arial,Verdana,Helvetica,sans-serif;
			color: #8195A0;
			text-decoration: none;
			position: absolute;
			bottom: 0;
			right: 0;
			margin-right: 98px;
			width: 360px;
			text-indent: 12px;
		}
		
		.news_overview dd a:hover {
			color: #363636;
		}
		
		.news_overview dd a.email {
			display: inline;
			font: normal 11px/17px Arial,Verdana,Helvetica,sans-serif;
			color: #8195A0;
			text-decoration: underline;
			border: none;
			text-align: left;
			margin-right: 90px;
		}
		
		.news_overview dt img[src="/Media/view/-1"] {
			display: none;
		}
		
	a.news_archive,
	a.news_archive:visited {
		border: none;
		padding: 4px 98px 20px 0;
		height: 17px;
		display: block;
		text-align: right;
		font: bold 12px/17px Arial,Verdana,Helvetica,sans-serif;
		color: #8195A0;
		text-decoration: none; 
	}
    
    .news_rssbuton {
	    cursor:pointer;
        float: left;
        padding-left: 5px;
        padding-top: 5px;  
    
    }
    
    
    .highlight {
    	padding-left: 12px;
        height: 160px;
    }
    
    .highlight img {
		float: left;
		clear: both;
	}

	.highlight a,
	.highlight a:visited {
		font: bold 12px/16px Arial,Verdana,Helvetica,sans-serif;
		color: #8195A0;
		text-decoration: none;
		padding-top: 7px;
		display: block;
		float: left;
		clear: both;
	}
	.highlight_dossier a,
	.highlight_dossier a:visited {
		font: normal 11px/16px Arial,Verdana,Helvetica,sans-serif;
		color: #8195A0;		
		padding-top: 7px;
		display: block;
		float: left;
		clear: both;
	}
	
.calendar_item {
	font: bold 11px/17px Arial,Verdana,Helvetica,sans-serif;
}

.calender_nieuwskop{
	margin-top: 28px;

}
	
	.calendar_item span {
		padding-right: 10px;
		border-right: 1px solid #8195A0;
		margin-right: 3px;
		height: 10px;
		line-height: 10px;
		float: left;
		margin-top: 4px;
	}
	
	.calendar_item b {
		display: block;
		width: 380px;
		float: left;
	}
	
	.calendar_item a,
	.calendar_item a:visited {
		color: #363636;
		text-decoration: none;
	}
	
	.calendar_item a:hover {
		color: #8195A0;
	}
	
.calendar_item_extra {
	display: block;
	clear: both;
}

	.calendar_item_extra label {
		width: 68px;
		text-align: right;
		white-space: nowrap;
		display: block;
		float: left;
		margin-right: 3px;
	}

	.calendar_item_extra span{
		display: block;
		width: 380px;
		float: left;
	}
	
	.calendar_item_extra a,
	.calendar_item_extra a:visited {
		display: block;
		text-align: right;
		font: bold 11px/17px Arial,Verdana,Helvetica,sans-serif;
		color: #8195A0;
		text-decoration: none;
		border-bottom: 1px solid #8195A0; 
		margin-bottom: 5px;
	}
	
a.calendar_archive,
a.calendar_archive:visited {
	border: none;
	padding: 4px 0 20px 0;
	height: 17px;
	display: block;
	text-align: right;
	font: bold 12px/17px Arial,Verdana,Helvetica,sans-serif;
	color: #8195A0;
	text-decoration: none; 
}

.calendar_detail {
	display: block;
}

	.calendar_detail label {
		display: block;
		float: left;
		width: 80px;
	}
	
.page_mailer {
	padding-left: 174px;
}

	.mailpage_form span {
		display: block;
	}
	
		.mailpage_form span label {
			width: 100px;
			display: inline;
			float: left;
		}
		
		.mailpage_form .textbox,
		.mailpage_form .button {
			clear: both;
			float: left;
			margin-left: 174px;
		}
		
		.mailpage_form .button {
			font-size: 11px;
			margin-top: 10px;
		}
		
	#sitemap {
	
	}
	
		#sitemap span {
			display: block;
		}
		
			#sitemap span.sm_level_1 {
				height: 20px; 
				border-top: 1px solid #8195A0;
				font-weight: bold;
				margin-bottom: 5px;
				font-size: 12px;
				line-height: 20px;
			}
			
				#sitemap span.sm_level_1 a,
				#sitemap span.sm_level_1 a:visited {
					text-decoration: none;
					margin-left: 5px;
				}
				
			#sitemap span.sm_level_2 {
				margin-left: 15px;
				height: 17px;	
			}
			
			#sitemap span.sm_level_3 {
				margin-left: 30px;
				height: 17px;	
				font-size: 10px;
			}


/* Search 
-------------------------------------------------------------------------------------------------*/

.search_nav {
	background: #FFF;
	border-top: 1px solid #8195A0;
	border-bottom: 1px solid #8195A0;
	margin: 4px 0;
	clear: both;
	float: left;
	display: block;
	padding: 3px 0;
}

	a.search_nav_link {
		margin: 0 4px;
	}

	.search_nav div {
		float: left;
	}

		.search_nav_left,
		.search_nav_right {
			width: 100px;
			white-space: nowrap;
			display: inline;
		}

		.search_nav_caption {
			text-align: center;
			width: 259px;
		}

	.search_result {
		padding: 6px 0;
	}

		.result1 {
			background: #FFF;
		}

	a.search_link {
		display: block;
	}
    
    
    
    /* Poll style */
    .LemmaTable {
    	width: 155px;
    
    }
    
    .LemmaResultTable {
    	width: 155px;
    
    }
    
    
    
    .VoteButton {
    	height: 20px;
    }
    
    
    
 
   
   
   
   
   
   
  /* Forum style */
  .forum {}

/* Widget classes */
.forum_button {height: 20px;font-size: 10px;}
.forum_textarea_input {border: 1px solid #f6c29d;width: 80%;}
.forum_input {border: 1px solid #f6c29d;}
.forum_select {border: 1px solid #f6c29d; font-size: 8pt;}

/* Screen parts for all forumparts */
.forum_row_odd {background-color: white;}
.forum_row_even {background-color: white;}
.forum_navigation_bar {border-bottom: 1px solid #f6c29d;border-top: 1px solid #f6c29d;background-color: white;padding-left: 5px;padding-right: 5px;}
.forum_head {background-color: #ff6900; color: red; padding-bottom: 3px;padding-top: 5px;padding-right: 15px;}
.forum_head_welcome {color: red;}
.forum_head_bookmarks_head {font-weight: bold; color: red;}
.forum_head_bookmarks_item a {padding-left: 5px; color: red;}
.forum_head_bookmarks_item {padding-left: 5px; color: red;}

.forum_head_forumselect {font-weight: bold;}
.forum_selector {height: auto; font-family:Arial,Verdana,Helvetica,sans-serif;}
.forum_navigation {background-color: white;padding-left: 5px;padding-top: 2px;padding-bottom: 2px;font-weight: bold;color: red;}
.forum_navigation a {color: #000066; text-decoration: none;}

/* Classes for the start screen of the forumsystem */
.forum_stats_body p {
	margin: 0;
}
.forum_forumlist {background-color: white;}
.forum_forumlist_head_td  {border-top: 1px solid #ff6900;border-bottom: 1px solid #ff6900;font-weight: bold;text-align: center;padding-left: 2px;padding-right: 3px;background-color: [COLOR_2];}
.forum_forumlist_category_head {background-color: white;font-weight: bold;padding-left: 5px;padding-right: 10px;}
.forum_forumlist_forum_td {padding-left: 2px;padding-right: 2px;padding-top: 3px;padding-bottom: 2px;border-bottom: 1px solid #f6c29d;}
.forum_forumlist_forum_empty {border-right: 1px solid #f6c29d; text-align: center;}
.forum_forumlist_forum_name {border-right: 1px solid #f6c29d;}
.forum_forumlist_forum_name a { text-decoration: none;}
.forum_forumlist_forum_topiccount {border-right: 1px solid #f6c29d;}
.forum_forumlist_forum_messagecount {border-right: 1px solid #f6c29d;}
.forum_forumlist_forum_lastpost {}
.forum_stats {background-color: white;border-top: 1px solid #f6c29d;padding: 5px;}
.forum_stats_head {font-weight: bold; font-size: 10pt;}
.forum_forumlist_head {background-color: #f6c29d;)

/* Classes for the legend for the forumsystem */
.forum_legend {padding-left: 5px; background-color: white; border-top: 1px solid #ff6900;}
.forum_legend_head {font-weight: bold; font-size: 10pt;}
.forum_legend_image {padding: 0 8px; 0 5px;}

/* Classes for the detail view of a forum */
.forum_forum_navigation_bar {border-top: 1px solid #f6c29d;background-color: [COLOR_2];padding-left: 5px;padding-right: 5px;}
.forum_topiclist_head_td {background-color: [COLOR_4];color: red;font-weight: bold;padding-left: 5px;padding-right: 10px;text-align: center;}
.forum_topiclist_td {padding-left: 2px;padding-right: 2px;padding-top: 3px;padding-bottom: 2px;border-bottom: 1px solid [COLOR_2];}
.forum_topiclist_pagelist{font-size:8pt; font-weight: normal;}
.forum_topiclist_subject {font-weight: bold; border-right: 1px solid [COLOR_2];}
.forum_topiclist_startedby {border-right: 1px solid [COLOR_2];}
.forum_topiclist_reactions {border-right: 1px solid [COLOR_2];text-align: center;}
.forum_topiclist_lastpost {border-right: 1px solid [COLOR_2];}
.forum_topiclist_options {}

/* Classes for the detail view of a topic */
.forum_watch_control {vertical-align: center; font-weight: bold; font-size: 8pt; text-align: left; width: 150px; background-color: [COLOR_3]; border-left: 1px solid red;}
.forum_add_bookmark { vertical-align: center; font-weight: bold; font-size: 8pt; text-align: center; width: 150px; background-color: [COLOR_3]; border-left: 1px solid red; padding-left: 5px;}
.forum_msglist {border-bottom: 1px solid [COLOR_2];}

.forum_msglist_head_td {color: red;background-color: red;font-weight: bold;padding-left: 20px;padding-bottom: 2px;padding-top: 2px;}

.forum_msglist_message_head {border-bottom: 1px solid [COLOR_2]; padding: 0 5px 0 5px;}
.forum_msglist_message_head_date {font-style: italic;font-size: 0.6em; font-weight: bold;}
.forum_msglist_message_head_edit {font-style: italic; font-size:0.6em;}

.forum_msglist_message_body {padding-top: 5px;padding-left: 5px;padding-bottom: 5px;padding-right: 5px;}
.forum_msglist_message_body blockquote {margin: 3px; 10px; 3px; 15px;padding: 5px; background-color: red; border: 1px solid red;}
.forum_msglist_author {color: red;padding-left: 3px;border-right: 1px solid [COLOR_2];}
.forum_topic_reaction {background-color: red;padding-top: 15px;padding-bottom: 10px; }
.forum_topic_reaction_head {border-top: 1px solid red;font-weight: bold;color: red;text-align: left;width: 100%;}
.forum_topic_reaction_editor {padding-left: 5px;padding-right: 5px;text-align: center;}
.forum_topic_reaction_editor .forum_textarea_input {width: 100%;}
.forum_topic_reaction td {text-align: center;}
.forum_topic_reaction .forum_button {width: auto;}
.forum_topic_reaction_font {text-align: center;}
.forum_topic_reaction_taglist {text-align: center;}
.forum_topic_reaction_taglist_hint {text-align: center;}
.forum_topic_reaction_button_spacer {width: 1em;}

/* Classes for editing a message */
.forum_edit_message {background-color: red;padding-top: 15px;padding-bottom: 10px; text-align: center;}
.forum_edit_message_head {border-top: 1px solid red;font-weight: bold;color: red;text-align: center;width: 100%;}

/* Classes for posting a new topic */
.forum_new_topic {background-color: [COLOR_2];border-top: 1px solid red;border-bottom: 1px solid red;color: red;font-weight: bold;padding-left: 5px;padding-right: 10px;text-align: center;}
.forum_posttopic {padding-top: 10px;padding-left: 15px;padding-right: 15px;}
.forum_posttopic_title {font-weight: bold;color: red;padding-bottom: 5px;}
.forum_posttopic .forum_topic_reaction_editor {text-align: left;padding-left: 0;}
.forum_posttopic .forum_topic_reaction_editor .forum_textarea_input {width: 100%;}