/*******************************************************************************
 DEFAULT
*******************************************************************************/

* {
}

BODY, TD, UL, LI, PRE, A, INPUT, TEXTAREA {
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	font-size						: 9pt;
	color								: #000000;
}

BODY {
	background-color		: #D5C4A6;	
	text-align					: center;
	background-position	: top left;
	background-image		: url(http://www.cafebopa.dk/images/bgtile.gif);
}

TD {
  vertical-align			: top;
}

H1 {
	font-size						: 12pt;
	font-weight					: bold;
	color								: #563F23;
}

/*******************************************************************************
 GLOBAL CONTAINER
*******************************************************************************/
.global_container {
	width								: 672px;
	margin							: 0 auto;
}

/*******************************************************************************
 LINKS
*******************************************************************************/
.link_default {
	font-size						: 9pt;
	color								: #000000;
	text-decoration			: none;
}

.link_menu {
	font-size						: 8pt;
	font-weight					: bold;
	color								: #5D462A;;
	text-decoration			: none;
}


.link_default:Hover,
.link_menu:Hover {
	text-decoration			: underline;
}


/*******************************************************************************
 PAGE TOP LAYOUT
*******************************************************************************/
.page_top {
	width								: 672px;
	height							: 200px;
	position						: relative;
	margin-top					: 30px;
	overflow						: hidden;
}

.page_top_left {
	position						: relative;
	float								: left;
	width								: 210px;
	height							: 200px;
	background-image		: url(http://www.cafebopa.dk/images/page_top.gif);
	background-position	: top left;
	overflow						: hidden;	
	text-align					: left;
}

.page_top_right {
	position						: relative;
	float								: left;
	width								: 462px;
	height							: 200px;
}

.logo {
	margin-top					: 14px;
	margin-left					: 14px;
	margin-bottom				: 25px;
}


/*******************************************************************************
 PAGE MIDDLE LAYOUT
*******************************************************************************/
.page_middle {
	position						: relative;
	float								: left;
	width								: 672px;
	background-image		: url(http://www.cafebopa.dk/images/page_middle.gif);
	background-position	: top left;
	background-repeat		: repeat-y;
	padding-bottom			: 20px;
}


/*******************************************************************************
 PAGE BOTTOM LAYOUT
*******************************************************************************/
.page_bottom {
	position						: relative;
	float								: left;
	width								: 672px;
	height							: 40px;
	background-image		: url(http://www.cafebopa.dk/images/page_bottom.gif);
	background-position	: top left;
	background-repeat		: no-repeat;
}


/*******************************************************************************
 COLS
*******************************************************************************/
.left_col {
	position						: relative;
	float								: left;
	width								: 210px;
	font-size						: 7pt;
	color								: #5D462A;
	line-height					: 12px;
	text-align					: left;
	overflow						: hidden;
}

.right_col {
	position						: relative;
	float								: left;
	width								: 382px;
	padding-top					: 30px;
	padding-left				: 40px;
	padding-right				: 40px;
	font-size						: 10pt;
	line-height					: 20px;
	text-align					: left;
	overflow						: hidden;
}

.right_col_divider {
	position						: relative;
	float								: left;
	width								: 380px;
	height							: 2px;
	background-image		: url(http://www.cafebopa.dk/images/right_col_divider.gif);
	background-position	: top left;
	background-repeat		: no-repeat;
}

.right_col_divider_dot {
	position						: relative;
	float								: left;
	width								: 380px;
	height							: 1px;
	background-image		: url(http://www.cafebopa.dk/images/right_col_divider_dot.gif);
	background-position	: top left;
	background-repeat		: no-repeat;
}


/*******************************************************************************
 MENU ELEMENTS
*******************************************************************************/
.menu_headline {
	position						: relative;
	float								: left;
	width								: 180px;
	height							: 20px;
	font-size						: 9pt;
	font-weight					: bold;
	color								: #000000;
	margin-top					: 10px;
	padding-top					: 2px;
}

.menu {
	position						: relative;
	float								: left;
	width								: 200px;
	padding-left				: 16px;
	padding-right				: 16px;
}

.menu_divider {
	position						: relative;
	float								: left;
	width								: 200px;
	height							: 20px;
	margin-top					: 15px;
	background-image		: url(http://www.cafebopa.dk/images/divider.gif);
	background-repeat		: no-repeat;
	overflow						: hidden;
}

.bullet {
	position						: relative;
	float								: left;
	background-image		: url(http://www.cafebopa.dk/images/bullet2.gif);
	background-repeat		: no-repeat;
	overflow						: hidden;
	background-position	: 2px 1px;
	width								: 180px;
	padding-left				: 20px;
	margin-bottom				: 4px;
}


/*******************************************************************************
 OPEN TIME
*******************************************************************************/
.open_day {
	width								: 135px;
	padding-left				: 2px;
	position						: relative;
	float								: left;
	font-size						: 7pt;
	font-weight					: bold;
	line-height					: 12pt;
}

.open_time {
	position						: relative;
	float								: left;
	font-size						: 7pt;
	font-weight					: bold;
	line-height					: 12pt;	
}


/*******************************************************************************
 OPEN TIME / ADDRESS / MAP
*******************************************************************************/
.address_left {
	width								: 80px;
	padding-left				: 2px;
	position						: relative;
	float								: left;
	font-size						: 7pt;
	font-weight					: bold;
	line-height					: 10pt;
}

.address_right {
	position						: relative;
	float								: left;
	font-size						: 7pt;
	font-weight					: bold;
	line-height					: 10pt;
	text-align					: right;					
}

.kort1 {
	position						: relative;
	float								: left;
	width								: 200px;
	font-size						: 9pt;
	line-height					: 12pt;
}

.kort2 {
	position						: relative;
	float								: left;
	width								: 60px;
	font-size						: 9pt;
	line-height					: 12pt;
}

.kort3 {
	position						: relative;
	float								: left;
	font-size						: 9pt;
	line-height					: 12pt;
}

/*******************************************************************************
 FOOTER
*******************************************************************************/
.footer {
	position						: relative;
	float								: left;
	text-align					: center;
	padding-top					: 30px;
	padding-left				: 20px;
	font-size						: 7pt;
}


/*******************************************************************************
 CONTENT
*******************************************************************************/
.content {
	position					  : relative;
	float							  : left;
	width								: 380px;	
}


/*******************************************************************************
 NEWSLETTER
*******************************************************************************/
.newsletter {
	position					  : relative;
	float							  : left;
	width								: 170px;
	font-size						: 8pt;
	padding							: 2px;
}

.newsletter_email {
	border 							: 1px solid gray;
	height							: 16px;
	width								: 160px;
	font-size						: 9pt;
	padding							: 2px;
	vertical-align			: middle;
}