body {
    font-family			: Arial, sans-serif;
    font-size			: 13px;
    color				: #ffffff;
    min-height			: 100%;
    background-color	: #9eb8d9;
    overflow-x			: hidden;
}
/*
 * Farbwerte
	- Content: #003f81
	- Headline: #003f81
	- BG: #9eb8d9
	Schriftwerte
	Fülltext
	Arial Narrow; 13px; #ffffff
	h2: Arial Bold; 13px; #ffffff
	h1: Myriad Pro, Regular; Kapitälchen; 18px; #farbe variierend
	Menü: Myriad Pro; Bold; 17px; #ffffff
	Buttons: Myriad Pro; Bold; 17px; #fffff + #003f81
 *
 *  */
.sprite {
    background-image: url(/images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.sprite-facebook {
    background-color: #003f81;
    background-position: -21px 0;
    border-radius: 14px;
    height: 19px;
    left: 62px;
    padding: 5px;
    position: absolute;
    top: 29px;
    width: 19px;
}
.sprite-anfahrt {
    background-color: #ffffff;
    background-position: 5px 1px;
    border-radius: 14px;
    height: 17px;
    left: 95px;
    padding: 6px 9px;
    position: absolute;
    top: 34px;
    width: 11px;
}
.sprite-menue_mail {
    background-color: #003f81;
    background-position: -1px -29px;
    border-radius: 14px;
    height: 19px;
    left: 127px;
    padding: 5px 3px;
    position: absolute;
    top: 29px;
    width: 23px;
}

.sprite-menue_home {
    width: 23px;
    height: 19px;
    background-position: -55px -5px;
}


.sprite-menue_trenner {
    width: 2px;
    height: 68px;
    background-position: -88px -5px;
}

.sprite-slider_button_left {
    width: 25px;
    height: 35px;
    background-position: -38px -34px;
}

.sprite-slider_button_right {
    width: 25px;
    height: 35px;
    background-position: -5px -79px;
}

#headerslider {
    position:relative;
    background: url(../images/sliderbgbg.png) repeat-x;
    z-index: 15;
}

#headerslider .bx-wrapper {
    top: 20px;
}

#headerslider .bx-viewport {
    border: none;
    background: transparent;
}

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

#fahnimpress {
	display: inline-block;
}

#pleiimpress {
	display: inline-block;
	float: right;
}

table {
	border-spacing			: 0;
}
td {
	font-family			: Arial, sans-serif;
	color				: #ffffff;
	vertical-align			: top;
}
p { margin				: 1em 0; }
h1, .fake_h1 {
	font-family			: "PT Sans", Arial, sans-serif;
	font-size 			: 18px;
	color				: #ffffff;
	margin-bottom		: 0.2em;
	font-weight			: bold;
}
h2, .fake_h2 {
	font-size			: 16px;
	color				: #ffffff;
	margin				: 1em 0;
	font-weight			: bold;
}
a {
	color				: #9EB8D9;
	font-weight			: bold;
	text-decoration			: none;
}
a:hover, .link_hover {
	color				: #ffffff;
	text-decoration		: underline;
}
.fake_link {
	font-weight: normal;
	color: #ffffff;
}
.fake_link:hover {
	font-weight: normal;
	text-decoration: none;
}
img {
	border				: none;
}

	/* mobile Menu */
.fa {
	font-size: 25px !important;
	color: #fff;
	background: #003f82;
}

#responsive-menu {
	display: none;
	background: #003f82;
	width: 100%;
	padding:0;
}

#responsive-menu .fa {
	padding: 10px;
	cursor: pointer;
	width: 99%;
}

#mobilno {
	font-size: 12px;
	font-weight: bold;
	background: #003f82;
}

.mobilsubmenu {
	margin-left: 16px !important;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px;
	display: block;
	height: 10px;
	width: 100%;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin: 0;
	padding: 0;
	background: rgba(0,0,0,0.9);
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #51514e;
	padding: 5px;
}

ul { margin-left				: 1.3em; }
/* BUTTONS UND TEXTFELDER */
textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
.button {
	font-family			: "PT Sans", Arial, sans-serif;
	color				: #003f81;
	border				: none;
	background			: #FFFFFF;
	margin				: 1px 0;
	padding				: 6px;
	font-size			: 17px;
}
.button:hover {
	font-family			: "PT Sans", Arial, sans-serif;
	color				: #ffffff;
	background			: #003f81;
	border				: 1px solid #ffffff;
	padding				: 5px;
	margin				: 1px 0;
	font-size			: 17px;
	cursor				: pointer;
}
#Name, #Nachricht, #eMail-Adresse, .form_ausgabe, .formfeld, .formfeld p {
	width: 98%!important;
	padding: 0.2em 0.2em;
}
.form_nachricht {
	display:inline-block;
	width: 95%;
	padding:1%;
	border-left: 5px solid #9EB8D9;
}
.errorTable {
	width: 100%;
	padding:5px;
	border:1px solid red;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}
