body {
color: black;
background: #91C766 url(bilder/bg.gif);
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
padding: 5px;
min-width: 700px; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
h1    {
font-size:26px;
line-height: 0.6em;
padding-bottom:10px;
font-weight:bold;
color: #51bb00;
text-align: center;
/* font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; */
}
h2, h3, h4, h5, h6 {  margin: 10px 0px 10px 0px; font-weight:bold;  text-align: left; color: #51bb00;}
h2 { font-size:22px; }
h3 { font-size:16px; }
h4 { font-size:13.4px; }
h5 { font-size: 12px; }

#seite{
margin: auto;
background-color: #E8F3DF;
padding: 0px;
width:950px;
border-radius: 15px;
-moz-border-radius:15px;
-khtml-border-radius:15px;
}

#inhalt{	
margin-top: 22px;
margin-left: 190px;	
padding: 2px;
margin-right: 160px;
/* font-family: Arial, Helvetica, sans-serif; */
}

#logo{
text-align: center;
margin: auto;
padding-bottom: 0px;
background-color:#FFF ;
border-bottom: solid #51bb00 1px;
border-top: solid #51bb00 1px;
padding-top:2px;
}

#logo a, img{
text-decoration: none;
border: none;
}

#seitentitel{
text-align: center;
margin-bottom:20px;
margin-top:10px;
color: #51bb00;
font-weight: bold;
/* font-family: Arial; */
font-size: 18px;
}
#categorietitel{
text-align: center;
margin-bottom:20px;
margin-top:10px;
color: #51bb00;
font-weight: bold;
/* font-family: Arial; */
font-size: 18px;
}

div#Navi  {
float: left; 	
width: 175px;
}
div#Navi ul {	
margin-top: 30px;
margin-left: 2px;
margin-right: 15px;
padding: 0;
}
div#Navi li {
list-style: none;
margin: 0;
padding: 0.1em;
padding-bottom: 5px;
}

/* 2 menu level */
div#Navi li ul {
  display: none;
  position: absolute;  
  top: 0px;
  left: 150px;
  height: 1px;
  }
  
div#Navi li > ul {
	top: auto;
	left: auto;
	}
	
div#Navi li:hover ul { display: block; }	  
/* 2 menu level */  
  
div#Navi a {
display: block;
padding: 5px 0 2px 5px;
font-weight: bold;
text-decoration: none;
border-bottom: solid silver 2px;
border-left: solid silver 2px;
color:green ;
background-color:#e7e7e7;
}
div#Navi a:link, div#Navi a:visited, {
color:green ;
}
div#Navi a:hover, div#Navi a:active , #menu_unsere_programme ul a:hover, #menu_unsere_programme ul a:active, .bildbeschreibung:hover{
color: white;
background-color: #51bb00;
border-bottom: solid green 2px;
border-left: solid green 2px;
}

div#naviger {
	padding: 5px 0 3px 5px;
	color: White; 
	background-color: #51bb00 ;
	font-weight: bold;
	margin: 0px;
	height: 20px;
	width: 165px;
}

.untermenu{
   padding-top: 8px;
	margin-left: 42px;
	font-size: 11px;
	font-weight: normal;
}

.back{
margin: 15px 0px 15px 760px;
text
}

/*   menu klein -----------------------*/
#kleinmenu {
width: 140px;
margin:5px 0 0 0;
padding: 0  0 5px 10px;
/* font-size: 0.9em; */
}

#kleinmenu ul {
list-style: none;
width: 140px;
margin:  0;
padding: 0;
/* font-size: 0.9em; */
}

#kleinmenu li {
margin-bottom: 4px;
}

#kleinmenu li a {
height: 17px;
text-decoration: none;
color: #286EAA;
display: block;
padding: 5px 0 0 5px;
background: #f4f4f4;
font-weight: normal;
}

#kleinmenu li a:hover {
background: #eaeaea;
/*color: #286ea0;*/
color: #165B03;
border-left: 2px solid #165B03;
}
/*   Menu klein end+++++++++++++++++++++++++++++++++++++++++++ -----------------------*/


