body {
	font-family: Arial, Geneva, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	background: url(../img/background.gif) repeat 0 0;
}

.content {font-weight: normal;line-height: 150%;}
.text {line-height: 180%;}
.text p {margin: 20px 0;}

.text h1 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
}

.text h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.text a {
	text-decoration: none;
	font-weight: normal;
	color: #ff9900;
}

.text a:hover {font-weight: bold;}

.twitter {
	padding: 10px;
}

.tjuna-intro.av.text {
	margin-top: 25px;
}

	.tjuna-intro.av.text p {margin: 0;}

.tjuna-intro {
	position: relative;
	margin-bottom: 20px;
	border-left: 1px solid #3c88ba;
	border-right: 1px solid #163a52;
	background: url(../img/tjuna-block-bg.gif) repeat 0 0;
    padding: 10px;
    width: 892px;
}

	.tjuna-intro .block-tb {
		position: absolute;
		left: 0;
		height: 5px;
		width: 100%;
	}
	.tjuna-intro .block-tb.tjuna-block-top {
		top: 0;
		background: url(../img/tjuna-block-top.gif) repeat-x 0 0;
        width: 913px;
	}.tjuna-intro .block-tb.tjuna-block-bottom {
		bottom: 0;
		background: url(../img/tjuna-block-bottom.gif) repeat-x 0 0;
	}
	
	.block-corner {
		position: absolute;
		height: 5px;
		width: 5px;
		background: url(../img/tjuna-block-corners.gif) no-repeat;
		z-index: 2;
        overflow: hidden;
	}
	
	.tjuna-block-tlc {top: 0;left: -1px;background-position: 0 0;}
	.tjuna-block-trc {top: 0;right: -1px;background-position: -5px 0;}
	.tjuna-block-blc {bottom: -1px;left: -1px;background-position: 0 -5px;}
	.tjuna-block-brc {bottom: -1px;right: -1px;background-position: -5px -5px;}

	#container {
		position: relative;
		width: 914px;
		margin: auto;
		min-height: 580px;
	}
	
		.header {
			background: url(../img/tjuna-logo.gif) no-repeat 0 0;
			padding-top: 128px;
			width: 100%;
		}
		
		/* SOCIAL FEATURES */
		.like-button {
			position: absolute;
			top: 10px;
			right: 0;
		}
		
			.like-button iframe {
				position: relative;
				float: right;
			}
		
		.social-features {
			position: absolute;
			top: 85px;
			right: 0;
			height: 32px;
			width: 74px;
		}
		
			.soc-item {
				position: absolute;
				top: 0;
				padding-top: 32px;
				width: 32px;
			}
			.soc-item.soc-facebook {left: 0;background: url(../img/facebook.png) 0 0;}
			.soc-item.soc-twitter {left: 42px;background: url(../img/twitter.png) 0 0;}
		
		/* NAVIGATION */
		.navigation {
			position: relative;
			background: url(../img/navigation-bg.gif) repeat-x 0 0;
			height: 49px;
			margin-bottom: 25px;
			width: 100%;
		}
			.navigation .sides {
				position: absolute;
				top: 0;
				height: 49px;
				width: 6px;
				background: url(../img/navigation-sides.gif) repeat-x;
			}
			.navigation .sides.left {left: 0;background-position: 0 0;}
			.navigation .sides.right {right: 0;background-position: 0 -49px;}
			
			.nav-list {position: relative;margin-left: 135px;}	
				
				.nav-list li {
					float: left;
					margin-right: 135px;
				}
				
					.nav-option {
						padding-top: 47px;
						background: url(../img/navigation-sprite.png) no-repeat;
					}
					.nav-option:hover,.nav-option.active {padding-top: 58px;}
					
					.nav-option.home {width: 47px;background-position: 0 0;}
					.nav-option.home:hover, .home .active {background-position: 0 -47px;}
					
					.nav-option.diensten {width: 70px;background-position: -47px 0;}
					.nav-option.diensten:hover, .service .active {background-position: -47px -47px;}
					
					.nav-option.aboutus {width: 87px;background-position: -117px 0;}
					.nav-option.aboutus:hover, .aboutus .active {background-position: -117px -47px;}
					
					.nav-option.contact {width: 62px;background-position: -204px 0;}
					.nav-option.contact:hover, .contact .active {background-position: -204px -47px;}
				.contact {margin-right:0px !important;}
				
		/* CONTENT */
		.content {
			position: relative;
			overflow: hidden; /*floating stretch hack*/
			width: 100%; /*floating stretch hack*/
		}
		
        .recent-work {
        	position: relative;
			float: left;
			height: 200px;
        }
		
		.text-block {margin-left: 50px;}
		
			ul.content.text li {
				float: left;
				width: 375px;
				height: 220px;
			}
			
		.tjuna-intro h1 {margin-top: 0;}
		
		/* FOOTER */
		.footer {
			position: relative;
			height: 131px;
			width: 100%;
			margin-top: 20px;
			background: url(../img/footer-bg.gif) repeat-x 0 0;
		}
		
			.footer-logo {
				position: relative;
				height: 131px;
				width: 914px;
				margin: auto;
				background: url(../img/footer-logo.gif) no-repeat 0 0;
			}
			
				.tjuna-adress {
					float: left;
					text-align: right;
					margin: 35px 0 0 175px;
					display: inline;
				}
				
				.tjuna-digital {
					float: right;
					margin: 35px 175px 0 0;
					display: inline;
				}
				
				.tjuna-digital a {
					text-decoration: none;
					color: #ff9900;
				}