/* DEFINITIONEN */
.border {
	border: solid red 1px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0 auto;
}
.small {
	font-size: 0.85em;
}
.large {
	font-size: 1.25em;
}
.bold {
	font-weight: bold;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-nowrap {
	white-space: nowrap;
}
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}
.only-print {
	display: none;
}
.handheld {
	display: block;
	text-align: center;
	width: 100%;
	padding: 0;
	font-size: 1.5em;
}
.hidden {
	display: none;
}
#handheld option {
	padding: 1% 0;
}
#handheld option[selected="selected"] {
	padding: 1% 0;
	background-color: #686868;
	color: #ffffff;
}
/* MENÜBEREICH */
#get {
	position: relative;
}
/* GESTALTUNG DER SEITE */
#wrapper {
	padding: 0;
	position: relative;
	display: block;
	min-height: 100%;
	-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
}
.row {
	width: 100%;
}
.col {
    margin-left: 0%;
	padding:0 1.5%;
}
#footer {
	padding: 0 2% 2% 2%;
	border-left: 1px solid #686868;
}
#anfahrt {
	width: 92%;
	margin-top: 4em;
	border: solid 1px #686868;
}
.portalBildDiv {
	width: 120px;
	float: left;
}
.portalBild {
	width: 100px;
	margin: 0 5px 25px 0;
	border: 1px solid #fff;
}
/* INDIVIDUELLE STYLES */
#balken {
	min-width: 100%;
	height: 2%;
	min-height: 10px;
	background-color: #003f81;
	display: block;
	clear: both;
}
#bg_bild {
	position: absolute;
	bottom: 0;
	left: -246px;
	z-index: 50;
}
.morecontent span {
    display: none;
}
.morelink {
    display: block;
}

.pp_description {
	color: #000000;
}
.color_blue {
	color: #003F82;
}
.color_white {
	color: #FFFFFF;
}
.bx-pager-item a, .bx-pager-item a:hover, #tel_nummer a, #tel_nummer a:hover, .secondlevel a, .secondlevel a:hover, div[class^='button'] a:hover {
  text-decoration: none !important;
}
#center {
	background-color: #003F82;
	color: #FFFFFF;
	position: relative;
	margin-top: -1%;
	-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
}

