body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../../files/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../../files/fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
   }

body {
	background:#002d58;
	color:#cad9e8;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size:14px;
	font-style:italic;
	}	

body {-webkit-text-size-adjust: none;}

#header {
	height:130px;
}

#logo {
	position:absolute;
	top:30px;
	left:60px;
	background:url("../../files/assets/Logo_Pepperle_470.png");
	background-size: 235px 94px;
	width:235px;
	height:94px;
}

a {
	color:#cad9e8;
	text-decoration:none;
	font-style:italic;
	}

strong {
	font-family: ‘Open Sans’, Arial, serif;
	font-weight:700;
}

h1 {
	line-height:30px;
	text-transform:uppercase;	
}

h4 {
	padding-bottom:0;
	margin-bottom:0px;
	margin-top:25px;
	line-height:15px;
	font-weight:700
}

.mod_article {
	clear:both;
	float:none;
	position:relative;
	top:0;
	left:0;
	margin:auto;	
}

/*****************************************************************   HOME  */ 
.home .mod_article {
	margin-top:100px;
	max-width:700px;
	min-height:700px;
	*background:#00274c;
	padding:25px;
}

.home h1 {
	margin-top:100px;
	text-align:center;
	margin:auto;
	margin-bottom:20px;
	color:#3e5175;
}
.home .ce_text {
	text-align:center;
	margin:auto;
	}

.home .ce_image {
	text-align:center;
	margin:auto;
	}

.home .ce_text a {
	font-weight:700;
}

.smallblock {
	max-width:500px;
	font-size:18px;
	margin-top:10px;
}
h2.name {
	margin-top:100px;
	text-align:center;
	margin:auto;
	margin-bottom:00px;
	text-transform:uppercase;
	font-size:28px;
}


/*****************************************************************   NAVIGATION  */
.mod_navigation, .mod_customnav {
	color:#cad9e8;
	}

.mod_navigation li, .mod_customnav li {
	list-style:none;
	}
.mod_navigation li a, .mod_navigation li span.active, .mod_navigation li .trail, .mod_customnav li a, .mod_customnav li span.active, .mod_customnav li .trail   {
	padding:4px 10px 4px 10px;
	border:1px solid #cad9e8;
	text-transform:uppercase;
	font-style:italic;
	font-size:13px;
	border-right:none;
	}

.mod_navigation li.last.active span, .mod_customnav li.last.active span {
	border:1px solid #cad9e8;
}
.mod_navigation li a:hover, .mod_customnav li.last.active span {
	background:#5b708f;
}

.mod_navigation li.active, .mod_navigation li.trail, .mod_navigation li.trail a, .mod_customnav li.active, .mod_customnav li.trail, .mod_customnav li.trail a {
	color:#FFF;
}	

/*****************************************************************   NAVIGATION MAIN */

#mainnav {
	position:absolute;
	top:80px;
	left:250px;
	min-width:300px;
}


#mainnav.mod_navigation li {
	display:inline;
	margin-left:-4px;
	}	
	
#mainnav.mod_navigation li a {
	border-right:none;
}
#mainnav.mod_navigation li.last a {
	border-right:1px solid #cad9e8;
	}

/*****************************************************************   NAVIGATION SUB */

#subnav {
	display:none;	
	position:absolute;
	top:120px;
	left:245px;
	z-index:999;
	}	
#subnav ul {
	margin:4px 0 50px 0;
}	
#subnav li {	
	display:block;	
	width:300px;
	height:24px;
	border:none;
}

#subnav li a:hover {
	background:#5b708f;
}

#subnav li a, #subnav li span.active   {
	border:none;
	background:#002d58;
	}

/*****************************************************************   GALLERY */

.mod_gallery_creator_ce {
	position:relative;
	width:100%;
	margin:auto !important;
	}
	
.mod_gallery_creator_ce, #galleryContainer {
	width:auto !important;
}

.mod_gallery_creator_ce ul.album_preview {
	width:700px;
	margin:auto;
	margin-top:100px;
	}

.mod_gallery_creator_ce #galleryContainer .album_preview li {
	border:4px solid #00274c;
	width:130px;
	height:130px;
}

.mod_gallery_creator_ce h2, .galleria-counter {
	display:none !important;
}	

/*****************************************************************   IMPRESSUM */

.textblock h1 {
	color:#3e5175;
	text-align:right;
	font-style:italic;
	margin:0;
	padding:0;
	text-transform:uppercase;
}

.textblock .mod_article {
	margin-top:100px;
	max-width:700px;
	min-height:700px;
	background:#00274c;
	padding:25px;
}

.textblock .ce_text {
	max-width:500px;
	line-height:18px;
}	

/*****************************************************************   KONTAKT */

.kontakt .ce_image {
	position:absolute;
	top:20px;
	left:20px;
}

.kontakt .formular {
	position:absolute;
	max-width:450px;
	top:100px;
	left:260px;
}


