/*
---------- Index ------------------------------
1. Information about standards
2. General conditions
3. General raster
4. Forms en general
5. Area of left-width
     5.1. Box main
6. Area of right-small
     6.1. 
7. Guides
	 7.1. List of guides
	 7.2. Detail guide
	 7.3. Guide registry
	 7.4. Admin list of guides
	 7.5. Guide login
	 7.6. Guide pedido chaleco
	 7.7. Guide pedido carnet
8. Fair Chile
     8.1. Tool for calculation
	 8.2. List for donation
     8.3. List of sponsors
     8.4. Tables of base dates for CO2
9.	Maps & Books
10. Popups  
11. Area of width
*/


/**************************************************************/
/*                                                            */
/*  1. Information about standards                            */
/*                                                            */
/**************************************************************/

/*
green = #009999
Standardbreite von Fotos im rechten Seitenbereich: 202px
*/


/**************************************************************/
/*                                                            */
/*  2. General conditions                                     */
/*                                                            */
/**************************************************************/
body {
margin-top: 0px;
padding-top: 0px;
}

.border-bottom {
border-bottom: 1px solid #009999;
}


#content div, 
#content dl,
#content dl dt,
#content dl dd {
margin: 0px;
padding: 0px;
}

#content h1 {        
margin: 0px 0px 32px 0px; 
}

#content h2 {        
margin: 0px 0px 16px 0px;
width: 100%;
}

#content h3 {
margin: 0px 0px 16px 0px;  
width: 100%;
}

#content .space-headertop-single { /* f. e. for headlines h2, h3 etc. */
padding-top: 16px;
}

#content .space-headertop-double { /* f. e. for headline h1 */
padding-top: 32px;
}

#content p {
margin: 0px 0px 16px 0px;
float: none;
}

#content div {
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
float: left;
}

img {
border: 0px;
}

div#content img.border {
border: 4px solid #fff;
}

div#content img.border.left {
float: left;
margin: 0px 20px 16px 0px;
}

div#content img.border.right {
float: right;
margin: 0px 0px 16px 20px;
}
a:hover {
text-decoration: none;
}

.textcolor {
color: #009999;
}

div#content div.left-width.pagetitle {
height: 120px;
padding: 40px 0px 0px 0px;
}

div#content div#pagetop,
div#content div#pagetop-right {
clear: both;
width: 500px;
padding: 32px 0px 16px 0px;
text-align: center;
}

div#content div#pagetop-right {
width: 820px;
text-align: right;
}

div#content div#pagetop-right img {
background: none;
}

div#content div.pagenumbers {
width: 820px;
margin: 16px 0px 0px 0px;
float: left;
}

div#content div.pagenumbers span {
background: #009999;
padding: 0px 3px 0px 3px;
color: #fff;
}

div#content a.button,
div#content a.button-level02,
div#content form input.button-level02 {
text-decoration: none;
border: 1px solid #009999;
background: #009999;
padding: 2px 5px 2px 5px;
height: 12px; /* for IE 6 + 7 */
color: #fff;
text-align: center;
}

div#content a.button-level02,
div#content form input.button-level02 {
background: none;
border: 1px dashed #009999;
color: #009999;
font-weight: bold;
}

div#content form input.button-level02 {
width:100px;
}

div#content a.button:hover {
background: #057C7C;
border: 1px solid #057C7C;
}

div#content a.button-level02:hover {
border: 1px solid #057C7C;
color: #057C7C;
}

div#content .right {
float: right;
}

img, div { behavior: url(../iepngfix/iepngfix.htc) }

#tooltip {
	background-color : #fff;
	width : auto;
	padding : 0;
}

#tooltip p {
	margin : 4px 8px 4px 8px;
	color : #000;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

.preload {
display: none;
width: 0px;
height: 0px;	
}


/**************************************************************/
/*                                                            */
/*  3. General raster                                         */
/*                                                            */
/**************************************************************/

