body {margin: 0px; color: #000; background-color: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
body a {color: #C83A22; color: #000;}
/*body a:visited {color: #000;}*/

a {text-decoration: none;}
a:hover {text-decoration: underline;}

#wrapper, #menuwrapper {width: 400px; margin: 0 auto;}
#wrapper600p {width: 600px; margin: 0 auto;}
#menu {margin: 10px 0 20px 0;}
#leftside {background-image: url(gui-grafik/bgrille.png); background-repeat: repeat-y; float: left; width: 7px; position: relative; left: -7px; overflow: visible; height: 100%; background-size: 100%;}

#container {width: 640px; background-color: #f9ead4; border-width: 1px; border-bottom-width: 0; border-style: solid; border-color: #000;}
#header {height: 196px; background-image: url(gui-grafik/headerlogo.jpg);}
#content {background-color: #E3B731; background-color: #C19520;}

#flag-da, #flag-en {width: 18px; height: 12px; border-style: solid; border-width: 1px; background-image: url(/images/flags.png);}
#flag-da {background-position: 0px 0px;}
#flag-da:hover {background-position: 0px -12px;}
#flag-en {background-position: -18px 0px;}
#flag-en:hover {background-position: -18px -12px;}

.item-titel {font-size: 1.6em; clear: both; text-align: center; color: #000; height: 44px; background-image: url(gui-grafik/bgitem.png); padding-top: 2px;}
.item, .new-record {width: 100%; clear: both; padding-top: 14px;}
.new-record {width: 680px;}
.admin {display: none;}
#f1_upload_process{visibility:hidden;}
.toggle-display {clear: both; width: 100%; border: 0; background-color:#E4D59E}
.toggle-display:hover {background-color: #FFFDB3}
.toggle-display input {background-color: transparent;}
.tekst {padding: 0 2% 4% 2%; display: none; min-height: 420px;}

.lige {background-color: #f2ddb3; }
.inp-lige {width: 100%; height: 30px; background-color: #f2ddb3;}
.inp-ulige {width: 100%; height: 30px;}

.titel-lille {font-size: 1.5em; color: #715b18;}
.undertitel, .indhold, .forfatter, .aarsidetal, .pris {font-size: 12px; font-style: normal; color: #000; text-decoration: none;}
.text-block a {text-decoration: none; padding-left: 4%;}
.undertitel {font-style: italic;}

/*	.image-block, .text-title {width: 24%; padding: 0 2% 20px 0; text-align: right; vertical-align: top; float: left; clear: left;} */
.image-block img {border-width: 1px; border-style: solid; border-color:#000;}
/*	.text-block, .text-input {position: relative; top: -6px; width: 60%; float: left; text-align: left; clear: right;} */

.text-title, .full-text-title {width: 43%; position: relative; top: 6px; padding: 0 2% 0 0; float: left; clear: right; text-align: right;}
.text-input, #emailInfo, #emailInfoRegister, #confirmInfo, #pwInfo, #pwInfoRegister, #confirmPwInfo, #signUpError, #logonError, #forgotPassEmailError, #forgotPassEmailInfo {width: 55%; padding: 0 0 0 0; float: right; clear: right;}

.full-text-title {width: 50%; text-align: left; clear: both;}
.full-text-input {width: 95%; padding-left: 2%; clear: both;}
.quest-input {display: table-cell;}
.text-block {padding: 0 10% 20px 4%;}

.cl 	{clear: left;}
.cr 	{clear: right;}
.cb 	{clear: both;}
.fr 	{float: right;}
.fl		{float: left;}
.w25	{width: 25%;}
.w50  {width: 50%;}
.w75	{width: 75%;}
.w90  {width: 90%;}
.w100 {width: 100%;}
.w400p {width: 400px;}
.w500p {width: 500px;}
.w600p {width: 600px;}
.i {font-style: italic;}
.b {font-weight: bold;}
.big {font-size: 1.4em;}
.small {font-size: 0.8em;}
.ac {text-align: center;}
.al {text-align: left;}
.ar {text-align: right;}
.red {color: red;}
.pr 		{position: relative;}
.l5		{left: 5%;}
.l10		{left: 10%;}
.bggrey {background-color: #EEE;}
.decade {border-style: solid; border-width: 1px; height: 188px; border-color: #AAA; padding: 2px; width: 200px; margin-left: 8px;}
.full-button {background-image: url('/images/full-button.png'); width: 220px; height: 22px; border: 0px; padding: 0px; background-color: transparent;}
.full-button:hover, .small-button:hover, .expand-button:hover {background-position: 0px -22px;}
.full-button[disabled], .small-button[disabled], .full-button[disabled]:hover, .small-button[disabled], .small-button[type="submit"][disabled]:hover {background-position: 0px -22px;}
.small-button {background-image: url('/images/small-button.png'); width: 160px; height: 22px; border: 0px; padding: 0px; background-color: transparent;}
.expand-button, .contract-button {background-image: url('/images/exp-con-button.png'); width: 220px; height: 22px; border: 0px; padding: 0px; background-color: transparent;}
.contract-button {background-position: 0px -44px;}
.contract-button:hover {background-position: 0px -66px;}
.adjust-year {position: relative; top: 2px;}
.adjust-season {position: relative; top: -2px;}

/* Questionaire */

#kontorID {width: 1000px; margin: 0 auto;}
.kontorUser {width: 280px;}
.kontorArrival {width: 100px; text-align: center;}
.kontorDinner{width: 130px; text-align: center;}
.kontorVegetarian {width: 70px; text-align: center;}
.kontorWorkshop {width: 200px;}
.kontorNotes {width: 200px;}

#emailInfo, #emailInfoRegister, #confirmInfo, #pwInfo, #pwInfoRegister, #confirmPwInfo, #signUpError, #logonError, #forgotPassEmailError, #forgotPassEmailInfo {display: none; color: #ff0000; font-weight; bold;}
.linkButton {border: 0px; background-color: transparent; color: #00f; text-align: right; padding: 0px;}
.linkButton:hover {color: #33f; text-decoration: underline; cursor: pointer;}
.spacer {width: 100%; clear: both; min-height: 1.5em;}


.borderbot, .bordertop {border: 0; border-style: solid; border-color: #000;}
.borderbot {border-bottom-width: 1px;}
.bordertop {border-top-width: 1px;}
.knapper {height: 30px; padding-top: 3px; padding-left: 2%; clear: both;}
.delete-record, .update-record {height: 30px; float: left;}
.delete-record {padding-left: 31%;}
.update-record {padding-right: 10%; float: right;}
.select {width: 50%}