body{
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	min-width:35em;
	min-height:100%;
	cursor:default;
}
#bg{
	z-index:-1;
	position:fixed;
	margin:0;
	padding:0;
	background-image: url(../bilder/bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#D_Grup img, #D_Organize img{
	width:40%; height:auto; border-radius:2rem;
}
#ldert{
	min-height:25rem; width:100%; margin:-0.47rem auto -1.8rem auto; display:table;
}
#ldert div{
	display:table-cell; vertical-align:middle; text-align:center; background-color: rgba(0, 0, 0, 0.2);
}
#videosframe{
	text-align:center;
}
#videosframe iframe{
	border:4px solid white;
	border-radius:0.2em;
	width:420px;
	height:315px;
}
#mobscripts{
	display:none;
}
/* ORGANIZE START */
#Organize-Dugun{
	height:240px; margin:2rem auto auto 1.4rem; color:white; font-size:1.1rem; line-height:1.6rem; display:table;
}
#Dugun-Organize-Resimler {
	margin-right:2.4rem;
	margin-bottom:0.6rem;
	width:240px;
	height:240px;
	border:2px solid silver;
	border-radius:50%;
	shape-outside: circle(46%);	
	float:left;
	padding:0;
	vertical-align:middle; position:relative;
}
#Dugun-Organize-Resimler img {
	height:100%; width:100%; border-radius:50%; display:inline-block; position:absolute;
}
#dugun-organize-yazi{
	margin-top:-1rem;
}
#hrorganize{
	clear:both;  margin-top:1rem; padding:0; left:0;
}
.dekor_inline_tab{
	float:left; height:1.4rem; width:20.4rem;
}
#organize_form{
	margin:2rem;
	border:1px solid yellow;
	border-radius:0.4rem;
	padding:1rem;
	width:95%;
	margin:auto;
}
#dekor_alt_div{
	clear:both;
}
#dekor_clasi{
	color:yellow; text-align:center; font-weight:bold; font-size:1.2rem; margin:2.36rem;
}
#organize_form div{
	margin-bottom:1rem;
	color:white;
	font-size:1.1rem;
	display:table;
}
#organize_form div select{
	cursor:pointer;
}
#organize_form div input[type='text'], #organize_form div input[type='email'], #organize_form div select, #organize_form div textarea{
	width:100%; box-sizing: border-box; border-radius:0.4rem; padding:0.4rem;
}
#dekor_submit{
	margin:auto; width:20rem;
}
#dekor_submit input{
	width:100%; box-sizing: border-box; border-radius:0.4rem; margin-top:1.4rem; font-size:1.3rem; color:white; padding:1rem; cursor:pointer; background-color:transparent; border:2px solid silver;
}
#dekor_submit input:hover{
	font-weight:bold; border-color:yellow;
}
#organize_form div textarea{
	height:12rem;
}
#organize_form div label{
	cursor:pointer;
}
.dekor_100{
	width:100%;
}
.dekor_span{
	margin-left:1.4rem;
}
#dekor_tarih{
	background-color:white;
}
#organize_form div input[type='checkbox']{
	transform: scale(1.4); margin:-2px 1rem auto 0.2rem; display:table-cell; vertical-align:middle; cursor:pointer;
}
#organize_form div input[type='number']{
	width:2rem; margin:auto 1rem auto 0; border-radius:0.16rem; padding-left:2px;
}
#organize_form div input[type='number']:first-child{
	width:3rem;
}
/* ORGANIZE END*/
#fBFt{
	z-index:1; 
	margin-top:0.6em;
}
.sadeDavul{
	color:white;
	margin-top:1em;
}
.googletrade{
	display:inline-block;
	width:728px;
	height:90px
}
.topglg{
	display:inline-block;
	width:728px;
	height:90px
}
.outButOne, #MobButton, #bottomHoehe{
	display:none;
}
.algul{
	text-align:left; margin-left:-0.6rem;
}
#firstMiddleBabst{
	width:100%;
	font-size:1.1rem;
}
#middlebabst{
	clear:both;
	display:block;
	width:100%;
	color:white;
}
#middlebabst div{
	margin-left:1rem;
}
#GrupFiratYolda{
	width:35rem;
	height:18rem;
	float:left;
	margin-right:2rem; position:relative;
	margin-bottom:1rem;
}
#GrupFiratYolda img{
	width:100%;
	height:100%;
	border-radius:0.6rem;
	border:2px solid white;
	position:absolute;
}
#slidetext{
	color:yellow;
	text-align:center;
	font-size:1rem;
	margin-top:0.2rem;
	margin-bottom:0.6rem;
}