/* KLEINE BILDSCHIRME */
@media screen and (max-width: 640px)
{
	/* BREITE */
	.breite_1 {
	    width:8.33333333333%;
	}
	.breite_2 {
	    width:16.6666666667%;
	}
	.breite_3 {
	    width:25.0%;
	}
	.breite_4 {
	    width:33.3333333333%;
	}
	.breite_5 {
	    width:41.6666666667%;
	}
	.breite_6 {
	    width:50.0%;
	}
	.breite_7 {
	    width:58.3333333333%;
	}
	.breite_8 {
	    width:66.6666666667%;
	}
	.breite_9 {
	    width:75.0%;
	}
	.breite_10 {
	    width:83.3333333333%;
	}
	.breite_11 {
	    width:91.6666666667%;
	}
	.breite_12 {
	    margin-left:0;
	    width:100%;
	}
	/* ABSTAND */
	.margin_1 {
	    margin-left:8.33333333333%;
	}
	.margin_2 {
	    margin-left:16.6666666667%;
	}
	.margin_3 {
	    margin-left:25.0%;
	}
	.margin_4 {
	    margin-left:33.3333333333%;
	}
	.margin_5 {
	    margin-left:41.6666666667%;
	}
	.margin_6 {
	    margin-left:50.0%;
	}
	.margin_7 {
	    margin-left:58.3333333333%;
	}
	.margin_8 {
	    margin-left:66.6666666667%;
	}
	.margin_9 {
	    margin-left:75.0%;
	}
	.margin_10 {
	    margin-left:83.3333333333%;
	}
	.margin_11 {
	    margin-left:91.6666666667%;
	}
	.margin_12 {
	    margin-left:100%;
	}
	.col, .row {
		width: 100%;
		padding: 0;
		margin: 1em 0;
	}
	body {
		width: 100% !important;
		overflow-x: hidden;
	}

	#tel_nummer, .slogan {
		display: none;
	}
	#wrapper {
		width: 96%;
		margin-top: -2%;
    	padding: 2% 2% 0 2%;
		-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	}
	#header {
		margin: 0;
		padding-top: 2%;
	}
	#balken {
		margin: 0;
	}
	#logo_bereich {
		margin: 0;
	}
	.handheld_div {
		margin: -2.5% 0;
		position: relative;
		font-size: 0.8em;
	}
	.handheld_div * {
		margin: 0;
		padding: 0;
	}
	#unterMenuLeistungen {
		 border: 1px solid red;
	    display: none;
	    height: 49%;
	    left: 0;
	    position: absolute;
	    top: 34px;
	    width: 100%;
	}
	#center {
		margin-top: 2.5%;
		width: 98%;
		padding: 0 2%;
	}
	.xs_none {
		display: none !important;
	}

}
/* MITTLERE GRÖßE */
@media screen and (min-width: 641px) and (max-width: 900px) {
	.breite_md_1 {
	    width:8.33333333333%;
	}
	.breite_md_2 {
	    width:16.6666666667%;
	}
	.breite_md_3 {
	    width:25.0%;
	}
	.breite_md_4 {
	    width:33.3333333333%;
	}
	.breite_md_5 {
	    width:41.6666666667%;
	}
	.breite_md_6 {
	    width:50.0%;
	}
	.breite_md_7 {
	    width:58.3333333333%;
	}
	.breite_md_8 {
	    width:66.6666666667%;
	}
	.breite_md_9 {
	    width:75.0%;
	}
	.breite_md_10 {
	    width:83.3333333333%;
	}
	.breite_md_11 {
	    width:91.6666666667%;
	}
	.breite_md_12 {
	    margin-left:0;
	    width:100%;
	}
	/* ABSTAND */
	.margin_md_1 {
	    margin-left:8.33333333333%;
	}
	.margin_md_2 {
	    margin-left:16.6666666667%;
	}
	.margin_md_3 {
	    margin-left:25.0%;
	}
	.margin_md_4 {
	    margin-left:33.3333333333%;
	}
	.margin_md_5 {
	    margin-left:41.6666666667%;
	}
	.margin_md_6 {
	    margin-left:50.0%;
	}
	.margin_md_7 {
	    margin-left:58.3333333333%;
	}
	.margin_md_8 {
	    margin-left:66.6666666667%;
	}
	.margin_md_9 {
	    margin-left:75.0%;
	}
	.margin_md_10 {
	    margin-left:83.3333333333%;
	}
	.margin_md_11 {
	    margin-left:91.6666666667%;
	}
	.margin_md_12 {
	    margin-left:100%;
	}
	.row {
		margin: auto;
		float: none;
	}
	.col {
		width: 97%;
	}
	#wrapper {
		width: 96%;
		margin: 0 0%;
		-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	}
	#tel_nummer {
		position: absolute;
		width: 205px;
		height: 70px;
		top: 0;
		right: 20px;
	}
	#tel_nummer img {
		position: absolute;
		width: auto;
		top: 0;
		right: 0;
	}
	.number {
		background: url("../images/telefonicon.png") no-repeat left top;
	    font-size: 17px;
	    font-weight: bold;
	    height: 21px;
	    left: 40px;
	    padding-left: 17px;
	    position: absolute;
	    top: -15px;
	    width: auto;
	    z-index: 5;
	}
	.logo_fahnenbrock{
		margin-left: 4.15%;
	}
	.handheld option {
	  text-align: center !important;
	  padding: 0.2em 0;
	  border-bottom: 1px solid #003C7A;
	}
		.handheld option[selected='selected'] {
	 	background-color: #000000;
	}

	.motto {
		font-size: 20px;
		color: #ffffff;
		width: 40%;
		position: absolute;
		top: 24%;
		left: 4%;
		z-index: 30;
	}
	.slider {
		display:none;
		position: relative;
	}
	.imgBorder {
		position: relative;
		width: 100%;
		max-width: 418px;
		z-index: 20;
	}
	.slider_box {
		position: absolute;
		top: 0;
		right: 0;
	}
	.prev_selector {
		position: absolute;
		top: 42%;
		right: 46.2%;
		z-index: 0;
	}
	.next_selector {
		position: absolute;
		top: 42%;
		right: 2.4%;
		z-index: 20;
	}

	.md_none, .header_shadow_bottom {
		display: none;
	}
	.kontakt_div {
		padding: 1%;
		position: relative;
		width: 269px;
		height: 280px;
		margin-top: 10px;
	}

	.button_blau, .button_weiss, .button_galerie {
	    bottom: 0;
	    height: 41px;
	    position: absolute;
	    width: 158px;
	}
	.text_butn {
	    display: block;
	    font-size: 20px;
	    font-weight: bold;
	    margin-top: 6px;
	    text-align: center;
	}

	.button_blau {
	    background-image: url("../images/button_blau.png");
	    left: 65px;
	}
	.button_galerie {
		left: 63px;
	}
	#inhalt {
		padding: 2% 0 0 0%;
		width: 50% !important;
	}
	.kontakt_inhalt {
		position: absolute;
		top: 8px;
		left: 20px;
		font-size: 14px;
		color: #000000;
	}
	.galerie {
		display: inline-block;
		background : url(../images/contentbox.png) 7px 7px no-repeat;
		position: absolute;
		width: 269px;
		height: 280px;
		padding: 1%;
		top: 320px;
		left: 0;
	}
	#galerie_wrapper {
		margin: -8px 0 0 18px;
		width: 230px;
		height: 230px;
		overflow: hidden;
	}
	.portalbildExtradiv {
		float: left;
		margin: 3px;
	}
}
/* GROßE BILDSCHIRME */
@media screen and (min-width: 900px) {
	.breite_xl_1 {
	    width:8.33333333333%;
	}
	.breite_xl_2 {
	    width:16.6666666667%;
	}
	.breite_xl_3 {
	    width:25.0%;
	}
	.breite_xl_4 {
	    width:33.3333333333%;
	}
	.breite_xl_5 {
	    width:41.6666666667%;
	}
	.breite_xl_6 {
	    width:50.0%;
	}
	.breite_xl_7 {
	    width:58.3333333333%;
	}
	.breite_xl_8 {
	    width:66.6666666667%;
	}
	.breite_xl_9 {
	    width:75.0%;
	}
	.breite_xl_10 {
	    width:83.3333333333%;
	}
	.breite_xl_11 {
	    width:91.6666666667%;
	}
	.breite_xl_12 {
	    margin-left:0;
	    width:100%;
	}
	/* ABSTAND */
	.margin_xl_1 {
	    margin-left:8.33333333333%;
	}
	.margin_xl_2 {
	    margin-left:16.6666666667%;
	}
	.margin_xl_3 {
	    margin-left:25.0%;
	}
	.margin_xl_4 {
	    margin-left:33.3333333333%;
	}
	.margin_xl_5 {
	    margin-left:41.6666666667%;
	}
	.margin_xl_6 {
	    margin-left:50.0%;
	}
	.margin_xl_7 {
	    margin-left:58.3333333333%;
	}
	.margin_xl_8 {
	    margin-left:66.6666666667%;
	}
	.margin_xl_9 {
	    margin-left:75.0%;
	}
	.margin_xl_10 {
	    margin-left:83.3333333333%;
	}
	.margin_xl_11 {
	    margin-left:91.6666666667%;
	}
	.margin_xl_12 {
	    margin-left:100%;
	}
	#wrapper {
		width: 100%;
		max-width: 1300px;
		margin: 0 auto;
	}
	#header {
		background: url(../images/headverlauf.png) repeat-x;
		position: relative;
	}
	.header_shadow_top{
		position: absolute;
		top: 0;
		left: 0;
	}
	#logo_bereich {
		position: relative;
		padding: 10px 0;
	}
	#tel_nummer {
		position: absolute;
		top: 0;
		right: 0;
	}
	.number {
		background: url("../images/telefonicon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	    font-size: 17px;
	    font-weight: bold;
	    height: 21px;
	    left: 40px;
	    padding-left: 17px;
	    position: absolute;
	    top: -14px;
	    width: auto;
	}
	#tel_nummer a {
		display: block;
	}
	.logos {
		margin: 0 1%;
	}
	.logo_fahnenbrock {
		width: auto;
		margin-left: 115px;
	}
	.slogan {
		width: auto;
	}
	.pleis_logo {
		width: auto;
		margin-left: 35px;
	}
	#get {
		height: auto;
		min-height: 68px;
		max-width: 1100px;
		width: 100%;
		margin: 15px 75px;
		position: relative;
		z-index: 50;
	}
	.schatten_menu_top {
		position: absolute;
		width: 92%;
		top: -33px;
		margin-left: 3%;
	}
	.schatten_menu_bottom {
		position: absolute;
		width: 92%;
		margin-left: 3%;
		bottom: -33px;
		left: 0;
		z-index: 21;
	}
	.menu_bg {
		 width: 1100px;
		 height: auto;
		 position: absolute;
		 top: 0;
		 left: 10px;
	}
	.menu_button {
		position: absolute;
		top: 5px;
		width: 45px;
		height: 58px;
	}
	#home_button {
		position: absolute;
		top: 1px;
		left: 0;
	}
	#mail_button {
		right: 5px;
	}
	.menutrenner {
		position: absolute;
		top: 0;
		right: 10px;
	}
	#firstlevel {
	 	position: relative;
	 	margin-left: 50px;
	 	float: left;
	}
	#firstlevel ul {
		margin: 0;
		padding: 0;
	}
	#firstlevel li {
		list-style: none;
		float: left;
	}
	#firstlevel > li {
		display: block;
		float: left;
		position: relative;
		height: 68px;
	}
	#firstlevel > li > a {
		position: relative;
		top: 26px;
		padding: 0;
		z-index: 5;
		display: inline;
	}
	a.menu {
		font-family: Arial;
		font-size: 13px;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		font-family: Arial;
		font-size: 13px;
		text-decoration: underline;
		color: #FFFFFF;
	}
	.secondlevel {
		display: none;
	}
	.untermenu:hover .secondlevel {
		display: block;
		position: absolute;
		top: 68px;
		left: 0;
		z-index: 30;
		border-radius: 0 0 15px 0;
		padding: 10px 10px 10px 5px;

	}
	.sl_left {
		background-color: rgba(1, 63, 129, 1);
		border: solid 2px rgba(1, 35, 71, 0.5);
	}
	.sl_right {
		background-color: rgba(1, 35, 71, 1);
		border: solid 2px rgba(1, 63, 129, 0.5);
	}
	.secondlevel li {
		display: block;
		padding: 3% 2% 1% 2%;
		float: none;
		clear: both;
		width: 96%;
		border-bottom: 1px solid #FFFFFF;
		border-radius: 0 0 15px 0;
		list-style: none;
	}
	.secondlevel a {
		display: block;
		padding-right: 20px;
		color: #ffffff;
		white-space: nowrap;
	}
	.sl_left .untermenue:hover, .sl_left .untermenue_on, .sl_left .untermenue_on:hover {
		background-color: rgba(1, 35, 71, 1);
		border-radius: 0 0 15px 0;
	}
	.sl_right .untermenue:hover, .sl_right .untermenue_on, .sl_right .untermenue_on:hover {
		background-color: rgba(0, 65, 123, 1);
		border-radius: 0 0 15px 0;
	}

	.brillenmode {
		width: 115px;
	}
	.leistungen {
		width: 105px;
	}
    .ueber_uns {
        width: 85px;
    }
	.kinderbrillen {
		width: 120px;
		margin-left:-5px;
	}
	.produkte {
		width: 95px;
	}
	.alternative {
		width: 110px;
	}
	.brillenabo {
		width: 105px;
	}
	.ueber_uns {
		width: 87px;
	}
	.partner {
		width: 82px;
	}
	.media {
		width: 62px;
	}
	.kontakt {
		width: 82px;
	}
	.impressum {
		width: 91px;
	}
	.platzhalter_text {
		font-size: 18px;
		font-weight: normal;
		display: block;
	}
	.slider {
		position: relative;
		height: 227px;
		margin-top: -30px;
	}
	.bw_rahmen {
		position: relative;
		width: 418px;
		height: 227px;
		float: right;
		margin-right: 260px;
	}
	.imgBorder {
		position: absolute;
		top: 0;
		right: 260px;
		z-index: 20;
	}
	.motto {
		font-size: 30px;
		color: #ffffff;
		width: 350px;
		margin-left: 290px;
		padding: 60px 350px 0px 30px;
		position: relative;
		z-index: 30;
	}
	.prev_selector {
		position: absolute;
		top: 98px;
		right: 391px;
		z-index: 20;
	}
	.next_selector {
		position: absolute;
		top: 98px;
		right: 0px;
		z-index: 20;
	}
	.header_shadow_bottom {
		position: absolute;
		bottom: 0;
		z-index: 20;
	}
	#center {
		background-color: #003F82;
		color: #FFFFFF;
		position: relative;
		padding: 0 0 20px 0;
		-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	}
	#inhalt {
		position: relative;
		text-align: justify;
	}
	#pager_div {
		height: 30px;
		width: 90px;
		margin: 5px 43%;
		padding-top: 5px;
	}
	.bx-pager-item .bx-pager-link {
		float: left;
		display: inline-block;
		background-color: #668CB3;
		width: 15px;
		padding: 2px;
		border-radius: 15px;
		margin:5px;
	}
	.bx-pager-item .active {
		float: left;
		display: inline-block;
		background-color: #003F82;
		width: 15px;
		padding: 0;
		border: solid #668CB3 2px!important;
		border-radius: 15px;
		margin:5px;
		text-decoration: none !important;
	}
	.box {
		position: relative;
		height: 288px;
		margin-top: 15px;
	}
	.box_bg {
		margin: 0 16px;
	}
	.kontakt_inhalt {
		position: absolute;
		top: 8px;
		left: 30px;
		font-size: 14px;
		color: #000000;
	}
	.kontakt_text {
		margin: 0.5em 0;
	}
	.button_blau, .button_weiss, .button_galerie {
		position: absolute;
		width: 158px;
		height: 41px;
		bottom: 0;
	}
	.button_blau {
		background-image: url(../images/button_blau.png);
		left: 74px;
		top: -41px;
	}
	.button_weiss {
		background-image: url(../images/button_white.png);
		left: 64px;
	}
	.button_galerie {
		left: 60px;
		top:-41px;
	}
	.text_butn {
		font-size: 20px;
		font-weight: bold;
		display: block;
		margin-top: 6px;
		text-align: center;
	}
	.butn_text {
		font-size: 20px;
		font-weight: bold;
		display: inline;
		position: relative;
		top: -35px;
		left: 33px;
	}
	.mitte {
		border : solid blue 1px;
		position : absolute;
		bottom : 0;
	}
	.galerie {
		display: inline-block;
		background : url(../images/contentbox.png) top left no-repeat;
		width: 269px;
		position: absolute;
		right: 15px;
	}
	#galerie_wrapper {
		margin: -8px 0 0 18px;
		width: 230px;
		height: 230px;
		overflow: hidden;
	}
	.portalbildExtradiv {
		float: left;
		margin: 3px;
	}

	.handheld, .xl_none {
		display: none !important;
	}
}