div#content,
div#content .width,
div#content .left-small,
div#content .left-smallsmall,
div#content .left-half,
div#content .left-width,
div#content .right-small,
div#content .right-smallsmall,
div#content .right-half,
div#content .right-width {
float: left;
width: 820px;
padding: 0px;
margin: 0px;
}

div#content div {
float: left;
}

div#content .left-smallsmall,
div#content .right-smallsmall {
width: 120px;
margin-right: 20px;
}

div#content .left-small,
div#content .right-small {
width: 260px;
margin-right: 20px;
}

div#content .left-half,
div#content .right-half {
width: 400px;
margin-right: 20px;
}

div#content .left-width,
div#content .right-width {
width: 540px;
margin-right: 20px;
}
html* div#content .left-width{
width: 520px;
}

div#content .right-smallsmall,
div#content .right-small,
div#content .right-half,
div#content .right-width {
margin-right: 0px;
}

/**************************************************************/
/*                                                            */
/*  4. Forms en general                                       */
/*                                                            */
/**************************************************************/
div#content form {
margin: 0px;
padding: 5px;
color: #000;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

div#content form h4 {
margin: -4px;
display: block;
padding: 3px 5px 3px 5px;
background:  #009999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

div#content form div.around {
border: 1px solid #009999;
padding: 5px;
width: 528px;
margin-bottom: 32px;
}

div#content form br {
clear: left; /* delete the float of labels and inputs */
}

div#content form p {
float: none;
padding-top: 16px;
}

div#content form div.error {
float: none;
padding: 5px 10px 5px 10px;
margin-top: 16px;
border: 2px dashed #CC0000;
}

div#content form div.error p {
padding: 8px 0px 8px 0px;
margin: 0px;
color: #CC0000;
font-weight: bold;
}

div#content form div.error ul {
margin-top: 0px;
margin-bottom: 0px;
}

div#content form fieldset { 
padding: 0px;
margin: 16px 0px 0px 0px;
border: none;
}

div#content form legend {
padding: 0px 0px 8px 0px;
font-weight: bold;
}

div#content form label {
width: 180px;
margin: 5px 0px 4px 0px;
float: left;
}

div#content form .obligation {
color: #099;
}

div#content form .required {
color: #099;
font-weight:bold;
}

div#content form .no-change {
margin: 5px 0px 16px 0px !important;
}

div#content form .readonly {
float: left;
margin: 5px 0px 16px 0px !important;
}

div.readonly input {
border: none !important;
background: #CC66CC !important;
}

div#content form div.readonly input {
border: 1px solid #fdeedb !important;
background: none;
margin: 0px 0px 0px 0px;
}
div#content form .no-change {
margin: 5px 0px 16px 0px !important;
}

div#content form input,
div#content form select,
div#content form textarea {
width: 250px;
border: 1px solid #999;
margin-top: 5px;
margin-bottom: 16px;
font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
float: left;
}

div#content form input.info,
div#content form select.info,
div#content form textarea.info {
margin-bottom: 0px;
}

div#content form span.info {
float: left;
font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
width: 250px;
}

div#content form div.radio {
width: 40px;
float: left;
}

div#content form textarea {
padding: 5px;
}

div#content form input.checkbox,
div#content form input.radio {
width: auto;
margin: 6px 20px 2px 0px;
padding: 0px;
}

html* div#content form input.checkbox { /* for IE 6 + 7 */
border: none;
margin: 6px 20px 0px -4px;
}

div#content form input.radio {
width: auto;
margin: 6px 20px 2px 0px;
padding: 0px;
float: left;
border: none;
}

div#content form div.daymonthyear select {
width: 70px;
}

div#content form div.daymonthyear div.readonly input {
float: left;
}

form p#send,
form p.send {
padding: 0px;
margin: 0px;
float: left;
}

form p#send input,
form p.send input,
form p#send a {
width: auto !important;
padding: 2px 5px 2px 5px;
background-color: #009999;
border: 1px solid #009999;
color: #fff;
float: left;
font-weight: bold;
}
form p#send input#adress {
position:absolute;
}
form input#addPerson {
background: none;
border: 1px dashed #009999 !important;
color: #009999;
font-weight: bold !important;
font-size: 11px;
text-decoration: none;
text-align: center;
margin-top: 5px;
width:auto !important;
padding: 2px 5px 2px 5px;
}

