/* CSS Document */
/*
############################################
######### C2008 cocoon media group
######### inhaber: david kauder
######### web: http://www.cocoon-media.com
######### mail: abuse@cocoon-media.com
############################################
*/
body
{
font-family:Arial, Tahoma, Verdana;
font-size:11px;
color:#3a3a3a;
}

h1, h2, h3, h4
{
font-size:13px;
font-weight:bold;
color:#0099ff;

}

html, body, div, table, h1, h2, h3, h4, a, span, td, ol, img
{
margin:0px;
padding:0px;
}

body
{
background-image:url(../../img/root/body_bg.gif);
background-repeat:repeat-x;
background-position:left top;
background-color:#a4d5de;
font-weight:normal;
}
ul li
{
	list-style:none;
	list-style-type:none;
}
a:link, a:visited
{
	color:#3a3a3a;
	text-decoration:none;
}

a:active, a:hover
{	
	color:#B0B0B0;
	text-decoration:none;
}
/*###---CLEAR---###*/
.clear
{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.clearfix:after {
content:".";
display:block;
height:0;
margin:0px;
padding:0px;
font-size:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*###	LABEL	###*/
.label
{
	width:150px;;
	float:left;
	margin-bottom:5px;
	padding-top:3px;
	font-size:12px;
}
/*###	LEBELED	###*/
.labeled
{
	width:250px;
	float:left;
	margin-bottom:5px;
	font-size:12px;
}
		/* .labeled input */
		{
			font-size:12px;
		}
.keyword
		{
		font-size:12px;
		font-style:italic;
		text-decoration:underline;
		}
	
/*### 	INDEX	###*/
#index
{
	width:100%;
	height:100%;
	position:fixed;
}

/*### LAYOUT	###*/
#header, #nav_top, #banner, #notify_basic, #notify_true, #notify_false, #content, #footer
{
	width:820px;
	left:auto;
	right:auto;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}

/*###	HEADER	###*/
#header
{
	margin-top:5px;
	background-image:url(../../img/root/header_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	height:20px;
	padding-top:5px;
	text-align:right;

}

/*###	NAV_TOP	###*/
#nav_top
{
	height:86px;
	background-color:#e5e9ea;
}
#nav_top a, img
{
	color:#3a3a3a;
	font-weight:bold;
	display:inline-block;
	line-height:86px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}

/*###	NAV_LEFT###*/
#nav_left
	{
	width:150px;
	float:left;

	font-weight:bold;
	}
/*###	BANNER 	###*/
#banner
{
	height:200px;
	background-image:url(../../img/root/banner.jpg);
	background-position:top;
	background-repeat:no-repeat;
	font-weight:bold;
}

/*###	NOTIFY	###*/
#notify_true
{
	width:818px;
	border-left:#04b500 1px solid;
	border-right:#04b500 1px solid;
	border-top:#04b500 1px solid;
	border-bottom:#04b500 1px solid;
	background-color:#c2ffc1;
	
	display:none;
	visibility:hidden;
}

#notify
			{
				width:818px;
				border-left:#04b500 1px solid;
				border-right:#04b500 1px solid;
				border-top:#04b500 1px solid;
				border-bottom:#04b500 1px solid;
				background-color:#c2ffc1;

			}
			
#notify_false
{
	width:818px;
	padding-top:5px;
	padding-bottom:5px;
	
	border-left:red 1px solid;
	border-right:red 1px solid;
	border-top:red 1px solid;
	border-bottom:red 1px solid;
	background-color:#FFC1C2;
	visibility:hidden;
	display:none;
	
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#F20000;
}

/*###	CONTENT ###*/
#content
{
	padding-top:15px;
	padding-bottom:15px;
	background-image:url(../../img/root/content_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	font-size:12px;
	color:#333333;
	
}




/*###	FOOTER	###*/
#footer
{
	margin-top:10px;
	text-align:center;
	font-size:12px;
}

.nolist
{
	margin:0;
	padding:0;
	list-style:none;
}