/* DEFAULTS*/

/* colors: 
lilla mrk hovedmenu: #5D2C50
Gammle 5D2C50, 
brun mrk sidemenu: #5D2C50
Saftiggron ny menu samt links #637021
lys lilla baggrund: #B8AFAF
Lys brun Streger: #A6926C
rdbrun overskrifter, links: #A13913
LYS LYS: #E0DCDC
*/


body, tr, td, p, div, span, h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding: 0px;
	margin: 0px;
}

body {
	text-align: center;
	background-color: #B8AFAF;
}

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.bodytext a {
	color: #637021;
	text-decoration: none;
}

img {
	border: 0px;
}

.main-content h1, .main-content h1 a, .main-content h6, .main-content h6 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #5D2C50;
	font-weight: normal;
}


.style1, .style1 a {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
	color: #A13913;
	font-weight: bold;
}



/* STRUCTURES */

#page-table {
	width: 924px;
	margin: 0px auto;
	height: 100%;
	background-color: #FFFFFF;
	top: 0px;
}

#top-td {
	height: 94px;
	vertical-align: top;
	background-image:   url(topimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu-td {
	vertical-align: top;
	height:48px;
	padding-top: 8px;
	padding-left: 36px;
	padding-right: 36px;
}

#left-td{		
	height: 100%;
	width: 218px;
	vertical-align: top;
}

.menu-sub {
	padding-left: 36px;
	padding-right: 36px;
}	

#main-td{
	height: 1051px;
	width: 486px;
	vertical-align: top;
}
.main-content{
	
}	

#right-td{
	height: 100%;
	width: 218px;
	vertical-align: top;
}


#bottom-td{
	border: none;
}


/* MENUS */
.menu1 {
	color: #5D2C50;
	margin-right: 24px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}

.menu1 a {
	text-decoration: none;
	color: #5D2C50;
	}
	
.menu1 a:hover {
	color: #637021;

}
			
.menu1-act a {
	font-family: "Times New Roman", Times, serif;
	margin-right: 24px;
	font-size: 14px;
	font-weight: bold;
	color: #637021;	
	text-decoration: none;
}

.menu2 {
	padding-bottom: 24px;
	color: #46383D;
	font-weight: bold;
}
.menu2 a {
	color: #46383D;
	text-decoration: none;

}
.menu2-act a {
	color: #5D2C50;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 24px;
	text-decoration: none;
}



/* ELEMENTS */


.right-content {
	padding-left: 36px;
	padding-right: 36px;
}

.left-content {
	padding-left: 36px;
	padding-right: 36px;
}
.right-content img, .left-content img {
	width; 146px;
}

.right-content h1, .left-content h1 {
	font-weight: bold;	
	color: #5D2C50;
	line-height: 16px;
	border-top-width: 0px;
		margin: 0px;
		padding-top: 0px;
}
.right-content h1 a, .left-content h1 a{
	color: #5D2C50;
	text-decoration: none;
}
#top-element{
}
.top-element-container{
width: 486px;
}

.top-element-content{
	padding-left: 24px;
	padding-right: 24px;
	background-image:  url(bg.png);
}

.top-element-bottom{
}

.forside-boks img{
	width: 146px;
	margin-bottom: 16px;
}

.forside-boks{
	padding-bottom: 16px;
}

#forside-td-boks {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6926C;
}

#underside-td-boks {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6926C;
}

.underside-boks{
	padding-bottom: 16px;
}

.underside-boks img{
	width: 316px;
	margin-bottom: 16px;
}

/* FORMS */

.csc-form-fieldcell input {
	border: 1px solid #8c993b;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.csc-form-fieldcell select {
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	border: 1px solid #8c993b;
}

.csc-form-fieldcell submit {
	border: 1px solid #8c993b;
	background-color: #EFEFF4;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}




/* MAILFORM */

.csc-mailform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 8px;
	border: 1px solid #A6926C;
	width:486px;
}

.csc-mailform label{
   	width:60px;
    	
}


.csc-mailform-field {
	padding-top: 8px;
	
}

.csc-mailform input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	border: 1px solid #A6926C;
}

.csc-mailform textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	border: 1px solid #A6926C;
}

.csc-mailform-submit {
	border: 1px solid #A6926C;
	background-color: #B8AFAF;
}

.csc-mailform select {
 	font-size: 11px;
 	
}


/* ---------------------------------------------------Simple  CALENDAR */


.calendar_table {
	border: #5D2C50 1px solid;
	WIDTH: 146px;
	height: 140px;
	background-color: #FFFFFF;
	text-align: left;
 }
 
.cal_head, A.cal_head, .cal_head:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	color: #5D2C50;
	background-color: #FFFFFF;
	text-align: center;
	FONT-WEIGHT: bold; 
	}

