/* CSS Document */
/* programmed : Mont-Bit International */
/* contact : http://www.mont-bit.com */
/* author : Andy Dietschi */
/* Description for this css-file and template see http://www.a-di.ch/kurs/index.html (german language)*/
/* Sie finden auf http://www.a-di.ch/kurs/index.html einen Kurs in deutsch, der diese css Datei und
   eine Templateerstellung beschreibt */
/* ****************************************************************************************************/


/* Die Body Definierung */
body{
        font-family: Arial, Helvetica, sans-serif;
        background-color: #FFFFFF;
        font-size: 14px;
        color: #333333;
}

/* ************************************************************* */
/* begin - Hier werden alle Rahmen aufgelistet */

/* Der Hauptrahmen mit Border 1*/
#body_outline{
        /* width: 900px !important;*/
        width: 900px;
        border: 1px solid;
        border-color: #999999;
        padding: 2px;
        /*background: #ffffff;*/
        background: white;
}

/* user 3 Aussenrahmem mit Border 1 */
#user_3_outline{
        width: 731px !important;
        width: 733px;
        border: 1px solid;
        border-color: #FFFFFF;
        background: #ffffff;
        float: left;
        height: 21px !important;
        height: 23px;
        margin-bottom: 2px;
}

/* user 4 Aussenrahmem mit Border 1 */
#user_4_outline{
        width: 163px !important;
        width: 165px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: right;
        height: 21px !important;
        height: 23px;
        margin-bottom: 2px;
        text-align: left;
}

/* Hack, damit der Rahmen der Searchbox in User 4 verschwindet */
#user_4_outline .inputbox {
        border: 0px;
        padding: 1px 0px 0px 5px;
        font-size: 11px;
        color: #000033;
}

/* Top Aussenrahmem mit Border 1 */
#top_out{
   margin-top: 2px;
   width: 159px !important;
   width: 165px;
   height: 161px !important;
   height: 161px;
   overflow: hidden;
        border: 1px solid;
        border-color: #999999;
        padding: 2px;
        background: #ffffff;

}

/* Menue left Aussenrahmen mit border 1 */
#left_outline{
   margin-top: 2px;
        width: 159px !important;
        width: 165px;
        border: 1px solid;
        border-color: #999999;
        padding: 2px;
        background: #ffffff;
        float: left;
        font-size: 11px;
        text-align: left;
}

/* Menue right Aussenrahmen mit border 1 */
#right_outline{
        margin-top: 2px;
        width: 159px !important;
        width: 165px;
        border: 1px solid;
        border-color: #999999;
        padding: 2px;
        background: #ffffff;
        float: right;
        font-size: 11px;
        text-align: left;
}

/* Banner Aussenrahmen mit Border */
#banner_outline{
   margin-top: 2px;
        width: 727px !important;
        width: 733px;
        border: 1px solid;
        border-color: #999999;
        padding: 2px;
        background: #ffffff;
    float: left;
}

/* User 1 schmal **************/
#user1_out_1{
        width: 276px !important;
        width: 282px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}

/* User 1 mittel **************/
#user1_out_2{
        width: 560px !important;
        width: 566px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}

/* User 1  breit**************/
#user1_out_3{
        width: 359px !important;
        width: 365px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}
/* User 1 large **************/
#user1_out_4{
        width: 727px !important;
        width: 733px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}

/* User 2 schmal **************/
#user2_out_1{
        width: 276px !important;
        width: 282px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: right;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}

/* User 2 mittel **************/
#user2_out_2{
        width: 560px !important;
        width: 566px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}

/* User 2  breit**************/
#user2_out_3{
        width: 360px !important;
        width: 366px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: right;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}
/* User 2 large **************/
#user2_out_4{
        width: 727px !important;
        width: 733px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}
/* Pathway mit Border 1  */
#pathway_out_1{
        width: 560px !important;
        width: 566px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}

#pathway_out_2{
        width: 727px !important;
        width: 733px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        text-align: left;
        font-size: 11px;
}

/* Hauptausgabe 1 mit Border 1 (fuer Menu Left Standart) */
#main_out_1{
        width: 560px !important;
        width: 566px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        font-size: 11px;
}

#main_out_2{
        width: 727px !important;
        width: 733px;
        border: 1px solid;
        border-color: #999999;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        font-size: 11px;
}

#footer {
        width: 894px !important;
        width: 900px;
        border: 1px solid;
        border-color: #ffffff;
        background: #ffffff;
        float: left;
        margin-top: 2px;
        padding: 2px;
        font-size: 11px;
}


/* end - Ende der Rahmenliste */
/* ************************************************************* */

/* Zeilenumbruch erzwingen */
.clr {
        clear:both
}

/* ************************************************************* */

/* Header Area = Container fuer die Grafik */
#header_area {
        width: 900px;
}

/* Die Header Grafik */
#header {
        background: url(../images/head01.jpg) no-repeat;
        width: 900px;
        height: 260px;
}

/* Container User 3 und 4, damit Elemente beim Verschieben nicht ausbrechen */
#con_u_34 {
        width: 900px;
}

/* Container Rechts fuer alle Elemente ausser left */
#sandbox_1{
        width: 733px;
        float: right;
        margin-right: 0px !important;
        margin-right: -4px;
}
#sandbox_2{
        width: 900px;
        float: left;
        margin-left: 0px !important;
        margin-left: 0px;
}

