@charset "utf-8";
/* CSS Document */

/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('../fonts/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v7-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* glegoo-regular - latin */
@font-face {
  font-family: 'Glegoo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/glegoo-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Glegoo'), local('Glegoo-Regular'),
       url('../fonts/glegoo-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/glegoo-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/glegoo-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/glegoo-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/glegoo-v6-latin-regular.svg#Glegoo') format('svg'); /* Legacy iOS */
}
/* glegoo-700 - latin */
@font-face {
  font-family: 'Glegoo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/glegoo-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Glegoo Bold'), local('Glegoo-Bold'),
       url('../fonts/glegoo-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/glegoo-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/glegoo-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/glegoo-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/glegoo-v6-latin-700.svg#Glegoo') format('svg'); /* Legacy iOS */
}


html,body,H1,H2,H3,H4,UL,LI,A,P{
	padding:0;
	margin:0;
	list-style:none;
	font-size:1em;
	font-weight:normal;
	text-decoration: none;
}

html, body {
  width: 100%;
  height: 100%;
}
body{
	font-family: 'Dosis', sans-serif;
	margin: 0 auto;
	background-color:#fff6b9;
	background-attachment: fixed;
	background: url(../images/bg_body.jpg)  no-repeat right bottom fixed;;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
DIV{box-sizing: border-box;}





#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgba(86,181,61, 0.8);
	width: 50px;
	height: 45px;
	padding-top:5px;
	text-decoration: none;
	text-align:center;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: rgba(255,255,255, 0.8); !important;
	line-height: 50px;
}
#menutoggle{
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width: 48px;
	height: 48px;
	line-height:42px;
	font-size:1.25em;
	color:rgba(255,251,223, 1);
	background:#5ac239;
	text-align:center;
	cursor:pointer;
	z-index:100;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#pagewrap{
	width:75%;
	margin: 0 auto;
  height: 100%;
}
#contentwrapper {
  width: 75%;
  height: 100%;
  float: left;
	/*background:rgba(255,251,223, 0.7) ;*/
}
#header{
	width: 100%;
	height:150px;
	/*background-color:#fff6b9;*/
	border-bottom: 4px solid rgba(168,17,9,1);
}
#header #owner{
	color:rgba(168,17,9,1);
	font-size:4em;
	text-align:right;
	font-weight: normal;
	font-variant: small-caps;
	/*margin-top: -20px;
	margin-bottom: 0px;*/
	margin: 50px 0 0;
}
#header #slogan{
	color:rgba(168,17,9,1);
	font-size:1em;
	text-transform: uppercase;
	font-weight: normal;
	text-align: right;
}
#header #about{
	color:rgba(168,17,9,1);
	font-size:0.9rem;
	text-transform: uppercase;
	font-weight: normal;
	text-align: right;
	margin: -13px 0 10px;
}
#header #logoh{
	display:none;
}
#content {
	width: 100%;
	padding: 0 2em 1em ;  
	background:rgba(255,251,223, 0.8) ;
	border-bottom: 4px solid rgba(168,17,9,1);
	color:#4d2903;
	min-height: 70%;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
}
#content #hanna{
	width: 60%; 
	margin: 0 auto;
}
#content #topmenu{
	width: 100%;
	height: 30px;
}
#content #topmenu UL{
	text-align:right;
}
#content #topmenu LI{
	background:url(../images/listeq.png) no-repeat left 6px;
	display:inline;
	margin-left:4px;
	padding-left: 11px;
}
#content #topmenu A{
	font-size:0.85em;
}

