@charset "utf-8";

@font-face {
	/* This declaration targets everything else */
	font-family: 'NettoOTBold';
	src: url(../fonts/loadfont.php?font=nettoot-bold-webfont.eot);
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'NettoOTBold';
	src: url(../fonts/loadfont.php?font=nettoot-bold-webfont.ttf);
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'NettoOTRegular';
	src: url(../fonts/loadfont.php?font=nettoot-webfont.eot);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'NettoOTRegular';
	src: url(../fonts/loadfont.php?font=nettoot-webfont.ttf);
	font-weight: normal;
	font-style: normal;
}

span.codedirection {
    direction: rtl;
    unicode-bidi: bidi-override;
}



/* Layout /////////////////////////////////////////////////////////////////////////////////////*/
body {
	behavior: url("csshover.htc");
	font-family: 'NettoOTRegular', Verdana, Arial, Helvetica, sans-serif;
	background-color: #4b91bd;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 18px;
	-webkit-text-size-adjust: 100%;
}

.cc-message {
	font-family: 'NettoOTRegular', Verdana, Arial, Helvetica, sans-serif;
}

.wrapper {
	margin: 0 auto;
	width: 100%;
}

a {
	color: #4b91bd;
	outline: none;
	}
	
a:visited {
	color: #4b91bd;
	text-decoration: underline;
	}
	
a:hover {
	color: #333;
	}

#top {
	width: 100%;
	background-color: #4b91bd;
	background-image: url(../images/banner-bg.jpg);
	background-repeat: repeat-x;
	}


#logo {
	width: 256px;
	height: 125px;
	position: absolute;
	top: 40px;

}

#header {
	width: 960px;
	height: 192px;
	margin: 0 auto;
	background-image: url(../images/header-ret.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	}

#header-inner {
	position: relative;
	}
	

/* Headlines, ul, a, etc.. ///////////////////////////////////////////////// */
h1 {
	font-family: 'NettoOTBold';
	font-size: 30px;
	/*color: #4b91bd;*/
	color: #f76a2a;
	text-transform: uppercase;
	margin-bottom: 40px;
}

h2 {
	font-family: 'NettoOTBold';
	font-size: 22px;
	color: #f76a2a;
	text-transform: uppercase;
}

h3 {
	font-family: 'NettoOTBold';
	font-size: 22px;
	color: #f76a2a;
	text-transform: uppercase;
}

strong {
	font-family: 'NettoOTBold';
}

.clear {
	clear: both;
	}
	
ul li {
	list-style-type: none;
	list-style-image: url(../images/dot-blue.jpg);
	padding: 10px 0px 10px 0px;
	margin-left: 25px;
	}
	
ul, li {
	padding: 0px;
	margin: 0px;
	}
	
/* Headlines, ul, a, etc.. end///////////////////////////////////////////////// */	


/* Content ///////////////////////////////////////////////// */
#centerOuter {
	width: 100%;
	background-color: #fff;
	}
	
#center {
	width: 960px;
	margin: 0 auto;
	}

#content-left {
	width: 215px;
	float: left;
	}
	
#content {
	width: 725px;
	float: left;
	padding: 10px 0px 50px 20px;
	background-color: #fff;
	}
	
#breadcrumbs {
	color: #333;
	font-size: 13px;
	margin-bottom: 47px;
	}

/* Content end///////////////////////////////////////////////// */	
	
/* Footer, Bottom ///////////////////////////////////////////////// */	
#bottom {
	width: 100%;
	background-color: #4b91bd;
	}
		
#footer {
	font-size: 12px;
	color: #ffffff;
	background-color: #4b91bd;
	width: 960px;
	margin: 0 auto;
	padding: 15px 0px 15px 0px;
	}
	
#footer a {
	color: #ffffff;
	}
	
#footer_inner_left {
	float: left;
	width: 80%;
	}
	
.fi-left1 {
	float: left;
	padding-right: 30px;
	}

