/***********************************************/
/* Formatierung                                */
/***********************************************/ 

html, body {
 margin: 0px;
 padding: 0px;
}

body {
 margin-top: 62px;
 margin-bottom: 10px;
}


html, body	{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 86%;
 color: #676767;
 background-color: #ffd37e;
 background-image: url(/image/bg.gif);
}



/***********************************************/
/* Links	                               */
/***********************************************/

#hauptmenu A:link, #hauptmenu A:visited, #hauptmenu A:active {
 display: block;
 float: left;
 padding: 3px 6px 5px 6px;
 font-size: 110%;
 color: #6a6a6a;
 text-decoration: none;
}

a:link { color:#6A6A6A; text-decoration:underline; }
a:visited { color:#6A6A6A; text-decoration:underline; }
a:active { color:#6A6A6A; text-decoration:underline; }
a:hover { color:#6A6A6A; text-decoration:none; }

#hauptmenu A:hover, #hauptmenu A:focus {
 color: #000000;
 text-decoration: none;
}

#submenu A:link, #submenu A:visited, #submenu A:active {
 color: #6a6a6a;
 text-decoration: none;
}
#submenu A:hover, #submenu A:focus {
 color: #6a6a6a;
 text-decoration: underline;
}


#copyright A:link, #copyright A:visited, #copyright A:active {
 text-decoration:none;
 color:#c1c3c3;
 font-size: 100%;
}

#copyright A:hover, #copyright A:focus {
 text-decoration:underline;
 color:#c1c3c3;
}


.teaser A:link, .teaser A:visited, .teaser A:active {
 display: block;
 font-size: 90%;
 color: #6a6a6a;
 text-decoration: none;
}
.teaser A:hover {
 text-decoration: none;
}


/***********************************************/
/* Text		                               */
/***********************************************/

h1 {
 margin: 0px;
 margin-bottom: 10px;
 color: #f67c31;
 /* font-size: 160%; */
 font-size: 150%;
 font-weight: normal;	
}

h2 {
 margin: 0px;
 margin-bottom: 10px;
 color: #676767;
 /* font-size: 110%; */
 font-size: 100%;
 font-weight: bold;
}

h3 {
 margin: 0px;
 padding: 0px;
 color: #8d8d8d;
 font-size: 100%;
 font-weight: bold;
}

ul {
 list-style-type:square;
 margin: 0px;
 padding-left:30px;
}

li {
 margin-top: 8px;
}

/***********************************************/
/* CMS		                               */
/***********************************************/

img {
 border: 0px;
}

div.bilder {
 float:left;
 padding-right:10px;
}

span.dateidownload {
 font-size:90%;
 text-decoration:none;
 display: block
}

.bildunterschrift {
 margin:0px;
 margin-top:5px;
 margin-bottom:2px;
 font-size: 90%;
 text-align:center;
}

div.trennlinie {
 height:1px;
 background-color:#c0c0c0;
 margin-top: 0px;
 font-size: 0px;
}

table {
 border-collapse:collapse;
 font-size:100%;
 border:1px #9b9b9b solid;
}

th {
 padding:3px 20px 3px 5px;
 background-color:#fe7f26;
 color:#ffffff;
 text-align: left;
}

td {
 padding:3px 20px 3px 5px;
 vertical-align: top;
}

td.farbwechsel {
 background-color:#f0f0f0;
}

/***********************************************/
/* Layout	                               */
/***********************************************/


#logo_schriftzug {
 position: absolute;
 top: 1px;
 left: 504px;
 width: 177px;
 height: 122px;
 background-image: url(/image/logo_maristro.jpg);
 background-repeat: no-repeat;
}

#logo_elbogen {
 position: absolute;
 top: 234px;
 left: 653px;
 width: 73px;
 height: 61px;
 background-image: url(/image/elbogen.jpg);
 background-repeat: no-repeat;
}

#spruch {
 position: absolute;
 top: 202px;
 left: 458px;
 width: 183px;
 height: 20px;
 background-image: url(/image/spruch.gif);
 background-repeat: no-repeat;
}

#bg_line_top {
 margin-bottom: 40px;
 height: 12px;
 width: 669px;
 background-image: url(/image/bg_line_top.gif);
 background-repeat: no-repeat;
 font-size: 0%;
}

#wrapper {
 margin: 0px;
 padding: 0px; 
 margin-left: 62px;
 width: 669px;
 background-image: url(/image/bg_site.gif);
 background-repeat: repeat-y;
}

#titelgrafik {

 width: 664px;
 background-image: url(/image/titelgrafik.jpg);
 background-repeat: no-repeat;
 border-top: 8px solid #fe7f26;
 border-bottom: 8px solid #febf92;
 font-size: 0%;
}

#hauptmenu {
 height: 26px;
 width: 664px;
 margin-top: 2px;
 background-image: url(/image/bg_menu.gif);
 background-repeat: repeat-x;
}

#submenu {
 margin-left: 25px;
 margin-top: 2px;
 font-size: 90%;
 letter-spacing: 0.2px;
 color: #6a6a6a;
 height: 14px;
 width: 560px;
}

#content {
 padding: 25px;
 padding-top: 20px;
 padding-bottom: 10px;
 background-image: url(/image/bg_site.gif);
 background-repeat: repeat-y;
 font-size: 108%;
}

#text {
 margin-bottom: 30px;
 width: 414px;
 text-align: justify;
 line-height: 150%;
 float: left;
}

#teaserspalte {
 margin-left: 440px;
 width: 176px;
}

.teaser {
 padding: 8px 13px 0px 10px;
 height: 128px; 
 background-image: url(/image/teaser.gif);
 background-repeat: no-repeat;
}

.imagebar_top {
 height: 6px;
 background-image: url(/image/imagebar_top.gif);
 background-repeat: no-repeat;
 font-size: 0%;
}

.imagebar_middle {
 padding: 4px 3px 8px 0px;
 text-align: center;
 background-image: url(/image/bg_imagebar.gif);
 background-repeat: repeat-y;
}

.imagebar_bottom {
 height: 6px;
 margin-bottom: 18px;
 background-image: url(/image/imagebar_bottom.gif);
 background-repeat: no-repeat;
 font-size: 0%;
}

.teaser img {
 margin-bottom: 8px;
}

.teaser span {
 font-weight: bold;
}

#copyright {
 clear: left;
 font-size: 84%;
 color:#c1c3c3;
}

#bg_line_bottom {
 margin-left: 62px;
 height: 14px;
 width: 669px;
 background-color: #ffffff;
 background-image: url(/image/bg_line_bottom.gif);
 background-repeat: no-repeat;
 font-size: 0%;
}