form p#send a {
background: none;
border: 1px dashed #009999;
color: #009999;
font-weight: bold;
font-size: 11px;
text-decoration: none;
text-align: center;
margin-top: 5px;
margin-left: 15px;
}

form p#send a:hover,
form input#addPerson:hover {
border: 1px solid #009999 !important;
}

/* for IE 6 + 7 */
html* form p#send input,
html* form p.send input {
padding: 0px !important;
}

form p#send input:hover,
form p.send input:hover {
background-color: #057C7C;
border: 1px solid #057C7C;
}

form p#send input.reset,
form p.send input.reset {
border: 1px dashed #009999;
background: none;
color: #009999;
margin-left: 10px;
font-weight: normal;
}

form p#send input.reset:hover,
form p.send input.reset:hover {
color: #057C7C;
border: 1px solid #057C7C !important;
color: #057C7C !important;
background: none;
}

/*MANEJO DE ERRORES EN FORMULARIOS*/
div#content form div.error.login,
div#content form div.error.olvid  {
font-size: 11px;
width: 223px;
}

div#content form div.error.eval{
width: 502px;
}

* html body div#content form div.error.login,
* html body div#content form div.error.olvid {
width: 245px;
}

div#errorLogin,
div#errorOlvid{
font-size:11px;
}
div#errorConsulta{
font-size:11px;
width:248px;
}

div#content form div.error {
float: none;
padding: 5px 10px 5px 10px;
margin: 16px 0px 16px 0px;
border: 2px dashed #CC0000;
}

div#content form div.error.width {
width: 505px;
}

div#content form div.error ul {
margin-top: 0px;
margin-bottom: 0px;
}

div#content form div.error ul span.rojoDEST,
div#content div.error ul span.rojoDEST{
color: #CC0000;
font-weight: bold;
}
/**************************************************************/
/*                                                            */
/*  5. Area of left-width                                     */
/*                                                            */
/**************************************************************/

/* form */
div#content div.left-width form {
padding: 0px;
width: 540px;
}

/*
---------- 5.1. Box main ------------------------------
*/

div#content div.left-width .box-main {
float: left;
width: 538px;
border: 1px solid #009999;
margin: 0px 0px 32px 0px;
}

div#content div.left-width .box-main h4 {
margin: 1px;
display: block;
padding: 3px 5px 3px 5px;
background:  #009999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

/**************************************************************/
/*                                                            */
/*  6. Area of right-small                                    */
/*                                                            */
/**************************************************************/

div#content div.right-small.back {
text-align: right;
margin-top: 16px;
}

div#content div.right-small.fotos {  
text-align:center;
}

div#content div.right-small.fotos.linie {  
margin-top: 30px;
}

div#content .right-small.fotos p {
margin: 0px 0px 48px 0px;
width: 100%;
text-align: center;
backgorund: #ccc;
}

div#content div.right-small.fotos img { 
border: 4px #fff solid;
}


/*
---------- 6.1. Infobox ------------------------------
*/

div#content .infobox-grey {
float: left;
width: 258px;
border: 1px solid #999;
margin: 0px 0px 32px 0px;
}

div#content .infobox-grey h4 {
margin: 1px;
display: block;
padding: 3px 5px 3px 5px;
background:  #999;
color: #fff;
font-size: 1em;
font-weight: normal;
}

div#content .infobox-grey div,
div#content .infobox-grey p {
margin: 5px;
font-size: 11px;
}

div#content div.right-small div.infobox-grey div img.border.left {
float: left;
margin: 0px 7px 0px 0px;
}

div#content .infobox-grey img.border.left {
margin: 0px 10px 0px 0px;
}
/* -- Form -- */
div#content .infobox-grey form {
width: 248px;
font-size: 11px;
}

html* div#content .infobox-grey form { /* for IE 6 + 7 */
width: 246px;
font-size: 11px;
}

div#content .infobox-grey form label {
width: 100%;
}