.fi-left2 {
	float: left;
	padding-right: 30px;
	}

.fi-left3 {
	float: left;
	}
	
#footer_inner_right {
	float: left;
	width: 20%;
	text-align: right;
	}

/* Footer end///////////////////////////////////////////////// */	
	
	
/* Navigation ///////////////////////////////////////////////// */
#navigation {
	width: 215px;
	padding-top: 0px;
	}
	
#navigation ul li {
	list-style-type: none;
	list-style-image: none;
	text-transform: uppercase;
	position: relative;
	padding: 0px;
	margin: 0px;
	}
	
#navigation ul li a {
	text-decoration: none;
	font-size: 16px;
	font-family: 'NettoOTBold';
	color: #4b91bd;
	display: block;
	padding-bottom: 8px;
	padding-top: 8px;
	}

.wrapper.resnormal #navigation ul li a:hover {
	color: #396e8f;
	}
	
#navigation ul li:hover {
	/*background-image: url(../images/navi_hover.jpg);
  	background-repeat: no-repeat;
 	background-position: center left; 
 	padding-left: 32px; */
	}

#navigation ul li.highlight  {
	background-image: url(../images/navi_active.jpg);
  	background-repeat: no-repeat;
  	background-position: center left; 
  	padding-left: 32px; 
	}

.wrapper.resnormal #navigation ul li ul li:hover {
	/*background-image: url(../images/dot.png);
  	background-repeat: no-repeat;
  	background-position: center left; 
  	padding-left: 20px; */
	}
	
ul.hoverMenu li > ul {          
  	display: none;               
  	position: absolute;                          
  	left: 100%;  
	top: 0;                                             
}

.wrapper.resnormal ul.hoverMenu li:hover > ul {    
  display: inline-block; 
  background-color: #ffffff;
  padding: 30px 40px 30px 0px;
  top: -30px;
  width: 160%;            
}
	
	
#navigation ul li ul li {
	padding-left: 15px;
	margin-left: 15px;
	}
	
/* Navigation end///////////////////////////////////////////////// */


.barrierefrei {
	width: 175px;
	margin: 30px 0px 30px 0px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #4b91bd;
	
	border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
	}
	
.notfall {
	width: 110px;
	margin: 30px 0px 20px 0px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #cf4307;
	color: #cf4307;
	text-align: center;
	text-transform: uppercase;
	
	border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
	}
	
	.notfall-a {
	font-size: 16px;
	}

.notfall-a:hover .notfall{
	background-color: #cf4307; 
	color: #fff;
	border: 1px solid #fff;
	}
	
#content-left a {
	text-decoration: none;
	}
	
.barrierefrei strong {
	color: #4b91bd;
	}

.barrierefrei ul li {
	list-style-type: none;
	list-style-image: url(../images/dot-blue.jpg);
	padding: 5px 0px 5px 0px;
	margin-left: 25px;
	font-size: 16px;
	}


/* Blog ///////////////////////////////////////////////// */
.blog_entry {
	width: 50%;
	float: left;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}
	
.blog_entry-inner {
	padding: 0px 15px 0px 15px;
	}

.blog_entry-inner h3{
	text-align: center;
	}
	
.blogimage{
	text-align: center;
}

.blogimage img{
	border: 1px solid #ffffff;
	/*-webkit-box-shadow: 5px 5px 17px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 17px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 17px 0px rgba(0,0,0,0.25);*/
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	width: 300px;
	height: auto;
}

.blog_entry-mfa .blogimage img{
	width: 210px;
	height: auto;
}

.wrapper.resnormal .blog_entry-mfa {
	width: 33%;
	float: left;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 30px 0px 0px 0px;
	text-align:left;
	height: inherit;
	}

.blog_entry-mfa .blog_content {
	text-align:center;
	}

.blog_entry-mfa .blogimage{
	text-align: center;
	}
	
.blog_entry-mfa .blog_entry-inner {
	padding: 0px 20px 0px 0px;
	}

