@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
@import "../css/accordion.css";
@import "../css/camera.css";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

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}
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
/* Global properties ======================================================== */

html {width:100%}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12.5px;
  line-height:19px;
  color:black;
  min-width:960px;
  background:url(../images/body_bg.png) 50% 0 no-repeat #e8e8e8;
  -webkit-text-size-adjust: none;
}

.main{
  width: 1000px;
  margin: 0 auto 73px;
}

.white_bg{
  background: url('../images/white_bg.png') 0 bottom repeat-x #fff;
  border-radius: 6px;
}

ul.a {
	list-style-type: disc;
	margin-left:25px;
}

ul.b {
    list-style-type: circle;
	margin-left:25px;
}

ul.c {
    list-style-type: square;
	margin-left:25px;
}

ol.d {
    list-style-type: upper-roman;
	margin-left:25px;
}

ol.e {
    list-style-type: lower-roman;
	margin-left:25px;
}

ol.f {
    list-style-type: upper-alpha;
	margin-left:25px;
}

ol.g {
    list-style-type: lower-alpha;
	margin-left:25px;
}

ol.h {
    list-style-type: decimal;
	margin-left:25px;
}

ol.i {
    list-style-type: decimal-leading-zero;
	margin-left:25px;
}

ol.j {
    list-style-type: cjk-ideographic;
	margin-left:25px;
}

ol.k {
    list-style-type: armenian;
	margin-left:25px;
}

ol.j {
    list-style-type: georgian;
	margin-left:25px;
}

ol.k {
    list-style-type: hebrew;
	margin-left:25px;
}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.bd_none{ border: none !important;}

/*=============================== Links ================================= */

a {
  color: black;
  text-decoration:none;
}
a:hover{
  color: blue;
  text-decoration:none;
}
.lastmenu img:hover{
	opacity:1;
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	 box-shadow: 0 0 10px #ccc;
}

.lastmenu img{
	opacity:0.8;
	margin-left:-9px;
}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {
  padding-top: 20px;
  overflow: hidden;
  margin-bottom: 18px;
}
header h1{
  float: left;
}
header h1 a {
  display:block;
  width:734px;
  height:61px;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}
.akreditim{
	float:right;
	margin-right:-40px;
	margin-top:15px;
}

#search{
  float: right;
  margin-right:-180px;
  margin-top:30px;
}
#searchde{
  float: right;
  margin-right:-145px;
  margin-top:30px;
}
#search input{
  outline: none;
  margin: 1px 0 0;
  width: 158px;
  padding: 6px 10px 7px;
  border: 1px solid #c9c8c8;
  border-radius: 2px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background: #f7f7f7;
  box-shadow: inset 3px 3px 5px rgba(0,0,0,0.07);
}	
#searchde input{
  outline: none;
  margin: 1px 0 0;
  width: 158px;
  padding: 6px 10px 7px;
  border: 1px solid #c9c8c8;
  border-radius: 2px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background: #f7f7f7;
  box-shadow: inset 3px 3px 5px rgba(0,0,0,0.07);
}
	
#search a{
  display: inline-block;
  background: url('../images/button1.png') repeat-x #45aa0e;
  padding: 6px 11px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
}
#searchde a{
  display: inline-block;
  background: url('../images/button1.png') repeat-x #45aa0e;
  padding: 6px 11px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
}
#search:hover{ 
}

.header_links{
  float: right;
  clear: right;
  color: #484747;
  overflow: hidden;
  padding: 5px 0 0;
  margin-right:-15px;
}