.A.cal_head:hover, .cal_head:visited:hover{ 	
	color: #637021;
	text-decoration: none
}

.cal_days {
	font-size: 10px;
	FONT-WEIGHT: bold; 
	color: #FFFFFF;	
	background-color: #B8AFAF;  	
 	text-align: center;	
 	height: 17px;
 	border: none;
 	}

.cal_content {		
	text-align: center;	
	height: 17px;	
 }

.cal_sunday, .cal_saturday {
	font-size: 11px;
	background-color: #FFFFFF;
	color: #5D2C50;
	text-align: center;
	 }

.cal_empty { 
	background-color: #FFFFFF;
	height: 17px;
	 }


.cal_event, A.cal_event { 	
	FONT-WEIGHT: bold; 
	COLOR: #A13913; 
	FONT-FAMILY: arial;
	font-size: 11px; 
	TEXT-DECORATION: none; 	
	padding: 0px;	
	MARGIN: 0px;
	}

A.cal_event:hover, .cal_event:visited:hover { 	
	COLOR: #A13913; 	 	
	}
	
.cal_event:visited { 	
	COLOR: #A13913; 	
	}
	
.cal_today {
	COLOR: #637021;
	height: 15px;
	width: 19px;
	border: 1px solid #637021;
}

.cal_today_event, A.cal_today_event {
	COLOR: #A13913;
}

A.cal_today_event:hover, .cal_today_event:visited:hover {
	COLOR: #A13913;
}

/* can't be a.cal_today_event:visited, because then would override .cal_today_event:visited:hover */

.cal_today_event:visited {
	COLOR: #A13913;
}

.eventdetail_wraptable { 	
	PADDING: 0px; 
	FLOAT: none; 
	margin: 0px; 
	WIDTH: 100%; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}

.eventdetail_date {
	line-height: 9px;
	text-align: right;
	color: #666666;
	font-size: 9px;
	float: right;
	padding-right: 24px;
}
	
.eventdetail_time { 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 9px; 
	COLOR: #666666; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
}

.eventdetail_title {
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #2F1869;
	line-height: 16px;
	text-decoration: none;

}
/* ---------------------------------------------------Simple  CALENDAR End */

/* --------------------------------------------------- ADM WEEK CALENDAR Begin */
/***
table.weekTable
th.weekTable
td.weekTableYear
td.weekTableMonth
td.booked
td.vacant

green:#8c993b

***/
/* colors: 
lilla mrk hovedmenu: #5D2C50
Gammle 5D2C50, 
brun mrk sidemenu: #5D2C50;
Grøn fra Frankrigskortet: #8c993b;

Saftiggron ny menu samt links #637021
lys lilla baggrund: #B8AFAF
Lys brun Streger: #A6926C
rdbrun overskrifter, links: #A13913		AA: #66461c;
LYS LYS: #E0DCDC
*/

table.weekTable {
	width:146px;
	color:#8c993b;
	background-color:#transparent;
	border:1px solid #8c993b;
	border-collapse:collapse;
	font-size:14px;
}
table.weekTable a {
	text-decoration:none;
	font:inherit;
	color:inherit;
}

table.weekTable th {
	padding:1px 0px;
	border:1px solid #8c993b;
	border-collapse:collapse;
}
table.weekTable td {
	padding:1px 0px;
	border:1px solid #8c993b;
	border-collapse:collapse;
}
table.weekTable th.year {
/*	background-color:#8c993b;color:#000; */
	background-color:#637021;color:#e0dcdc;
	border:1px solid #8c993b;
	border-collapse:collapse;
	font-size:11px;
	font-weight:bold;
}



table.weekTable td.weekspecs {
	background-color:#fff; /** background: reserved was 6fc **/
	font-weight:normal;
	text-align:center;
}
#weekspecs {
	color:#030;
	font-size:10px;
	font-weight:bold;
}


table.weekTable td.month {
	width:50px;									/* 17*5+45 = 85+49 = 134 + 7 borders = 141 */
	background-color:transparent;
	color:#060;
	font-size:9px;
	font-weight:bold;
	border:1px solid #8c993b; 
	text-align:center;
}
table.weekTable td.blank,
table.weekTable td.vacant,
table.weekTable td.reserved,
table.weekTable td.booked {
	width:17px;
	font-size:9px;
	font-weight:bold;
	border:1px solid #8c993b;
	text-align:center;
}
table.weekTable td.blank {
	background-color:#ffefef;
	color:#fee;
}
table.weekTable td.vacant {
	cursor:pointer;
	background-color:#fff;
	color:#637021;
}
table.weekTable td.vacant a {
	color:#637021;
}
table.weekTable td.reserved {
	cursor:pointer;
	background-color:#ff9; /** background: reserved was 6fc **/
	color:#060;
}