.aktuelle-infos {
	/*border: 1px solid #4b91bd;
	background-image: url(../images/aktuelle-infos-bg.jpg);
	background-repeat: no-repeat;*/
	background-position: top center;
	width: 100%;
	padding-bottom: 20px;
	}
		
.aktuelle-infos h2 {
	width: 100%;
	text-align: center;
	color: #f76a2a;
	}
	
.blog_entry-aktuelle-infos {
	width: 227px;
	height: 135px;
	float: left;
	margin: 0px 7px 14px 7px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	color: #ffffff;
	background-color: #4b91bd;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.25);
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.blog_entry-aktuelle-infos:hover {
	background-color: #396e8f;
	}

.blog_entry-aktuelle-infos .blog_entry-inner {
	padding: 7px;
	font-size: 14px;
	}

.blog_entry-aktuelle-infos h3 {
	color: #ffffff;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	}
	
.blog_entry-aktuelle-infos p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	}

.blog_entry-aktuelle-infos a {
	color: #ffffff;
	text-decoration: none;
	}


	
	
	
.blog_entry-awa {
	width: 100%;
	float: none;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}
	
.blog_entry-awa h3{
	text-align: left;
	}
	
.blogimage-awa {
	text-align: left;
	float: left;
	width: 225px;
}

.blog_content-awa {
	text-align: left;
	float: left;
	width: 480px;
}
/* Blog end///////////////////////////////////////////////// */


/* Style classes ///////////////////////////////////////////////// */
.gross {
	font-size: 24px;
	}

.medium {
	font-size: 20px;
	}
	
.klein {
	font-size: 12px;
	}

.blau {
	color: #4b91bd;
	}

.orange {
	color: #f76a2a;
	}

.rot {
	color: #cf4307;
	}

.zitat {
	font-size: 24px;
	background-image: url(../images/wichtel.jpg);
  	background-repeat: no-repeat;
  	background-position: center left;
	padding: 43px 0px 43px 80px;
	font-family: 'NettoOTBold';
	color: #4b91bd;
	margin: 10px 0px 10px 0px;
	display: block;
	}

.zitat-kopf {
	font-size: 18px;
	font-family: 'NettoOTBold';
	padding: 0px 0px 0px 80px;
	margin: 10px 0px 0px 0px;
	display: block;
	position: relative;
	top: 70px;
	color: #666;
	}
	
/* Style classes end ///////////////////////////////////////////////// */

.overlay-image {
	width: 100%;
	}	
.overlay-image-overlay {
	background-image: url(../images/image-overlay.png);
  	background-repeat: repeat-y;
  	background-position: left; 
	}	
	
/* TinyMCE specific rules */
body.mceContentBody {
   background-color: #fff;
   color: #333;
   background-image: none;
}

	
.bild-rechts {
	margin: 10px 0px 10px 15px;
	}

.bild-links {
	margin: 10px 15px 10px 0px;
	}


/* Bildergalerie /////////////////////////////////////////////////////////////////////////////////////*/
.gallery{
	list-style-type:none;	
	padding:0px;
	margin:0px;
	display: inline-block;
}
.gallery li{
	float:left;
	margin: 0px 5px 10px 5px;
	border: none;
	height: 61px;
	width: 110px;
	overflow: hidden;
}

#thumbnails {
	margin-top: 15px;
}

#gallery_options {
	text-align:left; 
	width: 100%;
}

#gallery_options a {
	text-decoration: none;
	font-family: 'NettoOTBold';
}

#gallery_options a:visited {
	text-decoration: none;
}

#image_titles {
	text-transform: uppercase;
	width: 70%;
	float: left;
	font-family: 'NettoOTBold';
	font-size: 20px;
	color: #f76a2a;
	text-transform: uppercase;
}

#links {
	float: right;
	width: 30%;
	text-align: right;
	font-family: 'NettoOTBold';
	font-size: 20px;
	color: #f76a2a;
	text-transform: uppercase;
}

