diff --git a/inc/navbar.php b/inc/navbar.php
index d9c9f49..d746a0a 100644
--- a/inc/navbar.php
+++ b/inc/navbar.php
@@ -8,7 +8,7 @@ function navbar($depth, $active = NULL) {
//'Aktiviteter' => 'aktiviteter',
'Prosjekter' => 'prosjekt',
'Kontakt' => 'kontakt',
- 'Webmail' => 'https://webmail.pvv.ntnu.no/roundcube/',
+ 'Webmail' => 'webmail',
'Galleri' => 'galleri',
'Wiki' => 'https://wiki.pvv.ntnu.no/',
'Git' => 'https://git.pvv.ntnu.no/',
diff --git a/www/css/afterlogic.svg b/www/css/afterlogic.svg
deleted file mode 100644
index 6cb9f78..0000000
--- a/www/css/afterlogic.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/www/css/mail.css b/www/css/mail.css
deleted file mode 100644
index e108019..0000000
--- a/www/css/mail.css
+++ /dev/null
@@ -1,73 +0,0 @@
-ul#webmail {
- margin-top: 0;
- margin-left: auto;
- margin-right: auto;
- table-layout: fixed;
- display: table;
- width: 100%;
- padding: 0;
-}
-ul#webmail li {
- display: table-cell;
- text-align: center;
-}
-ul#webmail li .mailname {
- font-size: 1.2em;
-}
-
-@media all and (min-width: 980px) {
- ul#webmail {
- max-width: 1280px;
- }
- ul#webmail li {
- display: table-cell;
- text-align: center;
- }
-}
-@media all and (max-width: 980px) {
- ul#webmail {
- max-width: 650px;
- }
- ul#webmail li {
- display: table-row;
- text-align: center;
- }
-}
-ul#webmail li div {
- position: relative;
- background: white;
- margin: 1em 1em;
- box-shadow: rgba(0,0,0,.3) 0 .1em .17em;
- border-radius: .5rem;
- cursor: pointer;
-}
-ul#webmail li:hover div {
- box-shadow: rgba(0,0,0,.5) 0 .15em .2em;
-}
-ul#webmail li div a {
- padding-top: 10em;
- display: block;
- text-decoration: none;
- color: black;
-}
-ul#webmail li#afterlogic div {
- background: white url('afterlogic.png') no-repeat;
- background: white url('afterlogic.svg') no-repeat;
- background-size: auto 8em;
- background-position: 50% 60%;
-}
-ul#webmail li#squirrelmail div {
- background: white url('squirrelmail.png') no-repeat;
- background-size: auto 10em;
- background-position: 50% 0;
-}
-ul#webmail li#roundcube div {
- background: white url('roundcube.png') no-repeat;
- background-size: auto 10em;
- background-position: 50% 0;
-}
-ul#webmail li#rainloop div {
- background: white url('rainloop.png') no-repeat;
- background-size: auto 10em;
- background-position: 50% 0;
-}
diff --git a/www/css/rainloop.png b/www/css/rainloop.png
deleted file mode 100644
index 1cb320c..0000000
Binary files a/www/css/rainloop.png and /dev/null differ
diff --git a/www/css/squirrelmail.png b/www/css/squirrelmail.png
deleted file mode 100644
index 4f00d15..0000000
Binary files a/www/css/squirrelmail.png and /dev/null differ
diff --git a/www/css/webmail.css b/www/css/webmail.css
new file mode 100644
index 0000000..e24d5f2
--- /dev/null
+++ b/www/css/webmail.css
@@ -0,0 +1,66 @@
+ul#webmail {
+ margin-top: 0;
+ margin-left: auto;
+ margin-right: auto;
+ table-layout: fixed;
+ display: table;
+ width: 100%;
+ padding: 0;
+}
+ul#webmail li {
+ display: table-cell;
+ text-align: center;
+}
+ul#webmail li .mailname {
+ font-size: 1.2em;
+}
+
+@media all and (min-width: 980px) {
+ ul#webmail {
+ max-width: 1280px;
+ }
+ ul#webmail li {
+ display: table-cell;
+ text-align: center;
+ }
+}
+@media all and (max-width: 980px) {
+ ul#webmail {
+ max-width: 650px;
+ }
+ ul#webmail li {
+ display: table-row;
+ text-align: center;
+ }
+}
+ul#webmail li div {
+ position: relative;
+ background: white;
+ margin: 1em 1em;
+ box-shadow: rgba(0,0,0,.3) 0 .1em .17em;
+ border-radius: .5rem;
+ cursor: pointer;
+}
+ul#webmail li:hover div {
+ box-shadow: rgba(0,0,0,.5) 0 .15em .2em;
+}
+ul#webmail li div a {
+ padding-top: 10em;
+ display: block;
+ text-decoration: none;
+ color: black;
+}
+ul#webmail li#roundcube div {
+ background: white url('/webmail/roundcube.png') no-repeat;
+ background-size: auto 10em;
+ background-position: 50% 0;
+}
+ul#webmail li#snappymail div {
+ background: white url('/webmail/snappymail.png') no-repeat;
+ background-size: auto 10em;
+ background-position: 50% 0;
+}
+
+div#lokalmail {
+ font-size: 1.1em;
+}
diff --git a/www/webmail/index.php b/www/webmail/index.php
new file mode 100644
index 0000000..2903b09
--- /dev/null
+++ b/www/webmail/index.php
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Mailverkstedet
+
+
+
+
+
+ Bruk en av våre webmail-klienter
+
+ Roundcube
+
SnappyMail
+
+
+
Eller bruk en lokal e-postklient
+
+
+
+
+ = navbar(1, "mail"); ?>
+ = loginbar($sp, $pdo); ?>
+
+
+
diff --git a/www/css/roundcube.png b/www/webmail/roundcube.png
similarity index 100%
rename from www/css/roundcube.png
rename to www/webmail/roundcube.png
diff --git a/www/webmail/snappymail.png b/www/webmail/snappymail.png
new file mode 100644
index 0000000..f76f45e
Binary files /dev/null and b/www/webmail/snappymail.png differ