/*------------------------------------------------------------------
RETOUCH ApS - www.retouch.dk 

[Table of contents]
1. Body & all standards styles
2. Headlines
3. Lists
4. Typography
5. Frame
6. Navigation
7. Buttons
8. Forms
9. Page elements
10. Images
-------------------------------------------------------------------*/

/* [1. Body & all standards styles
----------------------------------------------- */

body {
	font:normal 12px/normal  Arial, Helvetica, sans-serif;
	/* font: font-weight font-size/line-height font-family */	
	color:#4b4b4b;
	text-align:left;
	background:#000 url('/images/bg.gif') repeat-x; 
}
body,html    {}
*            {	margin:0; padding:0; }
img          { border:0; }
.float-right { float:right !important; }
.float-left  { float:left; }
.text-right  { text-align:right; }
.text-left   { text-align:left; }
.text-center { text-align:center; }
.center      { text-align:center; }
.clearBoth   { clear:both; font-size:0; line-height:0; height:0; }
.left-image  { margin:5px 20px 10px 0; float:left; }
.right-image { margin:5px 0px 10px 20px; float:right; }

/* [2. Headlines]
----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    margin:					10px 0px 10px 0px;
	padding:				0;
    color: 					#fff;	
    padding-bottom: 		0.4em;
	font-weight:			normal;
	font-family: 			Arial;
}
h1 { 
	font-size: 				28px; 
	clear: 					left;
	margin: 				50px 0px 10px 0px;
	text-transform: 		uppercase;
}

					#facebox h1 {
					color: 	black;
					font-size: 15px;
					font-weight: bold;
					margin-top: 0px;
					}
h2 { 
	font-size: 				16px; 
	text-transform: 		uppercase;
	margin:					20px 0px 0px 0px;
}
					#sidebar h2 {
					margin: 	0px 0px 0px 15px;
					}
					
					.contentBox h2{
					margin: 			10px 0px 0px 10px;
					}
					
					.wide h2 {
					font-size: 			2em;
					line-height: 		1.4em;
					text-transform: 	uppercase;
					}
					
					.order_form h2 {
					text-transform: 	uppercase;
					font-size: 			14px;
					font-weight: 		normal;
					margin: 			0px 0px 20px 0px;
					}
					
					#sidebarContent h2 {
					text-transform: 	uppercase;
					font-size: 			18px;
					margin-top: 		0px;
					}
					
					#readyToOrder h2 {
					margin: 			0px 0px 10px 15px;
					padding: 			20px 0px 0px 0px;
					}
					
					.panel h2 {
					font-weight: 		bold;
					font-size: 			18px;					
					}
					
h3 { font-size: 18px; }

					#sidebar h3 { 
					padding: 	0px 0px 0px 0px;
					}
					
					.order_form h3 {
					clear: 				left;
					color: 				red;
					font-size: 			14px;
					line-height: 		18px;
					margin: 			15px 0px 0px 0px;
					padding: 			0px 0px 10px 20px;
					background: 	 	url(/images/arrow_btn.png) left top no-repeat;	
					cursor: 			pointer;
					}
					
					.contentBox h3{
					margin: 			10px 0px 0px 15px;
					font-size: 			14px;
					text-transform: 	uppercase;
					}
					
					#sidebarContent h3 {
					text-transform: 	uppercase;
					font-size: 			14px;
					margin-bottom: 		0px;
					padding: 	15px 0px 0px 15px;
					}
					
					.panel h3 {
					margin: 			20px 0px 0px 0px;
					font-size: 			14px;
					text-transform: 	uppercase;
					}
					
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }


/* [3. Typography]
----------------------------------------------- */

a {
	text-decoration: none;
	outline:none;
 	color:red;
}
a:hover {
	text-decoration: none;
	outline:none;
	color:#4e4e4e; 
}
					.right p a {
					font-size: 				12px;
					}
					
					.right p a.current {
					color: 					white;
					}
					