#bildbeschreibung {
	font-size: 16px;
}

#big_image_container {
	background-image: url(../images/loading.gif); 
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	margin-top: 0px;
	width: 100%;
	position: relative;
}

#big_image_container img {
	width: 100%;
	height: auto;
}

#image_overlay {
	z-index: 1000;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
}
#left {
	width: 50%;
	float: left;
	height: 100%;
	cursor:url(../images/arrow_left.png), pointer;
}
#right {
	width: 50%;
	float: right;
	height: 100%;
	cursor:url(../images/arrow_right.png), pointer;
}

.image_container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.image-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background:url(../images/image-overlay.png) repeat-y left top;
}

.gallery_overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	width: 50%;
	padding: 30px 0px 0px 0px;
}
/* Bildergalerie Ende /////////////////////////////////////////////////////////////////////////////////////*/


/* Responsive /////////////////////////////////////////////////////////////////////////////////////*/

.wrapper.res480 {
	font-size: 16px;
}

.wrapper.res480 #header {
	height: 266px;

	background:url(../images/header-480px-ret.jpg) no-repeat center top;
	margin: 0 auto;
	width: 100%;
	background-size: auto 100%;
	
}

.wrapper.res480 .blogimage img{
	width: 100%;
	height: auto;
}


.wrapper.res480 #header-inner {
	width: 100%;
	margin: 0 auto;
}

.wrapper.res480 #center, .wrapper.res600 #center, .wrapper.res770 #center {
	width: 100%;
	margin: 0 auto;
	}
	
.wrapper.res960 #center {
	width: 750px;
	margin: 0 auto;
	}
	
.wrapper.res960 #content {
	width: 515px;
	}

.wrapper.res960 #footer {
	width: 750px;
	}
	
.wrapper.res480 #content, .wrapper.res600 #content, .wrapper.res770 #content {
	width: 100%;
	float: none;
	padding: 10px 0px 50px 0px;
	}
	
.wrapper.res480 #content-inner, .wrapper.res600 #content-inner, .wrapper.res770 #content-inner  {
	padding: 0px 15px 0px 15px;
	}
	
.wrapper.res480 #content-left, .wrapper.res600 #content-left, .wrapper.res770 #content-left {
	width: 100%;
	float: none;
	margin: 0 auto;
	}
	
.wrapper.res480 #navigation, .wrapper.res600 #navigation, .wrapper.res770 #navigation {
	width: 80%;
	padding-top: 20px;
	margin: 0 auto;
	}
	
.wrapper.res480 #navigation ul li a, .wrapper.res600 #navigation ul li a, .wrapper.res770 #navigation ul li a {
	font-size: 20px;
	padding-bottom: 8px;
	padding-top: 8px;
	}
	
	
/*.wrapper.res480 #navigation ul li:hover {
	background-image: url(../images/navi_hover.jpg);
  	background-repeat: no-repeat;
 	background-position: top left; 
 	padding-left: 32px; 
	}*/

.wrapper.res480 #navigation ul li.highlight, .wrapper.res600 #navigation ul li.highlight, .wrapper.res770 #navigation ul li.highlight  {
	background-image: url(../images/navi_active.jpg);
  	background-repeat: no-repeat;
  	background-position: center left; 
  	padding-left: 32px; 
	}

.wrapper.res480 #navigation ul li ul li, .wrapper.res600 #navigation ul li ul li, .wrapper.res770 #navigation ul li ul li {
	background-image: url(../images/dot.png);
  	background-repeat: no-repeat;
  	background-position: center left; 
  	padding-left: 20px; 
	}

.wrapper.res480 ul.hoverMenu li:hover > ul, .wrapper.res600 ul.hoverMenu li:hover > ul, .wrapper.res770 ul.hoverMenu li:hover > ul {    
  display: inline-block; 
  padding: 0px 0px 0px 0px;
  top: 0px;
  width: 100%;        
}

