/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 22, 2016 @font-face { font-family: 'kelsonbold'; src: url('kelson/armasen_-_kelson-bold-webfont.eot'); src: url('kelson/armasen_-_kelson-bold-webfont.eot?#iefix') format('embedded-opentype'), url('kelson/armasen_-_kelson-bold-webfont.woff2') format('woff2'), url('kelson/armasen_-_kelson-bold-webfont.woff') format('woff'), url('kelson/armasen_-_kelson-bold-webfont.ttf') format('truetype'), url('kelson/armasen_-_kelson-bold-webfont.svg#kelsonbold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'kelsonextrabold'; src: url('kelson/armasen_-_kelson-extrabold-webfont.eot'); src: url('kelson/armasen_-_kelson-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('kelson/armasen_-_kelson-extrabold-webfont.woff2') format('woff2'), url('kelson/armasen_-_kelson-extrabold-webfont.woff') format('woff'), url('kelson/armasen_-_kelson-extrabold-webfont.ttf') format('truetype'), url('kelson/armasen_-_kelson-extrabold-webfont.svg#kelsonextrabold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'kelsonlight'; src: url('kelson/armasen_-_kelson-light-webfont.eot'); src: url('kelson/armasen_-_kelson-light-webfont.eot?#iefix') format('embedded-opentype'), url('kelson/armasen_-_kelson-light-webfont.woff2') format('woff2'), url('kelson/armasen_-_kelson-light-webfont.woff') format('woff'), url('kelson/armasen_-_kelson-light-webfont.ttf') format('truetype'), url('kelson/armasen_-_kelson-light-webfont.svg#kelsonlight') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'kelsonmedium'; src: url('kelson/armasen_-_kelson-medium-webfont.eot'); src: url('kelson/armasen_-_kelson-medium-webfont.eot?#iefix') format('embedded-opentype'), url('kelson/armasen_-_kelson-medium-webfont.woff2') format('woff2'), url('kelson/armasen_-_kelson-medium-webfont.woff') format('woff'), url('kelson/armasen_-_kelson-medium-webfont.ttf') format('truetype'), url('kelson/armasen_-_kelson-medium-webfont.svg#kelsonmedium') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'kelsonthin'; src: url('kelson/armasen_-_kelson-thin-webfont.eot'); src: url('kelson/armasen_-_kelson-thin-webfont.eot?#iefix') format('embedded-opentype'), url('kelson/armasen_-_kelson-thin-webfont.woff2') format('woff2'), url('kelson/armasen_-_kelson-thin-webfont.woff') format('woff'), url('kelson/armasen_-_kelson-thin-webfont.ttf') format('truetype'), url('kelson/armasen_-_kelson-thin-webfont.svg#kelsonthin') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } */ @font-face { font-family: 'kelsonregular'; src: url('kelson/armasen_-_kelson-webfont.eot'); src: url('kelson/armasen_-_kelson-webfont.eot?#iefix') format('embedded-opentype'), url('kelson/armasen_-_kelson-webfont.woff2') format('woff2'), url('kelson/armasen_-_kelson-webfont.woff') format('woff'), url('kelson/armasen_-_kelson-webfont.ttf') format('truetype'), url('kelson/armasen_-_kelson-webfont.svg#kelsonregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @charset "UTF-8"; /* CSS Document */ * { box-sizing: border-box; } html { height:100%; } body { margin:0px; padding:0px; color: #000; height:100%; width:100%; font-family: kelsonregular, sans-serif; font-size: 0.8rem; line-height: 1.5rem; letter-spacing: 0.03rem; text-align: left; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; } table { border-collapse:collapse; } /********* aus Tabelleneditor ******/ .rsTable { } .rsTD { vertical-align:top; border: none; padding: 0rem 0.8rem 0.8rem 0px; font-size: 0.8rem; } /********* Tags ****************/ h1, h2, h3 { font-weight: normal; font-size: 1rem; margin: 0px 0px 0.5rem 0px; padding: 0px; font-family: kelsonregular, sans-serif; font-size: 0.8rem; line-height: 1.5rem; letter-spacing: 0.03rem; } h2 { margin: 0px 0px 0.3rem 0px; } h3 { margin: 0px; } b { font-weight: normal; } p { margin: 0px; padding: 0px; } form { margin: 0px; padding: 0px; } hr { height:0px; width:70vw; border:0px; border-top:1px solid black; margin: 1rem 0rem 1rem -1rem; clear: both; } hr#linie_unter_menue { height:0px; width:calc(100% + 1.5rem); border:0px; border-top:1px solid black; margin: 1rem 0rem 1rem -1.5rem; clear: both; } .abstand { height:1rem; width:100%; } i { font-style: normal; } ul, ol { padding: 0px 0px 0px 10px; margin: 0px; } li { line-height: 16px; padding: 0; margin: 10px 0px 10px 20px; } a.nowrap, a.nowrap:link, a.nowrap:visited, a.nowrap:hover, a.nowrap:active, a.nowrap:focus { whitespace:nowrap; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } a:link, a:visited, a:hover, a:active, a:focus { color: #000; border:0px; border-bottom:1px solid black; text-decoration: none; padding: 0px 1px; outline: transparent none 0px; } a:hover, a:active, a:focus { border-bottom-color: red; } .rot { color: red; } /********** Startseite **********/ #Menue_fixieren { position:fixed; width: 25%; } #Startseitendiv { margin-bottom: -3rem; } .StartBildbereich { display:inline-block; width:33.333%; height:22vw; overflow:hidden; margin: 0px 0px -0.5rem 0px; padding:0px; line-height:0px; } .Startbild { display:inline-block; position:relative; height:100%; min-width:101%; left:50%; transform: translate(-50%,0); } .Startbild_h { display:inline-block; position:relative; width:101%; top:50%; transform: translate(0,-50%); } a.StartBildLink, a.StartBildLink:link, a.StartBildLink:visited, a.StartBildLink:active, a.StartBildLink:hover { border:none; text-decoration:none; outline:none; margin: 0px; padding:0px; } #StartSuchmaskendiv { display:inline-block; overflow:hidden; width:100%; margin: 0px 0px -0.5rem 0px; padding:1rem; } #StartSuchmaskendiv input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid black; background-color:transparent; font-family: kelsonregular, sans-serif; font-size: 0.8rem; display: inline-block; height: 2rem; margin: 1rem 0rem 0rem 0rem; padding: 0rem 0.5rem; width:50%; } #StartSuchmaskendiv input[type='submit'] { width: 50%; margin: 1rem 0px 0px 0px; border-radius: 0.6rem; } #StartSuchmaskendiv input[type='submit']:hover { border-color:red; } #StartSuchmaskendiv input#suchen:hover { background: url("pic/PixNix.gif") ; } /*********** Koerper ************/ #koerper { float: left; width:100%; min-height:100vh; margin: 0px; padding: 0px; } #navSpalte { float: left; width: 25%; border-right: 1px solid black; padding: 0px 0px 1rem 1.5rem; margin: 0px 0px 0px 0px; } #contentSpalte { float: left; margin: 0px 0px 0px -1px; border-left: 1px solid black; padding: 0px 0px 5rem 0px; width: calc(70% + 1px); min-height: 100vh; } #randSpalte { position:fixed; right:0px; width: 5%; min-height: 100vh; border-left: 1px solid black; background-color:white; } #Textbereich { float: left; padding: 1rem; margin: 0px; border: 0px; width:100%; border-bottom: 1px solid black; } .Text { display: inline-block; width:100%; } .Docbereich { float: left; padding: 1rem; margin: 0px; border: 0px; width:100%; border-bottom: 1px solid black; background-color: white; } /******** Werkverzeichnis *********/ form#WerkverzeichnisKopfFormular { padding-top:0rem; padding-bottom:1rem; } #werkverzeichniskopf { float: left; width:100%; margin: 0px; padding: 0rem 1rem 0rem 1rem; border-bottom: 1px solid black; } #werkverzeichniskopf select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; border:1px solid black; border-width: 0px 1px; cursor:pointer; background: url("pic/choose.gif") no-repeat center right; background-color: #fff; font-family: kelsonregular, sans-serif; font-size: 0.8rem; height: 1.5rem; margin: 1rem 0.5rem; padding: 0rem 2rem 0rem 0.5rem; } #werkverzeichniskopf select:hover { background: url("pic/choose_hover.gif") no-repeat center right; } #werkverzeichniskopf input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid black; background-color:transparent; font-family: kelsonregular, sans-serif; font-size: 0.8rem; display: inline-block; height: 2rem; margin: 1rem 0rem 0rem 0rem; padding: 0rem 0.5rem; width:100%; } #werkverzeichniskopf input[type='submit'] { width: calc(50% - 1rem); margin: 0.7rem 0.8rem 0rem 0rem; border-radius: 0.6rem; position:relative; left:0.4rem; } #werkverzeichniskopf input[type='submit']:hover { border-color:red; } #werkverzeichniskopf input#suchen:hover { background: url("pic/PixNix.gif") ; } .ankreuzbereich { display: inline-block; height: 1.8rem; margin: 1rem 1rem 0rem 0rem; padding: 0px; } .kreuzbereich { display: inline-block; overflow:hidden; width: 1.8rem; height: 1.8rem; margin-right: 0.5rem; } form#WerkverzeichnisKopfFormular hr { margin-bottom:0.35rem; } .labelbereich { display: inline-block; position:relative; top: -0.65rem; } #werkverzeichniskopf input[type='checkbox'] { margin: 0px; padding: 0px; width: 1.8rem; height: 1.8rem; } #werkverzeichniskopf input[type='checkbox']:checked { background-color: #eee; background: url("pic/cross.gif") no-repeat center center; } #werkverzeichniskopf input[type='text']:hover, #werkverzeichniskopf input[type='checkbox']:hover { border-color: red; } #werkliste { float: left; width:100%; margin: 0px; padding: 0rem; } .werkverzkasten, a.werkverzkasten, a.werkverzkasten:link, a.werkverzkasten:visited, a.werkverzkasten:active, a.werkverzkasten:hover { display: block; padding: 0rem; border-bottom: 1px solid black; } a.werkverzkasten:hover { background-color: #eee; } .werkverzmeldungsbereich { padding:1rem; } a#zur_Auswahl, a#zur_Auswahl:link, a#zur_Auswahl:visited, a#zur_Auswahl:active, a#zur_Auswahl:hover { display: block; padding:1rem; text-align:center; border-bottom: 1px solid black; } a#zur_Auswahl #linktextzurAuswahl { display: inline-block; border-bottom: 1px solid black; padding: 0px 0.2rem; } a#zur_Auswahl:hover #linktextzurAuswahl { border-bottom: 1px solid red; } .werkverzkastenzeile { display:table; width:100%; } .werkverzkastenzeilelinks { display:table-cell; } .werkverzkastenzeilerechts { display:table-cell; text-align:right; } .werkverzbildundtext { display:table; width:100%; } .werkverztextbereich { display:table-cell; padding:1rem; border-left: 1px solid black; width: calc(100%-2rem); } .werkverztextbereich_einzelprojekt_stammdaten { display:table-cell; } .werkverzbildbereich { display:table-cell; position: relative; width: 10rem; overflow:hidden; } .werkverzbild, .werkverzbild_h { position: absolute; left: 50%; top: 50%; height: 101%; width: auto; min-width: 101%; transform: translate(-50%,-50%); } .werkverzbild_h { width: 101%; height: auto; } .nr { color:red; } /************* Hamburger *********/ #a, a#hamburger, a#hamburgerU { position: absolute; visibility: hidden; left:0px; } a#hamburger, a#hamburger:link, a#hamburger:visited, a#hamburger:active, a#hamburger:hover, a#hamburgerU, a#hamburgerU:link, a#hamburgerU:visited, a#hamburgerU:active, a#hamburgerU:hover { float:right; margin: 0px; width:30%; padding: 0rem 1rem 1rem 1rem; text-decoration: none; outline: none; border: 0px; background-color:red; background-color: transparent; cursor: pointer; } a#hamburger img, a#hamburgerU img { float:right; margin: 0px; padding: 0px; width: 1.75rem; background-color:green; background-color: transparent; } a#hamburger img { position: relative; top:1rem; padding-bottom:1rem; } a#hamburgerU, a#hamburgerU:link, a#hamburgerU:visited, a#hamburgerU:active, a#hamburgerU:hover { float:right; padding: 1rem 1rem 1rem 2.5rem; } a#hamburgerU img { float:right; } /************** Menü **************/ a#home, a#home:link, a#home:visited, a#home:active, a#home:hover { display: block; margin: 1rem 0px 0px -1.5rem; padding: 0.5rem 0.5rem 1.5rem 1.5rem; color: black; border: none; text-decoration: none; outline: transparent none 0px; border-bottom: 1px solid black; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } a#home:hover{ color: red; } .menueiconbereich, .totop, #Anfang_Content_Anker { position: absolute; visibility: hidden; top: 0px; left: 0px; } #Menue { margin-top: 0.5rem; } a.nav, a.nav:link, a.nav:visited, a.nav:active, a.nav:hover, a.navX, a.navX:link, a.navX:visited, a.navX:active, a.navX:hover { display: block; margin: 0px; padding: 0.5rem 0.5rem 0.2rem 0px; border-bottom: 1px solid transparent; text-decoration: none; color: black; outline: transparent none 0px; line-height:1rem; } a.navX, a.navX:link, a.navX:visited, a.navX:active { border-bottom-color: black; } a.nav:hover, a.navX:hover { border-bottom-color: red; } /************** Fussmenü **************/ #FussMenue { position: fixed; bottom:0px; text-align: right; padding: 0rem 0.5rem 0.3rem 0.5rem; margin: 0px; width:100%; border-top: 1px solid black; background-color: white; z-index:10; } .FussnavContainer { display: inline-block; } a.Fussnav, a.Fussnav:link, a.Fussnav:visited, a.Fussnav:active, a.Fussnav:hover, a.FussnavX, a.FussnavX:link, a.FussnavX:visited, a.FussnavX:active, a.FussnavX:hover { display: inline-block; margin: 0px; padding: 0.3rem 0.5rem 0px 0px; color: black; outline: none; border: none; text-decoration: none; } a.FussnavX, a.FussnavX:link, a.FussnavX:visited, a.FussnavX:active, a.FussnavX:hover { color: red; } @charset "UTF-8"; /* CSS Document */ #DiaAnkerbereich { position:relative; } #Dia { position:absolute; top:0rem; } .Galeriebereich { position:relative; width:100%; height:40rem; max-height:55vw; vertical-align:top; z-index:5; overflow:hidden; background-color:#666; background-color:#fff; } .Diasteuerung { position: absolute; width: 100%; top:0px; left: 0px; color: white; display: block; } a.bildzurueck, a.bildzurueck:link, a.bildzurueck:visited, a.bildzurueck:hover, a.bildzurueck:active, a.bildzurueck:focus, a.bildweiter, a.bildweiter:link, a.bildweiter:visited, a.bildweiter:hover, a.bildweiter:active, a.bildweiter:focus { position: absolute; width: 50%; height:100%; top:0px; left: 0px; color: white; display: block; background-repeat:no-repeat; background-size:3rem; text-decoration: none; outline: none; border: none; cursor: pointer; } a.bildzurueck, a.bildzurueck:link, a.bildzurueck:visited, a.bildzurueck:hover, a.bildzurueck:active, a.bildzurueck:focus { background-image:url(pic/Pfeil_Links.png); background-position:left 45%; } a.bildweiter, a.bildweiter:link, a.bildweiter:visited, a.bildweiter:hover, a.bildweiter:active, a.bildweiter:focus { left: 50%; text-align: right; background-image:url(pic/Pfeil_Rechts.png); background-position:right 45%; } a.bildweiter:hover { background-image:url(pic/Pfeil_Rechts_H.png); } a.bildzurueck:hover { background-image:url(pic/Pfeil_Links_H.png); } .zurueck, .zurueck:link, .zurueck:visited, .zurueck:hover, .zurueck:active, .zurueck:focus{ position: absolute; width: 100%; height:4rem; top:0px; left:0px; display: block; background-repeat:no-repeat; background-size:3rem; text-decoration: none; outline: none; border: none; background-image:url(pic/Pfeil_oben.png); background-position:50% 0px; } .zurueck:hover { background-image:url(pic/Pfeil_oben_H.png); background-color: rgba(100, 110, 100, 0.3); background-color: transparent; } .Bildbereich { position:relative; display: inline-block; height:100%; width: auto; max-width: 100%; overflow:hidden; } .Bild { display:inline-block; height:40rem; max-height:55vw; position:relative; left:50%; transform: translate(-50.1%,0); } .Legendenbereich { width: 100%; border-bottom: 1px solid black; border-top: 1px solid black; text-align: right; } .Legende { display: inline-block; padding: 0.25rem 0.5rem; } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width:700px) { #koerper { float: left; width:100%; margin: 0px; padding: 0px; } #navSpalte { width: 100%; border:none; padding: 0px 0px 0px 1rem; margin: 0px; } #contentSpalte { float: left; margin: 0px; border:none; padding: 0px; width: 100%; min-height: auto; border-top: 1px solid black; } #randSpalte { position:absolute; left:200vw; width: 10px; min-height: auto; border: none; background-color:transparent; } #content { float: left; width:100%; } hr { width: calc(100% + 2rem); } /********** Startseite **********/ #Menue_fixieren { position:absolute; width:80%; } #Startseitendiv { margin: 0px; } .StartBildbereich { height:28vw; } #StartSuchmaskendiv input, #StartSuchmaskendiv input[type='submit'] { width: 100%; } /************** Galerie **************/ .Galeriebereich { width: 100%; height:auto; max-height:100%; } .Bildbereich { width: 100%; height:auto; max-height:100%; } .Bild { width: 100%; height:auto; max-height:100%; } .Legendenbereich { border-top: none; } /************** Hamburger **************/ #a, a#hamburger, a#hamburgerU { visibility: visible; position: relative; } /**************** Menü *****************/ #Menue { float:none; position:absolute; visibility: hidden; display: none; padding-bottom:1rem; } .menueiconbereich a, .menueiconbereich a:link, .menueiconbereich a:visited, .menueiconbereich a:active, .menueiconbereich a:hover, .totop a, .totop a:link, .totop a:visited, .totop a:active, .totop a:hover { position: relative; background-color: transparent; border:none; } hr#linie_unter_menue { display:none; } /************** Fussmenü **************/ #FussMenue { float: left; position: relative; text-align: left; padding: 0rem 0.5rem 0px 1rem; } a.Fussnav, a.Fussnav:link, a.Fussnav:visited, a.Fussnav:active, a.Fussnav:hover, a.FussnavX, a.FussnavX:link, a.FussnavX:visited, a.FussnavX:active, a.FussnavX:hover { padding-bottom: 0.5rem; } }