table.weekTable td.booked {
	cursor:pointer;
	background-color:#fcc;
	color:#600;
}

#weekReservation
{
	width:146px;
	padding:0px;
	margin:10px 0px;
	color:#8c993b;
	background-color:#transparent;
	border:1px solid #8c993b;
	font-size:9px;
	text-align:center;
	display:none;
	position:relative;
}

#weekReservation #closeRes
{
	cursor:pointer;
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
/*	height:20px; */
	border-left:1px solid #8c993b;
	border-bottom:1px solid #8c993b;
	background-color:#fcc;
	font-size:9px;
	font-weight:bold;
	color:#600;
}

#weekReservation h1 {
	color:#46661c;
	font-size: 12px;
	margin:20px 4px 0px 4px;
}
#weekReservation h2 {
	color:#46661c;
	font-size:9px;
	font-weight:normal;
	margin:10px 8px;
}

#weekReservation form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0px;
}

#weekReservation form label{
	color:#46661c;
	font-size:9px;
	font-weight:bold;
}
#weekReservation input {
	border: 1px solid #8c993b;
	padding-left: 0px;
	font-family: Courier,mono-space;
	font-size: 10px;
}
#weekReservation select {
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	border: 1px solid #8c993b;
}

#weekReservation form input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	border: 1px solid #A6926C;
	margin:0px 4px 10px 4px;
}

#weekReservation form textarea {
	width:136px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	border: 1px solid #A6926C;
	margin:0px 4px 10px 4px;
}

#weekReservation form input.submit {
	width:60px;
	margin:10px 43px;
	border: 1px solid #46661c;
	color:#46661c;
	background-color: #ccff66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#weekReservation form input.submit:hover {
	border: 1px solid #000;
	color:#000;
}

#adminDiv
{
	width:146px;
	padding:8px 0px;
	margin:10px 0px;
	color:#960;
	background-color:#fee;
	border:1px solid #960;
	font-size:9px;
	line-height:11px;
	text-align:center;
	position:relative;
}
#weekReservation h1 {
	color:#A13913;
	font-size: 12px;
	margin:20px 4px 0px 4px;
}
#weekReservation h2 {
	color:#A13913;
	font-size:9px;
	font-weight:normal;
	margin:10px 8px;
}

/* colors: 
lilla mrk hovedmenu: #5D2C50
Gammle 5D2C50, 
brun mrk sidemenu: #5D2C50
Saftiggron ny menu samt links #637021
lys lilla baggrund: #B8AFAF
Lys brun Streger: #A6926C
rdbrun overskrifter, links: #A13913		AA: #66461c;
LYS LYS: #E0DCDC
*/


			/***
				<!-- ADMIN ITEM #17 BEGIN -->
				<div class="adminItem">
				<b>Uge 10 - 11</b><br />
				<small>2010-03-13 - 2010-03-20</small><br />
				<table>
				
					<tr><td><b>Navn</b></td><td>Eksisterende kunde</td></tr>
					<tr><td><b>Email</b></td><td>aa@ajourdata.dk</td></tr>
					<tr><td><b>Telefon</b></td><td>12345678</td></tr>
					<tr><td><b>Besked</b></td><td>hentet fra Klaus' håndmalede liste...</td></tr>
				</table><br /><a href="?ADMWeekCalendar[act]=demoteReservation&ADMWeekCalendar[uid]=17&ADMWeekCalendar[page]=/231/">VENTER</a> - <a href="?ADMWeekCalendar[act]=hideReservation&ADMWeekCalendar[uid]=17&ADMWeekCalendar[page]=/231/">ARKIVER</a> - <a href="?ADMWeekCalendar[act]=dropReservation&ADMWeekCalendar[uid]=17&ADMWeekCalendar[page]=/231/">SLET</a><br /></div>
				
				<!-- ADMIN ITEM #17 END -->
			***/
div.adminItem {
	border:1px solid #933;
	margin: 0px 2px 8px 2px;
	font-size:8pt;
}
div.adminItem table td {
	border:1px solid #933;
	margin: 0px 1px 0px 1px;
	font-size:8pt;
}
div.adminItem table.links {
	width:100%;
	border:1px solid #933;
	margin: 0px;
	font-size:8pt;
}
div.adminItem table.links td {
	font-size:7pt;
	background-color:#fcc;
	color:#333;
	text-align:center;
}
div.adminItem table.links td:hover {
	font-size:7pt;
	background-color:#fcc;
	color:#333;
	text-align:center;
}
div.adminItem a {
	font-size:7pt;
	text-decoration:none;
	color:#333;
}
div.adminItem a:hover {
	color:#333;
}

/* --------------------------------------------------- ADM WEEK CALENDAR End */