#Lschrift{
	position:absolute;
	left:0;
	right:0;
	margin-top:-1.1em;
	font-size:1em;
	color:white;
	text-shadow:0em 0em 0.2em black;
}
h1{
	background-image: url(../bilder/tuerkischemusikgruppe.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	font-size:3em; 
	padding:0;
	margin:0;
	color:#A32929; 
	font-style:italic;
	position:absolute;
	right:0;
	left:0;
	top:0;
	height:240px;
	border-bottom:2px solid white;
}
#get{float:right; margin-top:-2em; margin-right:4.2em; font-size:0.6em;}
h1 div:first-child{padding:0.3em; cursor:pointer;}
h1 div:first-child:hover{color:darkblue;}
hr{color:white;}
a{text-decoration:none; color:white;}
a:hover{text-decoration:underline;}
h2{margin-top:250px; text-align:center;}
#BorderBoxing{
	border-spacing:1rem;
}
.firstD{font-size:1.2rem; color:#F9E600; margin-bottom:0.4rem;}
.lastD{color:white; font-weight:normal;}
#buttons{text-align:center;}
#rezeva{display:none;}

#grupfirat{margin:auto; width:99%; font-size:1.2em; color:white;}
.OV{padding:0.3em; cursor:pointer; font-size:1.3em; color:yellow; display:inline-block; margin:0.2em auto; width:15%; min-width:7em; border:1px solid white; border-radius:0.3em;}
.OV:hover{border-color:yellow; color:white; }
.OVL{padding:0.14em; cursor:pointer; font-size:1.3em; color:yellow; display:inline-block; margin:0.2em auto; width:15%; min-width:7em; border:1px solid white; border-radius:0.3em;}
.OVL:hover{border-color:yellow; color:white; }
#content{min-height:300px; margin-top:0.4em;}
#DRahmen{text-align:center; border:2px solid white; box-shadow:0.6em 0.6em 0.4em 0.2em black; min-width:300px; width:50%; margin:4em auto; padding:1em; border-radius:0.3em; color:white; font-size:1.2em; font-weight:bold;}
#ul{text-align:center; }
#ul ul{display:inline-block; text-align:left;}

.sloOne, #mailbir{color:#FFFFC1;}
#VideoS{text-align:center;}
#VideoS iframe{display:inline-block; margin:3em 0.8em 2em 0.8em; border:2px solid white; box-shadow:0.6em 0.6em 0.4em 0.2em black;}
#VideoS div{margin-bottom:6em;}
#DahaFazlaVideo{color:white; font-size:1.4em; border:3px solid white; padding:0.4em; width:90%; margin:auto;}
#Irtibat{height:34rem;}
#yaziirtib{
	color:white; font-size:1rem; margin:2rem auto 0 auto; clear:both; text-align:center;
}
#map {
	margin:2rem auto 2rem auto;
		height: 34rem;
		width:94%;
		border-radius:0.4rem;
	}
#footer{border-top:1px solid white; padding:0.2em; color:white; margin-bottom:5em;}
#GoogleAd{text-align:center; margin-top:-0.45em; margin-bottom:-0.18em;}
#oneriler{display:none; text-align:center;}

