#menu ul
{
   margin:      0px;
   padding:      0px;
}
#menu li
{
   margin:      0px 0px 15px 0px;
   padding:      0px;
   list-style:    none;
}
#menu li a
{
   color:      #ffffff;
   text-transform:  uppercase;
   font-weight:    700;
   font-size:    16px;
   letter-spacing:  0.05em;
}
#menu li.active a,
#menu li.trail > a
{
   color:      #66c6eb;
   border-bottom:  1px solid #66c6eb;
}
#menu li.active a:hover
{
   margin:      0px 0px 16px 0px;
}
#menu li.active li a
{
   color:      #ffffff;
   border-bottom:  0px solid #66c6eb;
}
#menu ul ul
{
display:none;
   margin:      15px 0px 0px 0px;
   padding:      0px;
   z-index:      999 !important;
}
#menu li li
{
   margin:      0px 0px 15px 0px;
   padding:      0px;
   min-height: 24px;
}
#menu li li a
{
   color:      #ffffff;
   text-transform:  uppercase;
   font-size:    16px;
   letter-spacing:  0.05em;
   font-weight:    300;
}
#menu li li a:hover
{
   color:      #66c6eb;
   border-bottom:  1px solid #66c6eb;
   margin:			0px 0px 14px 0px;
}
#menu li li.active a
{
   color:      #66c6eb;
   border-bottom:  1px solid #66c6eb;
}
#menu li.active ul,
#menu li.trail ul {
	display:block;
}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block;
	*display:inline;
	*zoom:1
}
audio:not([controls]) {
	display: none
}

[hidden] {
	display:none
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
html, button, input, select, textarea {
	font-family: sans-serif
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:hover, a:active {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
h2 {
	font-size: 1.5em;
	margin: .83em 0
}
h3 {
	font-size: 1.17em;
	margin: 1em 0
}
h4 {
	font-size: 1em;
	margin: 1.33em 0
}
h5 {
	font-size: .83em;
	margin: 1.67em 0
}
h6 {
	font-size: .75em;
	margin: 2.33em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
blockquote {
	margin: 1em 40px
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
p, pre {
	margin: 1em 0
}
pre, code, kbd, samp {
	font-family: monospace, serif;
	font-family: 'courier new', monospace;
	font-size: 1em
}
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
q {
	quotes: none
}
q:before, q:after {
	content: '';
	content: none
}
small {
	font-size: 75%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
dl, menu, ol, ul {
	margin: 1em 0
}
dd {
	margin: 0 0 0 40px
}
menu, ol, ul {
	padding: 0 0 0 40px
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
form {
	margin: 0
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0;
	white-space: 400;
	*margin-left:-7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align:middle
}
button, input {
	line-height: 400
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow:visible
}
button[disabled], input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height:13px;
	*width:13px
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	height: 100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 13px;
	line-height: 180%;
	letter-spacing: 0.07em;
	background: #f0f0f0;
	color: #ffffff;
}
div {
	border: 0px solid #ffffff;
}
img {
	border: medium none;
	outline: none;
	max-width: 100%;
}
#container-header {
	margin: 0px;
	padding: 0px;
}
#header {
	margin: 0px auto;
	padding: 0px;
	height: 115px;
//	height: 45px;
	border-bottom: 5px solid #B0B1B3;
//	background: #ffffff;

background: url("../../files/files/oggier-personal.ch_theme/images/transparent.png") repeat scroll 0px 0px transparent;
background-color: #3c3c3d;
background-color: #FFFFFF;

opacity: 1.7;



}
#logo {
	margin: 0px auto;
	padding: 35px 0px 0px 0px;
	width: 250px;
	height: 51px;
}
#container {
	margin: 0px;
	padding: 0px;
}
#content {
	margin: 0px auto;
	padding: 0px;
	border-top: 5px solid #003A8B;
	border-bottom: 5px solid #003A8B;
	position: relative;
}
#menu {
	margin: 0px;
	padding: -10px 30px 15px 30px;
	//background: #282829;
	background: url("../../files/oggier-personal.ch_theme/images/transparent.png") repeat scroll 0 0;
opacity: 0.9;
}
#col-right {
	margin: 0px;
	padding: 0px;
}
#button-off {
	display: none;
}
.ausblenden {
	display: none;
}
#button-on {
	display: none;
}
.einblenden {
	display: none;
}
#text {
	margin: 0px;
	padding: 30px 15px 30px 30px;
	background: url("../../files/oggier-personal.ch_theme/images/transparent.png") repeat scroll 0 0;
