body      {
	background: #D5AF84 url('https://www.raphael-gottlieb.de/clips/back.gif');
	background-position: center top;
	background-repeat: repeat-y;
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px; }

* {	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;  }

/* Links */
a:link, a:visited, a:active, a:hover   { 
	color: #962534;
	background: transparent;
	font-size: 11pt;
	text-decoration: none;
	text-transform: uppercase;	
	font-family: 'Times New Roman', times, serif;
	 }
a:hover  { color: red; }

/* Überschriften */
h1 {
	font-size: 14pt;
	font-weight: bold;
	color: #B7784D;
}

h2 {
	font-size: 12pt;
	font-weight: bold;		
	color: #B7784D;
}

h2.newsblock {
	font-size: 14pt;
	font-weight: bold;
	background: url('https://www.raphael-gottlieb.de/clips/headline-verlauf.jpg');
	background-repeat: repeat-y;
	padding: 10px 10px 10px 30px;
	color: #B7784D;
}
h2.termine{
	font-size: 14pt;
	font-weight: bold;
	background: url('https://www.raphael-gottlieb.de/clips/headline-verlauf.jpg');
	background-repeat: repeat-y;
	padding: 10px 10px 10px 40px;
	color: #B7784D;
}
h3 {
	font-size: 10pt;
	font-weight: bold;
}
/* Überschrift für Impressum (muss gesetzt werden!) */
h2.impressum {
	font-size: 11pt;
	font-weight: bold;
}
/* Normale Texte */
span.impressum  {
	font-size: 10pt;  }
	




div.dist{
	padding: 15px;
}

table.unterricht{

}
table.unterricht th{
	border-bottom: 1px solid #9B2032;
}
table.unterricht td{
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
}


table.band{

}
table.band th{
	border-bottom: 1px solid #9B2032;
}
table.band td{
	border-bottom: 1px solid #eeeeee;
	padding: 5px;
}

table.cd{
	background: white;
}
table.cd td{	
	padding: 4px;
	color: #333333;
	border-bottom: 1px solid #F1D8BF;
}




div#main_container{
	position: relative;
	width: 100%;
	text-align: center;
}
div#main{
	position: relative;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	background: url('https://www.raphael-gottlieb.de/clips/verlauf.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
}
div#head_dist{
	position: relative;
	width: 840px;
	height: 130px;
}
div#headmenu{
	background: url('https://www.raphael-gottlieb.de/clips/head-menu-verlauf.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	width: 840px;
	height: 37px;
	overflow: hidden;
	
}
div#headmenu_dist{
	padding: 10px 20px 0px 30px;
	color: white;
}
div#content_container{
	position: relative;
	width: 840px;
}
div#content{
	position: relative;
	width: 630px;
	float: left;
}
div#content_dist{
	padding: 50px 10px 50px 40px;
	
}	
div#menu{
	position: relative;
	width: 210px;
	float: right;
}
div#menu_dist{
	padding: 180px 0px 0px 20px;
}
div#raphaelgottlieb{
	position: absolute;
	width: 162px;
	height: 321px;
	top: -170px;
	left: 43px;
}
div#bilderleiste_startseite{
	margin-top: 30px;
	text-align: right;
}

div#newsblock{
	position: relative;
	width: 284px;
	float: right;
}
div#newsblock_dist{
	padding: 5px 0px 0px 30px;
}
div.termin_date{
	border-bottom: 1px solid #B7784D;
}

div#terminbox{
	position: relative;
	width: 250px;
	float: left;
}
div#terminbox_dist{
	padding: 65px 0px 0px 0px;
}





a.head:link, a.head:visited, a.head:active, a.head:hover   { 
	color: white;
	background: transparent;
	font-size: 11pt;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 13px 0px 13px;
	 }
a.head:hover  { 
	color: white; 
}

ul#men{
	list-style: none;
	margin: 0px;
	padding: 0px;
}	
ul#men li{
	margin-bottom: 5px;
}

a.m:link, a.m:visited, a.m:active, a.m:hover   { 
	color: #962534;
	background: transparent;
	font-size: 11pt;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 15px 2px 15px;
	display: block;
	text-align: right;
	 }
a.m:hover  { 
	color: white; 
	background: #962534;
}

a.m_a:link, a.m_a:visited, a.m_a:active, a.m_a:hover   { 
	color: white; 
	background: #962534;
	font-size: 11pt;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 15px 2px 15px;
	display: block;
	text-align: right;
	 }