div#info {
width: 150px;
margin: 30px 3px 5px 10px;
padding: 1;
float: right;
}

div#info table {
width: 150px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 10px 0px;
table-layout: fixed 
empty-cells: hide;
} 

div#info td, div#info th{
	color: #747474;
	font-size: 10px;
	font-weight: normal;		
	text-align: center;
	padding-bottom: 3px;
} 

div#info th{
	font-weight: bold;
} 

div#info a{
	text-decoration: underline;
	color: White;
	font-size: 10px;	
}

div#info p {
margin: 10px 2px 15px 5px ;
color: #7D7D7D;
font-weight: normal;
}

div#info img{  	
border: 0px;
margin-left: 5px;
padding: 0px;
}

div#info .links{
   padding-left: 10px;
	text-align: left;
}

div#info .gebetdatum a{
font-size: 11px; 
font-weight: bold;
color: White;
background-color: #51bb00;
margin-bottom: 5px;
padding: 2px 0px 2px 5px;
text-decoration: none;
}

div#info  a{
/* font-size: 13px; background-color: #51bb00;*/
color: #854627;
text-decoration: underline;
}

div#info .gebetdatum a:hover{
/* font-size: 13px; background-color: #51bb00;*/
font-weight: bold;
color: #204CCA;
background-color: #51bb44;
margin-bottom: 5px;
padding: 2px 0px 2px 5px;
text-decoration: none;
}

div#content {
margin: 0 155px 20px 160px;
padding: 0 1em;
text-decoration: none;
}
* html div#content {
height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}
#titel, .titel {
font-weight: bold;
text-align: center;
font-size: 19px;
margin: 0.2em 0;
color: #51bb00;	
}
#titel2 {
font-weight: bold;
text-align: center;
font-size: 25px;
margin: 0.2em 0;
color: #51bb00;
}

#titeladmin {
font-weight: bold;
font-size: 17px;
margin: 10px 0px 0px 10px;
color: #006400;
}

#copyright {
color: #696969;
clear: both;
font-size: 10px;
margin: 10px 30px 0px 30px ;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px dotted silver;
text-align: right;
font-weight: normal;
}


div#copyright span.font10px{
font-size: 10px;
}

div#copyright span.rechtCopyRight{
float: left;
font-size: 10px;
text-align: right;
font-weight: normal;
}


.mitte{
margin: auto;
text-align: center;	
}

/*    #################   Unsere Programme  ######################     */
div#menu_unsere_programme {
margin: 18px 0px 85px 0px;
}

#menu_unsere_programme ul {

}
#menu_unsere_programme li {
list-style: none;
padding: 0.1em;
padding-bottom: 2px;
text-align:center;
}
#menu_unsere_programme a, .bildbeschreibung {
display: block;
width: 400px;
padding: 4px 0 2px 4px;
line-height: 18px;
font-weight: bold;
text-decoration: none;
border-bottom: solid silver 2px;
border-left: solid silver 2px;
color:green ;
background-color: #E7E7E7;
font-size: 12px;
margin: 0 auto;
}

.groupemoschee {
display: block;
width: 400px;
margin: 40px 20px 0px 0px;
}

.inhalt_unsere_programme {
border: 1px solid #91C766;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 5px 5px 45px 5px ;
width: 860px;
margin: auto;
/* height: 555px; */
}
.inhalt_unsere_programme .titel{
font-size: 22px;
margin: 15px 0  15px 0;
}
.inhalt_unsere_programme p {
font-weight: bold;
font-size: 12px;
margin: 10px 50px 40px 50px;
}
.inhalt_unsere_programme a {
font-size: 12px;
text-decoration: none;
color: Green;
}

