/* ### author: VSMH http://www.vsmh.de ### */

/* ### START DEFAULT AND FORM STYLES ### */

html {
  border:0px;
  margin:0px;
  border:0px;
  font-family:Arial,Helvetica,Verdana,san-serif;
  font-size:11px;
  font-weight:normal:
  font-variant:normal;
}
h1,h2,h3{
  font-size:13px;
  cursor:default;
}
h4,h5,h6{
  font-size:11px;
  cursor:default;
}
body{
  padding:10px;
  margin:0px !important;
  height:100%;
  *scroll:0;
}

td{
  vertical-text-align:top;
  text-align:left;
  padding:2px;
}
td, tr, p, div {
  font-family:  Arial, Helvetica, sans-serif;
  color:#333333;
  font-size:11px;
  line-height:13px;
}

hr {
  color:#999999;
  height:1px;
  width:100%;
}

a:hover, #mainCol .contentpane a:hover {
  color:#999999;
  text-decoration:underline;
}

ul {
  margin: 2px;
  padding-left:10px;
  list-style:none;
}


form {
  margin:0; 
  padding:0;
}

.inputbox {
 color:#000000;
 background:#ECEEEF;
 border:1px solid #cccccc;
 margin:0px;
 height:19px;
}

form select.button{
 color:#000000;
 background:#ECEEEF;
}

option {
  background:#ffffff;
}
fieldset{
  border:0px solid #fff;
}
fieldset div{
 width:45%;
}
/* ### START LOGO STYLES ### */
#logo {
  background:url(../images/vsmh_bg_header.png) repeat-x top left;
  height:55px;
}

/* ### START HEADER NAV STYLES ### */
#headerNav{
  padding:0px;
  margin:0px;
  padding-right:5px;
  padding-left:5px;
  position:absolute;
  font-family:Arial,Helvetica,Verdana,san-serif;
  width:auto;
  *width:200px;
  overflow:visible;
  white-space:nowrap;
  font-size:11px;
  text-align:right;
  right:1px;
  top:1px;
  height:16px;
  background:#444;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
#headerNav a.mainlevel, #headerNav span.mainlevel{
  font-family:Arial,Helvetica,Verdana,san-serif;
  font-size:11px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
  color:#fff;
}
#headerNav span.mainlevel{
  cursor:default;
  overflow:visble;
}
#headerNav a.mainlevel:active, #headerNav a.mainlevel:hover, #headerNav a.mainlevel:visited, #headerNav a.mainlevel:link{
  text-decoration:none;
  color:#fff;
  padding:2px;
}
#headerNav div{
  position:relative;
  float:right;
  height:16px;
  margin:0px;
  padding:0px 0px 0px 0px;
  overflow:hidden;
}
#jflanguageselection{
 position:absolute;
 right:0px:
 top:0px;
 margin:0px;
 padding:0px;
}
ul .jflanguageselection{
 margin:0px;
 padding:0px;
}
ul .jflanguageselection li{
 margin:0px;
 padding:0px;
}
ul .jflanguageselection li a{
 margin:0px;
 padding:0px;
}
/* ### START CONTAINER AND LAYOUT STYLES ### */
#mainouterbox{
  position:relative;
  background:#444444;
  border:0px solid #444444;
  margin:0px;
  padding:1px;
  width:800px;
  height:600px;
  overflow:hidden;
}
#shadow1, #shadow2, #shadow3 {
  position:absolute;
  display:block;
  width:802px;
  height:600px;
}
#shadow1 {
  background:#444;
  left:13px;
  top:15px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity:0.3;
  opacity:0.3;
}
#shadow2 {
  background:#222;
  left:12px;
  top:14px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity:0.3;
  opacity:0.3;
}
#shadow3 {
  background:#000;
  left:11px;
  top:13px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity:0.3;
  opacity:0.3;
}
#mainContentBox{
  position:relative;
  width:800px;
  height:509px;
  background-color:#fff;
  overflow:hidden;
}
#leftCol{
  position:relative;
  float:left;
  width:185px;
  height:100%;
  overflow:auto;
  padding-right:10px;
  padding-top:8px;
}
#mainCol{
  position:relative;
  float:left;
  width:600px;
  height:499px;
  overflow:auto;
  background-color:#fff;
  margin-top:4px;
  margin-bottom:4px;
}
#mainCol div{
  position:relative;
  float:left;
  padding:4px;
  background-color:#fff;
}
#rightCol{
  position:relative;
  width:200px;
  height:100%;
  overflow:auto;
  background-color:#fff;
}