div#content .infobox-grey form input, 
div#content .infobox-grey form select,
div#content .infobox-grey form textarea {
width: 248px;
margin-bottom: 8px;
font-size: 11px;
}

html* div#content .infobox-grey form input, 
html* div#content .infobox-grey form select,
html* div#content .infobox-grey form textarea { /* for IE 6 + 7 */
width: 246px;
margin-bottom: 8px;
font-size: 11px;
}

div#content .infobox-grey form input, 
div#content .infobox-grey form select {
padding: 2px;
}

*html div#content .infobox-grey form legend { /* for IE 6 + 7 */
margin-left: -6px;
}

div#content .infobox-grey form div#confirmation strong {
color: #009999;
}

div#content .infobox-grey form .button-level02 {
font-size: 11px;
}

/**************************************************************/
/*                                                            */
/*  7. Guides                                                 */
/*                                                            */
/**************************************************************/

div.infobox-grey form fieldset p#send {
float: left;
background: #red;
}

/*
---------- 7.1. List of guides ------------------------------
*/
div#content div.left-half.guide-list,
div#content div.right-half.guide-list {
margin-bottom: 16px;
padding: 8px 0px 8px 0px;
border-top: 1px solid #009999;
}

div#content div.guide-list h2,
div#content div.guide-list-left h2,
div#content div.guide-list a,
div#content div.guide-list-left a {
color: #009999;
}

div#content div.left-half.guide-list div.foto,
div#content div.right-half.guide-list div.foto {
width: 112px;
margin-right: 20px;
text-align: right;
border: 4px solid #fff;
}

div#content div.left-half.guide-list div.dates,
div#content div.right-half.guide-list div.dates {
width: 260px;
float: left;
}

div#content div.left-half.guide-list div.dates h6,
div#content div.right-half.guide-list div.dates h6 {
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 16px 0px 0px 0px;
}

/*
---------- 3.5. Search box ------------------------------
*/
div.width.searchbox-guides {
margin: 0px 0px 20px 0px !important;
padding: 0px;
border: 1px solid #009999;
float: left;
background: #fff;
}

div.width.searchbox-guides h2 {
margin: 1px !important;
width: auto !important;
padding: 3px 5px 3px 5px;
background: #009999;
color: #fff;	
font-size: 12px;
font-weight: normal;
float: none;
}

div.width.searchbox-guides form {
float: left;
width: 392px;
padding: 5px;
margin: 0px;
}

* html body div.width.searchbox-guides form { /* for IE 6 + 7 */
width: 408px;
}

div.width.searchbox-guides form div.message,
div.width.searchbox-guides div.message {
color: #ff0000;
}

div.width.searchbox-guides form input, 
div.width.searchbox-guides form select {
margin: 5px 0px;
float: left;
font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

div.width.searchbox-guides form input.send {
width: auto !important;
padding: 2px 5px 2px 5px;
background-color: #009999;
border: 1px solid #009999 !important;
color: #fff;
float: left;
}

* html body div.width.searchbox-guides form input.send {
padding: 0px !important;
float: left;
}
div.width.searchbox-guides form input.send:hover {
background-color: #057C7C;
border: 1px solid #057C7C;
}

/*
---------- 7.2. Detail guide ------------------------------
*/
div#content div.right-small.guide-detail-contact {
width:260px;
}
* html body div#content div.right-small.guide-detail-contact  {
width:255px;
}

div#content div.right-small.guide-detail-contact dl {
float: left;
width: auto;
}

div#content div.right-small.guide-detail-contact dl dt {
float: none;
width: 70px;
margin-top: 16px;
}

div#content div.right-small.guide-detail-contact dl dd {
float: none;
width: auto;
}

div#content div.left-small.guide-detail-dates h6,
div#content div.right-small.guide-detail-contact h6 {
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 16px 0px 16px 0px;
}

div#content div.right-small.guide-detail-contact h6 {
margin-bottom: 0px;
}