#formFeld {
	margin-top: 2%!important;
}

/* Sonstiges */
@media screen and (max-width: 1235px) {
	#wrapper {
		padding: 0;
		position: relative;
		display: block;
		min-height: 100%;
		width:99.9%;
		-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	}
	#menukleiner {
		width: 91%;
		height: 68px;
	}
	.menu_button {
		position: absolute;
		right:1.3%;
		top: 5px;
		width: 45px;
		height: 58px;
	}
	#home_button {
		position: absolute;
		top: 1px;
		left: 3.9%;
	}
	#mail_button {
		position: absolute;
		top: 1px;
		right: 4.7%;
	}
	.menutrenner {
		position: absolute;
		top: 0;
		right: 10px;
	}
	#firstlevel {
	 	position: relative;
	 	margin-left: 50px;
	 	float: left;
	}
	#firstlevel ul {
		margin: 0;
		padding: 0;
	}
	#firstlevel li {
		list-style: none;
		float: left;
	}
	#firstlevel > li {
		display: block;
		float: left;
		position: relative;
		height: 68px;
	}
	#firstlevel > li > a {
		position: relative;
		top: 26px;
		padding: 0;
		z-index: 5;
		display: inline;
	}
	a.menu {
		font-family: Arial;
		font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		font-family: Arial;
		font-size: 12px;
		text-decoration: underline;
		color: #FFFFFF;
	}
	.secondlevel {
		display: none;
	}
	.untermenu:hover .secondlevel {
		display: block;
		position: absolute;
		top: 68px;
		left: 0;
		z-index: 10;
		border-radius: 0 0 15px 0;
		padding: 10px 10px 10px 5px;

	}
	.sl_left {
		background-color: rgba(1, 63, 129, 1);
		border: solid 2px rgba(1, 35, 71, 0.5);
	}
	.sl_right {
		background-color: rgba(1, 35, 71, 1);
		border: solid 2px rgba(1, 63, 129, 0.5);
	}
	.secondlevel li {
		display: block;
		padding: 3% 2% 1% 2%;
		float: none;
		clear: both;
		width: 96%;
		border-bottom: 1px solid #FFFFFF;
		border-radius: 0 0 15px 0;
		list-style: none;
	}
	.secondlevel a {
		display: block;
		padding-right: 20px;
		color: #ffffff;
		white-space: nowrap;
	}
	.sl_left .untermenue:hover, .sl_left .untermenue_on, .sl_left .untermenue_on:hover {
		background-color: rgba(1, 35, 71, 1);
		border-radius: 0 0 15px 0;
	}
	.sl_right .untermenue:hover, .sl_right .untermenue_on, .sl_right .untermenue_on:hover {
		background-color: rgba(0, 65, 123, 1);
		border-radius: 0 0 15px 0;
	}

	.brillenmode {
		width: 100px;
	}
	.leistungen {
		width: 92px;
	}
	.kinderbrillen {
		width: 110px;
		margin-left: -5px;
	}
	.produkte {
		width: 85px;
	}
	.alternative {
		width: 95px;
	}
	.brillenabo {
		width: 95px;
	}
	.ueber_uns {
		width: 81px;
	}
	.partner {
		width: 77px;
	}
	.media {
		width: 60px;
	}
	.kontakt {
		width: 77px;
	}
	.impressum {
		width: 75px;
	}
}

