body {
 background-image: url( ../images/back-body2.gif ) !important;
 background-repeat:repeat-y;
}

* {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size:100%;
 text-decoration:none;
 margin:0;
 padding:0;
 color:black;
}

ul {
 list-style-type:none;
 list-style-image:none;
 list-style-position:outside;
}

body {
 width:787px;
 background-color: #C4E5A7;
 background-image: url( ../images/back-body.gif );
 max-width:787px;
}

div#footer {
 border-top:1px solid #C4E5A7;
 float:left;
 clear:both;
 width:430px;
 margin: 4em 80px 4em 80px;
 color:#C4E5A7;
 font-size:11px;
 text-align:center;
}

div#footer a,
div#footer a * {
 color:#6C9144;
 margin:0 1em 0 1em;
}
#header {
    float:none;
    background-color:#8BC64B;
    background-position:0 5px;
    background-repeat: no-repeat;
    padding-top:175px;
    width:784px;
    height:26px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #6B993A;
}

#headimage {
    display:none;
    padding-top:5px;
    position:relative;
    z-index:0;
}

#headimagelogo {
    float:left;
    position:absolute;
    top:110px;
    left:0px;
}

#homelink {
    position:absolute;
    top:115px;
    left:10px;
    width:175px;
    height:35px;
    display:block;
    text-indent:-1000px;
    z-index:1;
}

#headnavi {
 display:block;
 position:absolute;
 top:15px;
 left:652px;
 padding-left:3px;
 background-image: url( /system/modules/de.markkleeberg.homepage/resources/images/buttons/button-helpnavi.gif );
 width:118px;
 height:22px;
}

#headnavi a img {
 border:3px solid #101A04;
}

#navlevel1 {
    margin-left:0;
}

#navlevel1 * {
    font-size: 13px;
}

#navlevel1 li {
    margin: 0;
    padding: 0 1px 0 0;
    list-style-type: none;
    width: 152px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: url(../images/buttons/button-29-back-right.gif);
    background-position: right top;
/*    background-color:#8BC64B; */
    float: left;
}

#navlevel1 li.active {
    width: 153px;
    padding: 0 1px 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/buttons/button-500-back-right-active.gif);
/*    background-position: ; */
    background-color:#4E7326;
}

#navlevel1 li#stadt { width: 153px; }
#navlevel1 li#freiz { width: 157px; }
#navlevel1 li#leben { width: 159px; }
#navlevel1 li#wirts { width: 157px; }
#navlevel1 li#aktue { width: 153px; }

#navlevel1 li#stadt.active { width: 153px; }
#navlevel1 li#freiz.active { width: 157px; }
#navlevel1 li#leben.active { width: 159px; }
#navlevel1 li#wirts.active { width: 157px; }
#navlevel1 li#aktue.active { width: 153px; }


#navlevel1 li a {
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    font-weight: normal;
    overflow:hidden;
    white-space:nowrap;
    line-height:1em;
    color: rgb(34, 51, 17);
    text-decoration: none ! important;
    background-repeat: no-repeat;
    background-image: url(../images/buttons/button-29-back.gif);
    background-position: left top;
/*    background-color:#8BC64B; */
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: block;
}

#navlevel1 li.active a {
    background-repeat: no-repeat;
    background-image: url(../images/buttons/button-500-back-active.gif);
    background-position: -1px 0;   
    padding-right: 16px;
    color: rgb(255, 255, 255);
}




/* Top - Links */

ul#toplinks {
	display:block;
	position:absolute;
	top:0;
	left:45.4375em;
	height:7em;
	text-align:left;
}

ul#toplinks a {
	display:block;
	height:1.3125em;
	width:2.5625em;
	text-indent:-200em;
}




#tower-left div.locales {
 height:21px;
 background-image: url( /export/system/modules/de.markkleeberg.homepage/resources/images/buttons/locales_back.gif );
 background-color:transparent;
}

#tower-left div.locales a {
 display:block;
 float:left;
 /* bei 4 Flaggen (für IE extra anpassen) */
 margin:5px 0px 3px 15px; 
 /* bei 3 Flaggen (für IE extra anpassen) 
 margin:5px 0px 3px 23px; */
}

#tower-left,
#tower-right {
 display:block;
 background-color:#B5D692;
 min-height:30em;
 padding-left:4px;
 padding-right:6px;
 width:144px;
}

#tower-left {
 float:left;
}

#tower-right {
 float:right;
 position:relative;
 right:3px;
}

.block {

 border-style:solid;
 border-color:#C4E5A7;
 border-width:1px 1px 1px 1px;

 width:100%;
 margin:5px 0 5px 0;
 overflow:hidden;
 background-color:white;
}

.block * {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:11px;
}

.block a {
 color:#4E7326;
}

.block a:hover {
 color:#C83501;
}

.block h3,
.block p,
.block ul {
 padding:3px 5px 3px 10px;
}

.block ul {
 padding-top:0;
 padding-botton:0;
}

.block ul li {
 margin:6px 0 6px 0;
}

.block h3 {
 background-repeat:no-repeat;
 background-position: left top;
 background-image: url( /export/system/modules/de.markkleeberg.homepage/resources/images/buttons/block-head-back.gif );
 background-color:#8BC64B;
}

.block p,
.block ul {

 border-style:solid;
 border-color:#C4E5A7;
 border-width:1px 0 0 0;

 background-color:white;
}


div.teaser {
 clear:both;
 width:565px;
 border-bottom:1px solid #D3E6BE;
 float:left;
 padding:15px 0 5px 4px;
 margin-right:5px;
 background-image: url( ../images/teaser-ecke.gif );
 background-position: 0 7px;
 background-repeat: no-repeat;
 font-size:11px;
}

div.teaser .date {
 color:#77B436;
}

div.teaser img {
 display:block;
 padding-right:10px;
 float:left;
}

div.teaser .text {
 float:left;
 width:450px;
 padding-bottom:5px;
 min-height:83px;
 text-indent:12px;
 background-image: url( ../images/teaser-quadrat.gif );
 background-position: 1px 3px;
 background-repeat: no-repeat;
}

div.teaser a {
 display:block;
 float:right;
 left:520px;
 width:50px;
 background-image: url( ../images/doppelpfeil-gruen.gif );
 background-position:40px 4px;
 background-repeat: no-repeat;
 color:#78B537;
}

div.teaser {
 width:435px;
}

div.teaser .text {
 width:325px;
}

div#content {
 float:left;
 padding:15px;
}

h1 {
 background-image:url(../images/index-title.gif);
 background-position:0 20px;
 background-repeat:no-repeat;
 border-bottom:1px solid #D3E6BE;
 display:block;
 width:439px;
 height:80px;
 text-indent:-1000px;
}

#tower-right div.ocms_de_bt span table {
 position:relative;
 left:-630px;
 top:-200px;
}

#content div.ocms_de_norm {
 float:left;
 clear:both;
 max-width: 32em;
}