#content H1{
	font-family: 'Glegoo', serif;
	color:rgba(168,17,9,1);
	font-size:2em;
	font-variant: small-caps;
	line-height:110%;
	margin-bottom: 0px;
}
#content H2{
	color:#4d2903;
	font-size:1.25em;
	font-weight:bold;
	margin-bottom: 1em;
	line-height:100%;
}
#content H3{
	/*font-family: 'Glegoo', serif;*/
	color:rgba(168,17,9,1);
	font-size:1em;
	font-weight:bold;
	/*font-variant: small-caps;*/
	margin-bottom: 0px;
}
#content H4{
	font-weight:700;
	margin:0.3em 0;
}
#content P{
	margin:0 0 6px;
	line-height:150%;
}
#content A{
	color:rgba(168,17,9,1);
	text-decoration:none;
}
#content A:hover{
	text-decoration:underline;
}
#content IMG{
	border:solid 1px #5ac239;
	padding: 4px;
}
#content UL{
	margin: 0 0 6px 10px;
}
#content LI{
	background:url(../images/liste.png) no-repeat left 4px;
	padding-left: 15px;
}
#content .quote {
	width: 50%;
	margin: 0 auto;
	padding: 1.5em;
	background-color: #fff6b9;
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
}
#content .quote I {
    float: left;
    color: #529616;
    margin-right: 0.25em;
    margin-top: -0.2em;
    font-style: italic;
}
#content .quote P.zitat{
	font-size:1.2em;
	margin-top:-0.7em;
}
#content .quote P.author{
	font-size:0.9em;
	text-align:right;
}
.small{font-size:0.85em; line-height:90%;}
/****************************************************
left sidebar
****************************************************/
#sidebar{
	display:block;
	width: 25%;
	height: 100%;
	float: left;
	background-image: url(../images/bg_left.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
	background: rgb(168,17,10); /* Old browsers */
	background: url(../images/bg_left.png)  no-repeat right top, -moz-linear-gradient(top,  rgba(168,17,10,1) 0%, rgba(168,17,10,1) 63%, rgba(168,17,10,0.5) 89%, rgba(168,17,10,0) 100%);
	background: url(../images/bg_left.png)  no-repeat right top, -webkit-linear-gradient(top,  rgba(168,17,10,1) 0%,rgba(168,17,10,1) 63%,rgba(168,17,10,0.5) 89%,rgba(168,17,10,0) 100%);
	background: url(../images/bg_left.png)  no-repeat right top, linear-gradient(to bottom,  rgba(168,17,10,1) 0%,rgba(168,17,10,1) 63%,rgba(168,17,10,0.5) 89%,rgba(168,17,10,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8110a', endColorstr='#00a8110a',GradientType=0 ); /* IE6-9 */
}
#sidebar IMG{
	position:absolute;
	top:0;
	right:0;
}
#sidebar #menu{
    padding: 200px 0 0;
}
#sidebar ul{
    width: 100%;
    margin: 0;
    padding:0;
    list-style: none;
		text-align:right;
}
#sidebar li{
	width: 100%;
}
#sidebar div.filler{
	background: url(../images/menu.jpg) no-repeat right 0px;
	line-height:150%
}
#sidebar li A{
	background: url(../images/menu.jpg) no-repeat right -50px;
	text-transform: capitalize;
	color:#FF9;
	padding-right:50px;
	display: block;
	font-size: 1em;
	text-decoration:none;
	line-height: 25px;
}
#sidebar LI A:hover{
	background-position: right -75px;
}
#sidebar LI A.dcjq-parent{
	background-position: right -200px;
}
#sidebar LI A.dcjq-parent.active{
	background-position: right -225px;
}
#sidebar LI A.active{
	background-position: right -100px;
	font-weight: bold;
}
#sidebar li ul{
	padding:0;
}	
#sidebar LI LI A{
	font-size:0.9em;
	background-position: right -125px;
}
#sidebar LI LI A:hover{
	background-position: right -150px;
}
#sidebar LI LI A.active{
	background-position: right -175px;
}

#footer{
	width:100%;
	height:50px;
	padding-top: 0.5em;
	color:rgba(168,17,9,1);
	text-align:right;
}
#footer A{
	color:rgba(168,17,9,1);
	text-decoration:none;
}
#footer A:hover{
	text-decoration:underline;
}