.wrapper.res480 ul.hoverMenu li > ul, .wrapper.res600 ul.hoverMenu li > ul, .wrapper.res770 ul.hoverMenu li > ul {          
  	display: inline-block;               
  	position: inherit;                          
  	left: 0px;  
	top: 0px;                                             
}

		
.wrapper.res480 #bottom, .wrapper.res600 #bottom, .wrapper.res770 #bottom{
	width: 100%;
	background-color: #4b91bd;
	margin: 0 auto;
	}
		
.wrapper.res480 #footer, .wrapper.res600 #footer, .wrapper.res770 #footer {
	font-size: 16px;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0px 15px 0px;
	}
	
.wrapper.res480 #footer_inner, .wrapper.res600 #footer_inner, .wrapper.res770 #footer_inner {
	padding: 0px 15px 0px 15px;

	}
	
.wrapper.res480 #footer_inner_left, .wrapper.res600 #footer_inner_left, .wrapper.res770 #footer_inner_left {
	float: none;
	width: 100%;
	}
	
.wrapper.res480 .fi-left1, .wrapper.res600 .fi-left1, .wrapper.res770 .fi-left1 {
	float: none;
	width: 100%;
	padding-bottom: 30px;
	padding-right: 0px;
	}

.wrapper.res480 .fi-left2, .wrapper.res600 .fi-left2, .wrapper.res770 .fi-left2{
	float: none;
	width: 100%;
	padding-bottom: 30px;
	padding-right: 0px;
	}

.wrapper.res480 .fi-left3, .wrapper.res600 .fi-left3, .wrapper.res770 .fi-left3 {
	float: none;
	width: 100%;
	padding-bottom: 30px;
	padding-right: 0px;
	}
	
.wrapper.res480 #footer_inner_right, .wrapper.res600 #footer_inner_right, .wrapper.res770 #footer_inner_right {
	float: none;
	width: 100%;
	padding-bottom: 30px;
	text-align: left;
	}
	
.wrapper.res480 .barrierefrei, .wrapper.res600 .barrierefrei, .wrapper.res770 .barrierefrei {
	width: 175px;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #4b91bd;
	
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	}

.wrapper.res480 #breadcrumbs, .wrapper.res600 #breadcrumbs, .wrapper.res770 #breadcrumbs {
	font-size: 12px;
	margin-bottom: 47px;
	}
	
.wrapper.res480 .aktuelle-infos, .wrapper.res600 .aktuelle-infos, .wrapper.res770 .aktuelle-infos {
	border: none;
	background-image: none;
	width: 100%;
	}

.wrapper.res480 .aktuelle-infos h2, .wrapper.res600 .aktuelle-infos h2, .wrapper.res770 .aktuelle-infos h2 {
	color: #f76a2a;
	}
	
.wrapper.res480 .aktuelle-infos .blog_ul, .wrapper.res600 .aktuelle-infos .blog_ul, .wrapper.res770 .aktuelle-infos .blog_ul {
	width: 100%;
	}

.wrapper.res480 .blog_entry-aktuelle-infos, .wrapper.res600 .blog_entry-aktuelle-infos, .wrapper.res770 .blog_entry-aktuelle-infos  {	
	float: none;
	margin: 0 auto;
	margin-bottom: 20px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}
	
.wrapper.res480 .blog_entry-aktuelle-infos .blog_entry-inner, .wrapper.res600 .blog_entry-aktuelle-infos .blog_entry-inner, .wrapper.res770 .blog_entry-aktuelle-infos .blog_entry-inner{
	padding: 7px;
	font-size: 14px;
	}
		
.wrapper.res480 .blog_entry, .wrapper.res600 .blog_entry, .wrapper.res770 .blog_entry {
	width: 100%;
	float: none;
	margin: 0px 0px 50px 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}
	
