/* ===== grid.css ===== */
/*
 & Columns : 12 
 & Gutter %: 40% 
 & MinWidth: 960px
 & MaxWidth: 1080px
 */
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%; }
.grid_4 { width: 30%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_7 { width: 55%; }
.grid_8 { width: 63.333333333333%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 96.666666666667%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 1.6666666666667%;
	margin-right: 1.6666666666667%;
	float: left;
	display: block;
}

.alpha{margin-left:0px;}
.omega{margin-right:0px;}



/* @
 * tinyfluidgrid.com
 & girlfriendnyc.com
 */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* ===== joomla.css ===== */
 /*  --------------------------------------------------
    Breadcrumbs
    -------------------------------------------------- */    
    .breadcrumbs { display: block;  overflow: hidden; margin-bottom:10px;}
	.breadcrumbs img {display:none;}
	.breadcrumbs span { margin: 0; padding: 0; }
	.breadcrumbs span a,.breadcrumbs span span { text-transform: uppercase;  padding-left: 12px; }
	.breadcrumbs span:first-child a, .breadcrumbs span:first-child span { padding-left: 0; }
	.breadcrumbs a:after { content: " / "; color: #aaa; }
	.breadcrumbs span:first-child:after { content: ""; }

/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */
    .pagination {float:left; width:100%;}
    .pagination ul{ display: block; height: 24px; margin-left: -5px; }
    .pagination ul li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; padding: 6px 7px 4px;}
    .pagination ul li a { display: block;  color: #555; }
    .pagination ul li.current a, .pagination ul li:hover a, .pagination ul li a:focus { border-bottom: solid 2px #00a6fc; color: #141414; }
    .pagination ul li.unavailable a { cursor: default; color: #999; }
    .pagination ul li.unavailable:hover a, .pagination ul li.unavailable a:focus { border-bottom: none; }

/************** Typography styles **************/
h1, h2, h3, h4, h5, h6, .contentheading, .componentheading, .item h2 a, h2.contentheading a {
	font-weight:300;
	margin:0; 
	padding:0; 
	line-height: 1em;
}
h1 {
	font-size: 2em; 
	margin-bottom:10px;
}
h1.componentheading, .componentheading { 
	margin: 0; 
	padding: 0 0 7px;
}

h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }

h2, h2.contentheading, .contentheading {
	font-size:26px; 
	margin:10px 0 10px 0; 
	padding-bottom:14px; 
	border-bottom:1px solid #eee;
}
h2 a,
h3 a {
	text-decoration: none; 
	color:#ac190d;
}
h2 a:hover,
h3 a:hover {
	text-decoration: none; 
	color:#000;
}
h3 {
	line-height:1em; 
	margin:.4em 0; 
}
h4, .componentheading {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

.small, .createdate {font-size:.7em;padding-bottom:.875em;line-height:1.875em;}
.centered {text-align: center;}
.componentheading {margin:.3em 0;}
.logo h1 { line-height: 1em; padding:0; margin:0; font-size:18px; font-weight: lighter;}
.imgpadding{margin-right:20px;}
.imgborder1{padding:4px;border:1px solid #dadada;background:#fff;margin-top:14px}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus { font-weight: normal; }

a.poll-result { font-size: 92%; text-transform: uppercase; }
th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
	text-align:left;
	/*padding: 10px 5px;*/
}

fieldset a {
	font-weight: bold;
}

td, div {
	font-size: 100%;
}

img, img a, a.img {
	border: none;
}
/* ++++++++++++++  details  ++++++++++++++ */

.article-info{
	margin:6px 0 10px 0px;
	font-size:0.9em;
}

.article-info-term{
	display:none
}

dt.category-name,
dt.create,
dt.modified,
dt.createdby{
	float:left;
	padding-right:5px;
}

.archive .article-info dd,
.article-info dd{
	margin:2px 0 0px 0;
	line-height:1.2em
}

.article-info dd span{
	text-transform:none;
	display:inline-block;
	padding:0 5px 0 0px;
	margin:0 10px 0 0px;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active { display: block; margin: 10px 0; }

/* ++++++++++++++  aticle icons  ++++++++++++++ */

ul.actions {
	display: block;
	text-align: right;
	float:right;
	margin-top:6px;
}
.actions li {
	display: inline;
	list-style: none;
	margin-left: 0px;
	background:none;
	padding:0;
}
/* ++++++++++++++  blog  ++++++++++++++ */
.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}
.cols-2 .column-1 {
	width: 46%;
	float: left;
}
.cols-2 .column-2 {
	width: 46%;
	float: right;
	margin: 0
}
.cols-3 .column-1 {
	float: left;
	width: 29%;
	padding: 10px 5px;
	margin-right: 4%
}
.cols-3 .column-2 {
	float: left;
	width: 29%;
	margin-left: 0;
	padding: 10px 5px
}
.cols-3 .column-3 {
	float: right;
	width: 29%;
	padding: 10px 5px
}
.items-row {
	overflow: hidden;
	margin-bottom:20px;
}
.column-1 {
	padding: 10px 0;
}
.column-2, .column-3 {
	padding: 10px 5px
}
.column-2 {
	width: 55%;
	margin-left: 40%;
}
.column-3 {
	width: 30%
}
.items-more{
	margin:10px 0 10px 0;
}

.items-leading {
	margin-bottom:10px;
	overflow:hidden;
	padding:0 0 10px 0;
}

/* ++++++++++++++  pagination  ++++++++++++++ */

.pagination{
	margin:10px 0 ;
	padding:10px 0 10px 0px;
}
.pagination ul{
	margin:0;
	padding:0;
	text-align:center;
}
.pagination li{
	display:inline;
	padding:2px 5px;
	text-align:left;
	margin:0 2px;
	background:none;
}
/* ++++++++++++++  page  nav  ++++++++++++++ */
ul.pagenav {
	list-style-type:none;
	padding:0;
	overflow:hidden;
	margin:0;
}
ul.pagenav li{
	display:inline-block;
	padding:1px 10px;
	margin:4px;
	position:relative;
	list-style-type:none;
	background-image:none;
	background:#fff;
	border:1px solid #ccc
}

ul.pagenav li a{ 
	padding:2px; 
	text-decoration:none;
	list-style:none;
	background-image:none;
	color:#777;
	font-size:92%;
}
ul.pagenav li.pagenav-prev {
	float:left;list-style-type:none;
}
ul.pagenav li.pagenav-next{
	float:right
}

.pagenav {
	padding:2px;
	width:100%;
	margin:40px 0;
	display:block;
}

.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:normal;text-align:center;
}
.counter {
	line-height: 1;
	margin: 15px 0 !important;
	text-align: right;
}

.counter span {
	background: #fff;
	border: 1px solid #069;
	color: #fff;
	padding: 2px 5px;
}

/* Poll */
div.poll { padding: 15px 0; }

/* Meta ---*/
dl.article-info { color: #999; width: 85%; }

.blog-featured dl.article-info { width: 70%; }

dl.poll {
	border-bottom: 1px dotted #ccc;
	font-size: 92%;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

dl.poll dd { clear: right; }

dl.poll dt { clear: left; width: 100px; }

dl.poll dt, dl.poll dd { float: left; }

fieldset { border: none; padding: 10px 5px; }

fieldset a { font-weight: bold; }

fieldset.input { padding: 0; }

/* FORM
--------------------------------------------------------- */
form label { cursor: pointer; }

form#poll {
	border-bottom: 1px dotted #ccc;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* Search ---*/
form#searchForm { border-top: none; }

.search .word label {	
	padding-right: 5px;
}

.search .word .inputbox {
	margin: 0;
}

.search .word button {
	height: 22px;	
}

/* Search ---*/
form#searchForm { padding: 15px 0; }

form.poll .button { margin-right: 5px; }


h4 { font-size: 100%; text-transform: UPPERCASE; }

/* Poll Module ---*/
h4.poll-title { margin: 0; padding: 0; }

h5 { font-size: 100%; }


input, select, textarea, .inputbox {
	font-size: 100%;
	padding: 3px 5px;
}

/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }


/* Small text ---*/
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,
p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }

span.has-image {
	padding-left: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}

span.menu-desc {
	display: block;
	font-weight: normal;
	font-size: 92%;
	color: #999;
}

span.menu-title { display: block; }

table.contentpane, table.tablelist { width: 100%; }

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

/* Misc. */
table.contentpaneopen, table.contentpane, table.blog { width: 100%; }

/* Content Toc */
table.contenttoc {
	border: 1px solid #ddd;
	float: right;
	margin: 0 0 10px 12px;
	padding: 0;
	width: 30%;
}

table.contenttoc a { color: #333; }

table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }

table.contenttoc th {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img { vertical-align: baseline; }

table.pollstableborder td {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 5px !important;
}

table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }

/* Search */
table.searchintro { padding: 10px 0; width: 100%; }

table.searchintro td { padding: 5px !important; }

td { font-size: 100%; padding: 5px; }

/* Others ---*/
th { font-weight: bold; padding: 5px; text-align: left; }

/* Tables ---*/
thead tr th { background: #fff; color: #777; padding: 5px; }

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #000; }

ul.actions { list-style-type: none; margin: 0 !important; }

.article_column { }

.article_row { padding-bottom: 10px; padding-top: 10px; }

.article_separator,
.leading_separator,
.row_separator,
.column_separator { display: none; }

.article-content img { margin: 5px; }

.article-info-term{ display: none !important; }

.article-meta { float: left; padding: 0; width: 70%; }

.article-section, .article-category { color: #999; }

.article-tools {
	background: #f6f6f6;
	border: 1px solid #ddd;
	clear: both;
	color: #999;
	display: block;
	line-height: normal;
	margin: 0 0 10px;
	padding: 5px;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.blog p img { float: left; padding: 0 10px 10px 0; }

.blog_more {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0 5px;
}

.blog_more h2 {
	font-size: 115%;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.blog_more ul li {
	padding-left: 15px;
}

.blog-featured .contentheading { font-size: 125%; }

.button:hover, .button:focus {color: #000; }

.buttonheading { float: right; }

.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }

/*#################### tables ############################ */

table{
	border-collapse:collapse;
}

table.weblinks,
table.category{
	margin:10px 10px 20px 0px;
	width:99%;
}

table.weblinks td{
	border-collapse:collapse;
}

table.weblinks td,
table.category td{
	padding:7px;
}

table.weblinks th,
table.category th{
	padding:7px;
	text-align:left
}

td.num{
	vertical-align:top;
	text-align:left;
}

td.hits{
	vertical-align:top;
	text-align:center
}

td p{
	margin:0;
}

.filter{
	margin:10px 0
}

.display-limit,
.filter{
	text-align:right;
	margin-right:7px
}
/* ++++++++++++++  category table  ++++++++++++++ */
table.category th a img{
	padding:2px 10px
}
.filter-search{
	float:left;
}
.filter-search .inputbox{
	width:6em
}
legend.element-invisible{
	position:absolute;
	/* need margin top and left doesn't work for the legend element */
	margin-left:-3000px;
	margin-top:-3000px;
	height:0px;
}

.cat-items{
	margin-top:20px
}

.cat-list-row0,
.cat-list-row1,
tr.cat-list-row0 td,
tr.cat-list-row1 td { border-bottom: 1px solid #ccc; padding: 5px; }

.cat-list-row1:hover,
.cat-list-row0:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

.checkbox { }

.column ol li { line-height: 180%; margin-left: 30px; }

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul { margin: 15px 0; padding: 0; }

/* List ---*/
.column ul li { }

.column_separator { padding: 0 25px; }

.componentheading { border-bottom: 1px solid #ccc; font-size: 180%; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }

.contentdescription { border-bottom: 1px solid #ccc; }

.contentdescription {
	border-bottom: 1px solid #ccc;
	display: block;
	margin: 0 -15px;
	padding: 10px 15px;
}

.contentdescription p { margin: 0; }

.contentpaneopen_edit img { vertical-align: middle; }

.custom_banner { float: left; display: block; margin-top: 10px; }

.form-register .button { margin-left: 140px; }

.form-register .inputbox { margin-left: 10px; width: 200px; }

/* Register ---*/
.form-register fieldset { padding: 0 0 10px; }

.form-register label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.hasTip img { border: none; margin: 0 5px 0 0; }

.img_caption { color: #999; margin-bottom: 10px; }

.img_caption img { margin: 5px 0 0; }

.img_caption p {
	background: #333;
	border-top: 1px solid #fff;
	color: #ccc;
	margin: 0;
	padding: 1px 0;
	text-align: center;
}

.inputbox { border: 1px solid #ccc; background: #fff; }

.inputbox:hover, .inputbox:focus { background-color: #ffffcc; }

.items-more {
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

.items-more h3 { text-transform: uppercase; }

.leading {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: solid 1px #ccc;
}

.login_form .button { margin-left: 140px; }

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form .remember .inputbox { width: 20px; }

/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }

.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}


.modifydate { color: #999; display: block; margin: 10px 0; }

.pagenavbar { font-weight: bold; }

.pagenavcounter { margin: 15px 0 !important; text-align: center; }

.pagination a{ font-weight: bold; }

.radio { margin: 0 5px; }

.results h4 { text-transform: none; font-size: 110%; }

.results h4 {
	text-transform: none;
	font-size: 110%;
	margin: 15px 0 0;
}

.results p { margin: 0 0 10px; }

.search fieldset { border: 1px solid #ccc; margin: 15px 0; padding: 10px; }

.search legend {
	font-size: 100%;
	font-weight: bolder;
	line-height: 1.2;
	margin-left: 10px;
}

.sectiontableentry,
.sectiontableentry0,
.sectiontableentry1,
.sectiontableentry2 {
	background: url(../images/dot2.gif) repeat-x bottom;
	padding: 5px 5px 6px;
}

.sectiontableentry:hover,
.sectiontableentry0:hover,
.sectiontableentry1:hover,
.sectiontableentry2:hover { background-color: #fffff0; }

.sectiontableentry2 { background-color: #f6f6f6; }

.sectiontableheader {
	background: #333;
	border: 1px solid #ccc;
	color: #fff;
	padding: 5px;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:focus,
.sectiontableheader a:active { color: #fff; }

.smalldark { text-align: left; }

.sortby { font-size: 92%; margin: 10px 0 5px; }

.sortby .display { float: right; text-align: right; }

.sortby .filter, .sortby .display { float: left; width: 40%; }

.tool-text { font-size: 100%; margin: 0; }

/* Tooltips --- */
.tool-tip {
	background: #ffffcc;
	border: 1px solid #D4D5AA;
	float: left;
	max-width: 300px;
	padding: 5px;
	z-index: 1000;
}

.tool-title {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}

/* User ---*/
.user-details { padding: 10px 0; }

.user-details .button { margin-left: 140px; }

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .paramlist .paramlist_key { width: 130px !important; padding: 0 0 5px !important; }

.user-details .paramlist .paramlist_value { padding: 0 0 5px !important; }

.user-details .user_name span { padding-left: 10px; font-weight: bold; }

.user-details label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.user-details p { margin: 0 0 5px; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap { }

/* -- EDITOR STYLES ----------------------------- */
#adminForm fieldset {
	padding: 10px;
	margin-bottom: 20px;
}

#adminForm fieldset legend { padding: 0 5px; }

/* Article index */
#article-index {
	float: right;
	margin: 0 0 10px 12px;
	padding: 0;
	width: 30%;
}

#article-index li {
	background: none;
	padding-left: 10px;
}

#article-index li  a{ font-size: 11px; }

#article-index ul { list-style:inside; padding-left:10px }

/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #fff; }

#component-contact #emailForm { border-top: 1px solid #fff; padding-top: 15px; }

/* Contact ---*/
#component-contact address { font-style: normal; }

#contact-slider { float: none; border-bottom: 1px solid #fff; }

#contact-slider .content { border: 1px solid #fff; padding: 8px 10px; }

#contact-slider .jpane-toggler-down { background: #fff; }

#contact-slider .jpane-toggler-down a { color: #fff; }

#contact-slider .title {
	padding: 8px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0;
}

#contact-slider dt.closed { background: #ffffcc; }

#form-login .button { margin: 10px 0; }

#form-login p { margin: 0 0 5px; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login-remember input { border: none; padding-top: 0px; padding-bottom: 0px; }

#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }

/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	font-weight: bold;
}

.login-fields
{
        margin:10px 0
}

.login-fields label
{
        float:left;
        width:9em
}

.login-description img,
.logout-description img
{
        float:left;
        margin-right:20px
}

.login-description,
.logout-description
{
        overflow:hidden;
        padding-left:5px;
        margin:20px 0 10px 0
}

.logout-description
{
        margin-bottom:20px
}


/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc; }

.contact-form #jform_contact_emailmsg, .contact-form input { width:210px; }

.contact-form #jform_contact_email_copy { width: 13px; }

.jicons-icons img { float: left; padding-right:5px; }

/* Advertisement ---*/
.bannergroup_text {  
	color: #999999;
    font-size: 92%;
}

.bannergroup_text .banneritem {
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 0;
}

.bannergroup_text .banneritem a {
    font-weight: bold;
}

.img_caption.left { margin-top: 0; }
/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip{
        font-size:11px;
        text-align:left;
        padding:3px;
        max-width:400px;
		background:#fff;
		border:1px solid #ccc;
		line-height:120%;
		z-index:9999;
		position: relative;
}

.tip-title{
        font-weight:bold;
}
.imgusertop{
padding:4px;
border:1px solid #dadada;
background:#fff;
margin-bottom:10px;
}
span .spacer label{font-weight:bold}

/* System Messages */
#system-message {
	margin-bottom: 10px;
	padding: 0;
}
#system-message dt {
	font-weight: bold;
}
#system-message dd {
	margin: 0;
	font-weight: bold;
	text-indent: 30px;
	background-image:none;
}
#system-message dd ul {
	background-color:#FDFDFD;
	color: #c02;
	margin-bottom: 10px;
	list-style: none;
	padding: 10px;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
/* System Standard Messages */
#system-message dt.message {
	display: none;
}
#system-message dd.message {
}
#system-message dd.message ul li {
	background-image:none;
}
/* System Error Messages */
#system-message dt.error {
	display: none;
}
#system-message dd.error ul {
	color: #c00;
	background-color: #FDFDFD;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
#system-message dd.error ul li {
	background-image:none;
}
/* System Notice Messages */
#system-message dt.notice {
	display: none;
}
#system-message dd.notice ul {
	color: #c00;
	background: #FDFDFD;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}
#system-message dd.notice ul li {
	background-image:none;
}
/* Debug */
#system-debug {
	color: #ccc;
	background-color: #fff;
	padding: 10px;
	margin: 10px;
	text-align:left;
}
#system-debug div {
	font-size: 11px;
}
/* Form validation */
.invalid {
	border-color: #ff0000;
}
label.invalid {
	color: #ff0000;
}
/* Editor */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,.button2-right {
	float: left;
	margin-left: 5px;
}


/* ===== j3.css ===== */
/*Special Style for Joomla 3.0*/
.tip, 
.hasTooltip{
	display:none!important}
/* Print and Mail Buttons */	
ul.dropdown-menu {
	display: inline;
	text-align: right;
	float:right;
	margin-top:6px;
	font-size:10px;
}
.dropdown-menu li {
	display: inline;
	list-style: none;
	margin-left: 0px;
	background:none;
	padding:0;
}
/* Breadcrumbs */
ul.breadcrumb {
	display: block;
	margin:0 0 0 0!important;
	padding:0!important;
}
ul.breadcrumb li {
	display: inline;
	list-style: none;
	margin-left: 0px;
	background:none;
}
ul.breadcrumb span.divider{
	padding:0 5px;
}

/* Category List view */

ul.category{
	padding-left:0!important}

.createdby {
	display: inline;
	font-size:80%;
}
/* ++++++++++++++  page  nav  ++++++++++++++ */
ul.pager {
	list-style-type:none;
	padding:0;
	overflow:hidden;
	margin:0;
}
ul.pager li{
	display:inline-block;
	padding:1px 10px;
	margin:4px;
	position:relative;
	list-style-type:none;
	background-image:none;
	background:#fff;
	border:1px solid #ccc
}

ul.pager li a{ 
	padding:2px; 
	text-decoration:none;
	list-style:none;
	background-image:none;
	color:#777;
	font-size:92%;
}
ul.pager li.pager-prev {
	float:left;list-style-type:none;
}
ul.pager li.pager-next{
	float:right
}

.pager {
	padding:2px
}

.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:normal;text-align:center;
}
.counter {
	line-height: 1;
	margin: 15px 0 !important;
	text-align: right;
}

