*{
	margin: 0;
	padding: 0;
}





/******************************************************************************************
SABONA 2
******************************************************************************************/
body{
  text-align: left;
  font-family: 'Roboto';
  background: #fcf6f2;
  background-size: 100% auto;
  color: #000;
}

*{
  margin: 0;
  padding: 0;
}
div 		{   	min-height: 1px; 	}
h1 		{ font-family: 'Roboto';  	text-align: left; font-size: 27pt;    font-weight: 300; color: black; padding-bottom: 7px; background: url('/files/images/sablona2/delitko.png') repeat-x left bottom;   margin-bottom: 10px; margin-top: 5px; }
h2		{ font-family: 'Roboto';  font-size: 14pt; 	color: #532d18 ; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } 
h3		{     font-size: 13pt; font-weight: bold; margin-bottom: 5px; color: #532d18; }
p, li		{ color:  #484848; line-height: 140%; margin-bottom: 10px; font-size: 17px; font-weight: 300;     text-align: justify;}
a		{ color: #484848;   	text-decoration: underline; font-size: 17px; font-weight: 300;}
a:hover	{ color: #e06823; }
div.clear{
  clear: both;
}


/*************************/
/***   FONTS           ***/
/*************************/


@font-face {
    font-family: 'Roboto';
    src: url('/files/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: url('/files/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Roboto';
    src: url('/files/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url('/files/fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'RobotoBlack';
    src: url('/files/fonts/Roboto-Black.ttf') format('truetype');
}

#header_full{
	position: absolute;
	top: 0;
	width: 100%;
	height: 112px;
	background: white;
}

/****** left_col.css ******/
#left_col{
  position: relative;
  min-height: 600px;
  width: 220px;
  float: left;  
  margin-top: 15px;
  padding-left: 10px;
}
#left_col2{
  position: relative;
  min-height: 600px;
  width: 220px;
  float: left;  
  margin-top: -253px;
}
h2.left_col_title{
  position: relative;
  height: 30px;
  line-height: 30px;
  float: left;
  width: 220px;
  margin-top: 10px;
  color: #000;
  font-size: 24px;
  font-weight: normal;
  border-bottom: none;
}
.left_col_edit_box{
  position: relative;
  float: left;
  padding: 10px;
  width: 198px;
  background: #FFF;
  overflow: visible;
  font-weight: normal;
  border: 1px solid #e9d1c0;
  color: #000;
  margin-bottom: 25px;
}

.left_col_edit_box h3{
	font-weight: 100;
	color: black;
	font-size: 16pt;
}

.left_col_edit_box p, .left_col_edit_box dd, .left_col_edit_box a{

}

.left_col_edit_box dt{
	font-weight: bold;
      color: #532e18;
}

.left_col_edit_box a:hover{
	text-decoration: none;
}

.left_col_edit_box > div{
	overflow: hidden;
}

.left_col_edit_box2{
  position: relative;
  float: left;
  width: 220px;
}

div#category{
  position: relative;
  float: left;
  margin-bottom: 25px;
  margin-top: 9px;
}
div#category p{
  margin-bottom: 0px;
}
div#category p.close + div {
    display: none !important;
}
div#category p#cid_20 a{
  border-bottom: none;
}
div#category a{
  position: relative;
  display: block;
  padding: 12px 12px 12px 25px;
  width: 185px;
  text-decoration: none;
  background-image: url(/files/images/sablona2/sipka.png), url('/files/images/sablona2/delitko.png');
  background-position: left 5px center, left bottom;
  background-repeat: no-repeat, repeat-x;
  color: black;
}
div#category p:first-child a{ border-top: none; }

div#category p:last-child a{ }
                              
div#category a:hover, div#category a.selected{
  background-image: url(/files/images/sablona2/sipka_hover.png), url('/files/images/sablona2/delitko.png');
  background-position: left 5px top 18px, left bottom;
  background-repeat: no-repeat, repeat-x;
  color: white;
  background-color: #532e18;
}
        