@media screen and (max-width: 1192px) {
	#wrapper {
		padding: 0;
		position: relative;
		display: block;
		min-height: 99%;
		-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	}
	#inhalt {
		margin-left: 3.33%;
		width: 44%;
		text-align: justify;
	}
	.bw_rahmen {
		position: relative;
		width: 418px;
		height: 227px;
		float: right;
		margin-right: 70px;
	}
	.imgBorder {
		position: absolute;
		top: 0;
		right: 70px;
		z-index: 20;
	}
	.motto {
		font-size: 30px;
		color: #ffffff;
		width: 350px;
		margin-left: 50px;
		padding: 60px 350px 0px 30px;
		position: relative;
		z-index: 30;
	}
}

@media screen and (max-width: 1135px) {
	#get {
		margin-left: 1%;
	}
	.schatten_menu_top {
		position: absolute;
		width: 82%;
		top: -33px;
		margin-left: 3%;
	}
	.schatten_menu_bottom {
		position: absolute;
		width: 82%;
		margin-left: 3%;
		bottom: -33px;
		left: 0;
		z-index: 1;
	}
	#menukleiner {
		width: 935px;
		height: 68px;
	}
	.menu_button {
		position: absolute;
		right:1.3%;
		top: 5px;
		width: 45px;
		height: 58px;
	}
	#home_button {
		position: absolute;
		top: 1px;
		left: 3.6%;
	}
	#mail_button {
		position: absolute;
		top: 1px;
		right: 10.7%;
	}
	.menutrenner {
		position: absolute;
		top: 0;
		right: 7px;
	}

	#firstlevel {
	 	position: relative;
	 	margin-left: 50px;
	 	float: left;
	}
	#firstlevel ul {
		margin: 0;
		padding: 0;
	}
	#firstlevel li {
		list-style: none;
		float: left;
	}
	#firstlevel > li {
		display: block;
		float: left;
		position: relative;
		height: 68px;
	}
	#firstlevel > li > a {
		position: relative;
		top: 26px;
		padding: 0;
		z-index: 5;
		display: inline;
	}
	a.menu {
		font-family: Arial;
		font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		font-family: Arial;
		font-size: 12px;
		text-decoration: underline;
		color: #FFFFFF;
	}
	.secondlevel {
		display: none;
	}
	.untermenu:hover .secondlevel {
		display: block;
		position: absolute;
		top: 68px;
		left: 0;
		z-index: 10;
		border-radius: 0 0 15px 0;
		padding: 10px 10px 10px 5px;

	}
	.sl_left {
		background-color: rgba(1, 63, 129, 1);
		border: solid 2px rgba(1, 35, 71, 0.5);
	}
	.sl_right {
		background-color: rgba(1, 35, 71, 1);
		border: solid 2px rgba(1, 63, 129, 0.5);
	}
	.secondlevel li {
		display: block;
		padding: 3% 2% 1% 2%;
		float: none;
		clear: both;
		width: 96%;
		border-bottom: 1px solid #FFFFFF;
		border-radius: 0 0 15px 0;
		list-style: none;
	}
	.secondlevel a {
		display: block;
		padding-right: 20px;
		color: #ffffff;
		white-space: nowrap;
	}
	.sl_left .untermenue:hover, .sl_left .untermenue_on, .sl_left .untermenue_on:hover {
		background-color: rgba(1, 35, 71, 1);
		border-radius: 0 0 15px 0;
	}
	.sl_right .untermenue:hover, .sl_right .untermenue_on, .sl_right .untermenue_on:hover {
		background-color: rgba(0, 65, 123, 1);
		border-radius: 0 0 15px 0;
	}

	.brillenmode {
		width: 96px;
	}
	.leistungen {
		width: 85px;
	}
	.kinderbrillen {
		width: 105px;
		margin-left: -5px;
	}
	.produkte {
		width: 77px;
	}
	.alternative {
		width: 90px;
	}
	.brillenabo {
		width: 87px;
	}
	.ueber_uns {
		width: 73px;
	}
	.partner {
		width: 70px;
	}
	.media {
		width: 52px;
	}
	.kontakt {
		width: 72px;
	}
	.impressum {
		width: 77px;
	}
	#pleiimpress {
	display: inline-block;
	float: none;
}
}

