/*
	===================================================
	(c) flatbooster.com / <support@flatbooster.de>
	(c) 2medien / Istvan Kovacs <info@2medien.com>
	===================================================
	$ver:		1.0 initial release
	$date:		18-11-2009
	===================================================
	
	CSS MAP
	===================================================
	1. GLOBAL
	2. HEADER
	3. FOOTER
	4. COL
	5. CENTER
	6. CONSTRUCT
	7. DISPLAY
	8. SETTINGS
*/
/* #[ GLOBAL ]#################### */
html, body, form, fieldset, img {margin:0; padding:0; border:0;}

body {  
	margin-top: 10px;
	color : #000;
	font: 11px/150% Arial, Helvetica, sans-serif;
	background: #E2E2E2;
	}

/*
body.left div#header,
body.left div#center,
body.left div#footer {
	margin: 0;
	}

body.right div#header,
body.right div#center,
body.right div#footer {
	float: right;
	margin: 0;
	}
*/

body.center div#header,
body.center div#center,
body.center div#footer {
	margin: 0 auto;
	}

b, strong {font-weight:bold;}

ul, li, ol li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	}

a:link, a:visited {
	color: #99CC33;
	font-weight: bold;
	text-decoration: none;
	}

	a:hover {color:#000; text-decoration:underline;}

/* check list */
ul.list {
	list-style: none;
	margin: 10px 0px;
	}

	ul.list li {
		margin-left: 15px;
		padding: 0 0 0 20px;
		color: #99CC33;
		background: url(../images/arrow.png) no-repeat 0 5px;
		}

h1, h2, h3, h4, h5, h6 {font-size:180%; font-weight:normal; color:#99CC33; margin:0px 0; padding:0;}
h2 {font-size: 170%;}
h3 {font-size: 160%;}
h4 {font-size: 150%;}
h5 {font-size: 140%;}
h6 {font-size: 130%;}

/* #[ HEADER ]#################### */
#tpl-header {}

#header {
	position: relative;
	height: 133px;
	background: url(../images/header_bg.png) 0px 0px no-repeat;
	}

a#sitename:link,
a#sitename:visited,
a#sitename:hover {
	position: absolute;
	top: 26px;
	left: 20px;
	padding: 0;
	margin: 0;
	width: auto;
	line-height: 26px;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none;
	}

	a#sitename span {
		color: #000;
		font-size: 18px;
		font-weight: normal;
		text-indent: 12px;
		display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}

/* #[ FOOTER ]#################### */
#tpl-footer {}

#footer {
	position: relative;
	}

/* copyright */
a.cr:link,
a.cr:visited {
	position: absolute;
	top: 5px;
	left: 10px;
	width: auto;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}

/* fmenu */
#fmenu {
	position: absolute;
	top: 7px;
	right: 5px;
	width: auto;
	}

	#fmenu ul li  {
		float: left;
		}

	#fmenu ul li a:link,
	#fmenu ul li a:visited {
		float: left;
		padding: 0 5px;
		margin: 0;
		line-height: 12px;
		height: 12px;
		display: inline;
		width: auto;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		border-right: 1px solid #000;
		}

	#fmenu ul li a.last:link,
	#fmenu ul li a.last:visited {
		border: 0;
		}

#footer a:hover,
#footer a.active,
#fmenu ul li a:hover {
	color: #99CC33;
	text-decoration: none;
	}

/* #[ COL ]#################### */
#col {
	color: #fff;
	}

#col a:link, #col a:visited {color:#fff;}
#col a:hover {color:#fff;}
	
	/* headings */
	#col h1 {
		position: relative;
		margin: 0;
		padding: 0;
		margin-left: -6px;
		line-height: 29px;
		height: 29px;
		width: 165px;
		display: block;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		text-indent: 10px;
		background: url(../images/left_title.png) left top no-repeat;
		}

/* cmenu */
#col #cmenu {
	margin: 0;
	padding: 0;
	margin-left: -6px!important;
	}

	#col #cmenu h1 {
		margin: 0;
		padding: 0;
		line-height: 27px;
		height: 29px;
		background: none;
		}
	
	#cmenu ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		}

	#cmenu ul li {
		width: 100%;
		position: relative;
		}

	/* Level1 Links */
	#cmenu ul li a:link,
	#cmenu ul li a:visited {
		padding: 0;
		margin: 0;
		width: 165px;
		line-height: 24px;
		height: 24px;
		display: block;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-indent: 10px;
		background: url(../images/lmenu_nh.png) left top no-repeat;
		}

	#cmenu ul li a:hover , #cmenu ul li a.active{
		color: #000;
		text-decoration: none;
		background-position: 0 -24px;
		}

/* #[ CENTER ]#################### */
#middle {
	padding: 0px 0px;
	}

	div#main-spacer {
		padding: 10px 20px 10px 10px;
		}

/* headings */
#main h1 {
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	color: #99CC33;
	border-bottom: 1px dotted #999;
	}

/* #[ ROUNDED ]#################### */
.main-box1 {background: url(../images/main_tile.png) left top repeat-y;}
.main-box2 {background: url(../images/main_header.png) left top no-repeat;}
.main-box3 {background: url(../images/main_footer.png) left bottom no-repeat;}

.col-box1 {background: url(../images/left_tile.png) repeat-y;}
.col-box2 {background: url(../images/left_header.png) left top no-repeat;}
.col-box3 {padding: 0px 10px 10px 8px; background: url(../images/left_footer.png) left bottom no-repeat;}

/* #[ CONSTRUCT - DONT CHANGE ]#################### */
#tpl-header, #tpl-center, #tpl-footer {width:100%;}
#middle{position:relative;width:100%;overflow:hidden;clear:both;}
#middle-place{width:200%;}
#main{position:relative;left:50%;float:left;width:50%;}
#main-replace{position:relative;left:-100%;overflow:hidden;z-index:1;}
#col{position:relative;left:-50%;float:left;overflow:hidden;}

/* #[ DISPLAY ]#################### */
#hmenu {display:none;}
#hmenu2 {display:none;}
#hcontent {display:none;}
#cmenu {}
#fmenu {}
#header .image, #header .image img {display:none;}
#col .image, #col .image img {display:none;}

/* #[ SETTINGS ]#################### */
/* tpl padding */
body {padding:0px 0px;}

/* tpl width */
.tpl_width {width:982px;}

/* col width */
#col {width: 171px; float:right;}
#main-replace {margin-right:171px;}