.inhalt_unsere_programme_detail {
border: 1px solid #91C766;
font-size: 12px;
line-height: 18px;
font-weight: bold;
padding: 0px 5px 45px 5px ;
width: 860px;
margin: auto;
margin-top: 28px;
/* height: 555px; */
}
.inhalt_unsere_programme_detail .titel{
font-size: 22px;
margin: 15px 0  15px 0;
}
.inhalt_unsere_programme_detail p {
font-weight: bold;
font-size: 12px;
margin: 10px 50px 25px 50px;
line-height: 18px;
}
.inhalt_unsere_programme_detail a {
font-size: 12px;
text-decoration: underline;
color: Green;
}

.bilder{
margin:auto;
width: 100%;
}
.bilder td {
margin:15px;
text-align:center;
}
.bilder td a img {
border: 1px solid silver;
padding:3px;
}
a.bildbeschreibung {
width: 250px;
display:block;
font-size: 12px;
margin-top: 15px;
}

.anker_links {
text-align: right;
margin-right: 20px;
margin-bottom: 30px;
}

.anker_links a{
font-size: 12px;
text-decoration: none;
font-weight: normal;
color: #845d11;
}

.myinput{
width: 550px; background-color: #F0EBBB; border: dotted 1px;
}

.mybutton{
width: 200px; background-color: #5F3312; color: White; font-weight: bold; border: solid 1px #D3D3D3;
}

#groesse1{
font-size: 14px; font-weight: bold; color: Maroon; margin-top: 25px; margin-bottom: 5px;
}

#nameueberschrift{
color: Navy;
font-weight: bold;
}

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

#marginpadding img{
    margin: auto;
    padding: 20px;
    border: 0px;	
}

#mylist li {
    list-style: url(bilder/listen.gif);
    margin-left: -20px;
    padding-left:0px;
    padding-bottom: 13px;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
}


#programmeauflisten {
    border: #CCD 1px dotted ;
    margin: 5px;
    padding: 5px;
    text-align: left;
    margin-bottom: 15px;
}

#programmeueberschrift{
    font-weight: bold;
    /* font-size: 13px; */
    color: #337931;
}

#schriftgroesse {
    margin: 1px;
    padding: 1px;
    border: #767676 dashed;
    background-color: #696969;
    color: White;
    font-size: 15px;
    text-decoration: none;
}

#schriftaender {
    margin: 8px 0px 10px 40px;
}


#test{
    float: left; width: 500px;
}


#floten{
    float: right;
    width: 765px;
}

.aktivitaeten_klein_bilder img{
    margin: 5px;
    text-decoration:none;
    border: 4px solid White;
}

.aktivitaeten_vorschau_bild img{
    text-decoration:none;
    border: 6px solid White;
    margin: auto;
}


.aktivitaeten_klein_bilder a{
    text-decoration:none;
}

/* Kontakt Daten*/
.kontaktdaten{
    margin-left: 60px;
    font-size: 16px;
    margin-bottom: 40px;
	 vertical-align: top;
}

.kontaktdaten td{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	padding-top: 5px;
	text-align: left;
}
.kontaktueberschrift{
    display: block;
    font-size: 15px;
    font-weight: bold;
	 color: #51bb00; 
    width: 160px;
    margin: 0px 0px 0px 10px ;
}


.oeffnungszeiten{
    margin: auto;	
    text-align: center;
}

.oeffnungszeiten .titel{
    font-size: 14px;
    color: #51bb00;
    font-weight: bold;
}

.oeffnungszeiten table{
    margin: auto;	
    color: #51bb00;
    margin-bottom: 25px;
}

.oeffnungszeiten td{
    width: 150px;
}

.bildung{
	font-size: 12px;
}


.iiskontakt{
	padding-top: 10px;
	margin-bottom: 40px;
}

.iiskontakt h3{
	margin: 10px 0px 10px 0px; 
	font-weight:bolder;  
	color: #51bb00;
   font-size:18px; 
	}

/* Aktuelles*/
#aktuelles_titel{
	display: block;
	width: 585px;
	float: right;
	background-color: #808000;
	color: White;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 30px 0px 10px 0px ;
	padding: 0px 0px 1px 10px;
	float: right;
}