@media screen and (max-width: 1115px) {
	#get {
		margin-left: 1%;
	}
	.schatten_menu_top {
		position: absolute;
		width: 82%;
		top: -33px;
		margin-left: 3%;
	}
	.schatten_menu_bottom {
		position: absolute;
		width: 82%;
		margin-left: 3%;
		bottom: -33px;
		left: 0;
		z-index: 1;
	}
	#menukleiner {
		width: 935px;
		height: 68px;
	}
	.menu_button {
		position: absolute;
		right:1.3%;
		top: 5px;
		width: 45px;
		height: 58px;
	}
	#home_button {
		position: absolute;
		top: 1px;
		left: 3.6%;
	}
	#mail_button {
		position: relative;
		top: 12px;
		right: 0;
		left: 56px;
	}
	.menutrenner {
		position: absolute;
		top: 0;
		right: 7px;
	}
	#firstlevel {
	 	position: relative;
	 	margin-left: 50px;
	 	float: left;
	}
	#firstlevel ul {
		margin: 0;
		padding: 0;
	}
	#firstlevel li {
		list-style: none;
		float: left;
	}
	#firstlevel > li {
		display: block;
		float: left;
		position: relative;
		height: 68px;
	}
	#firstlevel > li > a {
		position: relative;
		top: 26px;
		padding: 0;
		z-index: 5;
		display: inline;
	}
	a.menu {
		font-family: Arial;
		font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		font-family: Arial;
		font-size: 12px;
		text-decoration: underline;
		color: #FFFFFF;
	}
	.secondlevel {
		display: none;
	}
	.untermenu:hover .secondlevel {
		display: block;
		position: absolute;
		top: 68px;
		left: 0;
		z-index: 10;
		border-radius: 0 0 15px 0;
		padding: 10px 10px 10px 5px;

	}
	.sl_left {
		background-color: rgba(1, 63, 129, 1);
		border: solid 2px rgba(1, 35, 71, 0.5);
	}
	.sl_right {
		background-color: rgba(1, 35, 71, 1);
		border: solid 2px rgba(1, 63, 129, 0.5);
	}
	.secondlevel li {
		display: block;
		padding: 3% 2% 1% 2%;
		float: none;
		clear: both;
		width: 96%;
		border-bottom: 1px solid #FFFFFF;
		border-radius: 0 0 15px 0;
		list-style: none;
	}
	.secondlevel a {
		display: block;
		padding-right: 20px;
		color: #ffffff;
		white-space: nowrap;
	}
	.sl_left .untermenue:hover, .sl_left .untermenue_on, .sl_left .untermenue_on:hover {
		background-color: rgba(1, 35, 71, 1);
		border-radius: 0 0 15px 0;
	}
	.sl_right .untermenue:hover, .sl_right .untermenue_on, .sl_right .untermenue_on:hover {
		background-color: rgba(0, 65, 123, 1);
		border-radius: 0 0 15px 0;
	}

	.brillenmode {
		width: 96px;
	}
	.leistungen {
		width: 85px;
	}
	.kinderbrillen {
		width: 105px;
		margin-left: -5px;
	}
	.produkte {
		width: 77px;
	}
	.alternative {
		width: 90px;
	}
	.brillenabo {
		width: 87px;
	}
	.ueber_uns {
		width: 73px;
	}
	.partner {
		width: 70px;
	}
	.media {
		width: 52px;
	}
	.kontakt {
		width: 72px;
	}
	.impressum {
		width: 77px;
	}

		#wrapper {
		padding: 0;
		position: relative;
		display: block;
		min-height: 99%;
		width: 99.7% !important;
		-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	}
	#inhalt {
		margin-left:7.77%;
		width:35%;
	}
	#kontaktmail {
		font-size: 1.03em;
		font-stretch: ultra-condensed;
	}
}

