body {
        margin:0;
        padding:0;
        background:#fff;
        font-family: arial;
        background-color: #ffffff;
		background-image: url(../images/bg.png);
        background-repeat: repeat-x;
}

body.jo {
		background-image: url(../images/bg_jo.png);
}

#wrap {
        position: absolute;
		width:890px;
        left: 50%;
		margin:20px 0px 0px -445px; 
        padding:0;
}

#head h1 {
        display: none;
}

#head img {
        float: left;
        padding:0;
        margin:0 0 10px 0;
}

#head p {
        float: right;
        color: #fff;
        font-style: italic;
        margin:10px 0px 0px 0px;
        padding:0;
        font-size:16px;
        font-weight: normal;
}

#wrap-menu {
        clear: both;
        width:100%;
        padding: 0 0px 10px 0px;
        margin:0;
        background-position: bottom;
        background-repeat: repeat-x;
}

#menu ul {
        margin:10px 0px 0px 0px;
        text-align: left;
        padding: 0px;
        font-size:13px;
        font-family: arial;
}

#menu ul li {
        display: inline;
        color: #692800;
        margin:0;
}

#menu ul li a {
        text-decoration: none;
        font-weight: bold;
        color: #FFF;
        font-style: italic;
        padding: 10px 6px;
        margin:0;
}

#menu ul li a:hover {
        color: #683210;
}

#img {
        margin: auto;
        text-align: center;
}

#img img, #img iframe {
        width:880px;
        height:285px;
        border:5px solid #FFF;
}

#lf {
        float: right; 
        width: 640px; 
        margin: 0px 0px 5px 0px;
        padding: 0;
}

#lf #agenda {
		width: 385px; 
}

#lf #calender {
		width: 200px; 
}

#rg {
        float: left; 
        width: 220px;
        margin:0;       
}

#tt {
        float: right; 
        width: 890px;
        margin: 0px 0px 5px 0px;
        padding: 0;
}

#tt #agenda {
		width: 635px;
}

#tt #calender {
		width: 200px; 
}

#tt h2, #lf h2 {
        margin: 15px 0 8px 0;
        font-size:20px;
        font-style: italic;
        color: #683210;
        font-weight: normal;
}

#tt p, #tt td, #lf p, #lf td {
        font-size:12px;
        font-weight: normal;
        color: #373F49;
		line-height: 1.5em;
}

#tt th, #lf th {
        background-color: #E3DAB3;
		font-size:13px;
        font-weight: bold;
        color: #373F49;
		margin:3px 25px 8px 20px;
        height: 22px;
		line-height: 1.5em;
		border-radius: 4px 4px 4px 4px;
		padding: 0px 3px 0px 3px;
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;
}

#tt b, #lf b {
		font-size: 13px;
		font-weight: bold;
}

#tt i, #lf i {
		font-size: 12px;
}

#tt th.jo, #lf th.jo {
        background-color: #82b6ea;
		color: #000000;
}

#tt th.sc, #lf th.sc {
        background-color: #42be42;
		color: #ffffff;
}

#tt a, #lf a {
		font-size: 12px;
		font-weight: normal;
		color: #41bd41;
}

#tt a:hover, #lf a:hover {
		color: #90561f;
}

#tt a.jo, #lf a.jo {
		font-size: 12px;
		font-weight: normal;
		color: #82b6ea;
}

#tt a.jo:hover, #lf a.jo:hover {
		color: #90561f;
}

#tt a.tableheader, #lf a.tableheader {
		color: #90561f;
		font-weight: bold;
		text-decoration: none;
}

#tt a.tableheader:hover, #lf a.tableheader:hover  {
		color: #41bd41;
		font-weight: bold;
		text-decoration: none;
}

#tt a.tableheaderjo, #lf a.tableheaderjo {
		color: #90561f;
		font-weight: bold;
		text-decoration: none;
}