p {
	margin:0 0 10px 0 ;
	font-weight:normal;
	font-size: 		12px;
	line-height: 	18px;
	font-family: 	Arial;
	color: 			white;
}
					p.emphasis {
						text-align: 		center;
						font-size: 			15px;
						font-weight: 		bold;
					}
					#sidebar p {
						margin: 			10px 0px 10px 0px;
						color: 				#a3a3a3;
					}
					
					.contentBox p {
					font-size: 				11px;
					margin-right:			5px;
					}
					
					p#forsporgselBesked {
					float: 					left;
					font-style: 			italic;
					font-size: 				11px;
					width: 					180px;
					margin: 				10px 0px 0px 10px;
					}
					
					#sidebarContent p {
					font-size: 				11px;
					margin: 				0px 0px 10px 15px;
					color: 					white;
					line-height: 			13px;
					}
					
					p.wCrown {
					padding: 				0px 0px 0px 40px;
					margin: 				15px 0px 15px 0px;
					background: 			url(/images/krone.png) top left no-repeat;
					font-weight: 			bold;
					}
					
					.right p {
					margin: 				0px 0px 0px 15px;
					}
					
					#facebox p {
					color: 	black;
					}
.required {
	color:red;
}

.contentBox a {
	font-size: 		0.9em;
}




span {}
					.wide h2 span {
					color: 				#ababab;
					}
					
					h1 span {
					color: 				red;
					}
					
					.order_form h2 span {
					color: 				red;
					}
					
					.order_form h3 span {
					color: 				#9c9c9c;
					font-size: 			11px;
					}
					
					#sidebarContent span {
					color: 				red;
					text-transform: 	uppercase;
					}
					
					a.button span {
					font-size: 		10px;
					line-height: 	25px;
					color: 			white;
					text-transform: uppercase;
					}
					
					a.menuButton span {
					line-height: 	30px;
					}	

/* [4. Lists]
----------------------------------------------- */

/*	slider navigation	*/
ul.navigation {
	list-style: 		none;
	margin: 			20px 0px;
	text-align: 		center;
	width: 				500px;
}

ul.navigation li {
	float: 				left;
	margin: 			5px;

}

ul.navigation li a.selected {
	color: 				white;
}

/*	Menu lists	*/
ul.menu {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}
ul.menu li {
	background: 		url(/images/lille-krone.png) left top no-repeat;
	padding: 			0px 0px 0px 15px;
	margin: 			0px 0px 6px 0px;
	color: 				#909090;
}

/*	slider lists*/
.panel ul {
	list-style: 		none;
}

.panel ul li {
	color: 				#a3a3a3;
	font-weight: 		normal;
}

/* ul */

ul.nodots {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul {
	list-style-position: outside;
	padding:0 0 0 2em;
	margin:0 0 10px 0;
}
ul li { line-height:normal; }

/* ol */

ol { margin: .5em .5em 1.5em; }
ol li {
	margin-left: 2em;
	padding-left: 0;
	background: none; 
	list-style-type: decimal;
}


/* [5. Frame]
----------------------------------------------- */

#sitecontainer {
	width:960px;
	margin:0 auto;
	position:relative;
}
#mainarea{
	width:960px;
	margin:0 auto;
	clear:both;
	position:relative;
}
#content {
	width:635px;
	float:left;
}

		div.leftColumn {
		width: 		245px;
		margin: 	0px 25px 0px 0px;
		float: 		left;
		}
		div.rightColumn {
		width: 		330px;
		float: 		left;
		margin: 	0px 0px 0px 0px;
		}
		
		div#readyToOrder {
		background: url(/images/readytoorder_bg.png) top left no-repeat;
		clear: 		left;
		width: 		635px;
		height: 	90px;
		}
	
		
#sidebar {
	width:					310px;
	margin: 				0px 0px 0px 15px;
	float:					left;
}

		#sidebarContent {
		height: 				220px;
		margin: 				3px 0px 0px 0px;
		background: 			#000 url('/images/sidebar_bg.png') top left repeat-x;	
		}

#content-bottom {
	width: 960px;
}

#header {

}

/* [6. Navigation]
----------------------------------------------- */

/* topmenu */