.counter span {
	background: #fff;
	border: 1px solid #069;
	color: #fff;
	padding: 2px 5px;
}
.form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append {
    display: block;
    margin-bottom: 10px;
    vertical-align: middle;
}

/* ===== layout.css ===== */
body
{
  line-height:1.5em;
  background:#ededed;
  margin:0;
  padding:0;
}

body.contentpane
{
  width:auto;
  line-height:1.3em;
  font-size:12px;
  color:#333;
  background:#fff;
  margin:0;
}

html
{
  overflow-y:scroll;
}

html,body
{
  height:100%;
  margin:0;
  padding:0;
}

.container,.colophon
{
  margin:auto;
}

table.mtable td
{
  border:1px solid #ccc;
  margin:4px;
  padding:20px;
}

table.mtable
{
  margin:10px auto 0;
}

img.t-config
{
  display:block;
  margin-bottom:40px;
}
.img-shadow {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

div.jpclear
{
  clear:both;
  height:0;
  font-size:0;
  margin:0;
  padding:0;
}

p
{
  margin:4px 0;
}
a { 
	transition: color 0.2s linear 0s;
	/* Firefox 4 */
	-moz-transition: color 0.2s linear 0s;
	/* Safari and Chrome */
	-webkit-transition: color 0.2s linear 0s;
	/* Opera */
	-o-transition: color 0.2s linear 0s;
}
a:link,
a:visited
{
	color:#000
}

a:hover,
a:focus
{
	text-decoration:underline
}

ul, li {
	margin:0; padding:0;
}
li {margin-left:10px;
}
li.pagenav-prev,li.pagenav-next,a.readmore,.validate,.button,.readon,a.readon,.readmore
{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-decoration:none;
  padding:4px 15px;
  font-size:11px;
}

.button:hover,.readon:hover,.readmore:hover
{
  text-decoration:underline;
}

li a,a img,img a
{
  border:none;
  text-decoration:none;
}

h1,h2,h3,h4,h5,h6,.contentheading,.componentheading,.item h2 a,h2.contentheading a
{
  margin:0;
  padding:0;
}

h1
{
  font-size:2em;
  margin-bottom:10px;
}

h2,h2.contentheading,.contentheading
{
  font-size:26px;
  padding-bottom:0;
  text-transform:uppercase;
  margin:10px 0 10px;
  padding-bottom:10px;
  border-bottom:1px dashed #ededed;
}

h2 a,h3 a
{
  text-decoration:none;
  color:#ac190d;
}

h2 a:hover,h3 a:hover
{
  text-decoration:none;
  color:#000;
}

h3
{
  margin:0 0 20px;
}

h4,.componentheading
{
  font-size:1.2em;
  line-height:1.25;
  margin-bottom:1.25em;
}

h5
{
  font-size:1em;
  font-weight:700;
  margin-bottom:1.5em;
}

h6
{
  font-size:1em;
  font-weight:700;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img
{
  margin:0;
}

.button
{
  border:none;
  padding:4px 20px;
}

.small,.createdate
{
  font-size:11px;
  padding-bottom:.875em;
  line-height:1.875em;
}

.centered
{
  text-align:center;
}

.componentheading
{
  margin:.3em 0;
}

.left-wrapper
{ position:fixed; width:210px; height:auto!important; min-height:100%; background:url(../images/left-bg.gif); padding:0 0 0 5px; z-index:3; }
#left-bottom
{
  position: absolute;
  bottom:0;
  padding:0;
  padding-bottom:20px;
  text-align:center;
  width:100%;
}

.center-wrapper {
	padding: 0 30px 0 240px;
	min-height: 100%; /* Mindesth?he f?r moderne Browser */
	height:auto !important; /* Important Regel f?r moderne Browser */
	height:100%; /* Mindesth?he f?r den IE */
	min-height: 100%; /* Mindesth?he f?r moderne Browser */
	background:#fff;
	width:840px;
	box-shadow: 0 -8px 10px 2px #ccc;
	background:#fff url(../images/right-bg.gif) repeat-y 210px 50%;
}

.container{
	width: 100%; 
	margin: auto;
}

.top-left
{
  float:left;
  width:59%;
}

.top-right
{
  float:right;
  width:40%;
  text-align:right;
}

.top-outer
{
  position:relative;
  width:100%;
  background: url(../images/top-bg.gif) bottom repeat-x;
  margin-bottom:20px;
  padding:20px 0;
}

.jpsearch {
  padding:20px 0 0 0;
  /*margin-left:30px;*/
  float:none;
 }
.jpsearch label {
  display:none
}
.jpsearch .inputbox {
  width:130px;
  margin:0 auto;
  padding:5px 4px;
  font-size:92%;
  color:#999
}

.logo
{
  float:none;
  margin:0 auto;
  padding:20px 0;
  text-align:center
}

.breadcrumbs, .pathway, ul.breadcrumb li
{
  color:#999;
  font-size:11px!important;
  margin:0!important;
  padding:5px 0
}
.breadcrumbs a, pathway a
{
	text-decoration:none
}

.logo h1
{
  line-height:1em;
  font-size:18px;
  font-weight:lighter;
  margin:0;
  padding:0;
}

.site-content
{
  position:relative;
  padding-top:30px;
}
.top-module
{
  position:relative;
}

#suckerfish
{
  position:relative;
}
.module-shadow
{
  background: url(../images/shadow-50.png) bottom no-repeat;
}

.shadow
{
  background: url(../images/shadow-50.png) bottom no-repeat;
  height:35px;
  width:100%;
}
#main { margin-bottom:20px; margin-top:20px; }
#above-content
{
  padding-bottom:20px;
}

#below-content
{
  padding-top:20px;
}

.footer-module
{
  padding:10px 0;
}

.footer,.social
{
  font-size:.8em;
  padding:30px 0 10px 0;
  background: url(../images/top-bg.gif) top repeat-x;

}

.imgpadding
{
  margin:0 20px 10px 0;
}

.img-border
{
  border:1px dashed #ccc;
  margin:0 30px 10px 4px;
  padding:4px;
}

div.info
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#ffd url(../images/attention.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

div.pdf
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#edf3f8 url(../images/info.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

div.attention
{
  display:block;
  text-align:left;
  border:1px dotted #d2d2b6;
  background:#fffff7 url(../images/error.png) 10px no-repeat;
  margin:10px 0 20px;
  padding:14px 14px 14px 60px;
}

.imgborder
{
  border:1px solid #999;
  margin-right:6px;
  padding:5px;
}

img
{
  max-width:100%;
  height:auto;
}

.ir
{
  display:block;
  border:0;
  text-indent:-999em;
  overflow:hidden;
  background-color:transparent;
  background-repeat:no-repeat;
  text-align:left;
  direction:ltr;
}

.hidden
{
  display:none!important;
  visibility:hidden;
}

.visuallyhidden
{
  border:0;
  clip:rect(0000);
  height:1px;
  overflow:hidden;
  position:absolute;
  width:1px;
  margin:-1px;
  padding:0;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus
{
  clip:auto;
  height:auto;
  overflow:visible;
  position:static;
  width:auto;
  margin:0;
}

.invisible
{
  visibility:hidden;
}

.clearfix:before,.clearfix:after
{
  content:"";
  display:table;
}

.clearfix
{
  zoom:1;
}

.jpclr,.clearfix:after
{
  clear:both;
}

ul li,ol li,ul li
{
  list-style-position:inside;
}

a,a:visited,a:active
a:hover,.footer a,.footer p
{
  color:#000;
}

a:hover,.readmore a
{
  text-decoration:none;
}

h1.componentheading,.componentheading,h2.contentheading,.contentheading
{
  margin:0;
  padding:0 0 7px;
}

.top-left label,.ir br
{
  display:none;
}
/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ===== menu.css ===== */
/************** White Mainmenu Navigation styles **************/
.moduletable ul.menu li{ margin:0!important;padding:0!important;}
.moduletable ul.menu li a{display:block;border-bottom:1px solid #dadada;text-decoration:none;outline:none;color:#333;padding:4px;}
.moduletable ul.menu li a:hover,.moduletable ul.menu li a:active,.moduletable ul.menu li a:focus{color:#888;border-bottom:1px solid #dadada;text-decoration:none;background:none;}
.moduletable ul.menu li.active{color:#000;text-decoration:none;}
.moduletable ul.menu li.active a{color:#666!important;text-decoration:none;}
.moduletable ul.menu li li{list-style:none;padding:0 0 0 10px !important; background-image:none!important;background:url(../images/arrow.png) no-repeat left!important}
.moduletable ul.menu li li a{font-size:100%!important;padding-left:10px!important;border-bottom:1px solid #dadada;color:#666;}
.moduletable ul.menu li li a:hover,.moduletable ul.menu li li a:active,.moduletable ul.menu li li a:focus{color:#888;}
.moduletable ul.menu li.active{color:#000!important;text-decoration:none;background:none;}
.moduletable ul.menu, .moduletable ul li ul{list-style:none;margin:0;padding:0;}

/************** Dark Mainmenu Navigation styles **************/
.dark ul.menu li
{
	margin:0!important;padding:0!important;color:#CCCCCC!important;
}
.dark ul.menu li a
{
	display:block;border-bottom:1px solid #444!important;text-decoration:none;outline:none;color:#fff;padding:4px;
}
.dark ul.menu li a:hover,
.dark ul.menu li a:active,
.dark ul.menu li a:focus
{
	color:#ccc!important;border-bottom:1px solid #444;text-decoration:none;background:none;
}
.dark ul.menu li.active
{
	color:#999!important;text-decoration:none;
}
.dark ul.menu li.active a
{
color:#999!important;text-decoration:none;
}

.dark ul.menu li li
{
list-style:none;padding:0 0 0 10px !important; background-image:none!important;background:url(../images/arrow.png) no-repeat left!important
}
.dark ul.menu li li a
{
font-size:100%!important;padding-left:4px!important;color:#ccc!important;border:none!important
}
.dark ul.menu li li a:hover,
.dark ul.menu li li a:active,
.dark ul.menu li li a:focus
{
color:#999!important;
}
.dark ul.menu li.active a:hover
{
color:#999!important;text-decoration:none;background:none;
}
.dark ul.menu,
.dark ul.menu li ul
{
list-style:none;margin:0;padding:0;
}

/************** Topmenu Navigation styles **************/
.top-right {font-size:11px; position:relative; z-index:1000;}
.top-right ul{float:right;padding:0;margin:0;}
.top-right ul li {float:right;list-style: none;}
.top-right ul li a {color:#666;text-decoration:none;display:block;}
.top-right ul li a:link, .top-right ul li a:visited {text-decoration: none;display:block;padding:1px 8px;margin:0 0 0 1px;}
.top-right ul li a:hover {text-decoration:none;}
.top-right ul li#current a:link, .top-right ul li#current a:visited, .top-right ul li.current a:link, .top-right ul li.current a:visited {color:#999;}
.top-right ul li#current a:hover, .top-right ul li.current a:hover {color:#999;}
.top-right ul li ul li a {background:none;}

/************** legaline Navigation styles **************/
.legaline ul{ text-align:center;padding:0;margin:0 auto;}
.legaline ul li {text-align:center;padding:0;margin:0 auto;list-style: none;}
.legaline ul li a {color:#6D685C;text-decoration: none;display:block;}
.legaline ul li a:link, .legaline ul li a:visited {color:#6D685C;text-decoration: none;display:block;padding:1px 10px;margin:0 0 0 1px; border-left:1px solid #fff}
.legaline ul li a:hover {color:#222;}
.legaline ul li#current a:link, .legaline ul li#current a:visited, .legaline ul li.current a:link, .legaline ul li.current a:visited {color:#222;}
.legaline ul li#current a:hover, .legaline ul li.current a:hover {color:#999;}
.legaline ul li ul li a {background:none;}


/* ===== suckerfish.css ===== */
/* =Navigation
---------------------------------------------------------------------
*/
#suckerfish ul, #suckerfish li{
list-style:none;
list-style-position:inside;
margin:0;
padding:0;
}


#suckerfish li{
   float: left;
   border-bottom: 1px solid #bbb;
   border-top:1px solid #fff;
   text-align: left;
   width:100%;
   display:block;
}
#suckerfish li:hover{
	background:#FFFFFF}

#suckerfish li a{
   display: block;
   padding-top: 8px;
   padding-bottom:8px;
   color: #000;
   text-decoration: none;
   text-align:right;
   padding-right:20px;

}

#suckerfish li a:hover{
}
#suckerfish li.active a{
   color: #000;
   background:#fff;
}

#suckerfish li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 220px;
   margin: -38px 0 0 210px;
   list-style: none;
   line-height: 1;
   -moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;
  	background:#fff;
}

#suckerfish li li{
   border: 0;
   text-align: left;
   padding:4px 0;
   border-bottom: 1px solid #eee;

}
#suckerfish li li a{
   border: 0;
   text-align: left;
   padding-left:20px!important;

}

#suckerfish li ul ul{
   margin: -34px 0 0 200px;
   
}

#suckerfish li:hover ul ul,
#suckerfish li.sfhover ul ul{
   left: -999em;
}

#suckerfish li:hover ul,
#suckerfish li li:hover ul,
#suckerfish li.sfhover ul,
#suckerfish li li.sfhover ul{
   left: auto;

}

#suckerfish li li li{
}


#suckerfish li.active li a{
   color: #999;
}

#suckerfish li.active li a:hover{
   background: #fff;
   color: #ccc;
}
#suckerfish li.active li{
   background: #fff;
   color: #ccc;
}