div#content div.left-width.guide-detail h3,
div#content div.width.guide-detail h3.extra {
display: block;
color: #000000;
border-bottom: 1px solid #009999;
margin: 32px 0px 16px 0px;
width: 530px;
padding: 0px 5px 2px 5px;
font: normal 1.3em Verdana, Arial, Helvetica, sans-serif;
}

div#content div.width.guide-detail h3.extra {
width: 810px;
}

html* div#content div.left-width.guide-detail h3 { /* for IE 6 + 7 */
width: 540px;
}

html* div#content div.width.guide-detail h3.extra {
width: 820px;
}

div#content div.left-width.guide-detail ul {
margin-top: 0px;
margin-bottom: 0px;
}

div#content div.left-width.guide-detail h3.rating {
margin-bottom: 4px;
}

div#content div.left-width.guide-detail p.rating-title {
color: #009999;
}

div#content div.left-width.guide-detail p.rating {
margin-bottom: 16px;
}

div#content div.left-width.guide-detail .button.btn-rating {
float: right;
margin: 0px 0px 16px 420px;
}

div#content div.left-width.guide-detail .button.btn-rating.bottom {
margin: 0px 0px 16px 0px;
}

/* -- Rating form -- */




div#tueval form label {
width: 170px;
}



html* div#tueval form label { /* for IE 6 + 7 */
width: 167px;	
}



div#tueval label#lblEvApellido,
div#tueval label#lblEvE-mail {
margin-left: 7px;
}

div#tueval form input {
width: 171px;
margin-bottom: 8px;
margin-left: 5px;
font-size: 12px;
}

html* div#tueval form input { /* for IE 6 + 7 */


width: 168px;
}



div#tueval form input.first {
margin-left: 0px;
}



div#tueval form textarea {
width: 528px;
margin-bottom: 8px;
font-size: 12px;
}

html* div#tueval form textarea { /* for IE 6 + 7 */
width: 519px;
margin-left: 0px;
}

/*
---------- 7.3. Guide registry ------------------------------
*/
div#content div.left-width form#registry02 textarea,
div#content div.left-width form#registry02 label {
width: 528px;
}

*html div#content div.left-width form#registry02 textarea,
div#content div.left-width form#registry02 label { /* for IE 6 + 7 */
width: 516px;
}

div#content div.left-width form#registry02 div#regiones,
div#content div.left-width form#registry02 div#areas {
float: left;
width: 248px;
margin-right: 20px;
margin-bottom: 16px;
}

div#content div.left-width form#registry02 div#areas {
margin-right: 0px;
width: 259px;
}

*html div#content div.left-width form#registry02 div#areas { /* for IE 6 + 7 */
width: 248px;
}

div#content div.left-width form#registry02 div#areas div {
height: 115px;
width: 259px;
overflow: auto;
}

*html div#content div.left-width form#registry02 div#areas div { /* for IE 6 + 7 */
height: 128px;
width: 248px;
}

div#content div.left-width form#registry02 div#regiones label,
div#content div.left-width form#registry02 div#areas label {
float: left;
width: 248px;
}

div#content div.width.guide-registry-overview {
border-top: 2px solid #009999;
border-bottom: 2px solid #009999;
margin: 0px 0px 16px 0px;
padding: 16px 0px 0px 0px;
}

textarea.readonly {
background: none;
border: none !important;
}

div#content input.trans{
background:transparent;
border:none;
}
div#content textarea.trans{
background:transparent;
border:none;
}
div#content input.transnacimiento{
background:transparent;
width:60px;
margin-right:5px;
border:none;
}

/*
---------- 7.4. Admin list of guides ------------------------------
*/
div#content div.width.admin-list {
color: #000;
border-bottom: 1px solid #009999;
}

div#content div.width.admin-list.head  {
border-top: 2px solid #009999;
border-bottom: 2px solid #009999;
}

div#content div.width.admin-list.head div {
font-weight: bold;
}

div#content div.width.admin-list a {
color: #000;
}

div#content div.width.admin-list div {
padding-top: 5px !important;
padding-bottom: 5px !important;
}

div#content div.width.admin-list div.estado {
width: 60px;
text-align: center;
}