#tt a.tableheaderjo:hover, #lf a.tableheaderjo:hover  {
		color: #82b6ea;
		font-weight: bold;
		text-decoration: none;
}

#tt hr, #lf hr {
        background: none;
        margin:10px 25px 3px 0px;
        border-left:none;
        border-top: none;
        border-right: none;
        border-bottom: 1px dotted #ccc;
}

#tt ul li, #lf ul li {
        font-size: 12px;
        color: #373F49;
        padding: 2px 0;
        line-height:18px;
        text-align: justify;
        margin: 0 25px 0 0;
}

#tt .thformat, #lf .thformat {
		font-size:13px;
        font-weight: bold;
		vertical-align: middle;
		text-align: left; 
}

#tt .thformat_small, #lf .thformat_small {
		font-size:10px;
        font-weight: bold;
		vertical-align: middle;
}

#tt .success, #lf .success {
		background-color: #bbffbd;
		text-align: center;
		color: #41bd41;
		border-radius: 4px 4px 4px 4px;
		padding: 0px 3px 0px 3px;
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;
}

#tt .error, #lf .error {
		background-color: #f9d6d6;
		text-align: center;
		color: #ca4747;
		border-radius: 4px 4px 4px 4px;
		padding: 0px 3px 0px 3px;
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;
}

#tt #content, #lf #content {
		color: #373F49;
		font-size: 12px;
		padding: 8px 15px 0px 15px;
}

#calender th {
		background-color: #e2d9b2;
		border-radius: 4px 4px 4px 4px;
		padding: 0px 3px 0px 3px;
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;
}

#calender td {
		background-color: #ffffff;
		color: #000000;
		font-size:13px;
		border-radius: 4px 4px 4px 4px;
		padding: 0px 3px 0px 3px;
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;
}

#calender a, #calender a.jo {
		text-decoration: none;
		color: #666666;
}

#calender a:hover {
		text-decoration: none;
		color: #41bd41;
}

#calender a.jo:hover {
		text-decoration: none;
		color: #82b6ea;
}

#calender .monat, #calender .monatjo {
		color: #90561f;
		font-size: 12px;
		font-weight: bold;
}

#calender .monatjo:hover {
		color: #82b6ea;
}

#calender .kw, #calender .kwjo {
		background-color: #cccccc;
		color: #000000;
}

#calender .kwjo:hover {
		color: #82b6ea;
}

#calender .heute, #calender .heutejo {
		background-color: #ff0000;
		color: #ffffff;
}

#calender .heutejo:hover {
		color: #82b6ea;
}

#calender .wochentag {
		color: #666666;
}

#calender .samstag, #calender .samstagjo {
		color: #0000cc;
}

#calender .sonntag, #calender .sonntagjo {
		color: #cc0000;
}

#calender .samstagjo:hover, #calender .sonntagjo:hover {
		color: #82b6ea;
}

#calender .calendarTreffer, #calender .calendarTrefferjo {
		font-weight: bold;
		text-decoration: underline;
}

#calender .calendarTrefferjo:hover {
		color: #82b6ea;
}

#calender a.link {
		font-size: 12px;
		font-weight: normal;
		color: #41bd41;
}

#calender a.linkjo {
		font-size: 12px;
		font-weight: normal;
		color: #82b6ea;
}

#calender a.link:hover, #calender a.linkjo:hover {
		color: #90561f;
}

.fieldRahmen {
		border-style: solid; 
		border-width: 1px; 
		border-color: #90561f;
}

.fieldVorschau {
		background-color: #41bd41; 
}

.fieldHeute {
		background-color: #90561f; 
}

.fieldVorbei {
		background-color: #bebebe; 
}

.fieldAbsage {
		background-color: #f6cccc;
		padding: 3px;
		border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;
}

.fieldHinweis {
		background-color: #ccccf6;
		padding: 3px;
		border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;
}

#footer {
        clear: both;
        text-align: center;
        padding: 5px 0 10px 0;
        color: #333;        
}

