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

body { 
    position:absolute;
    background:#FFFFFF;
	/* Scrollbar rechts erzwingen*/
	overflow-y: scroll;
}

html, body { 
    top:0; left:0; right:0;
    min-height:100%;
    margin:0;
    padding:0;
    width:100%;
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
	font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #666666;
	font-weight:normal;
    text-decoration:none;
}

/* HEADER NAVIGATIONS MENUE LEO 8.6.2015 BEGINN*/
#header_container {
    position:fixed;
    top:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:3em;
    z-index:3;
}

.nav{
/*    border:1px solid #ccc;
    border-width: 0 0 1px 0;*/
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#fff;
}
.nav li{
    display:inline;
}
.nav a{
    display:inline-block;
	padding:10px 30px;
	font-size: 24px;}
/* HEADER NAVIGATIONS MENUE LEO 8.6.2015 ENDE*/


/* FOOTER NAVIGATIONS MENUE LEO 8.6.2015 BEGINN*/
#footer_container {
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:2.5em;
    z-index:3;
}

.footernav{
/*    border:1px solid #ccc;
    border-width: 0 0 1px 0;*/
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#fff;
}
.footernav li{
    display:inline;
}
.footernav a{
    display:inline-block;
	padding:10px 30px;
	font-size: 16px;}
/* FOOTER NAVIGATIONS MENUE LEO 8.6.2015 ENDE*/


#body {
   padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}

a:link {
	font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #666666;
	font-weight:normal;
    text-decoration:none;
}

a:visited {
	font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #666666;
	font-weight:normal;
    text-decoration:none;
}

a:focus { 
	font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #666666;
	font-weight:normal;
    text-decoration:none;
}

a:hover { 
	font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #999999;
	font-weight:normal;
    text-decoration:none;
}

a:active { 
	font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #444444;
	font-weight:normal;
    text-decoration:none;
}

table a:link, table a:visited, table a:active {
	font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	color: #666666;
	font-weight:normal;
    text-decoration:none;
}

table a:hover {
font-family: 'Jura', sans-serif;
    /*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	color: #999999;
	font-weight:normal;
    text-decoration:none;
}

.jura-12-666666 {
	font-family: 'Jura', sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #666666;
}

/* kunst-wirkt.php */
.jura-14-333333 {
	font-family: 'Jura', sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	color: #666666;
    line-height: 1.5em;
}

.arial24grau {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #666666;
}

/* In Gallery malerei.php*/
.class_box_shadow{

    margin: auto;
    background: #ccc;
    border: 0px solid white;
    position:relative;
    box-shadow: 5px 4px 15px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 5px 4px 15px rgba(0, 0, 0, 0.47);
    -webkit-box-shadow: 5px 4px 15px rgba(0, 0, 0, 0.47);
}




#content {
    margin:0;
    padding-top:2em;
/*    padding-left:12em;*/
    padding-bottom:2em;
    z-index:2;
}



#footer {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:#ffffff;
    z-index:3;
}

/* Nur für den MSIE */

* html, * html body {
    overflow:hidden;
    bottom:0;
    height:100%;
}

* html #header_container, * html #footer_container {
    position:absolute;
    width:100%;
    padding-right:16px;
}

* html #menu {
    position:absolute;
}

* html #header,* html #footer {
    height:100%;
    position:static;
}

* html #content {
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    height:100%;
    width:100%;
    overflow:auto;
    margin:0;
}

/* Weiter mit browserübergreifenden Deklarationen */

#menu li {
    list-style: none;
    margin:0;
    padding:0.3em;
}

#menu li#active {
    padding:0.5em;
    text-decoration:underline;
}

#menu a:link, #menu a:visited {
    display:block;
    background:#EEEEEE;
    color:black;
    text-decoration:none;
    margin:0;
    padding:0.2em;;
}

#menu a:hover {
    background:#4f4f4f;
    color:#FFFFFF;
    text-decoration:underline;
}

/* Der IE soll das Element breiter darstellen, da margin
   und padding hier von der Breite abgezogen werden! */

* html #menu {
    margin:0;
    width:10.5em;
}

ul.table {
    display: table;
}

ul.table > li {
    display: table-cell;
}

.centered ul.table > li {
    padding-left: 1em;
    padding-right: 1em;    
}

ul.table.even {
    width: 100%;
    table-layout: fixed;
}

.nav a{
	font-size: 1.2em;}
.footernav a{
	font-size: 16px;}
	
@media screen and (orientation:portrait) 
 {
 .nav { font-size: 0.6em;}
   .nav a{
	padding:10px 10px;
	}
 }
 
  @media screen and (orientation:landscape) 
 {
 .nav { font-size: 0.8em;
 }
 .nav a{
	padding:10px 15px;
	}
 }