/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica, Arial, 'Lucida Grande', Verdana, Sans-Serif;
	text-align: center;
	margin: 0;
	background: #fff url('img/floor_bg.jpg') 0 0 repeat;
}


/* ---------------------------------------------*/
/* ---------->>> Structure Styles <<<-----------*/
/* ---------------------------------------------*/

#wrapper {
	background: #fff;
	margin: 0 auto;
	width: 720px;
	padding: 0;
	overflow: auto;
	text-align: left;
}

/* ---------->>> Header Styles <<<-----------*/

#header {
	padding: 15px;
	width: 690px;
	height: 220px;
	overflow: hidden;
}

.square_box {
	float: left;
	width: 220px;
	height: 220px;
	margin: 0 15px 0 0;
}

#logo_box {
	background: #c48fc4;
	padding: 0;
}

#logo_box a {
	display: block;
	width: 172px;
	height: 81px;
	background: url('img/apartaments_logo.gif') 0 0 no-repeat;
	text-indent: -9999px;
	margin: 120px 0 0 15px;
}

/* ---------->>> Navigation Styles <<<-----------*/

#nav {
	background: #cdf372;
}

#lang {
	margin: 0;
	background: #a2d2ed;
}

#header ul {
	margin: 80px 10px 0 10px;
}

#header ul li {
	display: block;
	height: 18px;
}

#header ul li a {
	display: block;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	padding: 0 0 0 15px;
}

#header #nav ul li a {
	color: #748844;
	background: url('img/green_arrow.gif') 5px 5px no-repeat;
}

#header #lang ul li a {
	color: #496b7e;
	background: url('img/blue_arrow.gif') 5px 5px no-repeat;
}

#header #nav ul li a:hover,
#header #lang ul li a:hover {
	text-decoration: none;
}

#header #nav ul li a:hover {
	background: #bfe36a url('img/green_arrow.gif') 6px 5px no-repeat;
}

#header #lang ul li a:hover {
	background: #8ebad2 url('img/blue_arrow.gif') 6px 5px no-repeat;
}

/* ---------->>> END Navigation Styles <<<-----------*/

/* ---------->>> END Header Styles <<<-----------*/

#right_col img {
	margin: 0 0 15px 0;
}

form#FormASP {
	width: 690px;
	margin: 15px;
	overflow: hidden;
}

table, td {
    color: #666;
    font-weight: normal;
    text-decoration: none;
}

table#calendars {
	width: 690px;
	text-align: center;
}

td.ap_num {
    font-size: 18px;
    padding: 20px 50px 10px 50px;
    overflow: hidden;
}

td.ap_num p {
    float: left;
    margin: 0 0 0 20px;
    color: #C48FC4;
    font-weight: bold;
}

.Button {
    background: transparent url(img/blue_btn.gif) 0pt 0px no-repeat;
    float: right;
    margin: 0px;
    height: 23px;
    width: 117px;
    font-size: 12px;
    display: block;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 23px;
    text-decoration: none;
}

.Button:hover {
    background: transparent url(img/blue_btn.gif) 0pt -23px no-repeat;
}

td.month {
    background: #CDF372;
    font-weight: bold;
    font-size: 12px;
    padding: 5px 0;
}

td.titular {
    padding: 3px;
    text-align: center;
    font-weight: bold;
}

div.line {
    height: 10px;
    border-top: 1px dotted #A2D2ED;
    overflow: hidden;
}

.Periode {
    font-size: 12px;
    color: #777;
    font-weight: bold;
    background: transparent;
    cursor: pointer;
    width: 26px;
    height: 14px;
    border: 0;
    padding: 0;
}

.text {
    font-size: 10px;
    color: #3F475C;
    font-weight: normal;
    text-decoration: none;
}

.text1 {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

.text2 {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
}

.text4 {
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.text5 {
    font-size: 10px;
    color: #9F0000;
    font-weight: bold;
    text-decoration: none;
}

.text:hover {
    color: #9F0000;
    text-decoration: none;
}

.text4:hover {
    color: #9F0000;
    text-decoration: none;
}