div#category div.item2{
	background: white;
	background-image: url('/files/images/sablona2/delitko.png');
    background-position: left bottom;
    background-repeat: repeat-x;
	padding-bottom: 5px;
}
                                                           
div#category div.item2 p a{
  position: relative;
  display: block;
  padding: 4px 15px 4px 25px;
  width: 180px;
  text-decoration: none;
  background-image: none;
  font-size: 15px;
  color: #026CCD;
}   
div#category div.item2 p a:hover, div#category div.item2 p a.selected{
  background: url(/files/images/sablona2/odrazka.png) no-repeat 15px 9px;
  text-decoration: underline;
}

div#category div.item3 p a{
	color: black;
	width: 165px;
	padding: 4px 15px 4px 40px;
}

div#category div.item3 p a:hover, div#category div.item3 p a.selected{
  text-decoration: underline;
}

#mapa{
	background: white url('/files/images/sablona2/mapa.png') no-repeat center top 40px;
}

#mapa h2{
	font-weight: 100;
	color: #532e18;
	margin-top: 0;
	margin-bottom: 125px;
	font-weight: bold;
}

#mapa p{
	margin: 0;
}

#mapa a{
	display: block;
      margin-top: 7px;
	padding: 5px;
	padding-left: 40px;
	background: #fcf5f0 url('/files/images/sablona2/sipka.png') no-repeat left 8px top 12px;
	text-decoration: none;
	color: black;
	border: 1px solid #e9d1c0;
}

#mapa a:hover{
	background: white url('/files/images/sablona2/sipka.png') no-repeat left 8px top 12px;
}

/****** header.css ******/
div#header{
  position: relative;
  height: 100px;
  width: 960px;
  margin: 0 auto;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
div#header2{
  position: relative;
  height: 369px;
  width: 960px;
  float: left;
  background-image: url(/files/images/sablona2/head2.png);
  background-repeat: no-repeat;
  background-position: 0 0;  
}
a#logo{
  display: block;
  height: 84px;
  width: 219px;
	text-decoration: none;
	text-align: center;
	font-size: 28px;
}
a#logo:hover{
	color: #484848;	
}
a#logo span.yellow{
	display: block;
	background: #fecf39;
	padding-bottom: 5px;
      margin-bottom: 2px;
      margin-top: 4px;
}
span#header_title2{
  position: absolute;
  display: block;
  top: 105px;
  left: 420px;
  color: #000;
  font-size: 20px;
}

/****** boder.css ******/


div#container{
  position: relative;
  height: auto;
  width: 980px;
  margin: 0px auto;
  overflow: visible;
}

#index_content, #main_content{
  width: 730px;
  float: right;
  padding-bottom: 10px;
}

#index_content #content{
	padding-left: 10px;
	text-align: left;
	  padding-right: 15px;
}

#content li{
	padding-left: 25px;
	background: url(/files/images/sablona2/sipka.png) no-repeat left top 7px;
	list-style: none;
}

div.breadcrumb{
  position: relative;
  margin-bottom: 10px;
}

#index_content #intro, #main_content #intro{	
	height: auto;
	width: 100%;
	position: relative;
}


#index_content #intro.intro img, #main_content #intro.intro img{
	max-width: 100%;
	margin: 0px;
}

#index_content #intro > figcaption, #slides figcaption{
	color: white;
	font-size: 22pt;
	font-weight: normal;
	position: absolute;
	top: 30px;
	left: 1.3%;
      right: 1.3%;
	padding: 10px 0;
	text-align: center;
	font-family: 'Roboto';
	font-weight: 300;
	background: url(/files/images/sablona2/slide_bcg.png) repeat;
}

#main_content #intro > figcaption{
	color: white;
	font-size: 18pt;
	font-weight: normal;
	position: absolute;
	top: 25px;
	left: 1%;
      right: 1%;
	padding: 10px 0;
	text-align: center;
	font-family: 'Roboto';
	font-weight: 300;
	background: url(/files/images/sablona2/slide_bcg.png) repeat;
}