#login{font-size:1.1em; text-align:center;  color:white;}
#login div{padding:0.8em;}
#login input{padding:0.4em; border-radius:0.3em; }
#login div:first-child{font-size:1.3em; color:yellow;}
#reg{border:1px solid white; border-radius:0.4em; box-shadow:0.6em 0.6em 0.8em black; text-align:left; width:24em; margin:2em auto;}
#LogIn{border:1px solid silver; background-color:transparent; color:white; cursor:pointer;}
#LogIn:hover{color:yellow;}
#reg div:first-child{margin-top:-0.6em;}
#hesap input{margin:1em 0 0 0; display:inline-table; padding:0.6em; border-radius:0.3em;}
#hesap select{cursor:pointer; float:left; padding:0.4em; border-radius:0.1em;}
#hesap div{margin-left:-0.7em;}
#selecter{display:block;}
#selecter div{float:left; margin:-0.46em 0 0 0.1em;}
#cins{margin-top:-1.2em; float:left; text-align:left;}
#cins input{width:1.4em; cursor:pointer;}
#regSub{width:97%; cursor:pointer; background-color:transparent; font-size:1.2em; border:1px solid white; color:white;}
#regSub:hover{color:yellow;}
#agb{font-size:0.76em; margin:-1.4em 0 -1.6em 0; float:left; }
#merhaba{margin-top:11em; color:#FFFFB7; font-weight:normal;}
#unuttum{font-size:0.8em;}
#unuttum a{cursor:pointer;}
#SifreYolla{display:none;}
#SifreYolla input:last-child{background-color:transparent; color:white; cursor:pointer;}
.ekle input{cursor:pointer; vertical-align:middle; height:1.2em; width:1.2em; margin-left:0.6em;}
.ekle:hover span{color:orange; vertical-align:middle; }
#sepet{float:right; margin-bottom:1rem; margin-right:1rem; cursor:pointer;}
#sepet:hover div{border-color:white;}
#sepet div{padding:0.3em; border:1px solid silver;}
#toplam td:nth-child(1), #toplam td:nth-child(4){border:none;}
#tamamla{border:1px solid silver; padding:0.3em; margin-right:5px; vertical-align:middle; color:white; margin-top:2em; border-radius:0.2em; cursor:pointer;}
#tamamla:hover{border-color:yellow;}
#siparis{display:none; color:white;}
#hesap{margin:auto; font-size:1.1em; width:20em; border:1px solid white; padding:0.4em; border-radius:0.4em;}
#tamamlaS{text-align:center; margin:auto;}
#SPTam{margin:auto; margin-top:2em; margin-bottom:2em; color:yellow; font-size:1em; cursor:pointer; width:23em; border:1px solid white; padding:0.6em; border-radius:0.4em; background-color:transparent;}
#SPTam:hover{color:#AAFFAA;}
#subu{width:90%; margin:2em auto;}
#subu table{border:1px solid silver; width:100%; color:white; font-size:1.1em;}
#subu table td{border:1px solid silver; padding:0.4em;}
#subu table td:nth-child(2){width:6em; text-align:left;}
#subu table td:last-child{width:4em; text-align:center; cursor:pointer;}
.XDiag{position:absolute; cursor:pointer; right:0.2em; top:0.02em; }
.hDi{display:none;}

#SoruHead{text-align:center; color:white; font-size:1.4em; }
.SoruTB{color:white; width:98%; margin:3.6em auto; border:2px solid white; font-size:1.1em;}
.SoruTB td{padding:0.4em;}
.SoruTB tr:first-child td, .SoruTB tr:last-child td{border:1px solid silver;}
.SoruTB tr:nth-child(2) td{color:yellow;}
.oku{text-align:center; width:6em; cursor:pointer; }
.CevBox{border:1px solid silver; padding:0.4em;}
.HCEV{border:none; border-bottom:1px solid grey; margin:0; margin-bottom:0.4em;}
.cevaplayan{width:99.4%; margin:auto;}
.cevap{width:99.4%; margin:auto;}
.Csayi{display:none;}
.yanit{text-align:center; display:none; cursor:pointer;}
.SchriftKlein, .yanit{font-size:0.9em;}
#sorusor{color:white; border:1px solid white; text-align:center; padding:0.4em; border-radius:0.3em; font-size:1.1em; cursor:pointer; width:10em; margin:2em auto;}
#soruPanel{text-align:center; margin:2em auto; display:none;}
#soruPanel textarea{height:10em; border-radius:0.4em; width:80%; overflow:auto; padding:0.4em;}
#soruPanel input{font-size:1em; border-radius:0.4em; padding:0.6em; width:10em; margin-top:0.4em; background-color:transparent; color:white; cursor:pointer;}
#soruyok{color:white; text-align:center; margin:10em auto; font-size:1.2em;}
.SuberAr textarea{vertical-align:bottom; display:inline-table; width:78%;  margin-left:0.2em; height:10em;}
.SuberAr input{vertical-align:bottom; display:inline-table; background-color:transparent; width:8em; padding:0.4em; color:white; margin-left:0.5em; cursor:pointer; border-radius:0.2em; }
#uyesayisi{border:1px solid white; padding:0.4em; float:left; margin-top:0.4em; color:yellow;} 
/*DECKBLATT START */
#DbFull{
	position:relative;
	z-index:5;
}