/* ===== module.css ===== */
.center-wrapper .modulecontent{
	margin:10px 0 10px 0; 
	font-size:11px;
  	line-height:1.5em;
}


/* Basic Module Styling */
.center-wrapper .moduletable h3{
	padding:14px 0;
	margin-bottom:10px;
	border-bottom:2px dashed #eee;
}

.center-wrapper .moduletable{
	margin-bottom:20px!important;
	padding-bottom:10px;
}

/* Special Suffix for bright styles */
.center-wrapper .moduletable.bright h3{
	padding:10px 14px;
	font-weight:normal!important;
	color:#000;
	background:#f9f9f9;
	border:none;
	border-bottom:1px solid #ddd;
}

.center-wrapper .moduletable.bright{
	margin:10px 0 10px 0;
	padding-bottom:20px;
	background:#fff;
	border:1px solid #ededed;
	-moz-box-shadow: 0 0 0 4px #cbcbcbt;
	-webkit-box-shadow:  0px 0px 4px 0px #cbcbcb;
    box-shadow:  0px 0px 4px 0px #cbcbcb;
}
.center-wrapper .moduletable.bright .modulecontent{
	padding:0 14px;
}
.center-wrapper .moduletable.bright a{
	color:#000;
}


/* Special Suffix for dark styles */
.center-wrapper .moduletable.dark h3{
	padding:10px 14px;
	font-weight:normal!important;
	color:#fff;
	background:#e8177e;
	border:none;
}

