/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; min-height:1024px;; padding:0; margin:0;}
body {
       background:#acdbe5 url("../bg.jpg") no-repeat center bottom;
   filter:alpha(opacity=100); color: #474747;font: 12px/25px Arial, Helvetica, sans-serif;}

#bg{position:fixed; left:0; top:0; z-index:-111;}

a{color: #474747;text-decoration: none;}
a:hover {color: #2eaadc; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



#full-screen-background-image {
  z-index: -999;
 /*min-height: 100%;*/
  min-width: 960px;
  position:absolute;
  text-align:center;
  /* width: 100%; 
       top: 0;
  left: 0;
  height: auto;
  position: fixed;*/

}

/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {
   position: relative; 
  margin: 0px auto;

 position: relative; 
 min-height:300px;
 background: url("../images/KindergruppeMulti_header.png") no-repeat center;
 z-index:9999;

}
header .wrap-header{  
overflow-x:no-display;
    }


.subnav{background:#2eaadc!important; border:1px solid #72D4EA;}
.subnav .wrap-subnav{


}
.subnav .links ul{list-style: none;margin: 0;padding: 0;}
.subnav .links ul li{position:relative; float:left; padding-right:15px;}
.subnav .links ul li a{ font-weight:bold; font-size:10px; color:#474747;}
.subnav .links ul li a:hover{color:#ffffff;}

.subnav .share{ float:right;}
.subnav .share ul{list-style: none;margin: 0;padding: 0;}
.subnav .share ul li{position:relative; float:left; padding-right:5px;}

header #menum {position: absolute;top: 50px;right: 0px; z-index: 15;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */

/* -------------------------------------------- */
/* ------------------Navigation---------------- */

.featured{margin:0px auto; margin-bottom:0px; width:100%; }
.featured .wrap-featured{}
.featured .wrap-featured .slider{  float:left;}

#logoDiv {float:right; top:0; }
#logo  {max-height:220px; padding:40px 0 5px 0;}
#mySun {height:215px; float:left; padding:13px 0 0 0 ;}
    #mySun img {    height: 274px;
    }
#tosbi {height:100px; width:600px; float:none; padding:0; margin:0 auto; position:relative;}

header #search {top: 10px;right: 0px; width: 250px;z-index: 15; float:right;}
header .button-search {	position: absolute;	left: 0px;	background: url('../images/button-search.png') center center no-repeat;	width: 28px;	height: 24px;	border-right: 1px solid #CCCCCC;	cursor: pointer;}
header #search input {	background: #FFF;	padding: 1px 1px 1px 33px;	width: 222px;	height: 21px;	border: 1px solid #CCCCCC;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;-khtml-border-radius: 3px;	border-radius: 3px;}

/* -------------------------------------------- */
/* ------------------Content------------------- */
#content {   opacity:1;
   filter:alpha(opacity=100);  position: relative; min-height: 400px;
  margin: 0px auto; padding:0px 0px; }
#content .wrap-content{}

#main-content{}

#main-content article{ clear: both;   margin-bottom:10px;}
#main-content article h2{font-size:22px; line-height:25px;}
#main-content article .info{font-style:italic; background:#2eaadc; color:#ffffff; padding:3px 5px 0 0;}
#main-content article .info a{color: #ffffff; text-decoration:underline;}
#main-content article img{padding:10px; border:0px solid #CCC;}
#main-content article p{}

#main-content article .mySlider { clear: both; background:url("../Images/Slider.png") no-repeat center top ; width:100%; float:none;background-size: 100% 100%; padding:17px 19px 18px 17px;}
#main-content article .mySlider img {float:left; margin-right:20px; border:0;}

#main-content article .page-up{background:url("../Images/content_01.png") no-repeat center top ; height:30px; width:100%; float:none;background-size: 100% 100%;}
#main-content article .page-down{background:url("../Images/content_03.png") no-repeat center bottom; height:34px; width:100%; float:none; background-size: 100% 100%;}
    #main-content article .page {
        background: url("../Images/content_02.png") repeat-y center;
        width: 100%;
        float: none;
        background-size: 100% 100%;
        padding: 0 30px 0 30px;
        overflow-wrap: break-word;
        display: inline-block;
    }
        #main-content article .page ul {
            list-style-type: disc;
            padding-left: 0;
            margin-left: 15px;
        }
        #main-content article .page h2 {margin-top:0;}

        #main-content article .page:after {
	        content: ".";
	        display: block;
	        height: 0;
	        clear: both;
	        visibility: hidden;
        }

        /*IE-mac de bu bolumu sakla  */
        * html #main-content article .page{height: 1%;}
        #main-content article .page {display: block;}
        /* IE-mac bu bolumu saklam artik */


#main-content .comment{font-weight:bold;  background:#ffffff url("../images/bgbox.png") repeat-x; padding:20px; border:1px solid #CCC;}
#main-content .comment h2{font-size:22px; line-height:25px;}
#main-content .comment .info{font-style:italic; background:#2eaadc; color:#ffffff; padding:3px 5px;}
#main-content .comment .info a{color: #ffffff; text-decoration:underline;}
#main-content .comment:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
#main-content .comment div{margin-bottom: 20px; vertical-align:middle; }
#main-content .comment input{border: 2px solid #999999;padding: 8px 10px;width:95%}
#main-content .comment textarea{border: 2px solid #999999;padding: 8px 10px;width:95%;}
#main-content .comment input[type="submit"] {cursor: pointer; width:100px; float:right;
	background: -webkit-linear-gradient(top, #efefef, #ddd);background: -moz-linear-gradient(top, #efefef, #ddd);
	background: -ms-linear-gradient(top, #efefef, #ddd);background: -o-linear-gradient(top, #efefef, #ddd);
	background: linear-gradient(top, #efefef, #ddd);
	color: #333;text-shadow: 0px 1px 1px rgba(255,255,255,1);	border: 2px solid #999999;}
#main-content .comment input[type="submit"]:hover {
	background: -webkit-linear-gradient(top, #eee, #ccc);	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);	background: -o-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);	border: 2px solid #bbb;}
#main-content .comment input[type="submit"]:active {
	background: -webkit-linear-gradient(top, #ddd, #aaa);	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -ms-linear-gradient(top, #ddd, #aaa);	background: -o-linear-gradient(top, #ddd, #aaa);
	background: linear-gradient(top, #ddd, #aaa);	border: 2px solid #999;}


#main-content .commentV{font-weight:bold;  background:#ffffff url("../images/bgbox.png") repeat-x; padding:20px; border:1px solid #CCC;}
#main-content .commentV h2{font-size:22px; line-height:25px;}
#main-content .commentV .info{font-style:italic; background:#2eaadc; color:#ffffff; padding:3px 5px;}
#main-content .commentV .info a{color: #ffffff; text-decoration:underline;}
#main-content .commentV:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
#main-content .commentV div{margin-bottom: 20px; vertical-align:middle; }
#main-content .commentV input{border: 2px solid #999999;padding: 8px 10px; margin-right:5px; margin-left:5px; width:250px; }
#main-content .commentV input[type="radio"] {border:none; padding: 8px 10px; margin-right:5px; margin-left:5px; width:10px;}
#main-content .commentV textarea{border: 2px solid #999999;padding: 8px 10px;width:95%;}
#main-content .commentV input[type="submit"] {cursor: pointer; width:100px; float:right;
	background: -webkit-linear-gradient(top, #efefef, #ddd);background: -moz-linear-gradient(top, #efefef, #ddd);
	background: -ms-linear-gradient(top, #efefef, #ddd);background: -o-linear-gradient(top, #efefef, #ddd);
	background: linear-gradient(top, #efefef, #ddd);
	color: #333;text-shadow: 0px 1px 1px rgba(255,255,255,1);	border: 2px solid #999999;}
#main-content .commentV input[type="submit"]:hover {
	background: -webkit-linear-gradient(top, #eee, #ccc);	background: -moz-linear-gradient(top, #eee, #ccc);
	background: -ms-linear-gradient(top, #eee, #ccc);	background: -o-linear-gradient(top, #eee, #ccc);
	background: linear-gradient(top, #eee, #ccc);	border: 2px solid #bbb;}
#main-content .commentV input[type="submit"]:active {
	background: -webkit-linear-gradient(top, #ddd, #aaa);	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -ms-linear-gradient(top, #ddd, #aaa);	background: -o-linear-gradient(top, #ddd, #aaa);
	background: linear-gradient(top, #ddd, #aaa);	border: 2px solid #999;}
    #main-content .commentV .side {float:none; clear:both;}
    #main-content .commentV .sideBySide {float:left; width:280px; padding-right:15px;}

.sidebarL{}
.sidebarL .box{margin-bottom:20px; color:#fff;border:solid 5px #59b4d3; padding:0; margin:0 0 15px 0;}
.sidebarL .heading{ padding:8px 20px; border:0px solid #CCC; background-color:#59b4d3;}
.sidebarL .heading h2{font-size:22px; font-weight:normal; display:inline;}
.sidebarL .content{padding:10px 20px 20px 0px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background: #ffffff url("../images/bgbox.png") repeat-x;}

#standortName{}
#standortName .box{color:#fff; padding:0; margin:0 0 10px 0;}
#standortName .heading{ padding:8px 20px; background-color:#59b4d3; line-height:25px;} 
#standortName .heading h2{font-size:20px; font-weight:normal; display:inline;}

.sidebar{}
.sidebar .box  {margin-bottom:20px; color:#fff;border:solid 5px #59b4d3; padding:0; margin:0 0 15px 0;}
.sidebar .heading{ padding:8px 20px; border:0px solid #CCC; background-color:#59b4d3;} /*65ab28 background:#2eaadc url("../images/bgheading.png") repeat-x;*/
.sidebar .heading h2{font-size:22px; font-weight:normal; display:inline;}
.sidebar .content{padding:10px 20px 20px 0px;  }

.sidebar .boxL {padding:0; margin:0}
.sidebar .boxL .up {background:url("../Images/Gelbebox_01.png") no-repeat center top ; height:25px; width:100%; float:none;background-size: 100% 100%;}
.sidebar .boxL .down {background:url("../Images/Gelbebox_03.png") no-repeat center bottom; height:25px; width:100%; float:none; background-size: 100% 100%;}
.sidebar .boxL .content {background:url("../Images/Gelbebox_02.png") repeat-y center ; width:100%; float:none; background-size: 100% 100%;padding:1px 30px 1px 10px; }
.sidebar .boxL .content ul {list-style-type:none; }

.sidebar .boxP {padding:0; margin:0}
.sidebar .boxP .up {background:url("../Images/Pinkbox_01.png") no-repeat center top ; height:25px; width:100%; float:none;background-size: 100% 100%;}
.sidebar .boxP .down {background:url("../Images/Pinkbox_03.png") no-repeat center bottom; height:25px; width:100%; float:none; background-size: 100% 100%;}
.sidebar .boxP .content {background:url("../Images/Pinkbox_02.png") repeat-y center ; width:100%; float:none; background-size: 100% 100%;padding:1px 25px 1px 25px; }
.sidebar .boxP .content ul {list-style-type:none; }



/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {
     opacity:1;
    background-position:top center;
   filter:alpha(opacity=100);  position: relative; min-height:40px;
  margin: 0px auto; vertical-align:middle;
}
div.copyright{
    clear:both;
   text-align:center; 
   /*background:#2eaadc; */
   color:red; 
   opacity:1;
   filter:alpha(opacity=100);  
   position: relative; 
   margin: 0px auto; 
   vertical-align:top;
   padding-top:0px;
}
.copyright a{text-decoration:underline; color:#ffffff;  }

/* -------------------------------------------- */
/* ------------------Components-------------------- */

.posts { margin-bottom: 20px; color: black;}
.posts h4{ font-size:14px; font-weight:normal;}
.posts img{ float:left; padding:5px; border:1px solid #CCC; margin-right:10px;margin-left:10px;}
.posts p{color:#A3A3A3; font-style:italic;}


.linklist{}
.linklist ul{ font-size:14px; list-style-type:circle; margin-left:20px;}
.linklist ul li{border-bottom: 1px solid #E1E1E1; padding:5px;}

.photos{position:relative; margin: 0 auto; padding:0;}
.photos:after{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.photos a{display: block; float:left; margin: 0px 4px 10px 4px;position: relative;}
.photos a img{display:block; border:1px solid #CCC; width:55px;}

#pagi{margin: 30px auto;padding: 0;list-style: none;width: 180px;}
#pagi li {float: left;margin-right: 10px;}
#pagi li a {display: block;	text-decoration: none; color: #717171;font: bold 11px Arial, sans-serif;padding: 5px 8px;
	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;	background: #ffffff;}
#pagi li a.current, #pagi li a:hover {color: #ffffff;	background: #2eaadc;}

/* galeri icin image ayarlama  */

#kucult
 {
 max-width: 300px;
 width: expression(this.width > 300 ? 300: true);
 max-height:59px;
 height: expression(this.height > 59 ? 59: true);
 }

/*Ortada Alt katagoriler
    */
    #ortaAltKatagoriler {
	    width: 100%; 
        padding: 0;
        overflow-y:auto;
    }
        #ortaAltKatagoriler .altKatagorim{
            float: left;
            padding: 0;
            overflow:hidden;

        }
        #ortaAltKatagoriler .altKatagorim a {
            color: #fff;
            white-space: nowrap;
            text-decoration: none;
            text-align:center;
            display: block;
            background-color:#ffbc01; /*65ab28*/
            vertical-align:middle;
            padding: 10px; /* 6/16 = .375em */
        }
        #ortaAltKatagoriler .altKatagorim a:visited {
            color: #fff;
        }
        #ortaAltKatagoriler .altKatagorim a:visited:hover {
            color: #000;
        }
                
/* Sazfalaam*/
.Sayfalama a:link, .Sayfalama a:visited, .Sayfalama a:active
{
    background-color:#ff8d00;/*65ab28*/
	border:solid 1px #ccc;
	padding:3px 5px 3px 5px;
	margin:1px;	
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

.Sayfalama a:hover
{
    background-color:#7fda30;
	border:solid 1px #ccc;
	padding:3px 5px 3px 5px;
	font-size:12px;
	color:#000;
	cursor:pointer;
}


.Sayfalama INPUT
{	
    background-color:#2eaadc;
	border:solid 1px #ccc;
	padding:3px 5px 3px 5px;
	margin:1px;	
	font-size:12px;
	color:#2f2f2f;
	font-weight:bold;
	cursor:pointer;
}

.Sayfalama span
{
	margin:1px;
}

.Sayfalama B
{
    background-color:#2eaadc;
	border:solid 1px #ccc;
	padding:3px 5px 3px 5px;
	font-size:12px;
	color:White;
	cursor:pointer;
}

.butonGorunumu{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.butonGorunumu:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.butonGorunumu:active {
	position:relative;
	top:1px;
}


 /*///////////////////////////*/



 @media only screen and (max-width: 767px) {

    #navbar { width: 100px; }



.sidebar .box{margin-bottom:20px; color:#fff;border:solid 5px #59b4d3; padding:0; margin:0 0 15px 0; width:100%}
.sidebar .boxL{padding:0; margin:0}
.sidebar .boxL .up{background:url("../Images/Gelbebox_01.png") no-repeat center top ; height:25px; width:100%; float:none;background-size: 100% 100%;}
.sidebar .boxL .down{background:url("../Images/Gelbebox_03.png") no-repeat center bottom; height:25px; width:100%; float:none; background-size: 100% 100%;}
    .sidebar .boxL .content {
    }


}