#DbLogo{
	display:none;
	text-align:center;
}
#DbLogo img{
	
	width:30%;
	min-width:18em;
	max-width:24em;
	
}
#DbLogo div:first-child{
	margin:0.6em auto 1em auto;
	color:white;
	font-size:2.6em;
	font-weight:bold;
	text-shadow: 0.06em 0.06em 0.34em black;
}
#DbLogo div:last-child{
	border-bottom:1px solid silver;
	min-height:1.6em;
	font-size:1.2em;
	color:white;
	margin-top:2em;
	text-shadow:0.06em 0.06em 0.34em black;
}
#DbMiddle{
	display:none;
	text-align:center;
	margin:1em auto;
}
#DbMiddle div{
	position:relative;
	border:1px solid silver;
	min-width:10em;
	width:15%;
	max-width:13em;
	height:8.6em;
	border-radius:0.4em;
	display:inline-block;
	margin:1em;
	box-shadow:0.4em 0.4em 0.8em black;
	color:white;
	padding:0.4em;
	font-size:1.1em;
	text-shadow:0.06em 0.06em 0.34em black;
}
#DbMiddle img{	
	max-height: 72%;  
    max-width: 95%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 2.4em;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}
#DbFoot{
	display:none;
	margin-top:3em;
	text-align:center;
}
#DbFoot img{
	cursor:pointer;
	height:4.8em;
}
#DbFoot img:hover{
	height:5.2em;
}
/*DECKBLATT ENDE */
/* PROFIL START */
#ProfilIc{font-size:1.3em; color:white; text-align:center;}
#ProfilIc div{margin-bottom:2em; font-size:1.3em; text-decoration:underline;}
#ProfilIc ul{width:15em; text-align:left; margin:0 auto; color:#FFFFB7;}
#SpIc{text-align:center;}
#cikis{margin-left:0.4em; margin-top:5px;}
#cikis img{width:2.2em; height:2.2em; cursor:pointer;}
#cikis img:hover{width:2.4em; height:2.4em; margin-top:-0.08em; margin-bottom:-2px; margin-left:-0.1em;}
.MobileView{display:none;}
#VideolarArsiv table{margin:auto; width:98%; text-align:center; border-color:silver;}
#VideolarArsiv table tr:hover td:first-child{color:yellow; font-weight:bold;}
#VideolarArsiv td{padding:0.4em; color:white;}
#VideolarArsiv td:first-child{text-align:left;}
#VideolarArsiv td:nth-child(2){font-weight:bold;}

#Videolarim_S {text-align:center; color:white; font-size:1.1em; }
#Post_S{text-align:center; color:white; font-size:1.1em;}
#postfach{width:94%; font-size:1.08em; text-align:center; color:white; border-radius:0.2em; margin:auto; border:1px solid white; box-shadow: 0.2em 0.2em 0.5em black; border-spacing:0.2em;}
#postfach td{padding:0.4em;}
.Nover{cursor:pointer;}
.Nover:hover{color:yellow;}
.NachrichtAr{position:relative;}
.NachrichtAr div:first-child{float:left;}
.NachrichtAr div:nth-child(2){padding:1em; font-size:1.2em;}
.NachrichtAr div:nth-child(3){position:absolute; top:0; right:0.4em;}
.HavleNotV{margin:2em auto; font-size:1.1em; height:9.6em; width:18.6em; border:1px solid black; padding:0.4em; border-radius:0.4em; text-align:left; display:inline-table;}