.srchbtn{
  display: inline-block;
  background: url('../images/button1.png') repeat-x #089700;
  padding: 6px 11px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
}
#search a:hover{background-color: #089700;background-position: 0 -50px;}
.header_links{
  float: right;
  clear: right;
  color: #484747;
  overflow: hidden;
  padding: 5px 0 0;
  margin-right:-15px;
}
.twitter{
  background: url('../images/twitter_bg.png') 0 0px no-repeat;
  padding: 2px 0 10px 41px;
  float: left;
}
.twitter a{color: #19aed4;text-decoration: underline;}
.twitter a:hover{text-decoration: none;}


.links{
  overflow: hidden;
  float: left;
  padding: 2px 22px 0 0;
}
.links>li{
  float: left;
  padding-left: 8px;
  margin-left: 15px;
  background: url('../images/link_marker.png') 0 6px no-repeat;
}
.links{}
/*********************************content*************************************/
#content {
  padding:28px 0px 36px;
  background: url('../images/content_bg.png') repeat-x;
  border-top: 1px solid #fff;
}
.cont_pad{padding:0 0 0 0 !important;}

.artikujimg{
	float:left;
	width:220px;
	height:auto;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #CCC;
	padding:5px;
	opacity:1;
}
.artikujimg:hover{
	opacity:0.9;
}
.artikullwide{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:8px;
}
.zmadho{
	 font-size:10px;
	 padding-left:13px;
	 background-image:url(../images/suche.gif) !important;
	 background-repeat:no-repeat;
	 border:none;	 
}
.imgartikull{
	margin-bottom:7px;
}
.imgartikull img{
	margin-bottom:0px;
}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:10px;}
.p3{ margin-bottom:12px;}
/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{
  background:url(../images/marker1.png) 0 6px no-repeat;
  padding-left:14px;
}
.list1 a{color: #089700;font-weight: bold;}
.list1 a:hover{color: #353434;}

/*================================>> LISTS 2<<========================================*/

#cssmenu > ul > li > a {
   background:url(../images/marker1.png) 0 6px no-repeat;
   padding-left:14px;
   font-weight:bold;
    color: #089700;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
 color: #353434;
 margin-bottom:10px;

}
#cssmenu ul ul li a {
	background:url(../images/marker1.png) 15px 6px no-repeat;
   	padding-left:25px;
	color: #089700;
	font-weight:bold;
	
}

#cssmenu ul ul li a:hover {
	color: #353434;

}
#cssmenu > ul > ul{
	display:block;
}
#cssmenu li.active > a{
	text-decoration:none;
	color: #353434;
		
}

#cssmenu li.active2 > a{
	text-decoration:none;
	color: #353434;
	margin-left:50px;
		
}
#cssmenu ul ul{
  display: none;

}

#titleError{display:none;}
#nameError{display:none;}
#surnameError{display:none;}
#bplaceError{display:none;}
#lplaceError{display:none;}
#phoneError{display:none;}
#emailError1{display:none;}
#emailError2{display:none;}
#reasonError{display:none;}
#bdayError{display:none;}
#addressError{display:none;}
#termsError{display:none;}
.error{
	font-size:11px;
	color:red;
}



/*================================>> LISTS 3<<========================================*/
ul.GreenDoubleArrowRight {
	list-style-type: none;
	list-style-image: url("../images/control-double-right-icon.png");
	list-style-position: inside;
	margin-left: 10px
}
ul.GreenDoubleArrowRight li { color: black; }



/*================================>> LISTS 4<<========================================*/
ul.ListPDF {
	list-style-type: none;
	list-style-image: url("../images/pdf_icon.png");
	list-style-position: inside;
	margin-left: 10px
}
ul.ListPDF li { color: black; }



/*================================>> LISTS 5<<========================================*/
ul.WordDocument {
	list-style-type: none;
	list-style-image: url("../images/word_icon.png");
	list-style-position: inside;
	margin-left: 10px
}
ul.WordDocument li { color: black; }



/*================================>> LISTS 6<<========================================*/
ul.ExcelDocument {
	list-style-type: none;
	list-style-image: url("../images/excel_icon.png");
	list-style-position: inside;
	margin-left: 10px
}
ul.ExcelDocument li { color: black; }



/*================================>> LISTS 7<<========================================*/
ul.PowerPointDocument {
	list-style-type: none;
	list-style-image: url("../images/powerpoint_icon.png");
	list-style-position: inside;
	margin-left: 10px
}
ul.PowerPointDocument li { color: black; }



