/*
 * Copyright (c) 2013 by Webagent.eu.
 * All rights reserved.
 */

/***********************
 *** Core HTML setup ***
 ***********************/

html {
	height: 100%;
	margin-bottom: 0px;
}

form {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
	height: 100%;
}

a {
    color: #00f;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

input.button {
	cursor: pointer;
}

p {
	margin-top: 0;
	margin-bottom: 5px;
}

img {
	border: 0 none;
}

/*****************************************
 *** Template specific layout elements ***
 *****************************************/

#pagecontainer {
	width: 978px;
	padding: 0;
	height: 100%;
	position: absolute;
	right: 50%;
	margin-right: -489px;
	left: 50%;
	margin-left: -489px;
	min-height: 550px;
}

#maincontainer {
	width: 950px;
	padding: 0;
	margin: 0;
	height: 100%;
	position: absolute;
	left: 14px;
}

#header {
	width: 950px;
	padding: 0;
	margin: 0;
	height: 200px;
	background: #fff url(../images/header.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
}

#topmenu-bg {
	width: 950px;
	padding: 0;
	margin: 0;
	height: 24px;
	background: #fff url(../images/topmenu-bg.png) 0 0 repeat-x;
	position: absolute;
	top: 200px;
}

#topmenu {
	width: auto;
	padding: 0;
	margin: 0;
	height: auto;
	background: none;
	float: right;
}

#mainmenu {
	width: 182px;
	padding: 0;
	margin: 0;
	background: #e6e6e6;
	border-left: 1px solid #5da75a;
	border-right: 1px solid #5da75a;
	position: absolute;
	top: 224px;
	left: 0;
	bottom: 24px;
}

#shadow-mainmenu {
	background: #fff url(../images/dropshadow-mainmenu.png) 0 0 repeat-y;
	width: 19px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 224px;
	left: 184px;
	bottom: 24px;
}

#component {
	width: 742px;
	padding-top: 5px;
	margin: 0;
	float: left;
	background: #e6e6e6;
	position: absolute;
	top: 224px;
	left: 203px;
	bottom: 24px;
	overflow: auto;
	padding-right: 5px;
}

#component-spacer {
	clear: both;
	width: 100%;
	height: 50px;
}

#footer-bg {
	width: 949px;
	padding: 0;
	margin: 0;
	height: 24px;
	background: #fff url(../images/footer-bg.png) 0 0 repeat-x;
	border-left: 1px solid #5da75a;
	position: absolute;
	bottom: 0;
}

#footer {
	float: right;
	margin-top: 3px;
	margin-bottom: auto;
	margin-right: 5px;
}

#system-debug {
	position: absolute;
	top: 100%;
	left: 0px;
}

#footer a {
	color: #000;	
}

#shadow-right-bg {
	background: #fff url(../images/dropshadow-right-bg.png) 0 0 repeat-y;
	width: 14px;
	margin: 0;
	padding: 0;
	height: 100%;
	position: absolute;
	right: 0;
}

#shadow-left-bg {
	background: #fff url(../images/dropshadow-left-bg.png) 0 0 repeat-y;
	width: 14px;
	margin: 0;
	padding: 0;
	height: 100%;
	position: absolute;
	left: 0;
}

/*************************
 *** Top Menu: Level 1 ***
 *************************/

#topmenu .sf-sub-indicator {
	background-position: 0 -100px;
	top:			0.5em;
}

div#topmenu .menu {
	margin-bottom: 0;
}
	
div#topmenu .menu li {
	background: none;
}

div#topmenu .menu li a {
	color: 			#000;
	text-decoration: none;
	padding-top: 	0.5em;
	padding-bottom: 0.5em;
	border-top: 	none;
	border-left: 	1px solid black;
}

div#topmenu .menu li:hover,
div#topmenu .menu li.sfHover,
div#topmenu .menu a:focus,
div#topmenu .menu a:hover,
div#topmenu .menu a:active {
	background: 	#fff url(../images/topmenu-hover-bg.png) 0 0 repeat-x;
	outline-style: 	none;
	outline-width: 	0;
	color: 			#000;
	text-decoration: none;
}

div#topmenu .sf-sub-indicator {
	background-position: 0 -100px;
	top: 0.5em;
}

/*************************
 *** Top Menu: Level 2 ***
 *************************/

div#topmenu .menu .parent ul li {
	background: #e6e6e6;
}

div#topmenu .menu li:hover ul,
div#topmenu .menu li.sfHover ul {
	left:			0;
	top:			24px;
}

div#topmenu .menu .parent ul li:hover,
div#topmenu .menu .parent ul li.sfHover,
div#topmenu .menu .parent ul a:focus,
div#topmenu .menu .parent ul a:hover,
div#topmenu .menu .parent ul a:active {
	background: 	#fff url(../images/topmenu-sub-hover-bg.png) 0 0 repeat-x;
	outline-style: 	none;
	outline-width: 	0;
	color: 			#000;
	text-decoration: none;
}

