@import 'reset.css';
@import 'ie.css';
@import 'typography.css';
@import 'forms.css';
@import 'layout.css';
/******************************************************************************
 * STANDARD ELEMENTS - Styles for standard HTML elements
 ******************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 100%;
	text-align: center;
}

a {
	text-decoration: none;
	color: #aaa;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a img {
	border: none;
}

ul {
	list-style-type: none;
}


/******************************************************************************
 * GENERIC CLASSES - Classes that can be used everywhere
 ******************************************************************************/
.clear_both	{ clear: both; line-height: 0px; }
.bodytext	{ margin-bottom: 12px; }



/******************************************************************************
 * MENU LAYOUT - The layout of the menu, submenu and other menu like lists
 ******************************************************************************/

#mainmenu {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
 
#mainmenu ul {
	padding-top: 50px;
	margin-left: 100px;
}
#mainmenu ul:after { content: ""; display: block; height: 0; clear: both; }

#mainmenu ul li {
	float: left;
	display: inline;
}
#mainmenu ul li a {
	display: block;
	color: #444;
	text-decoration: none;
	font-size: 14px;
	/*padding: 0px 12px;*/
}
#mainmenu ul li a:hover,
#mainmenu ul li a:focus,
#mainmenu ul li a:active,
#mainmenu ul li a.active {
	text-decoration: underline;
	/*background-color: #ddd;*/
	color: #000;
}

#mainmenu ul li ul {
	position: absolute;
	display: block;
	margin-top: -15px;
	margin-left: auto; 
	padding-top: 0px;	
}


/******************************************************************************
 * HEADER - Specific styles for the header
 ******************************************************************************/

/******************************************************************************
 * CONTENT COLUMN - Specific styles for the content column
 ******************************************************************************/
#content { background-color: #d0d0d3; }
 
#content h1 {
	font-size: 15px;
}
#content h2 {
	font-size: 12px;
}

#content h1 {
  text-align: center;
}

#content p {
 text-align: left;
}

/******************************************************************************
 * LEFT COLUMN - Specific styles for the left column
 ******************************************************************************/

/******************************************************************************
 * RIGHT COLUMN - Specific styles for the right column
 ******************************************************************************/


/******************************************************************************
 * FOOTER - Specific styles for the footer
 ******************************************************************************/
#footer { background-color: #d0d0d3 };
/******************************************************************************
 * Mailform - Specific styles for the default Typo3 Mailform
 ******************************************************************************/
#right .right-block .input_text_short, .csc-mailform input, .csc-mailform textarea {
	background-color: #eee;
	border: medium none;
}
input.tx-sremailsubscribe-pi1-text {
	background-color: #eee;
	border: medium none;
}
fieldset {
	border: medium none;
}
input.csc-mailform-submit {
	background-color: #fff;
}
input.tx-sremailsubscribe-pi1-submit {
	border: medium none;
	background-color: #ccc;
	font-weight: bold;
	padding-left: 4px;
}
.csc-mailform-field label {
	display: block;
	width: 180px;
	text-align: left;
}
#right .right-block .input_submit, .csc-mailform-submit {
	/*background: #fff url(../images/arrow.gif) no-repeat scroll 1px 6px;*/
	border: medium none;
	color: #ccc;
	font-weight: bold;
	padding-left: 4px;
}

/******************************************************************************
 * QUOTES
 ******************************************************************************/
 
 .tx-bwquotes-pi1 {
  background: url(../images/main.jpg) no-repeat;  
  /* background-color: #d9d9db;  */
  height: 100%;
  width: 100%;
  position: relative;
 }
 
 .tx-bwquotes-pi1 .quote {
  position: absolute;
  color: #fff;
 }
 
 .tx-bwquotes-pi1 .quote h1 { 
  font-size: 14pt;}
 
 .tx-bwquotes-pi1 .quote p {
  font-size: 10pt;
 }
 
 
.tx-srlanguagemenu-pi1 {
  font-size: 10pt;
}

/******************************************************************************
 * VILLA's
 ******************************************************************************/

.tx-bwvillas-pi1 {
	position: relative;
	height: 100%;
}

.tx-bwvillas-pi1 {
	text-align: left;
}

.tx-bwvillas-pi1 .image {
	position: absolute;
	right: 0;
	top: 0;
}



