* {
  margin: 0;
  padding: 0;
}

body, html {
  color: #000000;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  min-height: 100%;
  height: 100%;
  background: url('../img/layout/hintergrund.png') repeat-x;
  background-color: #b1fc83;
}

img {
  border: 0px;
  vertical-align: bottom;
}
img.icon {
  vertical-align: -6px;
}
img.icon.sort {
  vertical-align: top;
}

li {
  margin-left: 20px;
}

a:link, a:active, a:visited {
  text-decoration: none;
  color: #ff4400;
}
a:link:hover, a:active:hover, a:visited:hover {
  color: #ff8800;
}

#page{
    width: 94%;
    margin: 0 auto;
    position:relative;
    top:0;
    min-height:100%; /* For Modern Browsers */
    height:auto !important; /* For Modern Browsers */
    height:100%; /* For IE */
    background: url(../img/logo/jaw_logo_transparent1024.png) no-repeat center 120px;
}
#header {
  width: 100%;
  border-bottom: 1px solid #333333;
  background: url('../img/layout/jesus-at-work.png') no-repeat center 1px;
  /*background: url('../img/layout/logo.png') no-repeat 10px 10px;*/
}
    #logos {
      height: 80px;
      text-align: center;
    }
    #bg-menu {
        position:absolute;
        z-index:15;
        padding:5px;
        top:0px;
        right:0px;
        border: 1px solid red;
        text-align:right;
        white-space:nowrap;
        background: url('../img/layout/hintergrund.png') repeat-x;
    }
    .themeicon {
      width:16px;
      height:16px;
      border: 1px solid transparent;
    }
    .themeicon:hover {
      border: 1px solid #ff4400;
    }
    #menu {
      background: url('../img/layout/ecja-logo.png') no-repeat left -6px;
      height: 25px;
    }
		#menu table
		{
		  margin: 0px 5px 5px auto;
		}
		#menu td {
			text-align: left;
			vertical-align: middle;
			padding: 0 5px;
			/*border: 1px solid black;*/
		}

            .login-item {
                font-family: "Trebuchet MS", Helvetica, sans-serif;
                border: 1px solid #333333;
            }
            .login-item.text {
                width: 60px;
                padding: 1px 2px;
                font-size: 10px;
            }
            .login-item.button {
                background: url('../img/layout/formbg.png') #333333 center repeat-x;
                color: #fffffd;
                font-weight: bold;
                font-size: 10px;
                padding: 0 5px;
            }
            .login-item.button:hover {
                background: url('../img/layout/formbg_hover.png');
                color: #dddddb;
            }
            .login-link {
                line-height: 10px;
                display: block;
                font-size: 10px;
            }



    #sidebar-left {
          float: left;
          padding: 20px 0px 0px 0px;
          width: 130px;
    }
        #sidebar-left ul {
          list-style: none;
          margin-bottom: 10px;
          border-right: 1px solid #333333;
        }
        #sidebar-left li {
          margin-left: 0;
        }
#sidebar-left li span {
  font-weight: bold;
  display: block;
  width: 120px;
  padding-left: 3px;
  color: #cccccc;
}
#sidebar-left li span:hover {
  background: #ffc840 url('../img/layout/titlebar.png') repeat-x;
}
        #sidebar-left li a {
          font-weight: bold;
          display: block;
          width: 120px;
          padding-left: 3px;
        }
        #sidebar-left li a:hover {
          color: #ffffd1;
          background: #ffc840 url('../img/layout/titlebar.png') repeat-x;
        }
        #sidebar-left .menutitle {
            text-align: right;
            font-size: 10px;
            width: 120px;
            margin-top: 5px;
            border-bottom: 1px dotted #333333;
            color: #000000;
        }
        #sidebar-left .menutitle.first {
            margin-top: 0px;
        }

        #jaw_status {
            margin-right: 10px;
            padding-top: 10px;
            padding-right: 10px;
            border-top: 1px dotted #333333;
        }
        #sidebar-left p {
            margin-bottom: 5px;
            font-weight: normal;
            line-height: 10px;
            font-size: 10px;
        }

    #sidebar-right {
          float:right;
          padding: 20px 0px 0px 10px;
          width: 175px;
	  font-size: 11px;
    }
        #sidebar-right .sidebar-topic {
            border: 1px solid #333333;
            margin-bottom: 20px;
        }
        #sidebar-right h1 {
            background: #ffc840 url('../img/layout/titlebar.png') repeat-x;
            background-position: left -2px;
            font-size: 12px;
            color: #ffffd1;
            text-align: left;
            padding: 0 5px;
        }
        #sidebar-right p {
            color: black;
            padding: 1px 3px;
        }
        #sidebar-right a {
            padding: 1px 3px;
            text-align: left;
        }
        #sidebar-right .bibeltext {
            text-align: center;
        }
        #sidebar-right .bibelstelle {
            color: #777777;
            text-align: right;
            font-size: 10px;
        }
        #sidebar-right .hint {
            margin-top: 10px;
            font-size: 10px;
            text-align: center;
        }
        #last-entries {
            border: 1px solid #333333;
        }
        #last-entries div {
            margin: 0 2px 2px 2px;
            border: 1px solid #333333;
        }
        #last-entries h1 {
            margin-bottom: 3px;
        }
        #last-entries span {
            margin: 0px 2px 0px 2px;
            border-top: 1px solid #333333;
            border-left: 1px solid #333333;
            border-right: 1px solid #333333;
            cursor: pointer;
            padding-top: 1px;
        }
        #last-entries span .aktiv {
            color: #000000;
            background: #ffc840;
        }
        #last-entries .entry {
            color: #000000;
            margin-left: 10px;
            font-weight: normal;
            display: block;
        }
        #last-entries .entry:hover {
            color: #ff8800;
        }
 


    #main {
        margin-top: 20px;
        padding: 0px 10px 0px 20px;
	overflow: auto;
        position: relative;
    }
		
		#main .headline {
		  position: relative;
		  height: 30px;
		  margin-bottom: 10px;
                  margin-right: 10px;
		}
		#main .headline-text {
		  position: absolute;
		  color:#ff0000;
		  font-size: 20px;
		  font-weight: bold;
		  z-index: 10;
		}
		#main .headline-shadow {
		  position: absolute;
		  top: 1px;
		  left: 1px;
		  color: #000000;
		  font-size: 20px;
		  font-weight: bold;
		  z-index: 5;
		}
		#main .headline2 {
		  position: relative;
		  height: 20px;
		  margin-bottom: 10px;
                  margin-right: 10px;
		}
		#main .headline2-text {
		  position: absolute;
		  color:#ff0000;
		  font-size: 15px;
		  font-weight: bold;
		  z-index: 10;
		}
		#main .headline2-shadow {
		  position: absolute;
		  top: 1px;
		  left: 1px;
		  color: #000000;
		  font-size: 15px;
		  font-weight: bold;
		  z-index: 5;
		}

        .message {
          margin: 5px 5px 15px 5px;
          padding: 5px;
          vertical-align: middle;
        }
        .message.error {
          border: 1px solid #dd0000;
          color: #ff0000;
        }
        .message.info {
          border: 1px solid #00dd00;
          color: #00dd00;
        }

#footer {
  width: 100%;
  height: 25px;
  /*position:absolute;
  bottom: 0 !important;
  bottom:-1px;
  z-index: 20;*/
  text-align: center;
  padding-top: 10px;
}
#footer a {
  font-weight: bold;
}


#jawGoFlyer {
	position: absolute;
	z-index: 1000;
	width: 384px;
	height: 300px;
}