#main_content > div:nth-of-type(2){
	padding-left: 10px;
}

#main_content #content{
	position: relative;
}

#main_content img{
	margin: 5px;
}


a[rel="lightbox[all]"]{
}

a[rel="lightbox[all]"] img{
	border: 3px solid rgb(244, 224, 211) !important;
      -moz-box-shadow: 0 0 5px 2px #b1b1b1;
	margin: 8px;
}

a[rel="lightbox[all]"] img:hover{
	border: 3px solid rgb(83, 46, 24) !important;
}

.reference_img a[rel="lightbox[all]"]{
	margin-right: 0;
	margin-bottom: 0;
}


div.white_box, div.white_box_inner{
	background: white;
	padding: 10px;
	text-align: left;
}

div.white_box h3, div.white_box_inner h3{
	color: #026ccd;
	font-weight: normal;
      margin: 10px 0;
      font-size: 21px;
}

#content div.white_box li{
	list-style: none;
	background: url('/files/images/sablona2/odr.png') no-repeat left top 5px;
}

a.vice{
	float: right;
	background: url('/files/images/sablona2/sipka.png') no-repeat left top 9px;
	padding-left: 20px;
	text-decoration: none;
	color: #28336a;
}

a.vice:hover{
	text-decoration: underline;
}

/****** footer.css ******/
#footer{
  position: relative;
  width: 960px;
  margin: 0 auto;
  color: white;
  background: transparent;
  border: none;
  text-align: left;
  padding: 20px 0;
}


#footer p{ 
  color: white;
  font-size: 15px;
}
#footer a{
  color: white;
  font-size: 15px;
  text-decoration: none;
} 
#footer a:hover{
  text-decoration: underline;
} 

footer{
  background: #532e18;
  width: 100%;
  clear: both;
}

/****** banners.css ******/

div#banners > div{
	width: 32%;
	display: inline-block;
	height: 183px;
}

div#banners > div:nth-of-type(2){
	margin: 0 2%; 
}

div#banner1{
	background: url('/files/images/sablona2/ref1.jpg') no-repeat left top;
}

div#banner2{
	background: url('/files/images/sablona2/ref2.jpg') no-repeat left top;
}

/**********************************/
/*  FORMULARE 
/*********************************/

.form_title{
  border: none;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 5px;
  color: #532e18;
  height: 35px;
}

div#left_form{ float: left; }

div#left_form p{
  margin-bottom: 15px;
}
div#left_form p:last-of-type{
	margin-bottom: 0;
}

div#right_form{ float: right; margin-left: 15px;}

#form_main{
      position: relative;
	background: #f1e4db;
	clear: both;
	padding-bottom: 45px;
}

.red{color: #F00;}

.form_content p{
	margin-bottom: 4px;
}

.form_content{
  width: 960px;
height: 270px;
margin: 0 auto;
padding-bottom: 10px;
}

.form_content fieldset { 
  margin: 0;
  padding: 1em 0;
  border: none;
  background: transparent;
  color: white;
}

.form_content label{
	width: 80px;
	color: #484848;
	display: inline-block;
	vertical-align: top;
}

.form_content input, textarea {  
  margin: 0px;
  padding: 0.5em;
  font-size: 1em;
	background: white;
	border: 1px solid #e9d1c0;
	border-radius: 3px;
	color: #2c2c2c;
	font-family: Roboto;
}

.form_content input.submit { 
  background: white;
  border: 1px solid #532e18;
  color: #532e18;
  width: 100px;
  height: auto;
  cursor: pointer;
  border-radius: 4px;
}
.form_content input.submit:hover{
  background: #532e18;
  color: white;
  border: 1px solid #026ccd;
}


.form_content fieldset p input { 
  width: 235px;
  
}
.form_content fieldset p input.alert{
	border: 1px solid red;
}
.form_content fieldset p textarea { 
  width: 500px;
  height: 127px;
  border-radius: 4px;
}
.form_content fieldset p.gdpr {
	float: left;
	clear: left;
	margin-top: 10px;
}
.form_content fieldset p.submit {
  position: relative;
  margin-bottom: 0;
  float: right;
  margin-left: 40px;
}

/***************************/
/*  PRODUKTY
/***************************/

.reference_box{
  	display: inline-block;
	width: 208px;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #d6d6d6;
	text-align: center;
	position: relative;
	background: white;
	vertical-align: top;
}

.reference_img {
    overflow: hidden;
	display: inline-block;

}

.reference_box:nth-of-type(3n+2){
  	margin: 0 10px;
}

.reference_name a{
	color: black;
	text-decoration: none;
	font-size: 15px;
	height: 3em;
      display: block;
	font-weight: bold;
}

.reference_text{
	min-height: 80px;
}
.reference_text p{
	text-align: center;
}

.reference_col_container.detail .reference_text p{
	text-align: justify;
}

.reference_name a:hover{
	text-decoration: underline;
}

#content .reference_img img{
	width: 92%;
	height: auto;
	margin-bottom: 5px;
      margin-top: 22px;
	-webkit-box-shadow: 0 0 5px 2px #efefef;
    -moz-box-shadow: 0 0 5px 2px #efefef;
    box-shadow: 0 0 5px 2px #efefef;
}