@media screen and (max-width: 1070px) {
	#wrapper {
		padding: 0;
		position: relative;
		display: block;
		min-height: 99%;
		width: 99.9%;
		-webkit-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
		box-shadow: 3px 2px 12px 0px rgba(0,0,0,0.75);
	}
	#inhalt {
		margin-left:7.77%;
		width:35%;
	}

	#get {
		margin-left: 0.8%;
	}
	.schatten_menu_top {
		position: absolute;
		width: 82%;
		top: -33px;
		margin-left: 3%;
	}
	.schatten_menu_bottom {
		position: absolute;
		width: 82%;
		margin-left: 3%;
		bottom: -33px;
		left: 0;
		z-index: 1;
	}
	#menukleiner {
		width: 935px;
		height: 68px;
	}
	.menu_button {
		position: absolute;
		right:1.3%;
		top: 5px;
		width: 45px;
		height: 58px;
	}
	#home_button {
		position: absolute;
		top: 1px;
		left: 3.6%;
	}
	#mail_button {
		position: relative;
		top: 12px;
		right: 0;
		left: 56px;
	}
	.menutrenner {
		position: absolute;
		top: 0;
		right: 7px;
	}
	#firstlevel {
	 	position: relative;
	 	margin-left: 50px;
	 	float: left;
	}
	#firstlevel ul {
		margin: 0;
		padding: 0;
	}
	#firstlevel li {
		list-style: none;
		float: left;
	}
	#firstlevel > li {
		display: block;
		float: left;
		position: relative;
		height: 68px;
	}
	#firstlevel > li > a {
		position: relative;
		top: 26px;
		padding: 0;
		z-index: 5;
		display: inline;
	}
	a.menu {
		font-family: Arial;
		font-size: 12px;
		color: #FFFFFF;
		text-align: center;
		width: 100%;
	}
	a.menu:hover, a.menu_on, a.menu_on:hover {
		font-family: Arial;
		font-size: 12px;
		text-decoration: underline;
		color: #FFFFFF;
	}
	.secondlevel {
		display: none;
	}
	.untermenu:hover .secondlevel {
		display: block;
		position: absolute;
		top: 68px;
		left: 0;
		z-index: 10;
		border-radius: 0 0 15px 0;
		padding: 10px 10px 10px 5px;

	}
	.sl_left {
		background-color: rgba(1, 63, 129, 1);
		border: solid 2px rgba(1, 35, 71, 0.5);
	}
	.sl_right {
		background-color: rgba(1, 35, 71, 1);
		border: solid 2px rgba(1, 63, 129, 0.5);
	}
	.secondlevel li {
		display: block;
		padding: 3% 2% 1% 2%;
		float: none;
		clear: both;
		width: 96%;
		border-bottom: 1px solid #FFFFFF;
		border-radius: 0 0 15px 0;
		list-style: none;
	}
	.secondlevel a {
		display: block;
		padding-right: 20px;
		color: #ffffff;
		white-space: nowrap;
	}
	.sl_left .untermenue:hover, .sl_left .untermenue_on, .sl_left .untermenue_on:hover {
		background-color: rgba(1, 35, 71, 1);
		border-radius: 0 0 15px 0;
	}
	.sl_right .untermenue:hover, .sl_right .untermenue_on, .sl_right .untermenue_on:hover {
		background-color: rgba(0, 65, 123, 1);
		border-radius: 0 0 15px 0;
	}

	.brillenmode {
		width: 96px;
	}
	.leistungen {
		width: 85px;
	}
	.kinderbrillen {
		width: 102px;
	}
	.produkte {
		width: 77px;
	}
	.alternative {
		width: 90px;
	}
	.brillenabo {
		width: 87px;
	}
	.ueber_uns {
		width: 73px;
	}
	.partner {
		width: 70px;
	}
	.media {
		width: 52px;
	}
	.kontakt {
		width: 72px;
	}
	.impressum {
		width: 77px;
	}
}

