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

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

body{margin:0;padding:0;font-family:'Cutive Mono', serif;font-size:16px;}
#wrap{padding:0;width:100%;background:url("background1.jpg") top left no-repeat; background-size:cover;float:left;text-align:center;}
#background{max-width:75em;height:100%;margin:0px auto;text-align:left;}
#logo{background:url("logo.png") top left no-repeat;width:13.75em;height:16.563em;margin-left:3.125em;background-size:100% auto;}
#content{margin:11em 0px 0px 4.375em;width:21.95em;float:left;padding:0;}
#content h1, #content_gallery h1{height:1px;width:1px;overflow:hidden;position:absolute;left:-2000px;top:-2000px;}
#content h2{font-family: 'Alfa Slab One', serif;font-size:2.1em;color:#54525E;text-shadow: -3px 0 #D0A968, 0 3px #D0A968, 3px 0 #D0A968, 0 -3px #D0A968;padding-left:5px;font-weight:bold}
#content p{font-size:1.13em;padding:0;color:#3D3630;font-weight:bold;}
#content a{color:#3D3630;}
#content_gallery{margin:8.2em 0px -27em 0em;width:100%;float:left;padding:0;}
#content_gallery .galref0 .refkat{position:relative;top:1.2em;left:2.2em;}
#content_gallery .galref1 .refkat{position:relative;top:1.1em;left:2.2em;}
#content_gallery .galref2 .refkat{position:relative;top:1.5em;left:2.2em;}
#content_gallery .galref3 .refkat{position:relative;top:1.2em;left:2.8em;}
#content_gallery .galref0 .refdesc{position:relative;top:0.9em;left:2.2em;font-weight:bold;font-size:1em;letter-spacing:-0.15em;}
#content_gallery .galref1 .refdesc{position:relative;top:0.8em;left:2.2em;font-weight:bold;font-size:1em;letter-spacing:-0.15em;}
#content_gallery .galref2 .refdesc{position:relative;top:1.2em;left:2.2em;font-weight:bold;font-size:1em;letter-spacing:-0.15em;}
#content_gallery .galref3 .refdesc{position:relative;top:0.9em;left:2.8em;font-weight:bold;font-size:1em;letter-spacing:-0.15em;}
.refdesc{display:block;}
.refdesc a{text-decoration:none;color:#3d3630;}
#mainnav{margin:24.5em 3.5em 0px 0px;float:right;width:16em;}
#mainnav ul{padding:0;}
#mainnav ul li{list-style-type:none;}
#mainnav ul li a{display:block;width:16em;}
.rex-article-1 a{background:url("home.png") top left no-repeat;height:1.938em;background-size:100% auto;}
.rex-article-2 a{background:url("profil.png") top left no-repeat;height:1.875em;background-size:100% auto;}
.rex-article-3 a{background:url("projekte.png") top left no-repeat;height:2.25em;background-size:100% auto;}
.rex-article-4 a{background:url("kontakt.png") top left no-repeat;height:2.438em;background-size:100% auto;}
.rex-article-5 a{background:url("impressum.png") top left no-repeat;height:2.125em;background-size:100% auto;}
.rex-article-1 a:hover,.rex-article-1 a.rex-current,.rex-article-1 a.rex-active{background:url("home_hover.png") top left no-repeat;height:1.938em;background-size:100% auto;}
.rex-article-2 a:hover,.rex-article-2 a.rex-current,.rex-article-2 a.rex-active{background:url("profil_hover.png") top left no-repeat;height:1.875em;background-size:100% auto;}
.rex-article-3 a:hover,.rex-article-3 a.rex-current,.rex-article-3 a.rex-active{background:url("projekte_hover.png") top left no-repeat;height:2.25em;background-size:100% auto;}
.rex-article-4 a:hover,.rex-article-4 a.rex-current,.rex-article-4 a.rex-active{background:url("kontakt_hover.png") top left no-repeat;height:2.438em;background-size:100% auto;}
.rex-article-5 a:hover,.rex-article-5 a.rex-current,.rex-article-5 a.rex-active{background:url("impressum_hover.png") top left no-repeat;height:2.125em;background-size:100% auto;}
.isildur{height:1px;width:1px;overflow:hidden;position:absolute;left:-2000px;top:-2000px;}
.galref0{background:url("galref0.png") top center no-repeat;width:16.125em;height:4.625em;position:relative;top:-1.563em;background-size:16.125em auto;}
.galref1{background:url("galref1.png") top left no-repeat;width:16.125em;height:4.625em;position:relative;top:-1.563em;background-size:16.125em auto;}
.galref2{background:url("galref2.png") top left no-repeat;width:16.125em;height:4.625em;position:relative;top:-1.563em;background-size:16.125em auto;}
.galref3{background:url("galref3.png") top left no-repeat;width:16.125em;height:4.625em;position:relative;top:-1.563em;background-size:16.125em auto;}