.aktuellesauflisten{
   display: block;
	width: 575px;
	border-bottom: dotted 1px; 
	color: #494949; 
	margin: 0px 0px 15px 0px;
	padding: 10px 0px 10px 0px;
	font-weight: normal;
	font-size: 11px;
	float: left;
	line-height: 14px;
}
	
.aktuellesauflisten div{
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}

.aktuellesauflisten p{
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}
	
.aktuellesauflisten img{
	border: solid 5px #A9A9A9;
	margin: 5px;
}

.aktuellesauflisten a{
   font-size: 15px;
	text-decoration: none;
	color: Green;	
}
.aktuellesauflisten li, .aktuellesauflisten lu{
   font-weight: normal;
	font-size: 11px;
	line-height: 14px;
}
	
.aktuelles_datum{
	float:right;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
   color: #815E0B;
}	
	
.aktuelles_author{
	font-size: 11px;
	font-style: italic;
	font-weight: normal;	
	color: #815E0B;
}			
	
.oeffnungtable table{
				margin: auto;
        		empty-cells:hide;	
}

.oeffnungtable td, .oeffnungtable th{
	border: 1px solid #C5C07E;
	width: 200px;
	text-align: center;
	vertical-align: middle;
}

.platzhalter{
  display: block;
  width: 120px;
}


/* ++++++++++++++    ++++++++++++++*/

/* Aktuelles*/
#aktuelles_titel2{
	display: block;
	width: 585px;
	float: right;
	background-color: #008080;
	color: White;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
	padding: 0px 0px 1px 10px;
	float: right;
}
/* ++++++++++++++    ++++++++++++++*/
.mawakit td{
color: #747474;
font-size: 11px;
padding: 3px;
padding-left: 15px;

}

.gebetdatum{
	font-size: 11px;
	text-align: center;
	color: White;
   background-color: #51bb00;
	padding: 5px 0px 5px 0px;
	margin-bottom: 6px;
}

.infoplatzhalter{
	background-color: #E8F3DF;
	padding: 20px 0px 20px 0px;   
}
/* ##########  Kalender  ############*/

#kalender table{
   background-color: #DCDCDC;	
	empty-cells: hide;
} 

#kalender td, #kalender th{
	color: #747474;
	font-size: 10px;
	font-weight: normal;
	width: 15px;
	text-align: center;
} 

#kalender th{
	font-weight: bold;
} 

#kalender a{
	text-decoration: underline;
	color: White;
	font-size: 10px;	
}


/* ############################## Event ############# ############ ################*/
div.event {
	border: 1px #D2B48C dotted;
	margin: 20px;
	padding: 15px;
	font-weight: normal;
}

div.event p {
	font-weight: normal;	
}


h2.event {
	margin: auto; 
	font-weight:bold;  
	text-align: center; 
	color: #51bb00;
   font-size:22px; 
	}
	
 h3.event{
	margin: 5px 0px 5px 10px ; 
	font-weight:bold;  
	text-align: left; 
	color: #51bb00;
   font-size:18px; 
	}	
	
/* ####################################### Formular Gebetszeiten ######################################### */	

div.mawakitform table{
  border: 1px #CD853F;
}

div.mawakitform select{
	width: 100px;
	margin-bottom: 5px;
	border: solid 1px #006400;
	scrollbar-base-color :#006400; 
}

div.mawakitform input{
	width: 140px;
	text-align: center;
	margin-bottom: 0px;
}