/*================================>> H <<========================================*/
h2{
  font-size: 15px;
  line-height: 26px;
  color:#fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.12)
}

h2.ind{ margin-bottom:12px;}
h2.ind1{ margin-bottom:px;}
h2.ind2{ margin-bottom:px;}

h3{
  letter-spacing: -1px; 
  font-size: 16px;
  line-height: 26px;
  color: #212121;
  text-transform: uppercase;
  background: url('../images/h3_bg.png') 0 0 repeat-y #f4f4f4;
  padding: 14px 20px 14px 19px;
  margin-bottom: 21px;
}
h3 span{color: #A0C814;}
h3.ind{margin-bottom: 11px;}
h3.ind2{margin-bottom: 16px;}
h3.var1{
  background: none;
  padding: 0;
}

h4{
  font-size: 18px;
  line-height: 23px;
  color: #089700;
  font-weight: normal;
  margin-bottom: 10px;
}
h4.var1{color: #353434;}
h4.var1 span{color: #A0C814;}
h4 a{
  color: #089700;
}
h4 a:hover{color: #353434;}
h5, h5 a{
  color: #A0C814;
  font-weight: bold;
  text-transform: uppercase;
}
h5.ind{margin-bottom: 16px;}
h5 a:hover{color: #353434;}

h6{
	font-size:16px;
	color:#353434;
  text-transform: uppercase;}
/*================================>> GOOGLE FONTS  <<========================================*/
.sf-menu, .flexslider .banner .title, h2, h3{font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}


/*================================>> hovers <<========================================*/
#search a, .header_links a, .img_wrap1 em, .img_frame em, h4 a, .link1, .link2, .link3, .link4, .accordion>li, .accordion_content, .box1{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.link1{color: #A0C814;font-weight: bold;}
.link1:hover{color: #fff;}

.accordion .link1:hover{color: #353434;}

.link2{color: #353434;font-weight: bold;}
.link2:hover{color: #fff;}

.link6{color: #A0C814;font-weight: bold;}
.link6:hover{color: #000;}

.box{
  background: url('../images/bg1.jpg') no-repeat #7ec51d;
  padding: 13px 10px 17px 20px;
}
.feat_list>li{
  margin-bottom: 20px;
}
.feat_list>li>div, .feat_list>li>div a{
  color: #fff;
}
.feat_list>li>div a:hover{
  color: #000;
}
.feat_list>li>figure{
	margin: 0 10px 0 0;
}
.feat_list time, .time{
  background: #90c22e;
  display: inline-block;
  padding: 1px 9px 3px;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  margin-bottom: 6px;
}
.time{margin-bottom: 15px;}

.img_wrap1{
  display: inline-block;
  padding: 3px;
  background: #fff;
  position: relative;
}
.img_wrap1 em{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #fff;
}
.img_wrap1 img{width: 100%;}
a.img_wrap1:hover em{border-width: 6px;}

.link3{
  display: inline-block;
  padding-right: 13px;
  font-weight: bold;
  color: #fff;
  margin-top: 14px;
  background: url('../images/link3_marker.png') right 7px no-repeat;
}
.link3:hover{color: #333;}

.link5{
  display: inline-block;
  padding-right: 11px;
  color: #A0C814;
  font-weight: bold;
  background: url('../images/link3_marker.png') right 7px no-repeat;
}
.link5:hover{color: #333;}

.m_bot1{margin-bottom: 20px;}
.m_bot2{margin-bottom: 18px;}

.link4{color: #089700;font-weight: bold;}
.link4:hover{color: #353434;}

.latest_news{margin-bottom: 15px;}
.latest_news>li{
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 19px;
}
.latest_news>li>div{}
.latest_news>li>figure{
	margin: 0 20px 0 0;
  position: relative;
}

.img_frame{
  position: relative;
  display: inline-block;
}
.img_frame em{
  border: 10px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.img_frame:hover em{
  border-color: #efefef;
}

.twitter_box{
  padding: 13px 0 0 20px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
}

.box1{
  background: url('../images/box1_bg.png') repeat-y #f4f4f4;
  padding: 14px 0 1px 20px;
  margin-bottom: 20px;
}
.box1.ind{padding-bottom: 19px;padding-right: 20px;}
.box1 h3{padding: 0;}

/*********************************page_2*************************************/
.about{margin: 0 0 0 -3px;color: #fff;}
.about>div{
  padding-right: 10px;
}
.about>figure{
  width: 50px;
  height: 50px;
  background: #379b01;
  border-radius: 3px;
  text-align: center;
	margin: 6px 13px 0 0;
  padding: 8px 0 4px;
}
.about h2{margin-bottom: -2px;}

.progress{
  background: #f4f4f4;
  padding: 14px 20px 19px ;
}
.about1{margin-bottom: 11px;}
.about1>div{}
.about1>figure{
	margin: 5px 12px 0 0;
}

.staff_box>li{border-bottom: 1px solid #e1e1e1;padding-bottom: 20px;margin-bottom: 16px;}
.staff_box>li>div{}
.staff_box>li>figure{
	margin: 5px 19px 0 0;
}
.staff_box .status{margin: -2px 0 18px;}

.testimonials_box, .box2{
  border: 1px solid #e1e1e1;
  background: #fdfdfd;
  padding: 13px 20px 18px 18px;
}
.box2{padding-right: 10px;}
.testimonials blockquote{
  position: relative;
  overflow: hidden;
  margin-bottom: 5px;
}
.testimonials blockquote:before{
  display: block;
  float: left;
  width: 33px;
  height: 25px;
  float: left;
  margin: 4px 10px 0 -1px;
  background: url('../images/quotes.png') no-repeat;
  content: "";
}
.testimonials>li{
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 11px;
  margin-bottom: 15px;
}

/*********************************page_3*************************************/

.gray1{color: #353434;}

.list_boxes{margin-bottom: 10px;}
.list_boxes ul:first-child{width: 260px;}

.service>figure{margin: 4px 14px 0 0;}
/*********************************page_4*************************************/
.about2{margin-bottom: 19px;}
.about2>div{}
.about2>figure{
	margin: 5px 19px 0 0;
}
.list_boxes1 ul:first-child{width: 180px;}

.support h4{
  margin-bottom: 8px;
}
.support>li{margin-bottom: 17px;}

.img_wrap{display: block;padding: 3px;background: #fff;box-shadow: 1px 1px #e9e9e9;}
a.img_wrap:hover{background-color: #5dad32;}
.img_wrap img{width: 100%;}
.academ_progs>li{
  margin-bottom: 19px;
}

.w_new time{margin-bottom: 10px;}
.w_new h5{margin-bottom: 12px;}
.w_new>li{margin-bottom: 28px;}

/*********************************page_5*************************************/


/* Contact form */
#contact-form {
  padding:0px 0px 20px 0;
  margin-right: 21px;
  position: relative;
}
#contact-form .success
{
  display: block;
  position: absolute;
  width: 99%;
  top: 0;
  left:0;
  z-index: 99;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
  padding: 20px 0;
}
#contact-form textarea, #contact-form input {
  margin:0;
  font-size:12px;
  border:1px solid #cac9c9;
  color:#969696;
  padding:8px 10px 9px;
  border-radius: 2px;
  outline:none;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  background:#f7f7f7;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.07);
}
#contact-form input {
}
#contact-form .title{font-style: normal;display: block;clear: both;color: #666464;margin-bottom: 2px;}
#contact-form textarea {
  overflow:auto;
  height:282px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label {
  display:block;
  position: relative;
  min-height:70px;
  overflow:hidden;
 }
#contact-form label.message {
  display:block;
  padding-bottom:0;
}
#contact-form .link5 {
  margin-left:15px;
}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {
  text-align:left;
  color:red;
  font-size:11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding-top:15px;
}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{
  display:block;
  margin: 0px 0 0 5px;
 }

.map_wrapper{
  overflow:hidden;
  display:block;
  margin-bottom:21px;
}
#map_canvas {
   width:100%;
   height:325px;
}
.adress{}
.adress span{
  display:inline-block;
  width:74px;
}
.adress dt{ margin-bottom:14px;}

.demo{text-decoration:underline;}
.demo:hover{ text-decoration: none;}

.demo2{color: #A0C814;}
.demo2:hover{text-decoration: underline;}
/****************************footer************************/
footer {
  padding:22px 0 26px;
}
footer a:hover{color: #000;}
footer .social{
  overflow:hidden;
}
footer .social a{
  display:block;
  float:left;
  width:32px;
  height:32px;
  overflow:hidden;
  margin-left:8px;
}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{
  margin-top:-32px;
}
.footer{
  border-top: 1px solid #e1e1e1;
  padding: 20px 0 0 0;
}
.footer_menu{
  width:650px;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  margin-bottom: 11px;
}
.footer_menu>li{
	float:left;
  margin-left: 18px;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  
}
.footer_menu>li:first-child{
  margin-left: 0;
}
.footer_menu a{
  color: #353434;
}
.footer_menu a:hover, .footer_menu .current a{color: #379b01;}
.privacy a{color: #379b01;}

  
/*------------ Veranstaltungskalender -------------*/

.tabelleKalender
{ clear: left; 
  border-collapse: collapse;
  margin: 0px 0px 10px 0px;
  width:100%;
}
div.tabelleKalender
{ margin: 0px 0px 10px 1px; }

.zelleKalenderuschrift
{ border-collapse: collapse; vertical-align: top; line-height: 13px; }

.zelleKalenderLinks, .zelleKalenderMitte, .zelleKalenderRechts
{ border-collapse: collapse; padding: 5px 8px; vertical-align: middle; }

.zeileKalenderuschrift  
{ height: 18px; }

.zelleKalenderLinks 
{ width: 25%; }

.zelleKalenderMitte 
{ width: 43%; }

.zelleKalenderRechts 
{ width: 32%; }

.veranstaltungsintro
{ margin-bottom: 30px; }

.veranstaltungstext
{ display: block; clear: left;
  overflow: hidden;
  margin-bottom: 20px; }
  
  zeileKalenderuschrift, zelleKalenderuschrift  
{ background: url('images/kalenderuschrift.gif') repeat-x; }

.zeileKalendereintrag 
{ background-color: #F5F5F5; }

.tabelleKalender, 
.zelleKalenderuschrift, 
.zelleKalenderLinks, 
.zelleKalenderMitte, 
.zelleKalenderRechts
{ border: 1px solid #D4D4D4; }

  
    
/*---------------- Tabellen ------------------*/  

.tabelle,
.tabelle td
{ padding: 3px;
  border-collapse: collapse;
  vertical-align: top;
  border: 2px solid white; }
    
/*---------------- Tabellen ------------------*/  

.tabelleKalender a { 
 color: #0097A7;
 font-weight:bold;
 }
 .tabelleKalender a:hover { 
 color: #3e3f3c;
 }
 .zelleKalenderuschrift{
	 padding:4px 4px 3px 4px;
	 background: url('../images/kalenderuschrift.gif') repeat-x; 
 }
 #print {
	 margin-left:25px; 
	 float:left;
 }
  #top {
	 float:right; 
	 margin-right:330px;
}
.MsoNormal {
	text-align:center;
	line-height:normal;
}
.MsoNormal img {
	opacity:0.9;
	padding-bottom:5px;
	height:100%;
	width:100%;
	
}
.MsoNormal img:hover{
	opacity:1;
	padding-bottom:1px;
	
}


/*===========================RESPONSIVE LAYOUTS=================================*/
@media only screen and (max-width: 995px) {
 body{min-width:100%;}
 .main{width: 99%;}
.flex-control-nav{bottom: auto;top: 10px;}
.about2>div{overflow: visible;}
.about2>figure{margin-bottom: 10px;}
.camera_thumbs{display: none !important;}
.camera_wrap{width: 748px !important;}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands{display: block !important;opacity: 1 !important;}
.camera_commands{display: none !important;}
.header_links{float: none;clear: both;}
#search{display:none}
.akreditim{ display:none;}
.artikujimg{width:95%;}
.lastmenu img{margin-left:-8px; width:24px; height:17px;}
.flag{display:none}
 #print {display:none}
 #top {display:none}
 

@media only screen and (max-width: 767px) {
 body{min-width:100%;}
 .main{width: 99%;}
 header h1, #search,.links, .twitter{float: none;}
 header h1, .links{margin-bottom: 20px;}
 .pad_box{padding: 0 10px;}
 .flexslider .banner .title{font-size: 16px;}
.flexslider .banner{height: 108px;}
.activities>li>div, .service>div, .latest_news>li>div{overflow: visible;}
.footer_menu>li{margin-left: 7px;}
.about_boxes .box{background-size: cover;}
.camera_wrap{width: 400px !important;}
.footer_menu{display: none;}
.header_links{display:block}
#search{display:none}
.akreditim{ display:none;}
.artikujimg{width:95%;}
.lastmenu img{margin-left:-8px; width:24px; height:17px;}
.flag{display:none}
 #print {display:none}
 #top {display:none}
 
 /* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	 body{min-width:100%;}
 .main{width: 99%;}
 header h1, #search,.links, .twitter{float: none;}
 header h1, .links{margin-bottom: 20px;}
 .pad_box{padding: 0 10px;}
 .flexslider .banner .title{font-size: 16px;}
.flexslider .banner{height: 108px;}
.activities>li>div, .service>div, .latest_news>li>div{overflow: visible;}
.footer_menu>li{margin-left: 7px;}
.about_boxes .box{background-size: cover;}
.camera_wrap{width: 350px !important;}
.footer_menu{display: none;}
.header_links{display:block}
#search{display:none}
.akreditim{ display:none;}
.artikujimg{width:95%;}
.lastmenu img{margin-left:-8px; width:24px; height:17px;}
.flag{display:none}
 #print {display:none}
 #top {display:none}
 
@media only screen and (max-width: 479px) {
 body{min-width:100%;}
 .main{width: 99%;}
 .latest_news img, .staff_box img, .service img, .about2 img{width: 100%;}
 .latest_news a{display: block;}
 .latest_news>li>figure{float: none;margin: 0 0 15px;}
 .flexslider .banner, {display: none;}
 .links{display:block; width:100%;}
 .flex-control-nav{bottom: 20px;top: auto;}
 .about1>div{overflow: visible;}
 .staff_box>li>figure, .service>figure, .about2>figure{float: none;margin: 0 0 15px;}
 header h1 a{width: auto; background-size: contain;}
 .camera_wrap{width: 280px !important;}
 .camera_caption{display: none !important;}
 #search{display:none}
.akreditim{ display:none;}
.artikujimg{width:95%;}
.lastmenu img{margin-left:-8px; width:24px; height:17px;}
.flag{display:none} 
#print {display:none}
 #top {display:none}
 
 

/* Larger than mobile */
@media (min-width: 400px) {
	 body{min-width:100%;}
 .main{width: 99%;}
 .latest_news img, .staff_box img, .service img, .about2 img{width: 100%;}
 .latest_news a{display: block;}
 .latest_news>li>figure{float: none;margin: 0 0 15px;}
 .flexslider .banner, {display: none;}
 .links{display:block; width:100%;}
 .flex-control-nav{bottom: 20px;top: auto;}
 .about1>div{overflow: visible;}
 .staff_box>li>figure, .service>figure, .about2>figure{float: none;margin: 0 0 15px;}
 header h1 a{width: auto; background-size: contain;}
 .camera_wrap{width: 260px !important;}
 .camera_caption{display: none !important;}
 #search{display:none}
.akreditim{ display:none;}
.artikujimg{width:95%;}
.lastmenu img{margin-left:-8px; width:24px; height:17px;}
.flag{display:none} 
#print {display:none}
 #top {display:none}
 
 /*---------- Snow Effect -----------*/