opacity: 0.9;
}
#text a {
	color: #65c6eb;
}
#bild {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#container-footer {
	margin: 0px;
	padding: 0px;
}
#footer {
	margin: 0px;
	padding: 5px 0px 0px 30px;
	//text-transform: uppercase;
	//background: #282829;
	border-top: 5px solid #B0B1B3;
	background: url("../../files/oggier-personal.ch_theme/images/transparent.png") repeat scroll 0 0;
	opacity: 0.7;
}
#article-index {
	display: none;
}
.pagenavcounter {
	display: none;
}
.pagination li {
	display: none;
}
p {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #ffffff;
	outline: none;
}
h1 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	color: #66c6eb;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.05em;
	font-weight: 700;
}
h2 {
	margin: -6px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight: 300;
}
h2 a {
	color: #ffffff !important;
}
h3 {
	font-weight: 300;
	margin: 0px 0px 12px 0px;
	padding: 6px 0px 0px 0px;
	text-align: center;
	position: absolute;
	background: rgba(0,0,0,.6);
	height: 29px;
	bottom: 0;
	width: 100%;
}
h3 a {
	color: #ffffff !important;
}
h4 {
	font-weight: 300;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 0px 0px;
	font-size: 14px;
	text-align: center;
	position: absolute;
	bottom: 0;
	border-top: 5px solid #003A8B;
	width: 100%;
	text-transform: uppercase;
}
h4 a {
	color: #ffffff !important;
}
ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
.pagination ul {
	margin: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
.resp {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}
.resp-home {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}
.resp img {
	width: 100%;
	margin: 0px 0px 5px 0px;
	height: auto;
}
.resp-home img {
	width: 100%;
	margin: 0px 0px 10px 0px;
	height: auto;
}

.holder {
	margin:0
}

.holder a {
	display:none;
	margin: 30px 20px 0px 0px;
	font-size: 13px;
}

.holder a.jp-previous,
.holder a.jp-next {
	display:inline-block;
}
.holder a.jp-disabled{
	color:#fff !important;
}

.holder a.jp-previous:before {
	content:"<< ";
}

.holder a.jp-previous.jp-disabled:before {
	content:"";
}
.holder a.jp-next:after {
	content:">> ";
}

.holder a.jp-next.jp-disabled:after {
	content:"";
}
.holder a:hover {
	background-color:transparent;
opacity: 0.9;

}




 @media only screen and (min-width: 400px) {
	.resp {
		width: 50%;
	}
	.resp-home {
		width: 48%;
		margin: 0% 2% 0% 0%;
	}
}
 @media only screen and (min-width: 849px) { 
	.resp {
		width: 50%;
	}
}
 @media only screen and (min-width: 850px) { 
	#container {
	}
	#content {
		margin: 0px auto;
		width: 880px;
		height: 580px;
width: 850px;
height: 567px;
	}
	#container-header {
	}
	#header {
		margin: 0px auto;
		width: 880px;
width: 850px;
	//	background: none;




	}
	#logo {
		margin: 0px;
//		padding: 10px 0px 0px 20px;
		padding: 0px 0px 0px 0px;
		width: 272px;
		height: 45px;
		background: #ffffff;




	}
	#menu {
		float: left;
		width: 272px;
		height: 100%;
		padding: 0px 20px 0px 0px;
	}
	#menu ul {
		margin: 30px 0px 0px 30px;
	}
	h3 {
		margin: 0;
	}
	#text {
		position: absolute;
		margin: 0px 0px 0px 292px;
		width: 287px;
		height: 89.7%;
	}
	#bild-original {
		position: absolute;
		margin: -125px 0px 0px 292px;
		z-index: -999;
		width: 588px;
		height: 870px;
	}

	#bild {
		position: absolute;
		margin: -125px 0px 0px 0px;