div#content div.width.admin-list div.nombre {
width: 200px;
margin-right: 20px;
font-weight: bold;
}

div#content div.width.admin-list div.region {
width: 260px;
margin-right: 20px;
}

div#content div.width.admin-list div.correo {
width: 260px;
}


/*
---------- 7.5. Guide login ------------------------------
*/
div#content div.left-smallsmall.guide-login {


text-align:center;
width:120px;
}

div#content div.left-smallsmall.guide-login img {
margin-top:8px;
}


div#content div.login-registry {
margin-top: 8px;
float: left;
}

*html div#content div.login-registry { /* for IE 6 + 7 */

margin-top: 5px;
}

*html div#content div.login-registry a { /* for IE 6 + 7 */
padding: 1px 5px 2px 5px;
height: 20px;
}

div#content div.login-registry a {
padding: 3px 5px 3px 5px;
float: left;
}

* html body #borrarDiv{
margin-top:12px;
}
/*
---------- 7.6. Guide pedido chaleco ------------------------------
*/
div#content form.guide-chaleco label {
float: left;
margin-left: 40px;
}

div#content form.guide-chaleco input {
float: left;
margin-right: 10px;
}

div#content form.guide-chaleco input.radio {
margin-right: 0px;
width: auto;
}

div#content form.guide-chaleco div.radio {
width: 40px;
}

div#content form.guide-chaleco label.radio {
margin-left: 0px;
margin-bottom: 8px;
}

div#content form.guide-chaleco label.radio.last {
margin-bottom: 16px;
}

div#content div.left-width dl.guide-chaleco {
float: left;
width: 540px;
margin-bottom: 16px;
}

div#content div.left-width dl.guide-chaleco dt {
float: left;
width: 120px;
margin-right: 20px;
margin-bottom: 8px;
font-weight: bold;
}

div#content div.left-width dl.guide-chaleco dd {
float: left;
width: 400px;
margin-bottom: 8px;
}

div#content div.left-width dl.guide-chaleco dd dl {
float: left;
width: 230px;
margin-bottom: 0px;
}

div#content div.left-width dl.guide-chaleco dd dl dt {
float: left;
width: 160px;
margin-right: 20px;
margin-bottom: 0px;
font-weight: normal;
}

div#content div.left-width dl.guide-chaleco dd dl dd {
float: left;
width: 50px;
margin-bottom: 0px;
text-align: right;
}


/*
---------- 7.7. Guide pedido carnet ------------------------------
*/
div#content div.left-width dl.guide-carnet {
float: left;
width: 540px;
margin-bottom: 16px;
}

div#content div.left-width dl.guide-carnet dt {
float: left;
width: 112px;
border: 4px solid #fff;
margin-right: 20px;
margin-bottom: 8px;
}

div#content div.left-width dl.guide-carnet dd {
float: left;
width: 400px;
margin-bottom: 8px;
}

div#content div.left-width dl.guide-carnet dd dl {
float: left;
width: 400px;
margin-bottom: 0px;
}

div#content div.left-width dl.guide-carnet dd dl dt {
float: left;
width: 120px;
margin-right: 20px;
margin-bottom: 8px;
font-weight: bold;
border: none;
}

div#content div.left-width dl.guide-carnet dd dl dd {
float: left;
width: 260px;
margin-bottom: 8px;
}


/**************************************************************/
/*                                                            */
/*  8. Fair Chile                                             */
/*                                                            */
/**************************************************************/

/*
---------- 8.1. Tool for calculation ------------------------------
*/
* html div#content div.left-width form#fairchile-calculation { /* for IE 6 + IE 7 */
margin-bottom: 16px;
}


div#content div.left-width form#fairchile-calculation p#left {
font-weight: bold;
float: left;
width: 130px;
margin: 0px 20px 4px 0px;
}

div#content div.left-width form#fairchile-calculation p#right {
font-weight: bold;
float: none;
margin: 0px 0px 4px 0px;
}

div#content div.left-width form#fairchile-calculation label {
width: 130px;
margin-right: 20px;
}

