@charset "utf-8";
/* CSS Document */

/* Bildschutz Index-Seite */
#index {
	position: absolute;
	top: 300px;
	width: 100%;
	height: 200px;
	z-index: 500;
}

/* Ende */

#content {
	position: relative;
	margin-top: 10px;
	padding: 10px;
	float: none;
}

#text {
	position: relative;
	width: 650px;
	text-align: justify;
	padding: 10px;
}

ul li.text {
	list-style:url(../pictures/lipu.gif);
}

td.text, td.img {
	padding: 8px;
	border-bottom: 1px dotted #CDC6AD;
}


img.randlos {
	border: 0;
	padding: 0;
	margin: 0;
}


/* Veranstaltungen'*/
#content_fix {
	position: relative;
	width: 680px;
	height: 450px;
	margin-top: 10px;
	padding: 10px;
	overflow: auto;
}

h1.veranstaltungen {
	width: 620px;
}

.anker1 a {
	width: 620px;
	height: 1px;
	text-align: left;
}


ul.veranstaltungen {
	float: left;
	width: 620px;
	display: block;
	list-style: none;
}

ul li.veranstaltungen { 
	float: left;
	display: block;
	width: 620px;
	margin-right: 50px;
	list-style: none;
	text-align: right;
}

ul li ul.veranstaltungen {
	float: left;
	display: inline;
	width: 620px;
	margin-left: -50px;
	list-style: none;
}

ul li ul li.veranstaltungen {
	float: left;
	display: inline;
	margin-left: -5px;
	width: 620px;
	background: none;
}

.veranstaltunen a, .veranstltungen a:hover {
	text-align: right;
	padding: 0 5px 0 0;
}

table.veranstaltungen {
	position: relative;
	clear: both;
	display: block;
	margin: 5px 0 400px 0;
	text-align: left;
	border: none;
}

td.veranstaltungen {
	padding: 5px;
	text-align: left;
}