/* Container Links fuer left und top */
#con_left{
        width: 165px;
        float: left;
        margin-left: 0px !important;
        margin-left: 0px;
}

/* Container Rechts fuer right und top */
#con_right{
        width: 165px;
        float: right;
        margin-right: 0px !important;
        margin-right: 0px;
}

/* Container fuer User1, User2, Pathway und Main */
#con_main1{
        width: 566px;
        float: left;
        margin-left: 0px !important;
        margin-left: 0px;
}

#con_main2{
        width: 733px;
        float: left;
        margin-left:0px !important;
        margin-left: 0px;
}

/* das grosse Banner rechts */
#hauptbanner{
        /* background: url(../images/osmbanner2.png) no-repeat; */
        background-color:#eeeeee;
        width: 552px !important;
        width: 560px;
        height: 60px !important;
        height: 68px;
        float: left;
        padding: 3px;
        margin-top: 0px !important;
        margin-top: 0px ;
        background-position: center;
        border: 1px solid;
        border-color: #999999;
}

/* das kleine Banner links */
#klein_banner {
        background: url(../images/powered_by.png) no-repeat;
        width: 165px;
        height: 68px;
        float: right;
}
/* ************************************************************* */
/* Ab jetzt kommen Joomla spezifische Eintrge */

/* User 3 - Das Menue Top */
ul#mainlevel-nav {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 0.8em;
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li {
        background-image: none;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        margin: 0;
        font-size: 11px;
        line-height: 21px;
        white-space: nowrap;
        border-right: 1px solid #999999; /* cccccc */
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
        text-decoration: none;
        color: #333333;
        background: transparent;
}

/* User 3 - Das Menue Top */
#buttons>ul#mainlevel-nav li a {
      width: auto;
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a:hover {
        color: #fff;
        /*background: #c64934;*/
      background: #99acbb;
}

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

li {
        line-height: 15px;
        padding-left: 15px;
        padding-top: 0px;
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        background-position: 0px 2px;
}

.inputbox {
        font-size: 11px;
        border: solid 1px #999999;
        background : #FFFFFF;
        padding: 1px 2px;
        margin-top: 2px !important;
        margin-top: 1px;
}

#mod_login_remember.inputbox { /* Extra wegen MS-IE, damit kein verrutschter Border */
         border: none;                       /* das Layout verunstaltet                           */
}

/* Menu Left/Right formatierung */
table.moduletable {
        width: 100%;
        margin-bottom: 5px;
        padding: 0px;
        border-spacing: 0px;
        border-collapse: collapse;
}

table.moduletable th, div.moduletable h3 {
        background: url(../images/subhead_bg.png) repeat-x;
        color: #666666;
        text-align: left;
        padding-left: 4px;
        height: 21px;
        line-height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
        margin: 0 0 2px 0;
}

table.moduletable td {
        font-size: 11px;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
}

a.mainlevel:link, a.mainlevel:visited {
        display: block;
        background: url(../images/menu_bg.png) no-repeat;
        vertical-align: middle;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;
        padding-top: 5px;
        padding-left: 18px;
        height: 20px !important;
        height: 25px;
        width: 100%;
        text-decoration: none;
}

a.mainlevel:hover {
        background-position: 0px -25px;
        text-decoration: none;
        color: #fff;
}

a.mainlevel#active_menu {
        background: url(../images/menu_bg.png) no-repeat;
        background-position: 0px -25px;
        color:#fff;
        font-weight: bold;
}

a.mainlevel#active_menu:hover {
        color: #fff;
}

td {
        text-align: left;
        font-size: 11px;
}

table.contentpaneopen {
    width: 100%;
        padding: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
        margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
        padding-left: 4px;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableentry1 {
        background-color : #ffffff;
}

.sectiontableentry2 {
        background-color : #f9f9f9;
}

.button {
  color: #0000AA ;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

a:link, a:visited {
        color: #0000AA; text-decoration: none;
        font-weight: bold;
}

a:hover {
        color: #00B4FF;        text-decoration: none;
        font-weight: bold;
}

.contentheading {
        height: 30px;
        color: #0000AA;
        font-weight: bold;
        font-size: 14px;
        white-space: nowrap;
}

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

.createdate {
        height: 15px;
        padding-bottom: 10px;
        color: #999999;
        font-size: 11px;
}

.modifydate {
        height: 15px;
        padding-top: 10px;
        color: #999999;
        font-size: 11px;
}

.pathway {
/*        overflow: hidden;
        display: block;
        height: 25px;
        line-height: 25px !important;
        line-height: 22px;
        padding-left: 4px;
        border: 1px solid #ccc;
        margin-bottom: 2px;*/
}

#pathway_text img {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 6px;
}

.back_button {
        float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav-prev {
  /*text-align: center;*/
  font-size: 11px;
  font-weight: bold;
  /*border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;*/
}

table.contentpaneopen fieldset {
        border: 0px;
        border-bottom: 1px solid #999999;
}

.componentheading {
        background: url(../images/subhead_bg.png) repeat-x;
        color: #666666;
        text-align: left;
        padding-top: 4px;
        padding-left: 4px;
        height: 21px;
        font-weight: bold;
        font-size: 10px;
        text-transform: uppercase;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}