body {font-family:verdana,arial,helvetica,sans-serif; font-size:small;} body {background-color: #cbc3a7; line-height:1.4em;margin:0px; padding:0px;} body {background-image:url("http://www.pilehavekartofler.dk/media/images/bg.gif");} body {background-repeat:repeat-y;} body {background-position:top center;} input {margin:2px 0px 2px 0px; padding:2px 2px 2px 2px; } input {width: 140px;border:1px solid #535F3B;background-color:#F0F0E8;} textarea {border:1px solid #535F3B;background-color:#F0F0E8;} button {margin:2px 0px 2px 0px;padding:0px 2px 0px 2px;} button {background-color:#F0F0E8;color:#535F3B;border:1px solid #535F3B;} a {color:#804000;text-decoration: none;} a:visited {color:#804000} a:hover {color:#778855} .over{cursor:pointer;} .out{cursor:default;} .no_css_heading {display:none;font-size: 1px;} /* ________________________________________________________________________________ [content and container] These styles affects the generel page layout on the pages. ________________________________________________________________________________ */ #content {position:absolute;top:0px; left:50%;width:750px;margin-left:-375px;margin-right:auto;} #container {position:absolute;top:170px;left:0px;width:750px;} #container {background-color: #E7E7D6;border-left:1px solid #778855;border-right:1px solid #778855;} #container {margin:0px;padding:0px;} /* ________________________________________________________________________________ [mainlinks] These styles affects the right section on the main page. ________________________________________________________________________________ */ #mainlinks {position:absolute;top:170px;left:50%;width:199px;margin:0px 0px 0px 177px} #mainlinks {background-color: #E7E7D6; color:#535F3B;} #mainlinks h2 {background-color:#778855; margin:5px 0px 5px 0px; color:#F7FFE7;} #mainlinks h2 {text-indent:10px; border:0px; padding:0px 0px 0px 0px;} #mainlinks p {margin:10px 10px 10px 10px;font-size: smaller;line-height:1.4em;} #mainlinks table {line-height:1.0em;border-collapse:collapse;margin-bottom:10px;} #mainlinks td {padding-left:10px;line-height:1.0em;} #mainlinks th {padding-left:10px;line-height:1.0em;text-align: left;} #mainlinks form {margin-bottom:10px;} #mainlinks .first-word {font-weight: bold} #mainlinks #contact {background-image: url("http://www.pilehavekartofler.dk/media/images/envelope2.jpg");} #mainlinks #contact {margin:0px;padding:0px;} #mainlinks #contact {background-repeat: no-repeat;} #mainlinks #contact {background-position: right top;} #mainlinks #contact td {font-size: smaller;line-height:1.4em;} #mainlinks #contact th {font-size: smaller;line-height:1.4em;} #mainlinks #login {background-image: url("http://www.pilehavekartofler.dk/media/images/lock.jpg");} #mainlinks #login {margin:0px;padding:0px;} #mainlinks #login {background-repeat: no-repeat;} #mainlinks #login {background-position: right top;} #mainlinks #archive {margin:0px;padding:0px;} #mainlinks #archive {background-image: url("http://www.pilehavekartofler.dk/media/images/arkiv.jpg");} #mainlinks #archive {background-repeat: no-repeat;} #mainlinks #archive {background-position: right top;} #mainlinks #archive ul {padding: 5px;margin: 0px;} #mainlinks #archive li {list-style-type: none;font-weight: normal;} #mainlinks #archive li {background-image: url("http://www.pilehavekartofler.dk/media/images/small-arrow-in-box2.jpg");} #mainlinks #archive li {background-repeat: no-repeat;padding-left: 15px;} #mainlinks #archive li {background-position: 0 .5em;font-size: smaller;} #mainlinks #archive a {color:#535F3B;text-decoration: none;border-bottom:1px dotted #778855;} #mainlinks #archive a:visited{color:#535F3B;text-decoration: none;border-bottom:1px dotted #778855;} #mainlinks #archive a:hover{color:#804000;text-decoration: none;border-bottom:1px dotted #804000;} /* ________________________________________________________________________________ [menu] These styles affects the menu section on all pages. ________________________________________________________________________________ */ #menu {position:absolute;top:150px; left:0px;width:750px;height: 20px;height: 30px;} #menu {margin:0px; padding:0px; background-color:#535F3B;} #menu {border-left:1px solid #778855; border-right:1px solid #778855;} #menu {background-image:url("http://www.pilehavekartofler.dk/media/images/knap.jpg");} #menu {background-repeat:repeat-x; background-position: left top;} #menu ul { border:0px; margin:0px; padding:0px; list-style-type:none;} #menu ul li {display:block; float:left; text-align:center; margin:0px; padding:0px;} #menu ul li a {background-image: url("http://www.pilehavekartofler.dk/media/images/knap.jpg");} #menu ul li a {background-repeat:repeat-x; background-position:left top;} #menu ul li a {width:100px; height:20px; border-right:1px solid #778855;} #menu ul li a {padding:0px; margin:0px; color: #000000; text-decoration:none;} #menu ul li a {font: normal 11px/18px verdana, lucida, sans-serif;} #menu ul li a {display:block; text-align:center; font-weight: bold;} #menu ul li a:hover {color: #3A4107;background: #F0F0E8;} #menu ul li a:active {background: #c60; color: #fff; } #menu ul li#active a {background: #c60;border: 1px solid #c60;color: #fff;} #menu ul li a:focus {background: #c60;color: #fff;} #menu ul li#focus a {background: #c60;border: 1px solid #c60;color: #fff;} /* ________________________________________________________________________________ [footer] These styles affects the footer section on all pages. ________________________________________________________________________________ */ #footer {float:left; width:750px} #footer {margin:0px; padding:0px; line-height:1.4em;} #footer {background-color:#778855; color:#E7E7D6; font-size:smaller;} #footer a {color:#F0F0E8; text-decoration:none;} #footer #stand_compl {text-align:center;} #footer #copyright {text-align:center;} /* ________________________________________________________________________________ [header] These styles affects the header section on all pages. ________________________________________________________________________________ */ #header {position:absolute;top:0px; left:0px;width:750px; height: 150px;} #header {background-color:#ffffff; margin:0px; padding:0px;} #header {background: url("http://www.pilehavekartofler.dk/media/images/banner.jpg");} #header {background-repeat:no-repeat; background-position:left top;} #header {border-left:1px solid #778855;border-right:1px solid #778855;} /* ________________________________________________________________________________ [Sortering] These styles affects the main textarea on the page 'sotering.php' ________________________________________________________________________________ */ #sortering { float:left; width:499px; margin:0px; padding:0px;} #sortering {background-color: #F0F0E8;border-right:1px solid #778855;} #sortering {word-spacing: 0.03em; letter-spacing: 0.03em;} #sortering h1 {margin:25px 25px 5px 25px;} #sortering h2 {margin:10px 25px 10px 25px;} #sortering p {margin:10px 25px 10px 25px;} #sortering li {margin-left:10px;} #sortering table {border-collapse: collapse;margin:10px 25px 10px 25px;width: 430px;} #sortering table {border-top:1px solid #000000;border-bottom:1px solid #000000;} #sortering table {margin:0px 30px 0px 30px;} #sortering th {text-align: left;} #sortering td {text-align: right;} /* ________________________________________________________________________________ [pictures] These styles affects the picture area on the static pages. ________________________________________________________________________________ */ #pictures {position:absolute;top:170px;left:50%;width:250px;margin-left: 126px;} #pictures {background-color: #E7E7D6;} #pictures img {margin:20px 5px 0px 5px;border:solid 1px #778855;padding:2px; } #pictures p {margin:0px 5px 0px 7px;;font-size: smaller;line-height:1.4em;} #pictures h2 {background-color:#778855; margin:5px 0px 5px 0px; color:#F7FFE7;} #pictures h2 {text-indent:10px; border:0px; padding:2px 0px 2px 0px;} /* ________________________________________________________________________________ [main-story] These styles affects the main area on the frontpage. ________________________________________________________________________________ */ #main-story {float:left; width:550px; margin:0px; padding:0px;} #main-story {background-color: #F0F0E8;border-right:1px solid #778855;} #main-story h1 {margin:25px 25px 5px 25px;} #main-story .content {word-spacing: 0.03em; letter-spacing: 0.03em;margin:0px 25px 0px 25px;} #main-story .meta {word-spacing: 1px; letter-spacing: 1px;margin:15px 25px 25px 25px;color:#778855;border-top:dashed 1px #778855;} #main-story .content img {float:right;margin:0px 0px 10px 10px;padding:2px;border: 1px solid #778855;} #main-story a {background-image: url("http://www.pilehavekartofler.dk/media/images/blog_e.gif");} #main-story a {background-repeat: no-repeat; background-position: 0 .2em;} #main-story a {padding-left: 20px;color:#804000;text-decoration: none;} /* ________________________________________________________________________________ [update] These styles affects the main area on the update page. ________________________________________________________________________________ */ #update {float:left; width:550px; margin:0px; height: 600px; padding:0px;} #update {background-color: #F0F0E8;border-right:1px solid #778855;} #update h1 {margin:25px 25px 5px 25px;} #update label, #update button {margin:5px 25px 5px 25px;} #update input{color:#000000;background-color: #ffffff;border:1px solid #CCCCCC;} #update .content {word-spacing: 0.03em; letter-spacing: 0.03em;margin:0px 25px 0px 25px;} #update .meta {word-spacing: 1px; letter-spacing: 1px;margin:15px 25px 25px 25px;color:#778855;border-top:dashed 1px #778855;} #update .content img {float:right;margin:0px 0px 10px 10px;padding:2px;border: 1px solid #778855;} #update a {background-image: url("http://www.pilehavekartofler.dk/media/images/blog_e.gif");} #update a {background-repeat: no-repeat; background-position: 0 .2em;} #update a {padding-left: 20px;color:#804000;text-decoration: none;} /* ________________________________________________________________________________ [blogentry] These styles affects the main area on blogentry page. ________________________________________________________________________________ */ #blogentry {float:left; width:550px; height: 600px; margin:0px; padding:0px;} #blogentry {background-color: #F0F0E8;border-right:1px solid #778855;} #blogentry h1 {margin:25px 25px 5px 25px;} #blogentry .content {word-spacing: 0.03em; letter-spacing: 0.03em;margin:0px 25px 0px 25px;} #blogentry .meta {word-spacing: 1px; letter-spacing: 1px;margin:15px 25px 25px 25px;color:#778855;border-top:dashed 1px #778855;} #blogentry .content img {float:right;margin:0px 0px 10px 10px;padding:2px;border: 1px solid #778855;} #blogentry a {background-image: url("http://www.pilehavekartofler.dk/media/images/blog_e.gif");} #blogentry a {background-repeat: no-repeat; background-position: 0 .2em;} #blogentry a {padding-left: 20px;color:#804000;text-decoration: none;} /* ________________________________________________________________________________ [contactus] These styles affects the main area on the frontpage. ________________________________________________________________________________ */ #contactus {float:left; width:550px; height: 600px; margin:0px; padding:0px;} #contactus {background-color: #F0F0E8;border-right:1px solid #778855;} #contactus h1 {margin:25px 25px 5px 25px;} #contactus p {word-spacing: 0.03em; letter-spacing: 0.03em;margin:0px 25px 0px 25px;} #contactus table {border-collapse: collapse;margin:10px 25px 10px 25px;width: 430px;} #contactus table {margin:10px 30px 10px 30px;} #contactus td {text-align: left;} /* ________________________________________________________________________________ [references] These styles affects the left collum on the frontpage. ________________________________________________________________________________ */ #references {float:left;width: 225px;} #references {background-color: #E7E7D6;border-top:1px solid #778855;} #references {margin:0px;padding:0px;} #references h2 {border:0px; margin:5px 0px 5px 0px;padding:2px 0px 2px 0px;} #references h2 {text-indent:10px; color:#F7FFE7;background-color:#778855;} #references ul {padding: 5px;margin: 0px;} #references li {list-style-type: none;font-weight: normal;} #references li {background-image: url("http://www.pilehavekartofler.dk/media/images/small-arrow-in-box2.jpg");} #references li {background-repeat: no-repeat;padding-left: 15px;} #references li {background-position: 0 .5em;font-size: smaller;} #references a {color:#535F3B;text-decoration: none;border-bottom:1px dotted #778855;} #references a:visited {color:#535F3B;text-decoration: none;border-bottom:1px dotted #778855;} #references a:hover {color:#804000;text-decoration: none;border-bottom:1px dotted #804000;} /* ________________________________________________________________________________ [oldstories] These styles affects the center collum on the frontpage. ________________________________________________________________________________ */ #oldstories {float:left; width:324px;} #oldstories {background-color:#F0F0E8; border-left:1px solid #778855;} #oldstories {margin:0px; padding:0px; border-right:1px solid #778855;} #oldstories h2 {margin:10px 0px 5px 0px;} #oldstories a {background-image: url("http://www.pilehavekartofler.dk/media/images/blog_e.gif");} #oldstories a {background-repeat:no-repeat; background-position:0.2em; } #oldstories a {padding-left:20px; color:#804000; text-decoration:none;} #oldstories a:visited {color:#804000} #oldstories a:hover {color:#778855} #oldstories .title {margin:0px 25px 0px 25px;} #oldstories .content {word-spacing:0.03em; letter-spacing:0.03em;} #oldstories .content {margin:0px 25px 10px 25px;} #oldstories .meta {margin:0px 25px 25px 25px;border-top:dashed 1px #778855;} #oldstories .meta {word-spacing: 1px; letter-spacing: 1px;color:#778855;} /* ________________________________________________________________________________ [pic-handeling] These styles affects the main textarea on the page 'sotering.php' ________________________________________________________________________________ */ #pic-handeling { float:left; width:550px; margin:0px; padding:0px;} #pic-handeling {background-color: #F0F0E8;border-right:1px solid #778855;} #pic-handeling {word-spacing: 0.03em; letter-spacing: 0.03em;} #pic-handeling h1 {margin:25px 25px 5px 25px;} #pic-handeling h2 {margin:10px 25px 10px 25px;} #pic-handeling p {margin:10px 25px 10px 25px;} #pic-handeling li {margin-left:10px;} #pic-handeling label {margin:10px 25px 10px 25px;} #pic-handeling button {margin:10px 25px 10px 120px;} #pic-handeling table {margin:0px 30px 0px 30px;} #pic-handeling th {text-align: left;} #pic-handeling td {text-align: right;} /* ________________________________________________________________________________ [list] These styles affects the lists in the administration sektion ________________________________________________________________________________ */ #list {float:left; width:550px; height: 600px; margin:0px; padding:0px;} #list {background-color:#F0F0E8; border-right:1px solid #778855;} #list h1 {margin:25px 25px 5px 25px;} #list p {word-spacing: 0.03em; letter-spacing: 0.03em; margin:0px 25px 0px 25px;} #list table{ border-collapse: collapse;width: 90%;margin:25px 25px 5px 25px;} #list .db_list1 { background-color: #E7E7D6;cursor: default; } #list .db_list2 { background-color: #CECEB8;cursor: default; } #list .db_selected { background-color: #778855;cursor: default; } #list .db_hover { background-color: #778855;cursor: pointer; } #list .db_number { background-color: #f0f0e8;cursor: default;color:#778855; } #list .header { color: #804000;cursor: default;font-weight: bold; } #list .header_hover { color: #999966;cursor: pointer;font-weight: bold; } #list .header_out { color: #804000;cursor: default;font-weight: bold; } /* ________________________________________________________________________________ [products] These styles affects the layout on the page 'produktion.php' ________________________________________________________________________________ */ #products {float:left; width:750px; height: 600px; margin:0px; padding:0px;} #products {background-color: #F0F0E8;border-right:1px solid #778855;} #products h1 {margin:25px 25px 5px 25px;} #products h2 {margin:10px 25px 5px 25px;} #products p {word-spacing: 0.03em; letter-spacing: 0.03em;margin:0px 25px 0px 25px;} #products table {border-collapse: collapse;margin:10px 25px 10px 25px;width: 430px;} #products table {margin:10px 30px 10px 30px;} #products td {text-align: left;} #products th {text-align: left;} #products .pics {float:right; position:absolut; right:0px; margin-right:0px; width: 200px;} #products #dali {display:none; padding:0px 5px 5px 5px;} #products #spunta {display:none; padding:0px 5px 5px 5px;} #products #kennebec {display:none; padding:0px 5px 5px 5px;} #products #jaerla {display:none;padding:0px 5px 5px 5px;}