.center-wrapper .moduletable.dark{
	margin:10px 0 10px 0;
	padding-bottom:20px;
	background:#282828 url(../images/module-bg-dark.jpg) bottom repeat-x;
	color:#fff;
}
.center-wrapper .moduletable.dark .modulecontent{
	padding:0 14px;
}
.center-wrapper .moduletable.dark a{
	color:#FFF;
}

/* Special Suffix without margin and background */
.blank .modulecontent{
	padding:0!important;
	background:none!important;
	border:none!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	margin:0!important
}
.moduletable.blank{
	border:none!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
    box-shadow:none!important;
	margin:10px 10px 30px 10px;
	padding-bottom:20px;
	background:none!important;
}

div.moduletable.blank h3{
	padding:4px 0 10px 0;
	font-weight:normal!important;
	background:none!important;
}


/* Legal line 
--------------------------------------------------------- */
.legaline div.moduletable h3{
	margin-bottom:14px;
}
.legaline div.moduletable{
	padding:0; line-height:1.4;margin:0;color:#ccc;
}
.legaline div.moduletable a{
	padding:0; line-height:1.4;margin:0;color:#ccc;
}

/*CUSTOM MODULE STYLES
--------------------------------------------------------- */
div.moduletable.hot{background: url(../images/hot.gif) right 14px no-repeat!important;}
div.moduletable.new{background: url(../images/new.gif) right 14px no-repeat!important;}
div.moduletable.top{background: url(../images/top.gif) right 14px no-repeat!important;}