margin: -55px 0px 0px 0px;

		z-index: -999;
width: 850px;
height: 567px;
	}
	#container-footer {
		border-top: 5px solid #B0B1B3;
		width: 880px;
		width: 850px;
		margin: 0px auto;
	}
	#footer {
		margin: 0px;
		width: 262px;
		width: 820px;
		background: #282829;
		border-top: 0px solid #B0B1B3;
	}
	#shadow {
		display: block;
		margin: 0px auto;
		padding: 0px;
		width: 900px;
		width: 870px;
		height: 880px;
		height: 685px;
		background: url("../../files/oggier-personal.ch_theme/images/shadow.png") no-repeat scroll 0 0;
//background-color:red;
	}
	#button-off {
		display: block;
		float: none;
		position: absolute;
		margin: 555px 0px 0px 599px;
		width: 15px;
		height: 15px;
		z-index: 999;
	}
	.ausblenden {
		display: block;
		position: absolute;
		height: 15px;
		width: 15px;
		//background: url("../../files/oggier-personal.ch_theme/images/ausblenden.png") no-repeat scroll 0 0;
		background: url("../../files/oggier-personal.ch_theme/images/ausblenden-pfeil-retour.png") no-repeat scroll 0 0;

	}


	#button-on {
		display: block;
		margin: 540px 0px 0px 0px;
		position: relative;
		float: left;
		width: 15px;
		height: 15px;
		z-index: 999;
	}
	.einblenden {
		display: block;
		position: absolute;
		background: rgba(0,0,0,.6) url("../../files/oggier-personal.ch_theme/images/einblenden.png") no-repeat scroll 4px 5px;
		margin: -15px 0px 0px -307px;
		height: 30px;
		width: 30px;
	}
	.resp {
		width: 25%;
		height: 145px;
	}
	.resp-home {
		width: 23%;
		margin: 0% 2% 0% 0%;
	}
	.resp-home img {
	}
	.homeOriginal .bildOriginal {
		margin: -125px 0px 0px 0px !important;
		width: 880px !important;
		height: 870px !important;
	}


	.home .bild {
margin: 0px 0px 0px 0px !important;
width: 850px !important;
height: 567px !important;

	}

	.header.home {
		background: transparent !important;
opacity: 0.9;

	}
	.footer.home {
		background: transparent !important;
opacity: 0.9;

	}
	#article-index {
		display: none;
	}
	.pagenavcounter {
		display: none;
	}
	.pagination li {
		display: block;
		float: left;
		list-style: none;
		margin: 30px 20px 0px 0px;
	}
}
/* MENU NAVIGATION */
    
a.menu-link {
	float: right;
	display: block;
	padding: 1em;
	background: #282829
}
#menu {
	clear: both;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.js #menu {
	overflow: hidden;
	max-height: 0;
}
#menu.active {
	max-height: 38em;
	padding: 30px 30px 15px 30px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul ul {
	padding-left: 30px
}
#menu li a {
	display: block;
}
 @media screen and (min-width: 850px) {
	a.menu-link {
		display: none;
	}
	.js #menu {
		max-height: none;
	}
	#menu ul {
		margin: 30px 0px 0px 30px;
	}
	#menu li {
		margin: 0 0.15em;
	}
	#menu li a {
		border: 0;
		margin: 0 0 1em 0;
	}
}

#text
{
   background: none;
   padding:	30px 25px 15px 30px;
}
#bild
{
   display: none;
}
@media only screen and (min-width: 850px)
{
	#text { background: none; height: 133px; padding: 437px 0px 10px 10px; width: 578px; }
	#bild { display: block; }
}