@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: 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; 
	padding: 100px;  
	line-height: 21px;
	font-family: arial;
	letter-spacing: 2px;
	color: #181818;
	font-size: 9px;
	padding-bottom: 5px;
	padding-top: 5px;
}



/******************************************************************************
 * 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 h2 {
	font-size: 12px;

}

#content h1, .csc-firstHeader  {
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 50px;
  margin-left: 100px;
  text-align: left;
  color: #181818;
  letter-spacing: 2px;
  font: arial;
}

#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;
	padding-left: 1px;
}


.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;
}