#topmenu {
	padding:0;
    margin: 15px 0px 0px 0px ;
}
#topmenu ul {
	list-style-type:	none;
	margin:				0;
	padding:			0;
}
#topmenu ul li {
	float:				left;
	margin:				0 0 0 0px;
	display:			inline;
	border-left: 		1px solid red;
	padding:			0px 15px 0px 15px;
	text-transform: 	uppercase;
}

				#topmenu ul li.first {
				padding-left: 0px;
				border: none;
				}

#topmenu ul li a {
	color:#fff;
	font-size: 0.95em;
	font-weight:bold;
	text-decoration:none;
}
#topmenu ul li a:hover,
#topmenu ul .current a {
	border-bottom:2px #4e4e4e solid;
}

/* footer */

#footer {
	width:				960px;
	margin:				20px auto;	
	border-top: 		1px solid red;
}
#footer ul {
	list-style-type:	none;
	margin:				10px 0px 0px 0px;
	padding:			0;
	float:				left;
}
#footer ul li {
	float:				left;
	text-align: 		left;
	padding: 			0px 50px 0px 13px;
	border-left: 		1px solid red;
}

						#footer ul li.first{
						padding-left: 0px;
						border: none;
						}
#footer ul li p {
	font-size:			0.8em;
	color:				#808080;
	text-decoration:	none;
	margin: 			0px;
	padding:	 		0px;
}


/* [7. Buttons]
----------------------------------------------- */

a.button {
	display: 		block;
	background: 	red;
	width: 			125px;
	height: 		25px;
	clear: 			left;
	margin: 		0px 0px 0px 15px;
	text-align: 	center;
}



a.menuButton {
	width: 				215px;
	height: 			30px;
	margin: 			10px;
	line-height: 		30px;
	text-decoration: 	none;
}

a.menuButton:hover {
	cursor: 		pointer;
}





/* sidebar button */

#sidebar .button {
	background: 	red;
	width: 			22%;
	padding: 		2%;
	margin: 		0px 0px 0px 15px;
	text-align: 	center;
}

.button a {
	color: 			white;
	text-transform: uppercase;
	font-size: 		10px;
}

.wide .button {
	margin: 		10px 0px 0px 0px;
}
		.wide .button a {
		background: 	red;		
		padding: 		5px 15px 5px 15px;
		}

/* [8. Forms]
----------------------------------------------- */

/* order form */
.order_form {}
.order_form fieldset {
	background: 		url('/images/form_bg.png') top left repeat-x;
	border: 			none;
	margin: 			20px 0px 10px 0px;
	padding: 			15px;
	width: 				605px;
}

.order_form input {
	display: 			inline;
	margin: 			0px 0px 0px 0px;
}


.order_form label {

	display: 			inline;
	color: 				white;
	width: 				500px;
	margin: 			0px 0px 0px 0px;
}

.order_form select {
	float: 				left;
	margin: 			0px 7px 0px 0px;
}

.order_form ul {
	list-style: 		none;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 10px;
}

.order_form ul li {
	clear: 				left;
	padding: 			0px 0px 0px 10px;
	margin: 			5px 0px 5px 0px;
}

a.sendButton, .rightColumn a.button {
	float: 				left;
	background: 		red;
	width: 				120px;
	height:				25px;
	margin: 			15px 0px 0px 0px;
	text-align: 		center;
	line-height:		25px;
	border: 			none;
	color: 				white;
	text-transform: 	uppercase;
	font-size: 			10px;
}

.rightColumn a.button span {
	line-height: 		25px;
}


.order_form fieldset#person {}

						.order_form fieldset#personer input { 
						width: 			50px; 
						height: 		20px; 
						margin: 		0px 10px 0px 0px;
						}
						
						.order_form fieldset#personer label { 
						color: 			#9c9c9c; 
						font-size: 		11px;
						}
 
.order_form fieldset#tidspunkt {}
						
						.order_form fieldset#tidspunkt select{
						width: 			auto;
						}
						
						.order_form fieldset#tidspunkt select.date {
						clear:			left; 
						margin-left: 	00px;
						}
						
						.order_form fieldset#tidspunkt select.year{
						margin: 		0px 45px 0px 0px;		
						}
						
						.order_form fieldset#tidspunkt label {
						margin: 		0px 215px 5px 00px;
						width: 			53px;
						}