#footer hr {
        background: none;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px dotted #aaa;
}

#footer p {
        font-size:11px;
        padding:0;
        margin:0;
}

#footer p a {
        font-weight: bold;
        color: #333;
        text-decoration: none;
}

#footer p a:hover {
        text-decoration: underline;
}

.acco {
        height: 75px;
        clear: left;
        padding:0;
        margin: 8px 0 0 20px;
        
}

.acco img {
        float: left;
        margin: 3px 15px 3px 0px;
        padding:4px;
        border: 1px solid #ccc;
        height: 55px;
        width: 90px;
}

.acco h3 {
        margin:0;
        padding:0;
}

.acco h3 a {
        text-decoration: none;
        font-weight: normal;
        font-size: 16px;
        font-style: italic;
        color: #1b61cb;
        margin: 2px 0px;
        padding:0;
}
    
.acco h3 a:hover {
        color: #692800;
}

.acco p {
        margin:0;
}

.widget {
        background-color: #E3DAB3;
        padding:0;
        margin: 15px 0px 0px 0px;
}

.widget h3 {
        font-size: 14px;
        font-style: italic;
        color: #fff;
        background-color: #fff;
        background-image: url(../images/wgtop.png);
        background-repeat: no-repeat;
        padding:6px 15px;
        margin:0;
        font-weight: bold;
}

.widget p {
        font-size: 12px;
        color: #361500;
        padding: 8px 15px 0px 15px;
        margin:0;
		line-height: 1.5em;
}
   
.widget ul {
        margin:8px 15px 0px 30px;
        padding:0;
        font-size:12px;
}

.widget ul li {
        margin:0px;
        padding: 4px 2px;
        list-style: circle;
}

.widget ul li a {
        color: #333;
        text-decoration: none;
        color: #804000;
		font-weight: bold;
}

.widget ul li a:hover {
	color: #2449df;
}

div.wgbtm {
        height:15px;
        width:220px;
        background-color: #fff;
        background-image: url(../images/wgbtm.png);
        background-repeat: no-repeat;
}

div.content {
		margin: 3px 25px 8px 20px;
}

div.modul {
		margin: 0px 0px 0px 0px;
}
    
.gallery {
	margin-left:20px;
}
   
.gallery img{
		width: 100px;
		height: 75px;
		padding:3px;
		margin:3px;
		border:1px solid #ccc;
}

.gallery img.v{
		width: 75px;
		height: 100px;
		padding:3px;
		margin:3px;
		border:1px solid #ccc;
}

#album_foto {
    background: url("../images/album.gif") no-repeat scroll center center transparent;
    height: 150px;
}
    
.fbook {
        font-size:12px;
        padding:4px;
        color: #361500;
}
    
.fbook table {
		margin: auto;
}
    
.fbook select {
		width:60px;
}

.fbook a {
		color:blue;
		text-decoration: none;
}

.fbook * {
        padding: 2px;
}

.fbook form table tbody tr td input {
		width:190px;
}
    
.book {
		font-size: 12px;
		border:1px solid #999;
		color: #555;
		background-color: #DDD;
		padding: 3px 10px;
		font-weight: bold;
		text-decoration: none;
		margin-left: 20px;
}

.icon {
        border: 2px solid #FFFFFF;
        height: 20px;
        width: 20px;
}

.personenImg {
        border: 4px solid #FFFFFF;
        height: 150px;
        width: 125px;
		border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px; 
		-moz-border-radius: 10px 10px 10px 10px;
}

.personenImgSmall {
        border: 2px solid #FFFFFF;
        height: 75px;
        width: 63px;
		border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px; 
		-moz-border-radius: 10px 10px 10px 10px;
}

.linkImg {
        height: 16px;
        width: 16px;
}

.newsImg {
		width: 100px;
		height: 100px;
		padding:3px;
		margin:3px;
		border:1px solid #ccc;
}