/**
	MAINCSS FILE FOR THE PROJECT BIANCA-ISTRIEN.COM

	Developed by IQ2.AT MAY 2009
	Copyright by IQ2.AT MAY 2009
		
	bianca-istrien.com is a webproject maintained and
	developed by IQ2.AT
	
	Projectfacts: 
	Main-Release: May, 2009
	
	Have fun!
*/	


/*
  ======================================================
	LAYOUT SPECIFIC STYLESHEET DEFINITIONS
  ======================================================
*/

html { /*Scroll fix for Opera & Firefox */
	height:100%; 
	margin-bottom: 1px;
}

body {
	padding: 0; 
	margin: 0; 
	border: 0;
	background: #FFF url(../img/assets/bg.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 16px;
	color: #222; 
}

#contentwrapper {
  margin: 0 auto;
  padding: 0;
  border: 0;
  width: 810px;
}


/*
  ======================================================
	LOGO SECTION
  ======================================================
*/

#logo {
	padding: 0;
	margin: 0;
	border: 0;
	width: 810px;
	height: 44px;
	background: url(../img/logo.gif) top left no-repeat;
	position: absolute;
	top: 110px;
}

#star {
	padding: 0; 
	margin: 0; 
	border: 0;
	width: 111px;
	height: 110px;
	position: relative;
	left: 761px;
	top: 114px;
	background: url(../img/assets/first-class-apartments.gif) no-repeat;
}

#star-de {
    padding: 0; 
    margin: 0; 
    border: 0;
    width: 111px;
    height: 110px;
    position: relative;
    left: 761px;
    top: 114px;
    background: url(../img/assets/de-first-class-apartments.gif) no-repeat;
}

/*
  ======================================================
	MAINCONTENT
  ======================================================
*/

#maincontent {
	border: 1px solid #DEDEDE;
	border-top: #93C4D0;
	padding: 0;	
	margin: 74px 0 0 0;
	text-align: left;
	background-color: #FFF;
	width: 810px;
   float: left;
}


/**
  ======================================================
   MAIN NAVIGATION
  ======================================================
*/ 
.mod_navigation {
    margin: 0; 
    padding: 0;
    border: 0;
    width: 810px;
    height: 39px;
    background-color: #FFF;
    float: left;  
}

.mod_navigation ul { /* all lists */
    margin: 0;
    padding: 0;
    border: 0;
    width: 810px;
    height: 39px;
}

.mod_navigation li {
    float: left;
    list-style: none;
    position: relative; /* ADDED */
}

li.mn01, li.mn02 {
    margin: 0;
    padding: 0;
    width: 95px;
    height: 39px;
    display: block;
    background: url('../img/nav/nav.gif') no-repeat 0px;
}

li.mn01 { background: url('../img/nav/nav.gif') 0 0; }
li.mn02 { background: url('../img/nav/nav.gif') -95px 0; }

.mod_navigation ul .active > .mn01 { background: url('../img/nav/nav.gif') 0 39px; }
.mod_navigation ul .active > .mn02 { background: url('../img/nav/nav.gif') -95px 39px; }

li.mn01:hover { background: url('../img/nav/nav.gif') 0 39px;}
li.mn02:hover { background: url('../img/nav/nav.gif') -95px 39px; }

li.mn01 > a, li.mn02 > a, li.mn01a > a, li.mn02a > a {
    display: block;
    width: 95px;
    height: 39px;
}

.mod_navigation ul li.mn01 > a, .mod_navigation ul .active .mn01,
.mod_navigation ul li.mn02 > a, .mod_navigation ul .active .mn02
{
    margin: 0;
    padding: 0;
    border: 0;
    width: 95px;
    height: 39px;
    text-indent: -9999em;
    display: block;
    float: right;
}

/*
  ======================================================
	CONTENT
  ======================================================
*/

#content {
	padding: 0 10px 15px 10px;
	margin: 0;
	border: 0;
	width: 790px;
	float: left;
}


/*
  ======================================================
	CONTENTAREA + SLIDESHOW + GRIDS
  ======================================================
*/

#slideshow {
	width: 790px;
	height: 350px;
	background-color: #ECECEC;
	margin: 10px 0 30px 0;
}

#gc1 { 
	margin: 0 10px 0 0;
	padding: 0;
	width: 450px;
	min-height: 250px;
	border: 0;
	background-color: #FFF;
	float: left;
}

