@charset "utf-8";
/*-----------------------------------------------------------------
template.css by www.philippbruhin.ch
-----------------------------------------------------------------*/
/* Fonts */
h1, h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #16738F;
  padding: 0px; 
  margin: 0px 0px 10px 0px;
  font-size: 24px;
}

h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 18px;
}

h3 {             
  color: #16738F;
}

h4, h5, h6 {
  color: #999999;
}

p {
  margin: 0px 0px 15px 0px;
  line-height: 24px;
}

ul, ol {
  margin: 0px 0px 15px 0px;
  padding-left: 30px;
}

ul ul, ol ol {
  margin: 0px;
  padding-left: 10px;
}

ul ul, ol ol {
  margin: 0px;
  padding-left: 30px;
}

ul li, ol li {
  line-height: 24px;
}

ul{
  list-style-image: url("../images/bullet.png");
}

dl { 
  margin: 0px !imoportant;
  padding-left: 0px !important;
  list-style: none !important;

 }
 
dd {
  padding-left: 20px;
}

#system-message dd {
  padding-left: 0px;
}

td, th { padding: 1px; }

hr {
  margin: 15px 0 15px 0;
  display: block;
  background: #c8c8c8;
  height: 1px;
  border: none;
}
 
q { font-style: italic; }

blockquote {
  margin: 10px 0 10px 15px;
  font-style: italic;
  font-size: 130%
}

blockquote > *:first-child:first-letter { font-size: 150% }
 
pre {
  margin: 10px 0 10px 0px;
  padding: 5px 0 5px 10px;
  border: 1px dotted #aab4be;
  border-left: 20px solid #b4b4b4;
  background: #fafafa;
  font-size: 90%;
  color: #2E8B57;
  font-family: "Courier New", Courier, monospace;
  white-space: pre-wrap;
}

acronym, abbr {
  border-bottom: 1px dashed #969696;
  cursor: help;
  font-variant: small-caps;
  text-transform: lowercase;
}

/* Links */
a:link, a:visited  {
  color: #16738F;
  text-decoration: none;
}
          
a:hover, a:active {
  color: #999999;
  text-decoration: none;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

/* Search */
#search input { 
  border: 1px #c8c8c8 solid;
  margin: 0px;
  padding: 5px 5px 5px 5px;
  font-size: 14px;
  color: #999;
  width: 208px;
  background-color: transparent;
}

/* Fullscreen off and on*/
#fullscreen a:link, #fullscreen a:visited, #fullscreen a:hover {
   color: #999;  
}

#fullon span, #fulloff span {
  float: left;
  padding: 0px 0px 0px 5px;
  font-size: 10px;
  line-height: 14px;
}

#fullon img, #fulloff img {
  float: left;
  padding: 2px 0px 0px 0px;
}

/* Breadcrumbs */
#breadcrumbs, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active{
  font-size: 14px;
  color: #999;
  text-decoration: none;
}
#breadcrumbs img {
  padding: 0 5px 2px 5px;
}

/* Article icons */
ul.actions {
  float: right;
  margin: 0px !important;
  padding: 0px !important;
  text-align: right;
}

ul.actions li {
  display: inline;
  padding: 0px !important;
  margin: 0px 0px 0px 3px !important;
  background: none;
}

ul.actions li a, ul.actions li a:hover, ul.actions li.active a {
  background: none !important;
}

/* Tooltips */
.tip, .custom2-tip{
  background: #FFFFFF;
  border: 1px solid #999999;
  max-width: 400px;
  padding:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
 
.tip-title, .custom2-title{
  padding: 0;
  margin: 0;
  color: #16738F;
  font-size: 12px;
}

.tip-text, .custom2-text{
  padding: 0;
  margin: 0;
  font-size: 100%;
  color: #999999;
  font-size: 12px;
}

/* Blog */
.item-separator {
  height: 0px;
}

.column-1 {
  padding-top: 40px;
}

/* Content float*/
.left50 {
  float: left;
  width: 50%;
}

.right50 {
  float: right;
  width: 50%;
}

.left33 {
  float: left;
  width: 33%;
}

.right33 {
  float: right;
  width: 33%;
}

.afterfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

/* Read more*/
.button-more {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color:#ededed;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#777777;
  font-family:arial;
  font-size:12px;
  font-weight: normal;
  padding:2px 20px;
  text-decoration:none;
  text-shadow:1px 1px 0px #ffffff;
}

.button-more:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color:#dfdfdf;
}

.button-more:active {
  position:relative;
  top:1px;
}

/* Article Infos*/
.article-details {
  padding-top: 4px;
}

.article-detailer {
  font-size: 11px;
  background-image:url('../images/blog/article-detailer-plus.png');
  background-position: 0px;
  background-repeat:no-repeat;
  padding: 1px 0 0 13px;
  margin:0px 0px 5px 0px;
  display:block;
  cursor:pointer;
}