div#content div.left-width form#fairchile-calculation input {
width: 80px;
margin-right: 20px;
}

* html div#content div.left-width form#fairchile-calculation p#send input {
width: 60px;
margin-right: 0px;
}

div#content div.left-width form#fairchile-calculation p#send {
margin-left: 150px;
}

* html div#content div.left-width form#fairchile-calculation p#send { /* for IE 6 + IE 7 */
padding-left: 150px;
margin-left: 0px;
}

div#content div.left-width form#fairchile-calculation div#result,
div#content div.left-width form#fairchile-calculation span.error {
display: none;
}

div#content div.left-width form#fairchile-calculation span.error {
color: #CC0000;
}

div#content div.left-width form#fairchile-calculation dl {
width: 528px;
}

* html div#content div.left-width form#fairchile-calculation dl { /* for IE 6 + IE 7 */
width: 516px;
}

div#content div.left-width form#fairchile-calculation dl dt {
float: left;
width: 150px;
margin: 0px 0px 0px 0px;
font-weight: bold;
/*border-bottom: 1px solid #009999;*/
padding: 4px 0px 4px 0px;
}

div#content div.left-width form#fairchile-calculation dl dd {
float: left;
width: 378px;
/*border-bottom: 1px solid #009999;*/
}

div#content div.left-width form#fairchile-calculation dl dd dl {
width: 378px;
}

* html div#content div.left-width form#fairchile-calculation dl dd, /* for IE 6 + IE 7 */
* html div#content div.left-width form#fairchile-calculation dl dd dl { /* for IE 6 + IE 7 */
width: 366px;
}

div#content div.left-width form#fairchile-calculation dl dd dt {
width: 80px;
text-align: right;
padding-right: 20px;
font-weight: normal;
border-bottom: none;
}

div#content div.left-width form#fairchile-calculation dl dd dd {
width: 278px;
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 0px;
border-bottom: none;
}

* html div#content div.left-width form#fairchile-calculation dl dd dd { /* for IE 6 + IE 7 */
width: 286px;
}

/*
---------- 8.2. List for donation ------------------------------
*/
div#content div.left-width.fairchile-donation dl {
width: 540px;
}

div#content div.left-width.fairchile-donation dl dt {
float: left;
width: 120px;
margin-right: 20px;
}

div#content div.left-width.fairchile-donation dl dd {
float:left;
width: 400px;
}

/*
---------- 8.3. List of sponsors ------------------------------
*/
div#content div.left-width.fairchile-company-list h3 {
margin: 16px 0px 4px 0px; 
float: left;
}

div#content div.left-width.fairchile-company-list h3.first {
margin-top: 0px;
}

div#content div.left-width.fairchile-company-list h3 span {
font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

div#content div.left-width.fairchile-company-list div {
width: 540px;
border-bottom: 1px solid #009999;
padding: 0px 0px 8px 0px;
}

div#content div.left-width.fairchile-company-list div img {
float: right;
}

div#content div.left-width.fairchile-company-list ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
float: left;
}

div#content div.left-width.fairchile-company-list ul li {
margin-bottom: 0px;
padding-bottom: 0px;
}

/*
---------- 8.4. Tables of base dates for CO2 ------------------------------
*/
div#content div.left-width div.fairchile-co2-base {
border-bottom: 1px solid #009999;
}

div#content div.left-width div.fairchile-co2-base.head  {
border-top: 2px solid #009999;
border-bottom: 2px solid #009999;
}

div#content div.left-width div.fairchile-co2-base.head div {
font-weight: bold;
}

div#content div.left-width div.fairchile-co2-base div {
padding-top: 5px !important;
padding-bottom: 5px !important;
width: 135px;
}

/**************************************************************/
/*                                                            */
/*  9. Maps & Books                                           */
/*                                                            */
/**************************************************************/
div#content div.width.maps-navi {
border-bottom: 2px solid #099;
margin-top: -24px;
}

div#content div.width.maps-navi ul li {
float: left;
list-style-type: none;
text-align: center;
margin: 0px 5px 0px 0px;	
padding: 0px;
}