.wrapper.res480 .blog_entry-inner, .wrapper.res600 .blog_entry-inner, .wrapper.res770 .blog_entry-inner {
	padding: 0px 5px 0px 5px;
	font-size: 18px;
	}

.wrapper.res480 .blog_entry-mfa, .wrapper.res600 .blog_entry-mfa, .wrapper.res770 .blog_entry-mfa {
	width: 100%;
	float: none;
	margin: 0px 0px 50px 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}
	
.wrapper.res960 .blog_entry-mfa {
	width: 50%;
	float: left;
	margin: 0px 0px 50px 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}
	
.wrapper.res480 .zitat, .wrapper.res600 .zitat, .wrapper.res770 .zitat {
	background-image: url(../images/wichtel.jpg);
  	background-repeat: no-repeat;
  	background-position: top center;
	padding: 110px 0px 43px 0px;
	font-family: 'NettoOTBold';
	color: #4b91bd;
	margin: 10px 0px 10px 0px;
	display: block;
	}

.wrapper.res480 .zitat-kopf, .wrapper.res600 .zitat-kopf, .wrapper.res770 .zitat-kopf {
	font-size: 16px;
	font-family: 'NettoOTBold';
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	display: block;
	position: relative;
	top: 130px;
	color: #666;
	}

.wrapper.res480 .bild-links, .wrapper.res480 .bild-rechts{
	width: 100%;
	height: auto;
	float: none;
	margin: 10px 0px 10px 0px;
	}
	
.wrapper.res600 .bild-links, .wrapper.res600 .bild-rechts{
	width: 100%;
	height: auto;
	float: none;
	margin: 10px 0px 10px 0px;
	}

.wrapper.res770 .bild-links, .wrapper.res770 .bild-rechts{
	width: 100%;
	height: auto;
	float: none;
	margin: 10px 0px 10px 0px;
	}
	
.wrapper.res480 .notfall-outer, .wrapper.res600 .notfall-outer, .wrapper.res770 .notfall-outer {
	margin: 0 auto;
	padding-top: 10px;
	width: 132px;
	}
	
	
.wrapper.res600 #header {
	height: 266px;
	background:url(../images/header-600px-ret.jpg) no-repeat center top;
	margin: 0 auto;
	width: 100%;
	background-size: auto 100%;
}


.wrapper.res770 #header {
	height: 266px;
	background:url(../images/header-770px-ret.jpg) no-repeat center top;
	margin: 0 auto;
	width: 100%;
	background-size: auto 100%;
}

.wrapper.res960 #header {
	height: 192px;
	background:url(../images/header-960px-ret.jpg) no-repeat center top;
	margin: 0 auto;
	width: 100%;
	background-size: auto 100%;
}



.wrapper.res770 #header-inner {
	width: 100%;
	margin: 0 auto;
}


.wrapper.res480 .gallery_overlay, .wrapper.res600 .gallery_overlay {
	width: 90%;
}

.wrapper.res770 .gallery_overlay {
	width: 65%;
}

.wrapper.res960 .gallery_overlay {
	width: 80%;
}

.wrapper.res480 .image-overlay, .wrapper.res600 .image-overlay, .wrapper.res770 .image-overlay, .wrapper.res960 .image-overlay {
	width: 100%;
	background-position: -100px 0px;
}

.wrapper.res480 .gallery ul, .wrapper.res600 .gallery ul, .wrapper.res770 .gallery ul {
	margin: 0 auto;
	width: 100%;
}

.wrapper.res480 .gallery li, .wrapper.res600 .gallery li{
	float:left;
	margin: 0px 2px 0px 2px;
	border: none;
	height: 61px;
	width: 31%;
	overflow: hidden;
	list-style-image: none;
}

.wrapper.res770 .gallery li {
	float:left;
	margin: 0px 4px 0px 4px;
	border: none;
	height: 61px;
	width: 110px;
	overflow: hidden;
	list-style-image: none;
}
	
/* Responsive Ende /////////////////////////////////////////////////////////////////////////////////////*/