.tx-bwvillas-pi1 .text {
	position:absolute;
	left: 100px;
	top: 56px;
	width: 250px;
	height: 340px;
}

.tx-bwvillas-pi1 .text p.smalltext {
	margin-top: 7px;
	line-height: 21px;
	font-family: arial;
	letter-spacing: 2px;
	color: #181818;
	font-size: 9px;
}


.tx-bwvillas-pi1 .title { 
	position:absolute;
	left: 100px;
	bottom: -5px;
	width: 200px;
	height: 50px;
}

.tx-bwvillas-pi1 .paginator {
	position: absolute;
	left: 98px;
	bottom: -4px;
	
}

.tx-bwvillas-pi1 .paginator li {
	float: left;
	margin-left: 2px;
}

.tx-bwvillas-pi1 .paginator li img {
	margin-top: 2px;
	
}

.tx-bwvillas-pi1 .paginator a {
	color: #ffffff;
	/*font-weight: bold;*/
	font-size: 11px;	
	!font-size: 11px;
	text-decoration: none;
	margin-left: 3px;
}

.tx-bwvillas-pi1 .paginator .prevLink a {
	margin-left: 0px;
}


.tx-bwvillas-pi1 .paginator li.active a {
	color: #0062A7;
	
}

.tx-bwvillas-pi1 .paginator li a:hover {
	color: #0062A7;
}

.tx-bwpageflip-pi1 {
	height: 400px;
}

/******************************************************************************
 * FORM PAGE
 ******************************************************************************/
#form_wrap {
	position: relative;
	float: right;
	margin: 22px;
}
#form_wrap #form_background {
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: .7;
	-moz-opacity: .7;
	
	background-color: #fff;
	float: left;
	
	width: 330px;
	height: 429px;
}
#form_wrap #form_form {
	position: absolute;
	top: 16px;
	left: 8px;
	width: 312px;
}
#form_wrap p.bodytext {
	width: auto;
	color: #00559e;
	font-family: Arial;
	letter-spacing: 0.4em;
	font-size: 1.1em;
	line-height: 1.5em;
}
#form_wrap form {
	position: absolute;
}
#form_wrap fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#form_wrap legend {
	visibility: hidden;
	display: none;
}
#form_wrap label {
	font-weight: normal;
	display: block;
	margin: 1px 0;
}
#form_wrap .powermail_mandatory {
	margin-left: 5px;
}
#form_wrap input[type=text] {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-top: 2px solid #e3e3e3;
	border-bottom: none;
	background-color: #fff;
	width: 308px;
	padding: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
#form_wrap input[type=text].validation-failed {
	border: 1px solid #f00;
	border-top: 2px solid #f00;
}
/* Special input cases */
/* name - prod */
#form_wrap #powermaildiv_uid33,
#form_wrap #powermaildiv_uid32,
#form_wrap #powermaildiv_uid31,
#form_wrap #powermaildiv_uid56,
#form_wrap #powermaildiv_uid34,
#form_wrap #powermaildiv_uid45,
/* name - dev
#form_wrap #powermaildiv_uid51,
#form_wrap #powermaildiv_uid31,
#form_wrap #powermaildiv_uid41, */

/* zip code - prod */
#form_wrap #powermaildiv_uid24,
#form_wrap #powermaildiv_uid23,
#form_wrap #powermaildiv_uid25,
#form_wrap #powermaildiv_uid60,
#form_wrap #powermaildiv_uid38,
#form_wrap #powermaildiv_uid47
/* zip code - dev
#form_wrap #powermaildiv_uid55,
#form_wrap #powermaildiv_uid35,
#form_wrap #powermaildiv_uid44 */
 {
    float: left;
    margin-right: 8px;
}
/* name - prod */
#form_wrap #powermaildiv_uid33 input,
#form_wrap #powermaildiv_uid32 input,
#form_wrap #powermaildiv_uid31 input,
#form_wrap #powermaildiv_uid56 input,
#form_wrap #powermaildiv_uid34 input,
#form_wrap #powermaildiv_uid45 input,
/* name - acc
#form_wrap #powermaildiv_uid51 input,
#form_wrap #powermaildiv_uid31 input,
#form_wrap #powermaildiv_uid41 input,
*/
/* zip code - prod */
#form_wrap #powermaildiv_uid24 input,
#form_wrap #powermaildiv_uid23 input,
#form_wrap #powermaildiv_uid25 input,
#form_wrap #powermaildiv_uid60 input,
#form_wrap #powermaildiv_uid38 input,
#form_wrap #powermaildiv_uid47 input
/* zip code - dev
#form_wrap #powermaildiv_uid55 input,
#form_wrap #powermaildiv_uid35 input,
#form_wrap #powermaildiv_uid44 input */
{
    width: 200px !important;
    *width: 199px !important;
}

