/* © 3task.de */
body {
	color:#000;
	font:12px "Trebuchet Ms", sans-serif;
	text-align:center;
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:1px
}

#header {
	background:url(../img/header.jpg) no-repeat;
	height:420px;
	width:997px;
	margin:0 auto;
	text-align:left;
}
	#header h1 {
		padding-left:626px;
		padding-top:87px;
	}
		#header h1 a {
			display:block;
			text-decoration:none;
			width:249px;
			height:43px;
			text-indent:-100000px;			
		}
	#header h2 {
		padding-top:25px;
		padding-left:153px;
		font-size:1px;
	}
		#header h2 a {
			display:block;
			text-decoration:none;
			font-size:1px;
			text-indent:-100000px;
			width:275px;
			height:52px;
		}

#content {
	background:url(../img/gradient.gif) repeat-x top;
	width:997px;
	margin:0 auto;
	text-align:left;
	padding-bottom:18px;
}

#sidebar {
	width:255px;
	position:relative;
	top:-190px;
	margin-bottom:-190px;
	padding-left:12px;
	float:left;
}
	#sidebar .bg {
		background:url(../img/left-content.png) repeat-y top;
		padding-left:6px;
		padding-right:16px;
	}
	#sidebar .box {
		background:url(../img/bg-top-left.gif) no-repeat top;
		position:relative;
		padding-bottom:10px;
		margin-left:3px;
	}
		#sidebar .box h3 {
			font-size:15px;
			color:#84a806;
			padding-left:7px;
			padding-top:11px;
			padding-bottom:18px;
		}
			#sidebar .box h3 small {
				font-size:15px;
				color:#909090;
			}
		#sidebar .box ul li {
			display:block;
			padding-left:2px;
			padding-bottom:5px;
		}
			#sidebar .box ul li a {
				color:#909090;
				font-size:13px;
				text-decoration:none;
				width:165px;
				height:33px;
				line-height:31px;
				display:block;
				padding-left:62px;
				background:url(../img/bullet.gif) no-repeat 26px 7px;
			}
			#sidebar .box ul li a:hover, 	#sidebar .box ul li a.active {
				background:url(../img/menu-hover.gif) no-repeat;
				color:#fff;
				font-weight:bold;
			}
	#side-top {
		background:url(../img/left-top.png) no-repeat top;
		width:255px;
		height:10px;
		display:block;
	}
	#side-bottom {
		background:url(../img/left-bottom.png) no-repeat bottom;
		width:255px;
		height:100px;
		display:block;
		margin-bottom:28px;
	}
	#sidebar #search {
		position:relative;
		border:solid 1px #d9d9d9;
		padding:10px 14px 20px 14px;
	}
		#sidebar #search .img {
			position:absolute;
			top:9px;
			right:8px;
			display:block;
			z-index:1;
		}
		#sidebar #search h3 {
			font-size:14px;
			color:#88b24a;
			font-weight:bold;
			padding-bottom:19px;
			position:relative;
			z-index:2;
		}
			#sidebar #search h3 small {
				font-size:14px;
				font-weight:normal;
				color:#a8a8a8;
			}
		#sidebar #search input {
			border:solid 1px #c9c9c9;
			border-right:0;
			font-size:12px;
			width:150px;
			padding:5px 1px;
		}
		#sidebar #search button {
			background:#ee8c4c;
			border:0;
			font-size:10px;
			font-weight:bold;
			text-align:center;
			width:71px;
			cursor:pointer;
			overflow:visible;
			color:#fff;
			height:25px;
			line-height:25px;	
		}
		
#page {
	width:707px;
	float:right;
	padding-right:11px;
	position:relative;
	top:-72px;
	margin-bottom:-72px;
}
	#content-top {
		background:url(../img/bg-cotent-top.png) no-repeat;
		height:49px;
		width:707px;
		display:block;
	}
	#page .box {
		background:url(../img/bg-content.png) repeat-y top;
		min-height:510px;
		padding-left:14px;
		padding-right:14px;
	}
		
		
#footer {
	width:997px;
	margin:0 auto;
	text-align:left;
	background:url(../img/bg-footer.gif) repeat-x top;
	height:78px;
	padding-top:6px;
	padding-bottom:5px;
}
	#footer .border {
		border-left:solid 3px #f1f1f1;
		border-right:solid 3px #f1f1f1;
	}
	#footer p {	
		font-size:11px;
		color:#909090;
		font-weight:bold;
		padding-left:24px;
		padding-top:24px;
	}
		#footer p a {
			color:#ee8c4c;
			font-weight:normal;	
			text-decoration:underline;
		}
		#footer p a:hover {
			text-decoration:none;
		}
	#footer ul {
		padding-left:19px;
	}
	#footer ul li {
		display:block;
		float:left;
		padding-right:2px;
	}
		#footer ul li a {
			display:block;
			float:left;
			text-decoration:underline;
			font-size:10px;
			padding-top:12px;
			padding-bottom:2px;
			padding-left:5px;
			padding-right:5px;
			color:#a09f9f;
		}
		#footer ul li a:hover, #footer ul li a.active {
			background:#bde385;
			color:#fff;
		}
	#footer .right img {
		display:block;
		float:left;
	}