.order_form fieldset#kontakt {}
						
						.order_form fieldset#kontakt textarea {
						width: 485px;
						max-width: 615px;
						height: 110px;
						display: block;
						}
						
						.order_form fieldset#kontakt input {
						width:			215px;
						height: 		20px;

						float: 			none;
						display: 		block;
						margin: 		0px 0px 10px 0px;
						padding: 		0px 0px 0px 0px;
						}
								
								.order_form fieldset#kontakt input.long {
								width:  485px;
								}
								
								fieldset#kontakt input.postnr { 
								width: 			50px ; 
								float:  		left; 
								clear: 			left; 
								margin: 		0px 0px 0px 0px;
								}
								
								fieldset#kontakt input.by { 
								width: 			135px; 
								float: 			left; 
								clear: 			none;
								margin: 		0px 0px 0px 23px; 
								}
								
						.order_form fieldset#kontakt label {
						margin: 				0px 0px 0px 0px;
						padding: 				0px 0px 0px 0px;
						width: 					auto;	 				
						}
								fieldset#kontakt label#postnrlabel {
								float:  		left; 
								clear: 			none; 
								margin-right: 	40px;
								}
								
								fieldset#kontakt label#bylabel { 
								float: 			left; 
								clear:			none; 
								}
								
/*	firmafrokost form	*/
.firmafrokost {
	margin: 			0px 0px 0px 0px;
}

.firmafrokost fieldset {
	background: none;
	margin:	0px;
}

.firmafrokost fieldset#tidspunkt {
	background: 	url(/images/proeve-frokost_bg.png) top left no-repeat;
	padding-bottom: 30px;
	padding-top: 	60px;
	margin-top: 	0px;
}


.firmafrokost fieldset#tidspunkt label {
	margin: 0px 215px 5px 0px;
}
/* [9. Page elements]
----------------------------------------------- */


/* the slider */

#slider {
  width: 585px;
  margin-left:30px;
  position: relative;
}

.scroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  width: 585px;
  clear: left;
  text-align: center;
  background: 	url(/images/form_bg.png) top left repeat-x;
}

.scrollContainer div.panel {
  padding: 0px 20px 20px 20px;
  width: 560px; /* change to 560px if not using JS to remove rh.scroll */
}

/* other */

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
  width: auto;
}


hr {
	border: none;
	border-bottom:		1px solid #555555;
	margin: 			0px 0px 5px 0px;
}

.contentBox {
	background: url('/images/sidebar_bg.png') top left repeat-x;

}
			/* Variations of .contentBox */
			
			
			
			.contentBox {
			width: 					310px;
			height: 				180px;
			float: 					left;
			margin: 				15px 0px 0px 15px;
			}
			
			div.right {
			width: 					310px;
			float: 					right;
			margin: 				0px 0px 0px 10px;
			}
			
			.contentBoxRight {
			float: 					right;
			height: 				150px;
			margin: 				0px 0px 0px 15px;
			}
			.catering {
			margin-bottom:			20px; 				
			}
			
			.first {
			margin-left: 			0px;
			}
			
			.wide {
			background: 			url('/images/wide_bg.png') top left no-repeat;
			width: 					635px;
			height: 				270px;
			margin-left: 			0px;
			}



/* [10. Images]
----------------------------------------------- */

.contentBox img {
margin: 0px 15px 5px 15px;
}

.wide img {
margin: 	15px 25px 15px 15px;
}

.star-label {
position: 	relative; top: -150px; left: 0px;
}



/*	CONFIRMATION DIV	*/
div.confirmation {
	border: 		2px solid #0e4002;
	background: 	#508e25;
	width: 			625px;
	margin: 		10px 0px 10px 0px;
	height: 		41px;
}

div.confirmation h2 {
	text-align: 	center;
	line-height: 	41px;
	font-weight: 	bold;
	color: 			#fff;
	
}