.formzeile {
	width:450px;
	color:#fff;
}
.formzeile input {
	margin-bottom:10px;
	margin-top:5px;
	background:#405376;
	border:none;
	height:30px;
	padding:5px;
}	

.formzeile textarea {
	height:300px;
	margin-top:5px;
		margin-bottom:10px;
	background:#405376;
	border:none;
	padding:5px;
}


/***********************************     MOBILE PHONE MENU */


#mmenu-icon {
	position:fixed !important;
	display:block;
	z-index:10006;
	height:36px;
	width:36px;
	background:url("../../files/assets/menu@2x.png") no-repeat;
	background-size: 36px 36px;
	top:25px;
	left:25px;
}


.mobile-caption {
	padding:5px 0 30px 0;
	text-align:center;	
}

.mobile #logo {
	position:relative;
	top:30px;
	left:10px;
	background:url("../../files/assets/Logo_Pepperle_560.png");
	background-size: 280px 112px;
	width:280px;
	height:112px;
	margin:auto;
}

.mobile h1 {
	font-size:25px;
}

.mobile #header {
	height:170px;
	}

.mobile .mod_article {
	margin:auto;
	text-align:left;
}
.mobile img {
	*max-width:400px;
	margin:auto;
	text-align:center !important;
	*max-width:95%;
}	

.mobile .mod_gallery_creator_ce {
	max-width:95%;
	margin:auto;
}	


.mobile .kontakt .ce_image {
	display:none;
}

.mobile .kontakt .formular {
	position:relative;
	max-width:100%;
	top:0;
	left:0;
}

.mobile .formzeile {
	width:100%;
	text-align:left;
	}

.mobile.textblock h1 {
	text-align:left;
	padding-bottom:20px;
	}

.textblock #downpfeil {
	display:none;
}	
#downpfeil {
	display:none;
	height:100px;
	width:120px;
	background-repeat: none none;
	background:url("../../files/assets/downpfeil.png");
	background-position:center center;
	background-size: 120px 100px;
	position:fixed;
	bottom:20px;
	left:50%;
	margin-left:-60px;
	background-color:#002d58;
	border-radius:20px;
}

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


.mobile-icon {
	position:fixed !important;
	display:block;
	z-index:990;
	height:80px;
	width:50px;
	background:url("../../files/assets/menu@2x.png") no-repeat;
	background-size: 36px 36px;
	top:15px;
	left:15px;
}

.mobile_menu .inner {
	background:rgba(0,45,88,0.9);
}
.mobile_menu li a, .mobile_menu li span, .mobile_menu li .trail, .mobile_menu li span.active {
	border:none !important;
	font-size:17px;	
	color:#cad9e8 !important;
	padding:0 4px 0 4px;
	*border-bottom:1px solid #cad9e8 !important;
	line-height:26px;
}
.mobile_menu li span.active {
	color:#fff !important;
}

/* COMING FROM TOP*/
/*
.mobile_menu ul.level_1 {
	margin-left:-30px;
}

.mobile_menu #mainmenu ul.level_1 {
		margin-top:60px;
}
*/


/* COMING FROM LEFT*/

.mobile-menu {
	z-index:991;
}	

.mobile_menu li a, .mobile_menu li span, .mobile_menu li .trail, .mobile_menu li span.active {
	line-height:20px;
	font-size:16px;
	text-transform:none;	
}

.mobile_menu li {
	border-bottom:1px solid #3e5175 !important;
	margin-right:20px;
	padding:5px 0 5px 0;
}

.mobile_menu ul.level_1 {
	margin-top:15px !important;
	margin-left:40px;
}

.mobile_menu #mainmenu ul.level_1 {
		margin-top:20px;
}

.mobile_menu #trenner {
		text-align:left;
		margin:0;
		padding:0;
		margin-left:22px !important;
		font-size:22px;
		text-transform:uppercase;
		*border-bottom:1px solid #cad9e8;
		color:#3e5175;
		font-weight:bold;
	}
	
.mobile_menu #portfoliomenu ul.level_1 {
	margin-top:3px !important;
	margin-left:0px;
}	

#mm_close {
	display:none;
	text-transform:uppercase;
	margin-top:10px;
	margin-left:12px !important;
	margin-bottom;20px;
}

@media screen and (max-device-width:1024px) {
	.home .mod_article {
		margin-top:20px;
	}
	.mod_gallery_creator_ce ul.album_preview {
		margin-top:20px;
	}
}

@media screen and (min-width:400px) {
	 .mobile_menu ul.level_1 {
		margin-left:30px !important;
	}
	
	.mobile_menu #mainmenu ul.level_1 {
		margin-top:22px !important;
	}
	
	.mobile_menu #trenner {
		text-align:left;
		margin:0;
		margin-left:73px !important;
	}
	
	#mm_close {
		text-transform:uppercase;
		margin-top:10px;
		margin-left:72px !important;
		margin-bottom;20px;
	}
	
	.mobile_menu #portfoliomenu  ul.level_1 {
		margin-top:7px !important;
	}
		
}