body { 
color: #000; 
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica;  /* 13px */
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left:0;
padding:0;
margin:0;
padding:0;
overflow:hidden;
background-image: url(images/bg.jpg);
background-repeat: repeat;
}

h1,h2,h3,h4 {
font-family:  Arial, Verdana, Helvetica;
font-weight:normal;}

h1 {
font-size: 1.3em; 
color: #000; 
margin: 0; 
font-weight:bold;
}

h2 {
font-size: 1.0em; 
color: #000; 
margin: 0; 
font-weight:bold;
color: #D30000;
padding-bottom:10px;
text-decoration:underline;
}

h3 {
font-size: 1.0em; 
color: #000; 
margin: 0; 
font-weight:bold;
text-decoration: underline;
}

h4 { /* Schrift rot */
font-size: 1.2em; 
color: #D30000; 
margin: 0; 
font-weight:bold;
}

h5 {
font-size: 0.8em; 
color: #000; 
margin: 0; 
}

a {color: #D30000; text-decoration:none;}
a:hover {color: #0500DA; background-color: #FBE5E5; text-decoration:underline;}
a:focus {color: #0500DA; background-color: #FBE5E5; text-decoration:underline;}

hr {width:70%; text-align: center; color: #D1D1D1; size: 1px;}
p { line-height: 1.4em; margin: 0 0 1em 0; }

#rahmen {
position:absolute;
left:0px;
top:0px;
width:730px;
height:469px;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
}

#content {
position:absolute;
left:180px;
top:110px;
width:560px;
height:450px;
color: #000; 
font-size: 85%; 
overflow-x:no;
overflow-y:auto;
font-family: Arial, Verdana, Helvetica; 
z-index:2;
}

#top {
position:absolute;
left:550px;
top:55px;
width:200px;
height:30px;
color: #000; 
font-size: 70%; 
font-family: Arial, Verdana, Helvetica; 
z-index:3;
}

.small {
font-size: 75%; 
font-family: Arial, Verdana, Helvetica; 
}

/* ### Bildpositionierung ############################################################################ */
img.border { 
margin-right: 0.3em;
padding: 3px;
border:1px solid #ECECEC;
background:none;
}

img.float_left { 
float: left; 
margin-right: 0.3em;
padding: 3px;
border:1px solid #ECECEC;
background:none;
}

a.img_left {float: left; 
margin-right: 0.3em;
padding: 3px;
border:1px solid #ECECEC;}
a.img_left img {
border: none;
vertical-align:top;
}
a.img_left:hover {cursor:hand;background:none;}
a.img_left span {display:none;}
a.img_left:hover span {display:inline;
visibility:visible; 
position: absolute;A
width: 250px;
height: 259px;
left: 110px;
padding-left: 36px;
padding-top: 5px;
background-image: url(/lepper/images/bg_img.jpg);
background-repeat: no-repeat;}


a.img_right {float: right; 
margin-right: 0.3em;
padding: 3px;
border:1px solid #ECECEC;}
a.img_right img {
border: none;
vertical-align:top;
}
a.img_right:hover {cursor:hand;background:none;}
a.img_right span {display:none;}
a.img_right:hover span {display:inline;
visibility:visible; 
position: absolute;
width: 250px;
height: 259px;
left: 110px;
padding-left: 36px;
padding-top: 5px;
background-image: url(/lepper/images/bg_img.jpg);
background-repeat: no-repeat;}

p.img {font-size:87%; 
color:#000; 
text-align:center;}

img.right { 
float: right; 
margin-left: 0.3em;
border:0; 
}

img.center { text-align:center; background: #fff; padding: 4px; border:1px #F3F1DB solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

li {list-style-type:none; padding-left: 2px; margin: 2px;}
.info { list-style-image: url(/lepper/images/info.jpg); }
.info a {color: #000 ; font-weight: normal; text-decoration: none;}
.info a:hover {color: #D30000; font-weight: normal; background-color: #FFBBBB; text-decoration:underline;}
.info a:focus {color: #D30000; font-weight: normal; background-color: #FFBBBB; text-decoration:underline;}

.punkt { list-style-image: url(/lepper/images/punkt.jpg); }


/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

.subcolumns { 
width: 100%;
padding: 0 1px 0 1px; 
margin: 0 -1px 0 -1px; 
overflow:hidden;
text-align:left;
}
	
.anr_subcolumns { /* für rechten Seitenrand*/
padding: 0 1px 0 10px;
overflow:hidden;
margin-bottom: 0px; 
text-align:left;
text-valign:top;
}

	.c50l, .c25l, .c33l, .c38l, .c66l,A .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}