div#topmenu .menu .parent ul a {
	color: 			#000;
	text-decoration: none;
	padding-top: 	0.5em;
	padding-bottom: 0.5em;
	border-top: 0px solid #5da75a;
	border-right: 1px solid #5da75a;
	border-left: 1px solid #5da75a;
	border-bottom: 1px solid #5da75a;
	text-align: 	center;
}

div#topmenu .menu .parent ul li:first-child a {
	border-top: 1px solid #5da75a;
	border-right: 1px solid #5da75a;
	border-left: 1px solid #5da75a;
	border-bottom: 1px solid #5da75a;
}

/**************************
 *** Main Menu: Level 1 ***
 **************************/
div#mainmenu .menu {
	margin-bottom: 	0;
	width: 			182px;	
}
	
div#mainmenu .menu li {
	background: 	none;
	width: 			182px;
}

div#mainmenu .menu li:hover,
div#mainmenu .menu li.sfHover,
div#mainmenu .menu li a:focus,
div#mainmenu .menu li a:hover,
div#mainmenu .menu li a:active {
	background: 	#fff url(../images/mainmenu-hover-bg.png) 0 0 repeat-x;
	outline-style: 	none;
	outline-width: 	0;
	color: 			#000;
	text-decoration: none;
}

div#mainmenu .menu li a {
	color: 			#000;
	text-decoration: none;
	padding-top: 	0.75em;
	padding-bottom: 0.75em;
	border-top: 	none;
	border-left: 	none;
	border-bottom: 	1px solid #5da75a;
	width: 			182px;
	text-align: 	center;
	padding-left: 	0;
	padding-right: 	0;
}

div#mainmenu .sf-sub-indicator {
	background-position: 0 -100px;
	top:			0.75em;
}

/**************************
 *** Main Menu: Level 2 ***
 **************************/
div#mainmenu .menu .parent ul li {
	background: #e6e6e6;
}

div#mainmenu .menu li:hover ul,
div#mainmenu .menu li.sfHover ul {
	left:			182px;
	top:			-1px;
	width:			184px
}

div#mainmenu .menu .parent ul li:hover,
div#mainmenu .menu .parent ul li.sfHover,
div#mainmenu .menu .parent ul a:focus,
div#mainmenu .menu .parent ul a:hover,
div#mainmenu .menu .parent ul a:active {
	background: #fff url(../images/mainmenu-hover-bg.png) 0 0 repeat-x;
	outline-style: none;
	outline-width: 0;
	color: #000;
	text-decoration: none;
}

div#mainmenu .menu .parent ul {
	width: 184px;
}

div#mainmenu .menu .parent ul a {
	color: #000;
	text-decoration: none;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	border-top: 0px solid #5da75a;
	border-right: 1px solid #5da75a;
	border-left: 1px solid #5da75a;
	border-bottom: 1px solid #5da75a;
	text-align: center;
	width: 182px;
	background: #e6e6e6;
}

div#mainmenu .menu .parent ul li:first-child a {
	border-top: 1px solid #5da75a;
	border-right: 1px solid #5da75a;
	border-left: 1px solid #5da75a;
	border-bottom: 1px solid #5da75a;
}

/*******************
 *** Bottom Menu ***
 *******************/

ul.menubot {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menubot li {
	display: inline;
}

ul.menubot li:after {
	content: " | "
}

ul.menubot li:last-child:after {
	content: ""
}

/*******************************
 *** Content layout settings ***
 *******************************/

/* headlines */
h1, h2, .componentheading, .contentheading, .page-header {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 4px 0 12px 0;
    border: 0 none;
}

/* pagination */
.pagination {
        margin: 10px auto;
	text-align: center;
        padding: 10px 0 10px 0px;
        clear: both;
	
}

.pagination ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: center;
}

.pagination li {
        display: inline;
        padding: 2px 5px;
        text-align: left;
        border: solid 1px #000;
        margin: 0 2px
}

.pagenav {
	padding: 2px;
	clear: both;
}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
	border: 0;
}

.pagination li.pagination-start ,
.pagination li.pagination-start  span {
	padding: 0;
}

p.counter {
	font-weight: bold;
}

/* article category view */
table.category {
	width: 100%;
	border: 1px solid #000;
	border-collapse: collapse;
}

table.category td, table.category th {
	border: 1px solid #000;
	padding: 2px;
}

table.category th a,
table.category th a:hover,
table.category th a:visited {
	font-weight: bold;
	color: #000;
}

table.category th a img {
	margin-left: 5px;
}

table.category th#tableOrdering2 {
	width: 150px;
}

fieldset.filters {
	display: none;
	border: none;
}

/* print icon */

li.print-icon {
	width: 16px;
	height: 16px;
	overflow: hidden;
	float: right;
	margin-right: 15px;
}

li.print-icon span.icon-print {
	background: url(../../../media/system/images/printButton.png);
	position: absolute;
	width: 16px;
	height: 16px;
}

li.print-icon span.text-print {
	display: none;
}

/***************
 * Cookie Hint *
 ***************/

#redim-cookiehint {
	box-shadow: 0 5px 5px -5px #333;
}

/****************
 * Contact Form *
 ****************/

td.m4jHTMLRow div {
	width: 550px;
}