*{
	margin:0;
	padding:0;
}
body{
	background:#f0f0f0;
	font:11px/18px Tahoma, Arial, FreeSans, Helvetica, sans-serif;
	color:#222;
}

/* Generic */
.hide {
	visibility: hidden;
	width: 0px;
	height: 0px;
}

/* Layout Styles Starts */

#wrapper{
	width:950px;
	margin:0 auto;
}
	#header{
		background-color: #bfbfbf;
		height: 70px;
		text-align: center;
	}
	#logo {
		background: url(images/logo.png) center no-repeat; 
		padding-top: 60px;
	}
	#title h1 a {
		color: white;
	}
	#title h1 b {
		color: #008080;
	}
	#menu{
		background:url(images/menu.jpg) no-repeat;
		height:40px;
	}
		#menu ul{
			list-style:none;
			width: 49%;
			padding-left: 1%;
		}
			/* only topmenu right aligned... */
			#menu ul #topmenu {
				text-align:center;
			}
			#menu li{
				display:inline;
				margin:0 8px;
			}
				#menu li a{
					/* color:#969696; */
					color: #008080;
					line-height:40px;
					padding:8px 10px;
					text-decoration:none;
					text-transform:uppercase;
				}
					#menu li a:hover{
						color:#fff;
						text-decoration:none;
						background:#008080;
						/* background:#5ea133; */
					}
			
			/* Input Fiels in userbar */
			#menu form input {
				width: 80px;
				text-align: center;
				color: #008080;
			}
				#menu #inputloginnick {
					background: url(images/txtlogin.gif) no-repeat center;
					display:inline;
				}
				#menu #inputloginpw {
					background: url(images/txtpw.gif) no-repeat center;
				}
				#menu #submitlogin {
					width: 30px;
				}

	#container{
		margin:10px 0 0 0;
		overflow:hidden;
	}
		#left-col{
			width:210px;
			float:left;
		}
		#center-col{
			width:511px;
			float:left;
			margin:0 8px;
		}
			.content-block{
				background:url(images/rblock-bg.jpg) repeat-y;
				margin:0 0 2px 0;
			}
				.content-block-top{
					background:url(images/rblock-top.jpg) no-repeat top;
					height:11px;
				}
				.content-block-bottom{
					background:url(images/rblock-bottom.jpg) no-repeat bottom;
					padding:10px 15px;
				}
				
			.below-content-block {
				margin:0 8px 15px 8px;
			}
			
		#notify-bar {
			
		}
		#notification, #warning, #error {
			border: 1px solid #008080;
			color: #008080;
			padding: 5px 25px;
			margin-bottom: 10px;
			-webkit-border-radius: 10px;
		    -moz-border-radius: 10px;
			background-color: lightCyan;
			line-height: 22px;
		}
		#warning { border: 1px solid #bba000; color: #bba000; background-color: beige;}
		#error { border: 1px solid #ff3232; color: #ff3232; background-color: beige;}
		#notification b, #warning b, #error b {
			padding-left: 20px;
			background: transparent url(http://img.iwoolf.de/ico/top/lightbulb.png) no-repeat center left;
		}
		#warning b { background: transparent url(http://img.iwoolf.de/ico/top/bullet_error.png) no-repeat center left; }
		#error b { background: transparent url(http://img.iwoolf.de/ico/top/cancel.png) no-repeat center left; }
		
		#right-col{
			width:210px;
			float:right;
		}
		.sblock{
			margin:0 0 15px 0;
			background:url(images/sblock-bg.jpg) repeat-y;
		}
			.sblock-top{
				background:url(images/sblock-top.jpg) no-repeat top;
				height:30px;
				line-height:30px;
				/* color:#646464; */
				color:#008080;
				font-size:14px;
				font-weight:bold;
				text-indent:42px;
			}
			.sblock-content{
				background:url(images/sblock-bottom.jpg) no-repeat bottom;
				padding:10px;
			}
				.sblock-content ul{
					list-style:none;
					margin:0 0 10px 0;
				}
					.sblock-content li{
						padding:3px 15px;
						border-bottom:1px solid #d6d6d6;
						color:#666;
					}
						.sblock-content li a{
							display:block;
							color:#666;
							font-weight: bold;
							text-decoration:none;
							text-transform:capitalize;
							background:url(images/arrow.jpg) no-repeat left center;
							padding:0 0 0 15px;
						}
							.sblock-content li a:hover{
								color:#49730b;
								color:#008080;
								text-decoration:none;
								background:url(images/arrow-h.jpg) no-repeat left center;
							}
			#right-col #chatbox {
				background-image: url(images/chatloading.gif);
				padding: 0px;
				height: 250px;
				width: 210px;
				margin-bottom: 15px;
			}
	#footer{
		clear:both;
		background:url(images/footer.jpg) repeat-x;
		height:36px;
		line-height:36px;
		padding:0 20px;
		overflow:hidden;
		font-size:10px;
		color:#333939;
		font-weight: bold;
	}
	#footer img {
		vertical-align: middle;
	}
		#footer a{
			color:#000;
			text-decoration:none;
		}
			#footer a:hover{
				color:#008080;
				text-decoration:underline;
			}

/* Inner Pages 2 Column Styles */

#right-col1{
	width:730px;
	float:right;
}
	.content-block1{
		background:url(images/rblock1-bg.jpg) repeat-y;
		margin:0 0 15px 0;
	}
		.content-block1-top{
			background:url(images/rblock1-top.jpg) no-repeat top;
			height:11px;
		}
		.content-block1-bottom{
			background:url(images/rblock1-bottom.jpg) no-repeat bottom;
			padding:10px 15px;
		}
/* Inner Pages 2 Column Styles */
		

/* Layout Styles Ends */

/* Form Styles */

.sblock form{
	padding:0 5px;
}
.sblock form p{
	margin:0 0 5px 0;
}
.input{
	border:1px solid #dddddd;
	background:none;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width: 136px;
}
.button-s{
	background:#4a4a4a;
	margin:5px 0;
	padding:2px 11px !important;
	padding:2px 1;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}
.signin-btn, .button1{
	background:#4a4a4a;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */

/* Paragraph and list Styles */

.content-block p, .content-block1 p{
	margin:0 0 15px 0;
}
.content-block ul, .content-block ol, .content-block1 ul, .content-block1 ol{
	margin:10px 0 10px 20px;
}

/* Paragraph Styles */

/* Genric Styles Starts */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.trapped {
	visibility: hidden;
}

/* round corners of block-boxes. Use with Images only via background-image of a div */
.rounded {
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

/* Float classes to use with images in articles etc. (with margin) */
.left{float:left; margin: 5px 8px 5px 0px;}
.right{float:right; margin: 5px 8px 5px 0px;}

a:hover {text-decoration:underline;color:#008080;}
h1{font-size:32px;}
h2{font-size:16px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5, h6{font-size:14px;}
h2,h3,h4,h5,h6{margin:0 0 15px 0;}
img{border:none;}
.clear{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.floatcenter{text-align:center;}
.normal a{font-weight:normal;}

/* Genric Styles Ends */