.reference_vice_odkaz{
	text-align: center;
}

.reference_vice_odkaz.akt{
	text-align: right;
}

#akt_in{
    background: white;
    padding: 10px;
    border: 1px solid rgb(214, 214, 214);
	overflow: hidden;
}

.reference_vice_odkaz a{
	display: inline-block;
	text-decoration: none;
	color: white;
	padding-left: 25px;
	padding-right: 10px;
	padding-bottom: 2px;
	line-height: 28px;
	height: 28px;
	background: #01386a url(/files/images/sablona2/sipka_hover.png) no-repeat left 5px center;	
	border-bottom: none;
	font-size: 15px;
}

.reference_vice_odkaz a:hover{
	background: #026ccd url(/files/images/sablona2/sipka_hover.png) no-repeat left 5px top 11px;
}

.produkt_pagination{
	height: 35px;
	margin: 10px 0;
}

.produkt_pagination .strankovani-odkaz, .produkt_pagination .strankovani-sipky{
	border: 1px solid #f0f0f0;
	padding: 2px 5px;
	color: black;
	text-decoration: none;
}

.produkt_pagination b{
	border: 1px solid #a4a3a3;
	padding: 2px 5px;
	line-height: 16px;
      display: inline-block;
}

.produkt_pagination .strankovani-sipky{
	background: url(/files/images/sablona2/nav_next.png) no-repeat center center;	
	color: transparent;
	border: 1px solid #f0f0f0;
	display: inline-block;
}

.produkt_pagination .strankovani-sipky + .strankovani-sipky { 
	background: url(/files/images/sablona2/nav_end.png) no-repeat center center;	
}

.produkt_pagination .strankovani-sipky:hover{
	border: 1px solid #a4a3a3;
}

.produkt_pagination .strankovani-odkaz:hover, .produkt_pagination .strankovani-sipky:hover{
	border: 1px solid #a4a3a3;
}

.reference_col_container.detail .reference_box{
	margin: 0;
	border: none;
	width: 100%;
	padding: 0;
	background: none;
}

.reference_col_container.detail .reference_box > h3{
	clear: both;
}

.reference_col_container.detail .reference_box h3{
	color: #026ccd;
	font-size: 23px;
      font-weight: normal;
	text-align: left;
	margin-bottom: 15px;
}

.reference_col_container.detail .reference_text a[rel="lightbox[all]"]{
	width: 48%;
	margin-bottom: 10px;
	display: inline-block;
	float: left;
    	margin-right: 20px;
}

.reference_col_container.detail .reference_text img{
	width: 100%;
	height: auto;
	float: left;	
    text-align: left;
}

.reference_col_container.detail .reference_big a{
    width: 100%;
}

.reference_col_container.detail .reference_big img{
	width: 100%;
	height: auto;
	margin: 0 !important;
}