.article-info {
  margin:0 0 10px 0px;
  font-size: 11px;
  padding: 0 0 0 20px;
}

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

dd.parent-category-name,
dd.category-name,
dd.create,
dd.modified,
dd.published,
dd.createdby,
dd.hits {
  padding-left:20px;
  min-height:16px;
  line-height:16px;
  background-repeat:no-repeat;
  margin:2px 0 !important;
  line-height: normal !important;
  display:inline-block;
  width:100%;
}

dd.parent-category-name {
  background-image:url('../images/blog/parent-catagory.png');
}

dd.category-name {
  background-image:url('../images/blog/category.png');
}

dd.create {
  background-image:url('../images/blog/create.png');
}

dd.modified {
  background-image:url('../images/blog/modified.png');
}

dd.published {
  background-image:url('../images/blog/create.png');
}

dd.createdby {
  background-image:url('../images/blog/createdby.png');
}

dd.hits {
  background-image:url('../images/blog/hits.png');
}

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

dd.createdby {

}

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

/* Article padding */
.column-1 {
  padding-top: 20px;
}

/* Sidebar left and Sidebar right*/
#sidebarleft h3, #sidebarright h3 {
}

/* Blog more*/
.items-more {
  clear:both;
  position: relative;
}

.items-more h3{
  font-size: 16px;
  font-style: normal !important;
  color: #000000;
}

/* Pageination Blog*/
#maincontent .pagination {
  margin:10px 0 ;
  padding:10px 0 10px 0px;
}

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

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

p.counter {
  font-weight:bold;
}

#sidebarleft .moduletable, #sidebarright .moduletable {
  padding: 0 0 10px 0;
}

.moduletable_leftMenu {
  padding: 0 0 25px 0;
}

/* Archive*/
#archive-items h2{
  color: #999;
}

ul#archive-items {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin-left: 0px;
  padding-left: 0px;
}

/* Modul Latest News */
.latestnews {
  padding-left: 0;
  margin-left: 0;
}

ul.latestnews {
  border-top: 1px solid #999;
  list-style-image: none;
}

.latestnews li {
  list-style: none;
  margin: 0;
  padding: 4px 0px;
  border-bottom: 1px solid #999;
}

/* Footermenu with class suffix _subMenu */
.moduletable_subMenu ul.menu{
  float: right;
  font-size:14px;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

.moduletable_subMenu ul.menu li{
  float: left;
  padding-top: 0pt;
  padding-right: 10px;
  padding-bottom: 0pt;
  padding-left: 10px;
  border-right:1px solid #000;
}

.moduletable_subMenu a:link, .moduletable_subMenu a:visited{
  color: #000;
  text-decoration: none;
}

.moduletable_subMenu a:hover, .moduletable_subMenu a:active{
  color: #16738F;
  text-decoration: none;
}

/* Sidenavigation with class suffix _leftMenu */
.moduletable_leftMenu ul {
  border-top: 1px solid #999;
  margin: 0;
  padding: 0;
  list-style-image: none;
}

.moduletable_leftMenu ul ul {
  border-top: none;
  margin-left: 20px;
}

.moduletable_leftMenu ul ul ul{
  border-top: none;
  margin-left: 40px;
}

.moduletable_leftMenu ul li {
  margin: 0;
  margin: 0;
  border-bottom: 1px solid #999;
  list-style: none;
}

.moduletable_leftMenu ul ul li {
  border-bottom: none;
  border-top: 1px solid #999;
}

.moduletable_leftMenu ul li a {
  text-decoration:none;
  display:block;
  padding:  4px 2px;
}
.moduletable_leftMenu ul ul li a {
  color: #999;
}
.moduletable_leftMenu ul li a:hover {
  color: #16738F;
  background:#FFF;
}

/* Forms */
#maincontent fieldset {
  margin: 10px 0 10px 0;
  padding: 10px 10px 10px 10px;
  border: 1px solid #c8c8c8;
}

#maincontent legend {
  padding: 0 10px 0 10px;
  background: #ffffff;
}

#hidecontent textarea { padding: 5px 0 5px 5px; }

#hidecontent option { padding: 0 0 1px 5px; }

#hidecontent select { padding: 5px 0 5px 5px;}

#hidecontent input[type='hidden'] { display: none; }

#hidecontent input[type='text'],
#hidecontent input[type='password'],
.contact-form input,
.remind input,
.registration input { padding: 5px 0 5px 5px; }

#hidecontent button,
#hidecontent input[type='button'],
#hidecontent input[type='submit'] {
  padding: 5px 20px 5px 20px;
  line-height: 100%;
}

#hidecontent input[type='button'],
#hidecontent input[type='submit'],
#hidecontent input[type='checkbox'],
#hidecontent input[type='image'],
#hidecontent input[type='radio'],
#hidecontent input[type='reset'],
#hidecontent select,
#hidecontent button { cursor: pointer; }