/*### START JOOMLA CSS ### */

.back_button {
  font-size:11px;
  font-weight:normal;
  padding-bottom:3px;
  margin-right:4px;
  float: right;
  line-height:15px;
}

div.back_button a{
  text-decoration:none;
}

.contact_email  {
  width:100%;
}

.contact_email .inputbox {

}

table.moduletable {
  margin:0 0 0 0;
  width:100%;
}

table.moduletable th {    
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align:left;
  width:100%;
  Text-transform:uppercase;
  color:#444;
  padding:2px;
  line-height:17px;
  height:17px;    
  text-indent:5px;
}

table.moduletable td {
  padding-top: 2px;
}

.contentmod {
  text-align:left;
  padding:8px 0;
}

.contentmod td {
  padding:5px;
}

.contentmod table.moduletable {
  margin:0 0 8px 0;
  width:96%;
  border: 1px solid #DDE1E3; 
  background:#ECEEEF;
}


.contentmod table.moduletable th{
  font-size:11px;
  font-weight:bold;
  text-align:left;
  width:96%;
  color:#666;
  padding:2px;
  line-height:17px;
  border-bottom:0px solid #DDE1E3;
  background-color:#eee;
}

a.readon:hover{
  color:#999999;
  font-size:11px;
  background:url(../images/indent1.png) no-repeat;
  white-space:normal;
  font-weight:normal;
  padding:1px 0 1px 10px;
  line-height:15px;
  text-decoration:none;
  border-left:2px solid #999999;
}

.pagenavcounter{
  font-size:11px;
  color:#999999;
}

.pagenavbar{
  border-top:1px solid #999999;
  padding:2px;
}

.pagination span{ 
  padding: 2px; 
}

.pagination a{ 
  padding: 2px; 
} 

.pagination{
  font-weight:normal;
}

a.pagination:link, a.pagenav:visited {
  font-size:11px;
  color:#999999;
  text-decoration:none;
}

a.pagination:hover {
  font-size:11px;
  color:#af2222;
  text-decoration:none;
}

table.contenttoc {
  border:1px solid #dcdcdc;
  background:#f3f5f6;
  padding:0;
  margin-left:2px;
  margin-bottom:2px;
}

table.contenttoc th{
  margin:0;
  padding:2px;
  background:#e7eaec;
  color:#333333;
}

table.contenttoc td a:link, table.contenttoc td a:visited{
  padding-left:11px !important;
  padding-left:0;
  text-indent:11px;
  text-decoration:none;
}

.pathway {
  font-size:11px;
  color:#333333;
  padding-left:5px; 
}

a.pathway:link, a.pathway:visited {
  font-size:11px;
  padding-left:0;
  font-weight:bold;
  text-decoration:underline;
}

a.pathway:hover {
  font-size:11px;
  padding-left:0;
  font-weight:bold;
}

.pathway img{
  padding-top:5px;
}

.sectiontableheader {
  font-weight: bold;
  letter-spacing:1px;
  color:#ffffff;
  background:#414141; 
  padding:3px 5px;
  border:1px solid #ffffff;
}

td.sectiontableheader a {
  color:#F6F7F9;
}

.sectiontableentry1 {
  vertical-align:top;
  background:#f6f6f6;
  border-bottom:1px solid #ffffff;
  line-height:20px;
}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding:2px 5px;
  border-bottom:1px solid #ffffff;
  line-height:20px;
}

.sectiontableentry2 {
  vertical-align: top;
  border-bottom: 1px solid #ffffff;
  background: #f0f0f0;
  line-height: 20px;
}
.sectiontableentry1 img{
  margin:2px 0;
}
.sectiontableentry2 img{
  margin:2px 0;
}