.reference_col_container.detail .reference_text{
	text-align: justify;
	margin-bottom: 10px;
}

.reference_col_container.detail .reference_galerie{
	position: relative;
	width: 100%;
	text-align: left;
}

.reference_galerie .reference_img{
	    height: 152px;
    width: 230px;
    overflow: hidden;
    background: white;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

.reference_col_container.detail .reference_img a{
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	text-align: center;
}

.reference_col_container.detail .reference_img img{
	width: auto !important;
	height: auto !important;
	max-width: calc(100% - 6px);
	max-height: calc(100% - 6px);
	margin: 0 !important;
}

.breadcrumb a{
	color: #3C3C3C;
	font-size: 14px;
}

/***************************/
/*  AKTUALITY
/***************************/
.aktuality_col_container {
  width: auto;
  height: auto;
}
.aktuality_col_container .aktuality_box {
  width: auto;
  height: auto;
  overflow: auto;
  margin-top: 10px;
  padding: 0 14px;
  padding-bottom: 10px;
  clear: both;
  border: 1px solid #d6d6d6;
  background: white;
}
.aktuality_col_container .aktuality_date {
  font-size: 8pt;
  color: #000000;
  display: none;
}
.aktuality_col_container .aktuality_name {
  padding: 6px 0px 3px;
}
.aktuality_col_container .aktuality_name a,
.aktuality_col_container .aktuality_name a:visited {
  color: #028C3E;
  text-decoration: underline;
  font-size: 13pt;
  font-family: 'Roboto',sans-serif;
  color: black;
	text-decoration: none;
	font-weight: bold;
}
.aktuality_col_container .aktuality_name a:hover {
  color: black;
  text-decoration: underline;
}

.aktuality_col_container .aktuality_text {
  text-align: left;
}
.aktuality_col_container .aktuality_text a,
.aktuality_col_container .aktuality_text a:visited {
  color: #028C3E;
  text-decoration: underline;
}
.aktuality_col_container .aktuality_text a:hover {
  color: black;
  text-decoration: none;
}
.aktuality_col_container .aktuality_img {
  float: left;
  margin-right: 10px;
}
.aktuality_col_container .aktuality_img img {
  max-width: 175px;
  margin: 5px 5px 2px 0px;
  -webkit-box-shadow: 0 0 5px 2px #e4e4e4;
    -moz-box-shadow: 0 0 5px 2px #e4e4e4;
    box-shadow: 0 0 5px 2px #e4e4e4;
}
.aktuality_col_container .aktuality_vice_odkaz {
      margin-top: 31px;
}

#akt_in .aktuality_vice_odkaz {
    display: inline-block;
    float: right;
    margin-left: 15px;
}

#akt_in .aktuality_vice_odkaz a {
    width: 160px;
}

.aktuality_col_container .aktuality_vice_odkaz a, #akt_in .aktuality_vice_odkaz a{
	display: inline-block;
	vertical-align: bottom;
	width: 120px;
    	text-align: center;
	padding: 4px 3px;
	padding-left: 15px;
	border: 1px solid #a4a3a3;
	background: white url(/files/images/sablona2/sipka.png) no-repeat left 5px top 10px;
	color: black;
	text-decoration: none;
      font-size: 15px;
}

.aktuality_col_container .aktuality_vice_odkaz a:hover, #akt_in .aktuality_vice_odkaz a:hover{
	background: #026ccd url(/files/images/sablona2/sipka_hover.png) no-repeat left 5px top 10px;
	border: 1px solid #026ccd;
	color: white;
}

.reference_intro{
	overflow: auto;
}

.reference_intro a{
	width: 30.5%;
	margin: 1%;
	display: inline-block;
}

.reference_intro a img{
	width: calc(100% - 6px) !important;
	height: auto !important;
}

.box_odkaz{
    clear: both;
    display: block;	
    width: 190px;
    padding: 5px;
    padding-left: 28px;
    background: white url('/files/images/sablona2/sipka.png') no-repeat left 8px top 12px;
    text-decoration: none;
    color: black;
    border: 1px solid #a4a3a3;
    margin-top: 10px;
    margin-left: 6px;
}

