@charset "utf-8";
/* CSS Document */

/* Author: inBusiness */

/* Layout-specific stylesheet */

/* 
COLORS:
Blue:			1F559B
light grey:		f0f0f0

MARGINS:
5px
10px
20px

*/

/* BODY (General styles)
---------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 20px auto;
	padding: 0;
	width: 992px;
	background: #1F559B;
	/* IE resize fix */
	position:relative;
}


/* SEARCH AND MINI-MENU (On top of container)
------------------------------------------------------------------ */
#containerTop {
	background:red;
}

	#navigationMini {
		float: right;
		padding-top: 8px;
	}

	#search {
		float: left;
		background: white;
		padding: 5px 5px 5px 5px;
		width: 194px;
		overflow: hidden;
		line-height: 0;
	}

		#search .textfield {
			width: 130px;
		}
	

/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------ */
#container {
	float:left;
	width:990px;
	background:#fff;
	padding:1px;
}


/* HEADER (Includes header with logo, slideshow and horizontal top navigation)
------------------------------------------------------------------ */
#header {
	float:left;
	width:990px;
	height:200px;
	background:white;
}

	.logo {
		float:left;
		margin-top:-200px;
		position:relative;
		z-index:2;
	}
		
		.logo,
		.logo img {
		}

	.slide {
		width:990px;
		height:200px;
		float:right;
		position:relative;
		overflow:hidden;
		z-index:1;
	}
	
	.slogan {
		float:right;
		position:relative;
		z-index:2;
		margin-top:-50px;
		margin-right:20px;
		color:white;
	}
	
		.slogan h1 {
			color:white;
		}	
		
#navigationTop {
	z-index:4;
	float:left;
	clear:both;
	position:relative;
	margin-top:1px;
}

/* LEFT (Includes activities, RSS-feed and ads)
------------------------------------------------------------------ */
#left {
	width:240px;
	float:left;
	clear:both;
	margin-right:5px;
	padding:5px;
}


/* MAIN content (Includes all articles)
------------------------------------------------------------------ */
#main {
	width:520px;
	float:left;
	padding:20px 10px;
} 

/* RIGHT content (Includes teams navigation and ads)
------------------------------------------------------------------ */
#right {
	width:180px;
	float:right;
	padding:5px 5px 5px 0;
}

/* FRONTPAGE (Styles for frontpage only, using the template "front.cfm")
------------------------------------------------------------------ */
#news {
}

#news h5{
	margin-bottom:5px;
}

	.newsTop {
		margin-bottom:20px;
	}
	
		.newsTop h1{
			border-bottom:solid 1px #E7E7E7;
			padding-bottom:0px;
			xoverflow:hidden;
		}
		
		.newsTop p{
			font-size:1em;
			font-weight:normal;
			line-height:1.3em;
		}
		
		.newsTop div {
			height:200px;
			overflow:hidden;
			float:left;
			border:1px #E7E7E7 solid;
			margin:0 8px 4px 0;
			padding:1px;
		}
		
		.newsTop div:hover {
			border:1px #1F559B  solid;
		}
	
		.newsTop img{
			width:200px;
			
		}
	
	.newsMiddleWide {
		clear:both;
		margin-bottom:5px;	
		padding: 8px;
		border:solid 1px #E7E7E7;
	}
	
		.newsMiddleWide h3 {
			padding-bottom:0px;
			overflow:hidden;
		}
		
		.newsMiddleWide p{
			font-size:1em;
			font-weight:normal;
			line-height:1.3em;
		}
		
		.newsMiddleWide img {
			width:100px;
			float:left;
		}
		
		.newsMiddleWide .bullet {
			float:left;
		}
		
		.textRight {
			float:left;
			width:390px;
		}
	
	.newsMiddleColumn {
		margin:0 5px 5px 0;
		padding: 8px;
		border:solid 1px #E7E7E7;
		float:left;
		width:235px;
		xheight:140px;
	}
	
		.newsMiddleColumn h3 {
			padding-bottom:0px;
			overflow:hidden;
		}
		
		.newsMiddleColumn p{
			font-size:1em;
			font-weight:normal;
			line-height:1.3em;
		}
		
		.newsMiddleColumn img {
			width:100px;
		}
		
		.newsMiddleColumn .bullet {
			float:left;
		}
	
	.newsList {
		border-bottom:solid 1px #E7E7E7;
		margin-bottom:3px;
		padding-bottom:3px;
		float:left;
		width:250px;
		height: 75px;
		overflow: hidden;
		margin:0 10px 5px 0;
	}
		.date {
			font-size:0.8em;
			color:#666;
		}

.ad {
	padding:10px;
	border:solid 1px #E7E7E7;
	margin:20px 0;
	text-align:center;
}

/* CONTENT / TEKSTSIDER (Styles for sub-pages that use the standard template "tekstsider.cfm")
------------------------------------------------------------------ */
#breadcrumbsWrapper {
	width:100%;
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:15px;
	height:20px;
	border-bottom:1px solid #E7E7E7;
}

	#breadcrumbs {
		float:left;
	}
	
	#breadcrumbsIcons {
		float:right;
	}
	
	.caption {
		float:right;
		background:#E7E7E7;
		padding:1px;
		margin:0 0 5px 10px;
	}
	
		.caption img{
			border:solid 1px white;
			max-width:200px;
		}

/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more)
------------------------------------------------------------------ */
#footer {
	width:982px;
	text-align:center;
	font-size: 0.8em;
	clear:both;
	padding:5px;
	background:#f0f0f0;
	margin-bottom:10px;
}

/* FIXES / TOOLBOX
---------------------------------------- */
img {
	border:none;
	outline:none;
}

.imgStyle {
	border:1px #E7E7E7 solid;
	margin:0 8px 4px 0;
	padding:1px;
	float:left;
}

.imgStyle:hover {
	border:1px #1F559B  solid;
}

div.hr {
	background:#E7E7E7;
	height:1px;
	margin:0 0 10px 0;
	overflow:hidden;
}

div.hr hr {
  display: none;
}

.box {
	background:#E7E7E7;
	border-right:#c6c6c6 solid 1px;
	border-bottom:#c6c6c6 solid 1px;
	padding:10px;
	margin:10px 0;
	float:left;
	clear:both;
}

	.box span {
		margin-right:10px;
	}
	
	.box .textfield{
		font-size:0.8em;
		padding:4px;
	}
	
	.box .button{
		height:23px;
		width:auto;
		border:none;
	}

.boxRounded {
	background:#1F559B ;
	padding:10px;
	margin:10px 0;
	float:left;
	clear:both;
	color:white;
}

.boxColumn {
	margin-bottom:5px;
}

	.boxColumn h3 {
		background:#1F559B;
		margin:0;
		padding:4px 10px;
		color:white;
		font-size:0.8em;
		font-weight:normal;
		margin-bottom:5px;
		text-transform:uppercase;
	}
	
	.boxContent {
		border:solid #E7E7E7 1px;
		padding:2px 8px 8px 8px;
	}


.bullet {
	background:url(../gfx/bullet.png) no-repeat left;
	padding-left:13px;
}

/* FEED 
------------------------------------------------------------------ */
.feed {
	font-size:0.9em;
}

.feed td {

}

.topRow {
	font-weight:bold;
}