/* ===== jptypo.css ===== */
#jp_typo td{padding:10px 0 20px 0; text-align:left}
#jp_typo p{margin:0 0 6px 0;}
.list_row td{padding:10px 0 20px 0;}

h6#jp_header{padding:4px 8px; background:#f9f9f9; color:#555; font-size:20px; margin-bottom:10px;}

/* PREFORMATTED TEXT
-------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code {
	background-color: #ffffdd !important;
	border: 1px solid #ccc !important;
	border-left-width: 5px !important;
	font: 1em/1.5 Monaco, Consolas, "Courier News", monospace !important;
	padding: 10px 15px !important;
}
/* Dropcap ---*/
.dropcap {
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 0 0;
}

/* Inline Words Hilite ---*/
.highlight {
	background: #ffffdd;
	font-weight: bold;
	padding: 1px 5px;
}
/* Blockquote ---*/
blockquote { font-family: Georgia, Times, serif; font-size: 100%; }

blockquote span.close {
	background: url(../images/typo/sc-q.gif) no-repeat bottom right;
	display: inline-block;
	padding: 0 20px 0 0;
}

blockquote span.open {
	background: url(../images/typo/so-q.gif) no-repeat left top;
	display: inline-block;
	padding: 0 0 0 20px;
}
/* Special list style ---*/
ul.arrow, ul.star, ul.check{margin:0; padding:0; list-style-type:none;
}
ul.arrow li {
	background: none;
	margin:2px 0 2px 4px;
	padding: 0 0 0 25px;
	position: relative;
	overflow: hidden;
	background: url(../images/typo/arrow.png) left top no-repeat;
}
ul.star li {
	background: none;
	margin:2px 0 2px 4px;
	padding: 0 0 0 25px;
	position: relative;
	overflow: hidden;
	background: url(../images/typo/star.png) left top no-repeat;
}
ul.check li {
	background: none;
	margin:2px 0 2px 4px;
	padding: 0 0 0 25px;
	position: relative;
	overflow: hidden;
	background: url(../images/typo/check.png) left top no-repeat;
}