.box_odkaz:hover{
	background: white url('/files/images/sablona2/sipka.png') no-repeat left 8px top 12px;
}

/**************
SLIDES
**************/

#slides {
    position: relative;
    display: none;
}

.slidesjs-navigation, .slidesjs-navigation:hover {
    color: transparent;
    position: absolute;
    bottom: 40%;
    height: 39px;
    width: 35px;
    display: block;
    z-index: 100;
}

.slidesjs-next {
    background: url(/files/images/sablona2/next.png) no-repeat left top;
    right: 6px;
}

.slidesjs-previous {
    background: url(/files/images/sablona2/prev.png) no-repeat left top;
    left: 15px;
}

#slides img{
	width: 100%;
}

#aktuality_slide{
	margin: 0 8px;
	border: 1px solid #d6d6d6;
	background: white;
	padding: 15px 10px;
	margin-top: 10px;
      margin-bottom: 10px;
	display: none;
}

#aktuality_slide .aktuality_name, #aktuality_slide .aktuality_date, #aktuality_slide .aktuality_vice_odkaz{
	display: inline-block;
}

#aktuality_slide .aktuality_date{
	margin-right: 15px;
}

#aktuality_slide .aktuality_name a{
	text-decoration: none;	
	color: #026ccd;
	font-size: 16px;
}

#aktuality_slide .aktuality_name a:hover{
	text-decoration: underline;
}

#aktuality_slide .aktuality_vice_odkaz{
	float: right;
	background: url(/files/images/sablona2/archiv.png) no-repeat left center;
	padding-left: 25px;
	font-family: Roboto, sans-serif;
}

#aktuality_slide .aktuality_vice_odkaz a:hover{
	text-decoration: none;
}

/**************
FOTOGALERIE
*****************/

#galerie-thumbs {
	margin-top: 15px;
    background-color: white;
    border: 1px solid #d6d6d6;
    width: 98%;
    padding: 2% 1%;
    height: auto;
    overflow-x: scroll;
}

div.galerie-slozky{
	text-align: justify;
}

.galerie-slozky + .galerie_container{
	display: none;
}

#main_content .galerie_nahledy td{
	padding: 0;
	box-shadow: none;
	    display: table;
}	

div.fotka{
	margin-bottom: 0;
	position: relative;
	max-width: 325px;
	margin: 0 auto;
}

.galerie_slozka{
	text-align: center;
	width: 47%;
	margin-bottom: 10px;
	background: url(/files/images/slozka.png) no-repeat center center;
	background-size: contain;
	padding: 1%;
	position: relative;
	vertical-align: top;
	display: inline-block;
}

.galerie_slozka h2{
	text-align: center;
	margin-bottom: 0;
	position: absolute;
	bottom: 3px;
	left: 3px;
	right: 3px;
	background: rgba(20, 50, 78, 0.7);
}

.galerie_slozka h2 a{
	color: white;
	text-decoration: none;
	font-family: 'Roboto',sans-serif;
    	font-size: 16px;
    	font-weight: bold;
	padding: 10px 0;
	display: inline-block;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.galerie_slozka div.fotka img{
	width: calc(100% - 6px) !important;
	height: auto !important;
	margin: 0 !important;
	border: 3px solid white !important;
}
.galerie_slozka div.fotka img:hover{
	border: 3px solid #84929e !important;
}

.galerie_container tr{
	display: inline-flex;
}

.galerie_container td{
	margin: 0 5px;
}

.galerie_fotka, .galerie_fotka_uvodni{
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.galerie_fotka .velke{
	display: none;
}

.galerie_fotka .velke.activ{
	display: inline-block;
}

#main_content .thumbs img, #main_content .thumbs img:hover{
	cursor: pointer;
	border: 1px solid #d6d6d6;
	width: auto !important;
    	height: auto !important;
    	margin: 0;
}

div.galerie_fotka img, body#sablona1 div.galerie_fotka img:hover, div.galerie_fotka_uvodni img, div.galerie_fotka_uvodni img:hover{
	border: none;
      box-shadow: none;
}