/* initials - prod */
#form_wrap #powermaildiv_uid28 input,
#form_wrap #powermaildiv_uid29 input,
#form_wrap #powermaildiv_uid30 input,
#form_wrap #powermaildiv_uid57 input,
#form_wrap #powermaildiv_uid35 input,
#form_wrap #powermaildiv_uid46 input,
/* initials - dev
#form_wrap #powermaildiv_uid52 input,
#form_wrap #powermaildiv_uid32 input,
#form_wrap #powermaildiv_uid42 input, */
/* country - prod */
#form_wrap #powermaildiv_uid22 input,
#form_wrap #powermaildiv_uid20 input,
#form_wrap #powermaildiv_uid21 input,
#form_wrap #powermaildiv_uid61 input,
#form_wrap #powermaildiv_uid48 input,
#form_wrap #powermaildiv_uid39 input
/* country - dev
#form_wrap #powermaildiv_uid56 input,
#form_wrap #powermaildiv_uid36 input,
#form_wrap #powermaildiv_uid46 input */
{
    width: 94px !important;
    *width: 93px !important;
}

/* options */
#form_wrap .tx_powermail_pi1_fieldwrap_html_check p {
	color: #000;
	font-size: 1em;
	line-height: 1em;
	margin: 29px 0 1px;
}
/* include - prod */
#form_wrap #powermaildiv_uid67 p,
#form_wrap #powermaildiv_uid68 p,
#form_wrap #powermaildiv_uid69 p
/* include - acc
#form_wrap #powermaildiv_uid62 p,
#form_wrap #powermaildiv_uid65 p,
#form_wrap #powermaildiv_uid67 p */
{
	margin: 2px 0 1px;
}
/* include - prod */
#form_wrap #powermaildiv_uid67 table,
#form_wrap #powermaildiv_uid68 table,
#form_wrap #powermaildiv_uid69 table
/* include - dev
#form_wrap #powermaildiv_uid62 table,
#form_wrap #powermaildiv_uid65 table,
#form_wrap #powermaildiv_uid67 table  */
{
	margin-bottom: 4px;
}
/* receiving options - prod */
#form_wrap #powermaildiv_uid65 p,
#form_wrap #powermaildiv_uid43 p,
#form_wrap #powermaildiv_uid54 p
/* receiving options - dev
#form_wrap #powermaildiv_uid59 p,
#form_wrap #powermaildiv_uid39 p,
#form_wrap #powermaildiv_uid49 p */
{
	margin: 0 0 1px;
}
#form_wrap .tx_powermail_pi1_fieldwrap_html_check table {
	width: auto;
}
#form_wrap .tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner input {
	display: inline;
}
#form_wrap .tx_powermail_pi1_fieldwrap_html_check .powermail_check_inner label {
	display: inline;
}

/* submit */
#form_wrap .tx_powermail_pi1_fieldwrap_html_submit {
	position: absolute;
	right: 0px;
	bottom: 21px;
}
#form_wrap .tx-powermail-pi1_confirmation_submit,
#form_wrap .tx-powermail-pi1_mandatory_submit,
#form_wrap .tx_powermail_pi1_fieldwrap_html_submit input {
	background-color: #00559e;
	color: #fff;
	border: none;
	font-family: Arial;
	font-size: 1.1em;
	padding: 4px;
	*padding: 2px;
	*width: 102px;
	text-transform: uppercase;
}
#form_wrap .tx-powermail-pi1_confirmation_submit,
#form_wrap .tx-powermail-pi1_mandatory_submit {
	width: auto;
}

#form_wrap .powermail_all_td {
	padding: 0 0 8px;
}