a.category:link, a.category:visited {
  font-size: 11px;
  font-weight: normal;
  padding: 5px;
}

.small {
  font-size: 11px;
  color: #999999;
}

.smalldark {
  font-size: 11px;
  color: #333333;
}

.createdate, .modifydate {
  font-size: 11px;
  color: #666666;
  font-weight: normal;
  text-align: left;
  width: 100%;
}

.content_vote {
  font-size: 11px;
  height: 22px;
  padding: 2px 0;
}

.content_rating {
  font-size: 11px;
  color: #999999;
}

table.content{
  width            : 96%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 96%;
  border-spacing   : 0;
  padding-left     : 0px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

table.contentpaneopen {
  width            : 96%;
  border-spacing   : 0;
  padding-left     : 0px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

.contentheading {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  width:96%;
  font-size:11px;
  font-weight:bold;
  line-height:17px;
  text-align:left;
  text-indent:5px;
  color:#666;
  padding:3px;
  margin:0px;
  background:#eee;  
}

.contentheading a {
  text-decoration:none;
}

.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 12px;
  font-weight      : bold;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : left;
  color            : #616161;
  padding          : 3px;
  margin           : 5px !important;
  margin           : 5px 1px;
  background       : #ECEEEF;
  height:21px;
  width:100%;
}

.contentdescription { 
  width: auto !important;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  text-align: left;
}

.blog_more {
  margin:10px 0 7px 7px;
}

.buttonheading {
  padding:0 2px;
}
.buttonheading a, .buttonheading img{
  border:0px;
}

.blog {
  width:100%;
}


/* ### CSS FOR POLLS ### */
.poll {
  color:#333333;
  line-height:13px;
  font-weight:normal;
  text-align:left;
}

.pollstableborder{
  border-color:#999999;
  text-align:left;
}

/* ### CSS FOR MAINMENU ### */

div.module, div.module_menu{
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  width:175px;
  text-align:left;
  margin:0 0 0 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

div.module h3, div.module_menu h3 {
  font-family:Arial, Verdana,  Helvetica, sans-serif;
  font-size: 0px;
  font-weight: bold;
  text-align:left;
  width:100%;
  color:transparent;
  line-height:21px;
  background:none;
  height:0px;
  margin:0 0 0 0;
  padding-left:20px;
  display:none;
}

.module_menu ul, .module_menu ul li{
  background-image:none;
  list-slyle:none;
  display:block;
  width:auto !important;
  width:100%;
  margin:1px 0;
  padding:0px;
  font-size:11px;
  background:none;
  text-indent:5px;
}

.module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited{
  display:block;
  font-size:11px;
  font-weight:normal;
  padding:2px 0px;
  padding-left:5px;
  text-decoration:none;
  width:175px;
}

.module_menu ul li a:hover{
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
  padding-left:5px;
  text-decoration:none;
  width:175px;
}

.module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited{
  display:block;
  font-size:11px;
  font-weight:normal;
  padding:2px 1px 2px 5px;
  margin:0px;
  text-decoration:none;
  text-indent:10px;
  border:none;
}

.module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover{ 
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
  text-indent:10px;
}

.module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited{
  font-size:11px;
  font-weight:normal;
  text-decoration:none;
  text-indent:10px;
}


/* ### CSS FOR TOPMENU ### */

ul#mainlevel-nav {
  height:16px;
  list-style:none;
  margin:0px;
  padding:0px;
  border:0px;
  padding-left:200px;
  font-size:11px;
  overflow:hidden;
}

#mainlevel-nav li {
  height:16px;
  overflow:hidden;
  margin:0px;
  padding	:1px 5px 2px 5px;
  float:left;
  display:inline;
  list-style:none;
  width:auto;
  color:#ffffff;
}

#mainlevel-nav li a {
  display:inline;
  width:auto;
  padding	:1px 5px 2px 5px;
  color:#ffffff;
  text-decoration:none;
  font-weight:normal;
  /*line-height:12px !important;*/
  _height:0;
}

