/* Start of CMSMS style sheet 'grunden' */
html, body, div, ul, li { margin: 0; padding: 0; }
img { border: 0;}
html { min-height: 100.01%; width: 100%; font-size: 100%; background-color: #fff;}
body { font-size: 1em; font-family: arial, Arial, Helvetica, sans-serif; }
a.text:link { color: #555; text-decoration: none; }
a.text:visited { color: #999; text-decoration: none; }
a.text:hover { color: #666; text-decoration: underline; }
div#indextop { width: 770px; height: 80px; margin: 0 auto; background: url(../grafik/indextop.png) no-repeat center top;}
p { margin: 0.4em 0 1.1em 0em; font-size: 0.80em; line-height: 1.2em; color: #111;}
div#top { width: 770px; height: 95px; margin: 0 auto; background: url(../grafik/top.png) no-repeat top;}
div#bund { width: 770px; height: 66px; margin: 0 auto; background: url(../grafik/bund.png) no-repeat center bottom;}
#holder { position: relative; top: 80px; width: 770px; margin: 0px auto 0px auto; background: #fff url(../grafik/midte.png) repeat-y center; }
#index {height: 160px;}
div#midte { width: 704px; margin: 0px 0px 170px 30px; }
h1, h2 { text-indent: -2323px; }
.keramik1 span { width: 138px; height: 14px; position: absolute; margin-left: 68px; left: 50%; top: 218px; background: url(../grafik/haanddrejet.png) no-repeat left top; }
.cjulin a { width: 139px; height: 23px; position: absolute; margin-left: 68px; left: 50%; top: 192px; background: url(../grafik/christajulin.png) no-repeat left top; }
.keramik2 span { width: 138px; height: 14px; position: absolute; margin-left: -188px; left: 50%; top: -15px; background: url(../grafik/haanddrejet.png) no-repeat left top; }
.julin a { width: 139px; height: 23px; position: absolute; margin-left: -344px; left: 50%; top: -22px; background: url(../grafik/christajulin.png) no-repeat left top; }
#indexmenu { width: 662px; height: 116px; position: absolute; left: 9px; top: 259px; background: #fff url(../grafik/indexul.png) no-repeat -30px 0px; }
#menu { width: 770px; height: 116px; position: relative; left: 9px; top: -22px; }
#vaerkerli { width: 80px; height: 90px; position: absolute; top: 22px; left: 8px; display: block;}
#informationli { width: 80px; height: 90px; position: absolute; top: 22px; left: 97px; display: block;}
#aktueltli { width: 80px; height: 90px; position: absolute; top: 22px; left: 186px; display: block;}
#vaerkstedli { width: 80px; height: 90px; position: absolute; top: 22px; left: 275px; display: block;}
#kontaktli { width: 80px; height: 90px; position: absolute; top: 22px; left: 364px; display: block;}
#informationli a { background: transparent url(../grafik/information.png) no-repeat 0 0px; }
#vaerkerli a { background: url(../grafik/vaerker.png) no-repeat 0 0px; }
#aktueltli a { background: transparent url(../grafik/aktuelt.png) no-repeat 0 0px; }
#vaerkstedli a { background: transparent url(../grafik/vaerksted.png) no-repeat 0 0px; }
#kontaktli a { background: transparent url(../grafik/kontakt.png) no-repeat 0 0px; }
#vaerkerli a:visited, #informationli a:visited, #aktueltli a:visited, #vaerkstedli a:visited,#kontaktli a:visited { background-position: 0 -100px; }
ul#menu #vaerkerli a.aktiv, ul#menu #informationli a.aktiv, ul#menu #aktueltli a.aktiv, ul#menu #vaerkstedli a.aktiv, ul#menu #kontaktli a.aktiv { background-position: 0 -200px; }
#vaerkerli a:hover, #informationli a:hover, #aktueltli a:hover, #vaerkstedli a:hover,#kontaktli a:hover { background-position: 0 -200px; }
h3 { background: transparent url(../grafik/h3ikon.png) no-repeat left center; padding-left: 18px; font-weight: normal; margin: 0 0; font-size: 1em; line-height: 1.2em; color: #111; letter-spacing: 0.08em; }
ul#menu span { position: absolute; left: -2222px; text-decoration: none; list-style: none; }
ul#indexmenu span { position: absolute; left: -2222px; text-decoration: none; list-style: none; }
ul#indexmenu li, ul#indexmenu a { height: 77px; width: 92px; display: block; }
ul#menu li, ul#menu a { height: 77px; width: 94px; display: block; }
.thumbnail { background-color: #fff; float: left; width: 120px; border: solid 0 #999; margin: 0px 7px 15px 7px; }
.thumbnail img { margin: 15px 10px; }
.clearboth { clear: both; }
.infobox { padding: 15px 0px 30px 0px; background: #ddd url(../grafik/infobpx.png) no-repeat center top; width: 231px; position: absolute; top: 121px; left: 45px; text-align: center;}
.infobox img { margin: 0px; }
.infobox p { margin: 12px 25px 8px 25px; line-height: 1.4em; }
.indhold p { margin-left: 18px; line-height: 1.4em; }
.indhold { width: 410px; margin: 10px 10px 100px 10px; position: relative; left: 282px; top: 6px; }
.lillekeramik { height: 60px; width: 300px; position: relative; top: -66px; left: 364px; background: url(../grafik/lillekeramik1.png) no-repeat left top; }
.infografik { background: transparent url(../grafik/infografik.png) no-repeat 0px 0px; width: 230px; height: 130px;}
.fokus {font-weight: bold; }
.citat { background: transparent url(../grafik/citat.png) no-repeat 0px 0px; width: 666px; height: 130px; position: absolute; top: 192px; left: 48px; }
.citat p { text-indent: -2323px; }
.blomst { background: transparent url(../grafik/blomsten.png) no-repeat 0px 0px; position: absolute; top: 4px; left: 680px; width: 77px; height: 55px;}
.blaablomst { background: transparent url(../grafik/blaablomst.png) no-repeat 0px 0px; position: absolute; top: 256px; left: 612px; width: 77px; height: 55px;}
.border { padding: 7px; }
.fyld { height: 55px; }
html #bund p a.web { color: #fff; fons-size: 0.5em; margin: 72px 0 0 44px;}
/* End of 'grunden' */