/************************************************************************************
JQUERY MESSAGEBOX
*************************************************************************************/
DIV.ui-dialog{
	color: #404040;
	font-size:0.9em;
	max-width:50%;
}
/*#message, .mbox, .ui-dialog-title{
	color: #404040;
	font-size:0.9em;
	max-width:50%;
}*/
#message{
	margin-top: 5px;
	padding:20px 10px;
	min-width: 450px;
}
#message IMG{
	width:80px;
	float:left;
	margin:-20px 10px 5px 0;
}
#message TABLE{
	width:100%;
	border:none;
}
#message TD{
	padding: 0.5em;
}
#message TD.icon{
	width:25%
}
.ui-dialog-buttonset{
	text-align:center;
	border:none;
}
.ui-button-text{
	font-size:0.8em;
}
.ui-dialog-titlebar-close{ float:right;}
.ui-dialog-title{
	font-weight:bold;
	color:#404040;
	min-height:30px;
}
.ui-dialog-titlebar{
	min-height:25px;
}
.ui-widget .ui-widget-content {
    max-width: 90%;
		width:auto;
		margin:0 auto;
		border:none;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width: 1100px) {
	#pagewrap{
		width:90%;
	}
}
@media screen and (max-width: 1000px) {
	#pagewrap {
		padding:0;
	}
	#menutoggle{
		display:block;
	}
	#logo {
		display:none;
	}
	#contentwrapper, #sidebar{
		width:100%;
	}
	#sidebar {
		display:none;
		height:auto;
		background:#af0b0b;
	}
	#sidebar #menu{
		width: 100%;
		margin: 0 auto;
		padding:0 10% 0 0;
	}
	#sidebar LI.filler{
		background: url(../images/menu-big.jpg) no-repeat right 0px;
		line-height:200%
	}
	#sidebar li A{
		background: url(../images/menu-big.jpg) no-repeat right -80px;
		text-transform: capitalize;
		color:#FF9;
		padding-right:75px;
		display: block;
		font-size: 1.2em;
		text-decoration:none;
		line-height: 40px;
	}
	#sidebar LI A:hover{
		background-position: right -120px;
	}
	#sidebar LI A.dcjq-parent{
		background-position: right -320px;
	}
	#sidebar LI A.dcjq-parent.active{
		background-position: right -360px;
	}
	#sidebar LI A.active{
		background-position: right -160px;
	}
	#sidebar li ul{
		padding:0;
	}	
	#sidebar LI LI A{
		font-size:1em;
		background-position: right -200px;
	}
	#sidebar LI LI A:hover{
		background-position: right -240px;
	}
	#sidebar LI LI A.active{
		background-position: right -280px;
	}
	
	#header {
		background:url(../images/gingkoh.png) no-repeat right center;
		background-size:contain;
	}
	#header #owner{
		font-size:4em;
		margin-top: 10px;
	}
	#header #about{
		/*margin:0;*/
	}
	
	#header H1{
		margin-top:20px;
	}
	#header H2{
		/*font-weight:bold;*/
	}
	#titlebox{
		/*color:#fffacb;
		text-align:center*/;
	}
	#titlebox H1{
		/*line-height:100%;*/
		font-size: 2.5em;
	}
	#titlebox H2{
		line-height:100%;
		font-size: 1em;
	}
	#content {
		width: 100%;
		min-height:0;
		/*padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;*/
	}
	#content .quote {
		width: 80%;
	}
	#header, #footer {
		padding: 1% 4%;
	}
	#footer {
		margin-left:0;
	}
}
@media screen and (max-width: 880px) {
	#content #hanna{
		width: 75%; 
		margin: 0 auto;
	}
}
@media screen and (max-width: 690px) {
	#pagewrap{
		width:95%;
	}
	#titlebox #logo {
	}
	#content {
		display:block;
		width: auto;
		float: none;
		margin-left: 0px;
		margin-top:70px;
		padding: 1% 4%;
	}
	#content P{
		/*width: 46%;
		float: left;
		margin-left: 0;
		padding:0 1%;*/
	}
	#right_sb {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

}

/* for 600px or less */
@media screen and (max-width: 600px) {
	#header H1{
		font-size:3em;
		margin-top: 50px;
	}
	#header H2{
		font-size:0.95em;
	}
	#header #owner{
		font-size:3em;
		
	}
	#header #about{
		margin-top: -5px;
	}
	#content {
		margin-top:60px;
	}
	#content #hanna{
		width: 90%; 
		margin: 0 auto;
	}
	#content FIGURE{
		width: 100%; 
		margin: 0;
	}
	#content FIGCAPTION P{
		font-size:1em;
	}
	#content #topmenu{display:none;}
	#content H1{
		font-size:1.5em;
		font-variant: small-caps;
		/*margin-top: 50px;*/
		margin-bottom: 0px;
	}
	#content P{
		font-size:1.25em;
		line-height:150%;
	}
	
	#content .quote {
		width: 100%;
	}
}

/*#header, #left_sb, #content, #right_sb {
	margin-bottom: 0px;
}

#pagewrap, #header, #left_sb, #content, #right_sb, #footer {
	border: solid 1px #ccc;
}*/

img {
	max-width: 100%;
	max-height: 100%;
	width: auto\9; /* ie8 */
}

.fliesslinks {
	float:left;
	margin:0 1em 1em 0;
}
.fliessrechts {
	float:right;
	margin:0 0 1em 1em;
}