/* Special Messages style ---*/

p.icon-error { background: url(../images/typo/error.png) left top no-repeat; color: #CC0000; padding-left:24px }
p.icon-message { background: url(../images/typo/message.png) left top no-repeat; color: #2C79B3; padding-left:24px }
p.icon-tips { background: url(../images/typo/tips.png) left top no-repeat; color: #E58C00; padding-left:24px }
p.icon-key { background: url(../images/typo/key.png) left top no-repeat; padding-left:24px }
p.icon-tag { background: url(../images/typo/tag.png) left top no-repeat; padding-left:24px }
p.icon-cart { background: url(../images/typo/cart.png) left top no-repeat; padding-left:24px }
p.icon-doc { background: url(../images/typo/doc.png) left top no-repeat; padding-left:24px }
p.icon-note { background: url(../images/typo/note.png) left top no-repeat; padding-left:24px }
p.icon-photo { background: url(../images/typo/photo.png) left top no-repeat; padding-left:24px }
p.icon-mobi { background: url(../images/typo/mobi.png) left top no-repeat; padding-left:24px }

/* Box without icons */
p.box-grey, p.box-hilite { padding: 10px 15px !important; }
p.box-grey {
	background: #f7f7f7;
	border-color: #dddddd;
	border-style: dotted;
}
p.box-hilite { background: #ffffdd; border-color: #d2d2b6; }

p.box-hilite {
	background: #ffffdd;
	border-color: #d2d2b6;
	border-style: dotted;
}
/* Box with icons */

p.box-sticky { background: url(../images/typo/sticky-big.png) no-repeat left; border: 1px solid #ddd; padding: 10px 10px 10px 50px; }
p.box-download { background: url(../images/typo/download-big.png) no-repeat left; border: 1px solid #ddd; padding: 10px 10px 10px 50px; }









/* ===== custom.css ===== */
/* Inser all your custom style in this sheet */	


/* ===== flexslider.css ===== */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider li { padding:0;margin:0}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; position: relative; zoom: 1; z-index:2}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* ===== Inline-Styles aus dem Joomla-Template ===== */
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/open-sans-300.woff2) format('woff2')}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/open-sans-400.woff2) format('woff2')}
body{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;color:#555!important;background-color:#ddd!important}
.moduletable h3{font-family:Open Sans,Arial,Helvetica,sans-serif}
h2,h2 a{font-family:Open Sans,Arial,Helvetica,sans-serif}
h2,h2 a{color:#000!important;font-size:28px!important}
.moduletable h3{color:#777;font-size:16px!important}


/* ===== blue.css ===== */
/* Special Suffix for dark styles */
.center-wrapper .moduletable.dark h3{
	background:#1599d7;
}
li.pagenav-prev,li.pagenav-next,a.readmore,.validate,.button,.readon,a.readon,.readmore, .readmore a
{
  background-color:#1599d7;
  color:#fff!important;
}
a:hover{
	color:#1599d7
}
#suckerfish li li a:hover,
#suckerfish li.active li a:hover
{
   color: #1599d7;
}
.top-right li a{
  background-color:#1599d7;
  color:#fff!important;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

}
.top-right li a:hover{
  background-color:#000;
}

/* ===== tablet.css ===== */

/* Landscape phone to portrait tablet */
@media (max-width: 768px) { 

.hidden-phone { 
	display: none !important; 
	visibility: hidden;
	}
.logo { 
	text-align:center;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	}
.logo img {
	max-width:100%;
	}

.left-wrapper {
   position:relative!important;
   width:100%!important;
   height:auto!important;
   background:url(../images/left-bg.gif);
   padding:0!important;
   min-height:1px!important ;

}
.center-wrapper {
	padding:0!important;
	height:auto !important; /* Important Regel fr moderne Browser */
	background:#fff!important;
	width:100%!important;
	box-shadow:0!important;
}

.container {
	width: 98%!important; 
	margin: auto;
}
#suckerfish { 
	display:block; 
	width:100%; 
	text-align:center; 
	padding:0 0 20px 0;
	}
#suckerfish select { 
	display:block; 
	width:90%; 
	margin:0 auto
	}
}

/* ===== phones.css ===== */

@media  (max-width: 480px) {
/* Landscape phones and down */

.hidden-phone { 
	display: none !important; 
	visibility: hidden;
	}
.logo { 
	text-align:center;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
	}
.logo img {
	max-width:100%;
	}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 0;
	margin-right: 0;
	width:100%;
}

.left-wrapper {
   position:relative!important;
   width:100%!important;
   height:auto!important;
   background:url(../images/left-bg.gif);
   padding:0!important;
   min-height:1px!important ;

}
.center-wrapper {
	padding:0!important;
	height:auto !important; /* Important Regel fr moderne Browser */
	background:#fff!important;
	width:100%!important;
	box-shadow:0!important;
}

.container {
	width: 98%!important; 
	margin: auto;
}
#suckerfish { 
	display:block; 
	width:100%; 
	text-align:center; 
	padding:0 0 20px 0;
	}
#suckerfish select { 
	display:block; 
	width:90%; 
	margin:0 auto
	}


}

/* ===== Slider (ersetzt jQuery FlexSlider) ===== */
.flexslider .slides > li{display:block;float:left;width:100%;margin-right:-100%;position:relative;opacity:0;transition:opacity .6s ease;z-index:1}
.flexslider .slides > li.flex-active-slide{opacity:1;z-index:2}
.flexslider .slides img{width:100%;height:auto}
.flexslider .header img{max-width:100%;height:auto}
.flexslider.page-header-image{margin:0}
/* Fix: im Original rutscht der Slider am Handy neben das Menue */
@media (max-width:768px){.center-wrapper{clear:both}}