@media screen and (max-width: 1005px) {
	#get {
		display: none;
		position: relative;
}
	#responsive-menu {
	display: block;
	background: #003f82;
	width: 100%;
	padding:0;
}
	.schatten_menu_top {
		display: none;
		position: absolute;
		width: 82%;
		top: -33px;
		margin-left: 3%;
	}
	.schatten_menu_bottom {
		display: none;
		position: absolute;
		width: 82%;
		margin-left: 3%;
		bottom: -33px;
		left: 0;
		z-index: 1;
	}
	#wrapper {
		padding: 0;
		position: relative;
		display: block;
		min-height: 99%;
		width: 99.9%;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	}
}

@media screen and (max-width: 940px) {
	.slogan {
		width: auto;
	}
	.pleis_logo {
		width: auto;
		margin-left: 15px;
	}
}
@media screen and (max-width: 920px) {
	.pleis_logo {
		width: auto;
		margin-left: 0px;
	}
}

@media screen and (max-width: 900px) {
		#center {
		background-color: #003F82;
		color: #FFFFFF;
		position: relative;
		padding: 0 0 20px 0;
		width: 101% !important;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	}
	#inhalt {
		margin-left:2%;
		width:95% !important;
	}
}

@media screen and (max-width: 899px) {
	.slogan {
		width: auto;
	}
	.pleis_logo {
		width: auto;
		margin-left: 15px;
	}
	.kontakt_div {
		display:none;
	}
	.galerie {
		display:none;
	}
}

@media screen and (max-width: 740px) {
	#inhalt {
		padding: 2% 0 0 0%;
		margin-left: 1%;
		width: 95% !important;
	}
	#center {
		margin-top: -7px;
		width: 98%;
		padding: 0 2%;
	}
	.slogan {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.logo_fahnenbrock {
		margin: 5px 0 5px 31%;
	}
	.pleis_logo {
		width: auto;
		margin: 5px 0 5px 25%;
	}
	#inhalt {
		padding: 2% 0 0 0%;
		margin-left: 2px;
		width: 94% !important;
	}
}

@media screen and (max-width: 550px) {
		.logo_fahnenbrock {
		margin: 5px 0 5px 29%;
	}
		.pleis_logo {
		width: auto;
		margin: 5px 0 5px 21%;
	}
}

@media screen and (max-width: 350px) {
		.logo_fahnenbrock {
		margin-left: 20%;
	}
	.pleis_logo {
		width: auto;
		margin-left: 10%;
	}
}

@media screen and (max-width: 310px) {
	#fahnimpress {
	display: inline-block;
	padding-right: 7px;
	}

	#imprestrenner {
	display:none;
	}

	#pleiimpress {
		display: inline-block;
		float: left;
		margin-bottom: 15px;
	}
		.pleis_logo {
		width: auto;
		margin-left: 7%;
	}
}