#hidecontent textarea,
#hidecontent input[type='text'],
#hidecontent input[type='password'],
#hidecontent select,
.contact-form input,
.remind input,
.registration input {
  border: 1px solid #999999;
  background: #ffffff;
}

#hidecontent textarea:hover,
#hidecontent input[type='text']:hover,
#hidecontent input[type='password']:hover,
#hidecontent select:hover,
.contact-form input:hover,
.remind input:hover,
.registration input:hover { border-color: #aaaaaa; }

#hidecontent textarea:focus,
#hidecontent input[type='text']:focus,
#hidecontent input[type='password']:focus,
#hidecontent select:focus,
.contact-form input:focus,
.remind input:focus,
.registration input:focus {
  border-color: #999999;
  outline: 2px solid #dcdcdc;
}

/* Search form */ 
#searchForm {
  padding: 6px 0px 10px 0px;
  margin: 0px;
}

#searchForm .word {
  padding: 20px 5px;
  margin: 0px;
}

label[for="search-searchword"] {
  float: left;
  width: 100px;
  height: 28px;
  line-height: 28px;
}

#searchForm .word .inputbox {
  width: 300px;
}

#searchForm .phrases {
  margin-top: 10px;
  padding: 20px 5px;
}
      
#searchForm .ordering-box {
  padding-top: 20px;
}

label[for="ordering"] {
  float: left;
  width: 100px;
  height: 28px;
  line-height: 28px;
} 

#searchForm .ordering-box .inputbox {
  width: 300px;
}

#searchForm .only {
  margin-top: 20px;
  padding: 20px 5px;
}

#searchForm .form-limit {
  padding-top: 5px;
}

label[for="limit"] {
  float: left;
  width: 106px;
  height: 28px;
  line-height: 28px;
}

#searchForm .form-limit .inputbox {
  width: 50px;
}

/* Search results */
.search-results .result-title{
  font-size: 18px;
  font-style: bold:
  padding-bottom: 15px;
}

.search-results .small{
  font-weight: normal !important;
  color: #999999 !important;
}

.search-results .result-text{
  padding-bottom: 10px; 
}

.search-results .highlight{
  color: #000000;
  background-color: #ffff99;
}

.search-results .result-created{
  padding-bottom: 20px;
}

/* Login fields */
.login-fields{ 
 padding: 10px 0px;
}

label[for="username"] {
  width: 95%;
  float: left;
  line-height: 28px;
} 

label[for="password"] {
  width: 95%;
  float: left;
  line-height: 28px;
}

.login .button{
  margin-left: 150px;
}

.login input[type='text'], .login input[type='password'], .remind input, .registration input {
  width: 95%;                                                                                                                   
}

textarea {
  width: 95%;
  height: 350px;
}

/* Module Login*/
label[for="modlgn-username"], label[for="modlgn-passwd"], label[for="modlgn-remember"] {
  width: 100%;
  float: left;
}

#login-form input[type='text'], #login-form input[type='password'] {
  width: 200px;
}



/* Password request, Username request, Registration, Contact Form */
.reset dt, .remind dt, .registration dt, .contact-form dt {
  padding: 5px 0px 2px 0px;
}

.reset dd, .remind dd , .registration dd, .contact-form dd{
  padding: 0px 0px 5px 0px;
}

.reset input[type='text'], .remind input[type='text'], .registration input[type='text'] {
  width: 95%;
}

.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea {
  width: 95%;
}

.contact-form input[type='checkbox'] {
  padding-right: 4px;
  padding-left: 5px;
}

/* Send to a friend*/
.formelm {
  margin: 5px 0px;
}

.formelm label {
  width: 150px;
  display: inline-block;
  vertical-align: top;
}

#mailto-window {
  width: 400px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  color: #646464;
  font-size: 14px;
  line-height: 28px;
}

#mailto-window input {
  height: 28px;
  border: 1px solid #999999;
  width: 200px;
}

#mailto-window button {
  padding: 5px 20px 5px 20px;
  line-height: 100%;
}


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

}

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

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

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

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

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

td p {
  margin:0;
  line-height:1.3em
}

.filter {
  margin:10px 0
}

.subheading-category {
  display:block;
  font-size:15px !important;
}

fieldset.filters {
  margin:10px 0;
  padding:0;
  display:block;
}

.hidelabeltxt {
  font-weight:bold;
  padding:0;
}

.display-limit, .filter {
  text-align:right;
  margin-right:7px
}

/* Responsive Table */
table.responsive { width: 100%; border-collapse: collapse;}
table.responsive th {
  font-weight: bold;
  text-align: left;
  padding: 9px 10px;
  border-bottom: 2px solid #CCC;  
}
table.responsive td{
  border-bottom: 1px solid #CCC;
  padding: 9px 10px; 
}

table.responsive tbody tr:hover td {
  background: #FFF;
}