div#content div.width.maps-navi ul li a {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
padding: 4px 0px 4px 0px;	
text-decoration: none;
color: #000;
width: 100px;
display: block;
}

div#content div.width.maps-navi ul li a:hover, 
div#content div.width.maps-navi ul li a.activ {
border-top: 1px solid #099;
border-left: 1px solid #099;
border-right: 1px solid #099;
background: #099;
color: #fff;	
}

div#content div.pagenumbers.maps {
margin: 18px 0px 18px 0px;	
border-bottom: 1px solid #099;
padding: 0px 0px 18px 0px;
}

div#content div.pagenumbers.maps div {
width: 300px;
}

div#content div.pagenumbers.maps div.right {
width: 288px;
float: left;
text-align: right;
}

div#content div.pagenumbers.maps-bottom {
margin: 0px;
width: auto;	
} 

div#content div.left-width.maps div.prod {
margin: 0px 20px 16px 0px;	
width: 588px;
}

div#content div.left-width.maps div.prod div.top {
float: right;	
}

div#content div.left-width.maps div.prod-image {
width: 170px;
text-align: center;
margin-bottom: 16px;
}

div#content div.right-small.mapsbooks {
width: 212px;	
float: right;
}

div#content div.right-small.mapsbooks .infobox-grey {
width: 212px;	
}

div.prod-image,
div.prod-image a {
font-size: 10px;
color: #009999;
}

div.prod-image a {
text-decoration: underline;
}

div.prod-image a:hover {
text-decoration: none;
}

div.prod-image img {
float: none;
border: 4px solid #fff;
margin-bottom: 4px;	
}

div#content div.left-width.maps div.prod-info {
width: 418px;
margin-bottom: 16px;
}

div#content div.left-width.maps div.prod-info h2 {
margin: 0px;
padding: 0px;
font: normal 16px/20px Verdana, Arial, Helvetica, sans-serif;
color: #099;
display: inline;
width: auto;
}

div#content div.left-width.maps div.prod-info h3 {
margin: 0px 0px 16px 0px;
padding: 0px;
font-size: 12px;
font-weight: bold;
color: #000;
}

div#content div.left-width.maps div.prod-info h4 {
font-size: 12px;
color: #000;
margin-left: 10px;
background: #fff;
padding: 1px 3px 1px 3px;
display: inline;
}

div#content div.left-width.maps div.prod-info h4.detail {
color: #099;	
}

div#content div.left-width.maps div.prod-info p {
	
}

div#content div.left-width.maps div.prod-bottom {
border-bottom: 1px solid #099;
width: 588px;
float: left;
}

div.prod-bottom div.buchpreis {
float: left;
font-weight: bold !important;
margin: 0px 0px 0px 170px !important;
width: 348px;
padding: 0px;
}

div.prod-bottom div.buchpreis span.alt {
text-decoration: line-through;
}

div.prod-bottom div.buchpreis span.neu {
color: #cc0000;
margin-left: 10px;
}

div.prod-bottom div.buchbestellen {
float: right;
color: #fff;
background: #099;
margin: 0px;
padding: 0px;
}

div.prod-bottom div.buchbestellen a {
text-decoration: none;
color: #fff;
text-align: center;
display: block;
width: 70px;
}

div.prod-bottom div.buchbestellen a:hover {
text-decoration: none;
background: #057C7C;
}


/**************************************************************/
/*                                                            */
/*  10. Popups                                                */
/*                                                            */
/**************************************************************/

body#popup div#content {
width: 450px;
}

body#popup div#content form {
width: 450px;
padding: 0px;
margin: 0px;
}

body#popup div#content form div.around { 
width: 438px;
}

/**************************************************************/
/*                                                            */
/*  11. Area of width                                          */
/*                                                            */
/**************************************************************/

div#content div.width.patrocinios {
margin-top: 32px;
padding-top: 16px;
border-top: 1px solid #009999;
}

div#content div.width.patrocinios div div {
margin-right: 10px;
text-align: center;
}

div#content div.width.patrocinios div div img {
margin-top: 8px;
}