#gc2 { 
	margin: 0 0 0 10px;
	padding: 0;
	width: 320px;
	min-height: 250px;
	border: 0;
	background-color: #FFF;
	float: left;
}

.gc2sub {
	background-color: #EAE8E1;
	padding: 9px 10px 15px 10px;
	border: 0;
	margin: 0;
}


/*
  ======================================================
	FOOTER + COPYRIGHT
  ======================================================
*/

#footer {
	margin: 10px 0 20px 0;
	padding: 0 0 20px 0;
	border: 0;
	height: 16px;
	float: left;
	width: 800px;
}

* html #footer {
	width: 800px;
}

#copyright {
	margin: 0;
	padding: 0;
	float: right;
	color: #919191;
}

#copyright a {
	color: #919191;
}
	
	
/*
  ======================================================
    IMAGES
  ======================================================
*/

.gc2sub .gap-20-20 {
	margin: 0 20px 0 20px;
}


/*
  ======================================================
    H2 DEUTSCH (PHARK IMAGE REPLACEMENT)
  ======================================================
*/

h2.de-apartment {
  background: url(../img/headings/de-rent.gif) no-repeat;
  width: 330px;
  height: 17px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.de-premantura {
  background: url(../img/headings/de-premantura.gif) no-repeat;
  width: 288px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 25px 0;
  padding: 0;
}

h2.de-quickfacts {
  background: url(../img/headings/de-quickfacts.gif) no-repeat;
  width: 119px;
  height: 17px;
  text-indent: -999em;
  margin: 0 0 15px 0;
  padding: 0;
}

h2.de-contact {
  background: url(../img/headings/de-contact.gif) no-repeat;
  width: 162px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.de-pricelist {
  background: url(../img/headings/de-pricelist.gif) no-repeat;
  width: 376px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.de-route {
  background: url(../img/headings/de-route.gif) no-repeat;
  width: 283px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.de-legal {
  background: url(../img/headings/de-legal.gif) no-repeat;
  width: 305px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}


/*
  ======================================================
    H2 ENGLISH (PHARK IMAGE REPLACEMENT)
  ======================================================
*/

h2.en-apartment {
  background: url(../img/headings/en-rent.gif) no-repeat;
  width: 286px;
  height: 17px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.en-premantura {
  background: url(../img/headings/en-premantura.gif) no-repeat;
  width: 288px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 25px 0;
  padding: 0;
}

h2.en-quickfacts {
  background: url(../img/headings/en-quickfacts.gif) no-repeat;
  width: 91px;
  height: 17px;
  text-indent: -999em;
  margin: 0 0 15px 0;
  padding: 0;
}

h2.en-contact {
  background: url(../img/headings/en-contact.gif) no-repeat;
  width: 162px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.en-pricelist {
  background: url(../img/headings/en-pricelist.gif) no-repeat;
  width: 269px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.en-route {
  background: url(../img/headings/en-route.gif) no-repeat;
  width: 134px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.en-legal {
  background: url(../img/headings/en-legal.gif) no-repeat;
  width: 162px;
  height: 17px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}


/*
  ======================================================
    COMMON STYLES FOR LINKS
  ======================================================
*/ 

a { 
	outline-width: 0; 
	display: inline;
} 

a:link, a:visited, a:hover, a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;	
	color: #222; 
}


/*
  ======================================================
    COMMON STYLES FOR ERROR HANDLING
  ======================================================
*/

p {
	margin: 15px 0 15px 0;	
}

/*clearing all floats and fix firefox and ie backgroundcolor-bug */
div.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 1px;
} 


/*
  ======================================================
	UL
  ======================================================
*/

ul {
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

li {
	display: block; 
	line-height: 16px;
}


/*
  ======================================================
    TABLE DEFINITIONS
  ======================================================
*/    
table.tdata {
    border-top: 1px solid #BBB9B4;
    border-left: 1px solid #BBB9B4;
    border-collapse: collapse;
    margin: 15px 0 15px 0;
    width: 450px;
}

table.tdata tr {
    background-color: #FFF;
}

table.tdata th, table.tdata td {
    padding: 5px 10px 5px 10px;
    border-right: 1px solid #BBB9B4;
    border-bottom: 1px solid #BBB9B4; 
    text-align: center;
}

table.tdata td p {
    padding: 0;
    margin: 0;
}

table.tdata th {
    font-weight: bold;
    vertical-align: top;
    background-color: #EAE8E1;
    color: #222;
    padding: 5px 10px 5px 10px;
}