.galerie_container::-webkit-scrollbar
{
  width: 25px;  /* for vertical scrollbars */
  height: 25; /* for horizontal scrollbars */
  border: 5px solid lightgray;
}
.galerie_container::-webkit-scrollbar-track{
  background: white;
}

.galerie_container::-webkit-scrollbar-thumb{
  background: lightgray;
  border-radius: 3px;
}

/***************
RESPONSIVE
***************/
@media screen and (max-width: 980px){

div#container{
	width: 96%;
	margin: 0 auto;
}

#index_content, #main_content{
	width: auto;
	float: none;
	padding-left: 240px;	
}

#left_col{
	z-index: 100;
}

#main_content #intro > figcaption{
	position: relative;
	top: -5px;
	left: auto;
      right: auto;
      margin: 0 1%;
}

div.white_box, div.white_box_inner{
	width: auto !important;
}

.aktuality_col_container .aktuality_box{
	clear: none;
}

.form_content{
	width: 96%;
	padding: 0 2%;
	height: auto;
	overflow: auto;
}

div#left_form{
	width: 43%;
}

div#right_form{
	width: 55%;
	margin: 0;
}

.form_content label{
	width: 25%;
}

.form_content fieldset p textarea{
	width: 69%;
	padding: 2%;
}

.form_content fieldset p input{
	width: 65%;
	padding: 2%;
}
div#left_form p:last-of-type{
	margin-bottom: 15px;
}

#footer{
	width: 96%;
	padding: 20px 2%;
}

.reference_box:nth-of-type(3n+2){
	margin: 0;
	margin-bottom: 20px;
}

.reference_box:nth-of-type(2n+2){
	margin-left: 1%;
}

.reference_box{
	width: 43%;
	padding: 2%;
}

#main_content #content{
	margin-bottom: 15px;
}

}

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

#left_col{
	width: 100%;
	padding-left: 0;
	float: none;
}

.left_col_edit_box, div#category{
	float: none;
}

#index_content, #main_content{
	width: 100%;
	padding: 0;
}

a#logo{
	margin: 0 auto;
}	

div#category, div#category p{
	width: 100%;
}

div#category a{
	width: 86%;
	padding: 12px 7%;
}

.left_col_edit_box{
	width: 96%;
	padding: 2%;
	text-align: center;
}

div#mapa a{
	display: inline-block;
	width: 120px;
	padding-left: 25px;
}

div.kontakt{
	width: 100% !important;
}	

iframe{
	float: none !important;
	width: 100% !important;
}

div#left_form{
	width: 100%;
}

div#right_form{
	width: 100%;
}

.form_content label{
	width: 20%;
}

div#left_form p{
	overflow: auto;
}

.form_content fieldset p input, .form_content fieldset p textarea{
	width: 69%;
	float: right;
}

.form_content fieldset p.submit{
	margin-top: 10px;
}

.reference_col_container.detail .reference_big, .reference_col_container.detail .reference_text{
	width: 100%;	
	float: none;
}

#index_content #intro > figcaption, #slides figcaption, #main_content #intro > figcaption{
	font-size: 14px;
}

.slidesjs-navigation, .slidesjs-navigation:hover{
	bottom: 20%;
}

.slidesjs-container, .slidesjs-control{
	min-height: 1.5em;
}

#main_content > div:nth-of-type(2){
	padding-left: 0;
}

.aktuality_col_container .aktuality_img img{
	width: 100%;
}

}

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

.reference_box:nth-of-type(n+2){
	margin: 0;
	margin-bottom: 10px;
}

.reference_box{
	width: 96%;
	margin-bottom: 10px;
}

.reference_img img{
	width: auto;
	max-width: 95%;
}

.slidesjs-container, .slidesjs-control{
	min-height: 3em;
}

}