li.seminar {
	text-align: left;
	margin-left: -30px;
	padding-left: 100px;
	list-style: none;
	background-image: url(../pictures/lipu_seminar.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li.uebungsgruppe {
	text-align: left;
	margin-left: -30px;
	padding-left: 100px;
	list-style: none;
	background-image: url(../pictures/lipu_hu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li.zikr {
	text-align: left;
	margin-left: -30px;
	padding-left: 100px;
	list-style: none;
	background-image: url(../pictures/lipu_zikr.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li.mevleviabend {
	text-align: left;
	margin-left: -30px;
	padding-left: 100px;
	list-style: none;
	background-image: url(../pictures/lipu_mevleviabend.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li.ramadan {
	text-align: left;
	margin-left: -30px;
	padding-left: 100px;
	list-style: none;
	background-image: url(../pictures/lipu_turm.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

li.quran {
	text-align: left;
	margin-left: -30px;
	padding-left: 100px;
	list-style: none;
	background-image: url(../pictures/lipu_sure.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}



/*Navigation Monate rechts der Veranstaltungen*/
#sidebar_monate {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 100px;
	height: 520px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #54697A;
	z-index: 500;
	overflow: hidden;
}

#sidebar_monate ul {
	padding: 0;
	margin: 0 5px 0px 5px;
	list-style: none;
	overflow: hidden;
} 

#sidebar_monate li {
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

#sidebar_monate li a {
	display: block;
	height: 100%;
	float: none;
	padding: 0 0 0 8px;
	text-align: left;
}

#sidebar_monate li a:hover {
	display: block;
	height: 100%;
	float: none;
	padding: 0 0 0 8px;
	text-align: left;
	background-image: url(../pictures/hover1.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* Textteil Veranstaltungen*/

#contentv_scroll {
	position: relative;
	width: 680px;
	height: 550px;
	margin-top: 5px;
	padding: 10px;
	overflow: hidden;
	
}

#textv_mitte {
	position: relative;
	float: left;
	width: 550px;
	height: 520px;
	float: left;
	text-align: left;
	padding: 10px 120px 10px 10px;
	overflow: auto;
}

ul.textv_mitte {
	display: block;
	list-style: none;
	margin-left: -20px;
}

li.textv_mitte {
	margin: 0 0 500px -20px;
}

table.textv_mitte {
	width: 530px;
}

/* Ende Veranstaltungen*/


/* Anfang Tschelebis */

.baum img {
	margin: 0 0 -4px 0;
	border: none;
}

.baum {
	position: relative;
	width: 650px;
	margin: 10px 0 10px 0;
	background-image: url(../pictures/hg_baum.gif);
	background-repeat: no-repeat;
}

.baum1 {
	position: relative;
	width: 250px;
	margin: 20px auto 30px auto;
	padding: 5px;
	text-align: center;
	border-top: 1px dotted #3C4A57;
	border-right: 1px dotted #3C4A57;
	border-bottom: 1px dotted #CDC6AD;
	border-left: 1px dotted #CDC6AD;
	background-color: #8197A9;
	background-image: none;
}

ul.baum {
	margin: 0 0 0 -30px;
	padding-top: 24px;
	width: 700px;
	height: 150px;
	background: none;
}

ul li.baum {
	list-style: none;
	float: left;
	display: inline;
	width: 194px;
	margin: 0 25px 0 0;
	padding: 5px;
	border-top: 1px dotted #3C4A57;
	border-right: 1px dotted #3C4A57;
	border-bottom: 1px dotted #CDC6AD;
	border-left: 1px dotted #CDC6AD;	
	background-color: #8197A9;
	background-image: none;
}

.baum2 {
	position: relative;
	width: 210px;
	margin: auto;
	background-image: url(../pictures/hg_baum.gif);
	background-repeat: no-repeat;
}

ul.baum2 {
	margin: 0 0 0 -35px;
	padding-top: 24px;
	width: 210px;
	height: 150px;
	background: none;
}

ul li.baum2 {
	list-style: none;
	float: left;
	display: inline;
	width: 200px;
	margin: 0;
	padding: 5px;
	border-top: 1px dotted #3C4A57;
	border-right: 1px dotted #3C4A57;
	border-bottom: 1px dotted #CDC6AD;
	border-left: 1px dotted #CDC6AD;	
	background-color: #8197A9;
	background-image: none;
}

/* Ende Tschelebis */

/* Enzyklopädie */

#content_scroll {
	position: relative;
	width: 680px;
	height: 550px;
	margin-top: 5px;
	padding: 10px 0 10px 10px;
	overflow: hidden;
	
}

#text_mitte {
	position: relative;
	float: left;
	width: 460px;
	height: 520px;
	float: left;
	text-align: justify;
	padding: 10px 200px 10px 10px;
	overflow: auto;
}

ul.text_mitte {
	display: block;
	list-style: none;
	margin-left: -20px;
}

li.text_mitte {
	margin: 0 0 500px -20px;
}

/*Navigation rechts der Enyklopädie*/
#sidebar_rechts {
	position: absolute;
	top: 10px;
	right: 50px;
	width: 160px;
	height: 520px;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #54697A;
	z-index: 500;
}

#sidebar_rechts ul {
	padding: 0;
	margin: 0 5px 0px 5px;
	list-style: none;
} 

#sidebar_rechts li {
	display: block;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

#sidebar_rechts li a {
	display: block;
	height: 100%;
	float: none;
	padding: 0 0 0 8px;
	text-align: left;
}

#sidebar_rechts li a:hover {
	display: block;
	height: 100%;
	float: none;
	padding: 0 0 0 8px;
	text-align: left;
	background-image: url(../pictures/hover1.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* Kontaktformular */

table.kontakt {
	position: relative;
	width: 650px;
	margin: auto;
	border: 0;
	padding: 0;
	text-align: right;
}

td.kontakt {
	width: auto;
	height: 20px;
	padding: 2px 5px 2px 5px;
	text-align: right;
}

form {
	position: relative;
	width: 660px;
	height: 400px;
	padding: 10px;
	background-color: #8197A9;
	border: 1px dotted #CDC6AD;
}

input.kontakt, textarea.kontakt, select.kontakt {
	border: 1px dotted #CDC6AD;
	background-color: #E6E4E1;
}

input.kontakt {
 height: 18px;
}

/* Linkliste */

.link table, .link td {
	margin: 5px;
	padding-top: 25px;
	padding-bottom: 10px;
	padding-right: 15px;
	vertical-align: top;
	border-bottom: 1px dotted #CDC6AD;
}

.link img {
	margin-top: -10px;
	border: 1px dotted #E6E4E1;
}