div.sura p{
   font-family: Verdana;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

div.hadith {
	font-weight: normal;
	font-size:11px; 
	letter-spacing: 0px;
	margin-left: 350px;
	margin-bottom: 20px;
}


div.mytemplate {
	text-align: left;
	margin: 15px;
	font-weight: normal;
	font-size: 12px;
	color: Black;
}

div.mytemplate p{
	font-weight: normal;
	margin-bottom: 30px;
}

div.mytemplate h2, div.mytemplate h4{
	text-align: center;
}

div.mytemplate h4{
	color: Black;
}
div.mytemplate li{
	font-weight: normal;
	margin-bottom: 10px;
}

div.mytemplate img{
	border: solid #D3D3D3 5px;
	padding: 2px;
	width: 50px;
}

div.mytemplate td{
	padding-left: 10px;
	vertical-align: top;
	font-weight: normal;	
}

.pfad{
	margin: 20px; 
	color: Gray; 
	font-weight: normal; 
	padding: 5px;	
}

.pfad a{
	text-decoration: none; 
	color: Gray; 
	font-size: 11px; 
	font-weight: normal; 
}

.buecherkontakt {
	margin: 20px 270px 20px 0px;
}

.buecherkontakt a{
   display: block;
	width: 150px;
	float: right;
	text-decoration: none;
	margin: 10px 10px 10px 10px;
	padding: 3px 10px 3px 10px;
	color: Blue;
	background-color: #DCDCDC;
	border: dotted 1px gray;
	text-align: center;
}



/*--------------   Infobox ----------------------------------------------*/
a.popinfobox             {
                              border-bottom: 1px dashed #c30; 
                              text-decoration:none; 
                              font-size:12px;
                       }
a.popinfobox:hover       { 
                              cursor:help; 
                              color:#1D3D71; 
                              background:white; 
                       }
a.popinfobox span        { 
                              visibility:hidden; 
                              position:absolute; 
                              left:35em;
                              margin-top:6em; 
                              padding:1em; 
                              text-decoration:none; 
                       }
a.popinfobox:hover span  { 
                              visibility:visible; 
                              border:1px solid #1D3D71;
                              color:#784715; 
                              background:white; 
                       }

							  
							  
/*   -------------------  				  


*/	
.menu {width:175px; position:relative; margin:0; font-size:12px; margin:50px 0; float: left; color:#green; }
.menu ul li a, .menu ul li a:visited {
                                      display:block; text-decoration:none; 
                                      color:green; width:165px; height:20px; 
                                      border:1px solid #fff; border-width:1px 1px 0 0; 
                                      background:#c9c9a7; 
                                      line-height:18px; font-size:12px;
}
.menu ul {margin-top: 0px; margin-left: 2px; margin-right: 15px; padding: 0; ;list-style-type: none; }
.menu ul li {float:left; list-style: none; margin: 0; position:relative;}
.menu ul li ul {display: none;}*/		
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; }
.menu ul li:hover ul li a.hide {background:#dfc184;}
.menu ul li:hover ul li:hover a.hide {width:175px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
	display: block;
	width: 225px;
	background: #BDB76B;
}
.menu ul li:hover ul li a:hover {background:#51bb00; color:white;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:175px; top:0; color:white; }
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#51bb00; color:white; }
.menu ul li:hover ul li:hover ul li a:hover {background:#51bb00; color:white;}
div.menu a {
display: block;
padding: 5px 0 2px 5px;
font-weight: bold;
text-decoration: none;
border-bottom: solid silver 2px;
border-left: solid silver 2px;
color:green ;
background-color:#e7e7e7;
}
div.menu a:link, div.menu a:visited, {
color:green ;
background-color: ;
}
div.menu a:hover, div.menu a:active {
	color: white;
	background-color: #51bb00;
	border-bottom: solid white 2px;
	border-left: solid white 2px;
	padding-right: 5px;
}



/* tooltips */ 
.tooltip a { text-decoration: none; background-color: transparent; color: #000; border-bottom: 1px dotted #333; } 
.tooltip a:hover { background-color: #ffc; color: #000; border: 1px solid #000; padding: 0 5px; cursor: default; } 
.tooltip a span, .tooltip a:hover span .invis { display: none; } 
.tooltip a:hover span { display: inline; }

.spende1{
	color:green ;
   background-color:#C9C9A7;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
	display: block;
	width: 140px;
	height: 65px;
}
.spende1 a{
   text-decoration: none; background-color: transparent;
	color:green ;
}