ul#mainlevel-nav li #active_menu-nav:hover {
  height:16px;
  overflow:hidden;
  margin:0px;
  cursor:pointer;
  position:relative;
  width:auto;
  padding	:1px 5px 2px 5px;
  text-decoration:none;
}


/** images **/

div.mosimage { margin: 5px; }
div.mosimage_caption {  font-size: 11px; color: #666; }

div.caption       { padding: 0 4px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: 11px; color: #666; text-align: center; }

img.caption {border: 1px solid #CCC; padding: 4px;}




/** #################### index.php #################### **/


.main { 
  text-align       : left; 
  width            : 95%;
 }

div.mod {
  background       : none;
  width            : 6px;
}

#clear {
  clear:both;
  height:5px;
  line-height:5px;
  font-size:0px;
  background-color:#fff;
  background-image:url(../images/vsmh_bg_clear.gif);
  background-repeat:repeat-x;
  background-position:top left;   
}

#centertb {
border: 1px solid #ffffff;
background: #ffffff;
}

td.pw {
width            : 100%;
padding          : 5px 5px 10px 5px !important;
padding          : 2px 2px 10px 2px;
}

td.pw div{
padding          : 5px;
width            : auto;
border           : 1px solid #DDE1E3;
background       : #ECEEEF;
}

   
.footer_left {
  float:left;
  font-size:9px;
  font-weight:normal;
  color:#ccc;
}

.footer_left p{
  padding-left:10px;
  color:#ccc;
}

.footer_right {
  width:410px; 
  float:right;
  font-size:9px;
  font-weight: normal;
  padding-top:2px;
  text-align:right;     
 }

.footer_right p{
  padding-right:20px;
  color:#ccc;
}
.footer_right p a, .footer_left p a{
  color: #ccc;
}

.foot {
  height:15px;
  background:url(../images/vsmh_bg_foot.png) repeat-x top left;
  border:0px;
}

.foot td {
  padding:0px;
}


#top_bar {
  position:absolute;
  margin:0px;
  padding:0px;
  right:2px;
  top:43px;
  height:16px; 
  background: url(../images/icon.gif) no-repeat top right; 
 }

#ordering{
  margin:0px 0px 0px 0px;
  font-family:arial,helvetica,verdana,san-serif;
  font-size:11px;
  font-weight:normal;
  height:15px;
  border:1px solid #ddd;
  padding:2px;
  line-height:15px;
}

#searchForm #search_searchword{
  margin:0px 0px 0px 0px;
  font-family:arial,helvetica,verdana,san-serif;
  font-size:11px;
  font-weight:normal;
  height:15px;
  border:1px solid #ddd;
  padding:1px 1px 1px 1px;
  line-height:15px;
  *line-height:13px;
}

#searchForm .contentpaneopen .inputbox {
  margin:0px 0px 0px 0px;
  font-family:arial,helvetica,verdana,san-serif;
  font-size:11px;
  font-weight:normal;
  height:19px;
  border:1px solid #ddd;
  padding:1px 1px 1px 1px;
  line-height:19px;
}
#searchForm #ordering, #searchForm #ordering .inputbox, #searchForm #limit, #searchForm #limit .inputbox{
  margin:0px 0px 0px 0px;
  font-family:arial,helvetica,verdana,san-serif;
  font-size:11px;
  font-weight:normal;
  height:19px;
  border:1px solid #ddd;
  padding:1px;
  line-height:19px;
}
#searchForm label{
  line-height:19px;
  height:19px;
  vertical-text-align:middle;
}
#searchForm{
  position:relative;
  left:10px;
  width:80%;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:auto;
}
#searchForm fieldset{
  border-bottom:0px solid #fff;
  border-top:0px solid #fff;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
}
.contentpane div{
  position:relative;
  width:auto;
  float:left;
}
#top_bar{
 position:absolute;
 right:0px;
 top:50px;
 right:-4px;
 width:74px;
}
* html #top_bar{
 position:absolute;
 right:0px;
 top:50px;
 right:-4px;
 width:74px;
}
#searchForm div{
 position:relative;
 width:100%;
}
div .componentheading{
 position:relative;
 width:100%;
}