#HosG div:first-child{margin:1em auto; font-size:1.1em; color:brown; font-weight:bold;}
#HosG div:last-child{width:60%; margin:2em auto;}
#destek{border:1px solid white; padding:0.4em; border-radius:0.2em; color:yellow; cursor:pointer; font-size:1.2em; width:22em; margin:3em auto 2em auto;}
#desteka{display:none;}
#desteka div{border:1px solid white; color:white; border-radius:0.2em; padding:0.4em; margin:2em auto; width:19em;}
#desteka  div:last-child{margin-bottom:4em;}
#GoogleAdMiddle{margin-top:1em;}
#bagis{margin-top:-2.5em; float:right; right:0;}
/* PROFIL ENDE */


#RezTab{margin:1em auto; width:100%;}
.ui-dialog-titlebar{background:#FFFF91;}
.ui-dialog{ background:#4FA7FF; box-shadow:0.6em 0.6em 0.8em black; }
#RezTab tr td:first-child{text-align:left;}
#RezTab td{padding:0.5em;}
#RezTab select{width:100%; padding:0.2em; border-radius:0.3em; cursor:pointer; }
#RezTab input{width:97%; padding:0.2em; border-radius:0.3em; background-color:white;}
#RezTab tr:last-child input{background-color:transparent; cursor:pointer; margin:auto; width:100%; color:yellow; border:1px solid black;}
#RezTab tr:last-child input:hover{border-color:white;}
#InfRe{padding:0.1em; font-size:0.8em;}
#taNt{border-radius:0.3em; padding:0.2em; min-height:5em; width:70%;}


/* input box in default state */ 
.tcalInput {
	background: url('../calendar/img/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('../calendar/img/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../calendar/img/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../calendar/img/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../calendar/img/next_mon.gif'); }
#tcalNextYear { background-image: url('../calendar/img/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }
#basslogan{
	margin:1.6rem auto; width:90%; min-height:5.4rem; text-align:center; font-size:1.1rem; color:yellow; font-weight:bold;
}

#basslogan div:first-child{
	font-size:1.4rem;  margin-bottom:1rem; 
}
#basslogan div:nth-child(2){
	font-size:1.2rem; color:white;
}
#basslogan div:nth-child(2) div{
	display:inline-table; font-size:0.98rem; width:7rem; border:1px solid silver; padding:0.4rem; border-radius:0.4rem; line-height:0.8rem; margin:0.4rem; font-weight:normal;
}
#Rezer{
	position:absolute;
	left:6px;
	margin-top:-10px;
	z-index:2;
}
#Rezer img{
	display:block;
	cursor:pointer;
}
#Rezer img:first-child{
	width:48px;
	height:52px;
}
#Rezer img:last-child{
	width:46px;
	height:46px;
	margin-top:2px;
}
#Rezer img:first-child:hover{
	margin-left:10px;
}
#Rezer img:last-child:hover{
	margin-left:10px;
}

#mesDiv{
	margin:1em auto; min-width:340px;
	text-align:center;
}
.ui-dialog-titlebar{background:#FFFF91;}
.ui-dialog{ background:#4FA7FF; box-shadow:0.6em 0.6em 0.8em black; }
#mesDiv input{
	padding:0.3em;
	border-radius:0.4em;
	margin:0.5em auto;
	width:82%;
	
}
#mesDiv label{
	color:yellow;
	font-size:0.8em;
}
#MesHes{
	cursor:pointer;
	border:1px solid white;
	border-radius:0.4em;
	padding:0.3em;
	text-align:center;
	margin:2em auto 1em auto;
	color:white;
}
#MesHes:hover{
	font-weight:bold;
	border-color:yellow;
}
