/*
	===================================================
	(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 {  
	color : #000;
	font: 11px/150% Verdana, Arial, Verdana, Helvetica, sans-serif;
	background: #319300 url(../images/body.png) repeat-x;
	}

/*
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: #006CA8;
	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 10px;
		color: #006CA8;
		background: url(../images/arrow.png) no-repeat 0 5px;
		}

h1, h2, h3, h4, h5, h6 {font-size:180%; font-weight:normal; color:#006CA8; 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;
	}

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

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

#header .image {
	position: relative;
	width: 560px;
	overflow: hidden;
	padding-left: 200px;
	background: #000;
	}

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

#footer {
	position: relative;
	}

/* copyright */
a.copyright:link,
a.copyright:visited {
	position: absolute;
	top: 5px;
	left: 10px;
	width: auto;
	color: #fff;
	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: #fff;
		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: #006CA8;
	text-decoration: none;
	}

/* #[ COL ]#################### */
#col {
	color: #ccc;
	background: #000;
	}

#col a:hover {color:#fff;}

	/* headings */
	#col h1 {
		margin: 0;
		padding: 0;
		line-height: 21px;
		height: 21px;
		width: 100%;
		display: block;
		color: #000;
		font-size: 100%;
		font-weight: normal;
		text-indent: 0px;
		text-align: center;
		text-transform: uppercase;
		border-bottom: 2px solid #fff;
		background: #ccc;
		}

/* cmenu */
#col #cmenu {}

	#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: 1px 0;
		width: 200px;
		line-height: 24px;
		height: 24px;
		display: block;
		color: #ccc;
		font-size: 11px;
		font-weight: bold;
		text-indent: 12px;
		border: 0;
		background: #333;
		}

	#cmenu ul li a:hover , #cmenu ul li a.active{
		color: #fff;
		text-decoration: none;
		background: #006CA8;
		}

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

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

/* headings */
#main h1 {
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	color: #006CA8;
	}

/* #[ ROUNDED ]#################### */
.header-box1 {position:relative; background: url(../images/shadow1.png) 0 0 repeat-y;}
.header-box2 {padding:0 6px; background: url(../images/shadow2.png) 100% 0 repeat-y;}
.header-box3 {background: #000;}

.center-box1 {position:relative; background: url(../images/shadow1.png) 0 0 repeat-y;}
.center-box2 {padding:0 6px; background: url(../images/shadow2.png) 100% 0 repeat-y;}
.center-box3 {background: #fff;}

.footer-box1 {position:relative; background: url(../images/footer_corner.png) 0 0 no-repeat;}
.footer-box2 {padding:0 11px; background: url(../images/footer_corner.png) 100% -5px no-repeat;}
.footer-box3 {height:5px; background: url(../images/footer_tile.png) 0 0 repeat-x;}

/* #[ 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 {}
#col .image, #col .image img {display:none;}

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

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

/* col width */
#col {width: 200px; float:left;}
#main-replace {margin-left:200px;}

.img-image {width: 560px}