a.m_a:hover  { 
	color: white; 
	background: #962534;
}

div.speciallink{
	position: relative;
	width: 170px;
	margin-left: auto;
}
a.slink:link, a.slink:visited, a.slink:active, a.slink:hover   { 
	color: #962534;
	background: transparent url('https://www.raphael-gottlieb.de/clips/button.gif');
	background-repeat: no-repeat;
	background-position: 0px 4px;
	display: block;
	font-size: 10pt;
	text-decoration: none;
	text-transform: uppercase;	
	text-align: right;
	
	 }
a.slink:hover  { 
	color: #962534;
}

img.content_image {
	border:10px solid white;
}




div.v_item{
	padding-bottom:20px;
}
span.v_datum{
	    color: white;
	    background: #962534;
	    padding: 2px 0px 2px 8px;
	    display:block;
}
span.v_uhrzeit{
	color: #962534;			
}
span.v_titel{
	color: #962534;	
	font-size:14pt;
	font-weight: bold;
}

div.v_item_content{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-top:10px;
}
img.v-picture{
	width: 250px;
}
div.v_text_container{
	width: 300px;
}
div.home_akt_box_termin{
	padding: 10px 0px 10px 0px;
}
span.home_akt_box_termin_date2{
	font-style:italic;
padding: 2px 0px 2px 8px;
}

div.home_akt_box_termin_1{
	color: white;
	background: #962534;
	padding: 0px 0px 0px 8px;
	display:block;
	margin-bottom:5px;
	line-height:2;    

}
div.home_akt_box_termin_2{
	font-size: 10pt;
    	font-weight: bold;
    	color: #962534;
    	margin-top:5px;
    	padding: 2px 0px 2px 8px;
}





fieldset{
	position: relative;
	display: block;
	width: 380px;		
	margin-top: 20px;
}
legend  {  color:maroon;  }

input.form{
	width: 340px;
	background: #FFFFEC;
}
select.form{
	width: 340px;
	background: #FFFFEC;
}
textarea.form{
	width: 340px;	
	background: #FFFFEC;
}
input.form_submit{
	
}
div.form_dist{
	padding: 10px 20px 10px 20px;
}	
i.form_small{
	font-size: 8pt;
}






div#slideshow  {
	position:relative;
	float:left;
	width:335px;
	height:300px;
	padding:0px;
	margin:0px;
}
img#img1 { position:absolute;
	z-index:20;
	left:0px;
	top:0px;
}
img#img2 { position:absolute;
	z-index:19;
	left:0px;
	top:0px;
	display:none;
}
img#img3 { position:absolute;
	z-index:18;
	left:0px;
	top:0px;
	display:none;
}
img#img4 { position:absolute;
	z-index:17;
	left:0px;
	top:0px;
	display:none;
}


 
 
div#cap {
	margin:20px auto 25px auto;
	width:90%;
	text-align:center;
}
div#cap div#cap_text {
	margin:0px auto 0px auto;
	width:100%;
	text-align:left;
}
div#cap div#cap_rahmen {
	margin:10px auto 10px auto;
	width:100%;
	height: 50px;
	border:none;
	display: flex;
	align-items: stretch;
}
div#cap div#cap_vorlage {
	margin:auto;
	width:50%;
	height: 100%;
	padding:10px;
	box-sizing:border-box;
	background:#e3e3e3;
	text-align:right;
	font-size:13pt;
	color:#666666;
	border:1px solid #cccccc;
	border-right:none;
	line-height: 1.5em;
}
div#cap span#cap_hide {
	color:#e3e3e3;
}
div#cap input#cap_eintrag {
	margin:auto;
	width: 50%;
	height: 100%;
	padding:10px 10px 10px 35px;
	box-sizing:border-box;
	font-size:13pt;
	background:#FFFFEC;
	color:#555555;
	border:1px solid #962534;
	line-height: 1.5em;
}
div#cap_rahmen div:nth-child(4){
	display: none;
}


#lightbox{	position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightboximageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/clips/lightboximages/prev.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/clips/lightboximages/next.png) right 15% no-repeat; }

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#lightboxoverlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }

.imageDataAppear { animation: lightboxFlutsch 600ms 1;
	-webkit-animation: lightboxFlutsch 600ms 1;
}
@-webkit-keyframes lightboxFlutsch  {
	from {opacity:0; }
	to {opacity:1;}
}
@keyframes lightboxFlutsch  {
	from {opacity:0;}
	to {opacity:1;}
}
.imageDataOut { opacity:0;}