body{
background-color:#FFFFFF;
font-family:verdana; 
font-size:11px; 
line-height: 1.3; 
color:#000000;
margin: 0;
text-align: center;
padding:0;
}

td, th {
	font-size: 11px;
	line-height: 1.3;
}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
	background: #FFFFFF;
	width: 960px;
	/*height: 90px; Height of top section*/
}

#topsection table{
    border-collapse: collapse;
    width: 960px;
}

#topsection td{
    vertical-align: baseline;
}

#topsection td.topmenu{
	white-space: nowrap;
	text-align:right;
}

#topsection td.login{
	text-align:right;
	padding-bottom: 10px;
}

#topsection td.logo{
	text-align:left;
	vertical-align: bottom;
}

#topsection td.menu{
	white-space: nowrap;
	text-align:right;
	vertical-align: bottom;
	padding-bottom: 10px;
}

#topsection h1{
	text-align:center;
	FONT-SIZE: 20px;
	FONT-FAMILY: Times,verdana;
	margin-top: 0px;
	margin-bottom: 10px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 160px 0 160px; /*Margins for content column. Should be 0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
background: #FFFFFF;
}

#rightcolumn{
float: left;
width: 160px; /*Width of right column*/
margin-left: -160px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#footer{
	clear: left;
	width: 960px;
	background: #FFFFFF;
	padding: 4px 0;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: left;
}

#footer table{
    border-collapse: collapse;
    width: 960px;
}

#footer hr { 
 height: 0;
 border-bottom: 1px solid #B0D8FF;
 border-top: 0px; 
 border-left: 0px;
 border-right: 0px; 
}
 
#footer a.navFoot:link 	  { text-decoration:none; color:#195b9b; font-weight:bold; }
#footer a.navFoot:visited    { text-decoration:none; color:#195b9b; font-weight:bold; }
#footer a.navFoot:hover   	{ text-decoration:none; color:#FF0000; font-weight:bold; text-decoration: underline;}

#footer a:link 	  { text-decoration:none; color:#000000; font-weight:normal; }
#footer a:visited     { text-decoration:none; color:#000000; font-weight:normal; }
#footer a:hover 	  { text-decoration:none; color:#FF0000; font-weight:normal; text-decoration : underline; }

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
text-align: left;
}

.contentinnertube{
margin: 35px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 20px;
text-align: left;
}

a.menuOn:link{ 
text-decoration:none; 
color:#FFFFFF; 
font-weight:bold; 
font-family:Arial,helvetica; 
BACKGROUND-COLOR:#0033CC; }

a.menuOn:visited{ 
text-decoration:none; 
color:#FFFFFF; 
font-weight:bold; 
font-family:Arial,helvetica; 
BACKGROUND-COLOR:#0033CC; }

a.menuOn:hover{ 
text-decoration:none; 
color:#bbbbbb; 
font-weight:bold; 
font-family:Arial,helvetica; 
BACKGROUND-COLOR:#0033CC; }

a.menuOn{ 
font-size:12px; }

a.menu:link{ 
text-decoration:none; 
color:#000000; 
font-weight:bold;  
font-family:Arial,helvetica; }

a.menu:visited{ 
text-decoration:none; 
color:#000000; 
font-weight:bold;  
font-family:Arial,Helvetica; }

a.menu:hover{ 
text-decoration:none; 
color:#FF0000; 
font-weight:bold;  
font-family:Arial,Helvetica; 
text-decoration:underline; }

a.menu { 
font-size:12px; }

a.nav:link 	  { text-decoration:none; color:#195b9b; font-weight:bold;  }
a.nav:visited     { text-decoration:none; color:#195b9b; font-weight:bold; }
a.nav:hover 	  { text-decoration:none; color:#FF0000; font-weight:bold; text-decoration: underline; }

a.navSide:link 	  { text-decoration:none; color:#195b9b; font-weight:bold; }
a.navSide:visited { text-decoration:none; color:#195b9b; font-weight:bold; }
a.navSide:hover   { text-decoration:none; color:#FF0000; font-weight:bold; text-decoration : underline;}
a.navSide 	  { font-size:11px }

a.navS:link 	  { text-decoration:none; color:#195b9b; font-weight:bold; }
a.navS:visited     { text-decoration:none; color:#195b9b; font-weight:bold; }
a.navS:hover 	  { text-decoration:none; color:#000000; font-weight:bold; text-decoration : underline; }

a.navSubReg:link     { text-decoration:none; color:#0099CC; font-weight:normal; }
a.navSubReg:visited  { text-decoration:none; color:#0099CC; font-weight:normal; }
a.navSubReg:hover    { text-decoration:none; color:#0099CC; font-weight:normal; text-decoration: underline; }


table.contenttab{
	border-collapse: collapse;
	width: 570px;   /*Set width to that of -(MainContainerWidth - LeftcolumnWidth - RightcolumnWidth - ContentinnertubeMargins)*/ 
}


/* Infobox klein */
.infobox {
	table-layout: fixed;
    border-collapse: collapse;
    width: 220px;
    border: 1px solid #B0D8FF;
}

.infobox th {
    background-color: #B0D8FF; 
    text-align: center;
    vertical-align: baseline;
    height: 16px;
    padding: 0px;
}

.infobox td {
	vertical-align: baseline;
	padding: 5px;
}


/* Infobox Gross */
.infoboxbig {
	table-layout: fixed;
    border-collapse: collapse;
    width: 570px;
    border: 1px solid #B0D8FF;
}

.infoboxbig th {
    background-color: #B0D8FF; 
    text-align: center;
    vertical-align: baseline;
    height: 16px;
    padding: 0px;
}

.infoboxbig td {
	vertical-align: baseline;
	padding: 5px;
}

.iboxhead  			{background-color:#B0D8FF; height: 16px; }

.small 			  { FONT-WEIGHT:normal; color:#000000; FONT-SIZE:11px; }

.alert 			  { FONT-WEIGHT: bold; font-style: oblique; color: #FF0000; }

.success 			  { FONT-WEIGHT:bold; color:#66cc33; }

.white 			  { FONT-WEIGHT:bold; color:#ffffff; }

h1 			  	{ FONT-WEIGHT:bold; color:#000000; FONT-SIZE:24px; FONT-FAMILY:Times,verdana; }

h2 			  	{ FONT-FAMILY:Times,verdana; }

h3 			  	{ FONT-WEIGHT:normal; color:#000000; FONT-SIZE:18px; FONT-FAMILY:Times,verdana; }

hr { 
 height: 0;
 border-bottom: 1px solid #B0D8FF;
 border-top: 0px; 
 border-left: 0px;
 border-right: 0px; }

hr.dashed { 
 height: 0;
 border-bottom: 1px dashed #B0D8FF;
 border-top: 0px; 
 border-left: 0px;
 border-right: 0px; }
 
ul {
	list-style-type: square; }

.hspace1 { 
	width:30px; }

/* Exposee list */
table.listingframe {
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #B0D8FF; 
	width:570px;
}

.listing_inner  { 
	padding: 6px;
}

table.listing {
    border-collapse: collapse;
    width: 100%;
	background-color: #FEFEFE; }

.listing td { 
	vertical-align: baseline;
}
	
.listing img { 
	border: 0; 
	margin-left: 25px;
}

a.lnav:link {
	text-decoration:none; color:#000000; }
a.lnav:visited { 
	text-decoration:none; color:#000000; }
a.lnav:hover { 
	text-decoration:none; color:#FF0000; text-decoration: underline; }

.lhead { 
	background-color: #B0D8FF;
	text-align: center;
	vertical-align: baseline;
	height: 18px; 
	}
	
.ldesc { 
	FONT-WEIGHT: normal; 
	padding-right: 25px;
}

.lprice { 
	FONT-SIZE:12px; 
	white-space:nowrap;
}

.lloc { 
	FONT-WEIGHT:bold; 
	padding-top: 5px;
	padding-bottom: 15px;
}

table.pagenavtab{
	border-collapse: collapse;
	width: 570px;
}

.pagenavtab td{
    font-weight: bold;
    vertical-align: top;
}



/* Exposee */
table.exposeframe {
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #B0D8FF; 
	width:570px;
}

.expose_inner  { 
	padding: 6px;
}

table.expose {
    border-collapse: collapse;
    width: 100%;
	background-color: #FEFEFE; }

.expose th { 
    padding-left: 5px;
    text-align: left;
	vertical-align: baseline;
	background-color: #B0D8FF; 
	height: 18px;
}

.expose td { 
	vertical-align: baseline;
}

.expose td.exposesub { 
    padding-left: 5px;
	background-color: #B0D8FF; 
	height: 18px;
	font-weight: bold;
}


img.navpict { 
	border: 0px; 
}


object {
	display: inline-block;
	margin: 0;
}

em { 
	font-weight: bold; 
	padding-right: 1em; 
	vertical-align: top; 
}

.thumbnail{
    position: relative;
    z-index: 0; }

.thumbnail:hover{
    background-color: transparent;
    z-index: 50; }

.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #FFFFFF;
    padding: 5px;
    left: -500px;
    border: 1px dashed #B0D8FF;
    visibility: hidden;
    color: #000000;
    text-decoration: none;
    font-weight: bold; }

.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px; }

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    z-index: 100;
    top: -10px;
    left: 50px; /*position where enlarged image should offset horizontally */ }


/******** Forms *********/

form {
	margin: 0; }
	
fieldset {
	border: 0px; 
	margin: 0; 
	padding: 0; }

fieldset.fssolid {
	border: 1px solid #B0D8FF;
	margin-left: 0px; 
	margin-bottom: 8px; }

fieldset.fsdashed {
	border: 1px dashed #B0D8FF;
	margin-left: 0px;
	margin-bottom: 8px; }

legend {
	color: #000000; }

label {
	font-weight: bold; 
}

button, select, input, textarea {
	display: inline-block;
	FONT-SIZE: 12px;
	font-family: arial;
	/*
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px; 
	border: 1px solid #7F9DB9; 
	*/
}

button.error, input.error, textarea.error { 
	display:inline-block;
	FONT-SIZE: 12px;
	font-family: arial;
	background-color: #f8dbdb;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px; 
	border: 1px solid #e77776;
}

select.error { 
	display:inline-block;
	FONT-SIZE: 12px;
	font-family: arial;
	background-color: #f8dbdb;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px; 
	border: 1px solid #e77776;
}

label.error { 
	FONT-SIZE: 12px;
	font-family: arial;
	float: none; /*left*/ 
	display: block;
	color: #ff0000; 
	font-weight: normal; 
	margin-top: 2px;
	margin-bottom: 5px;
	/*padding-left: .5em;
	vertical-align: baseline; */
}

#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}



/**** form registration ****/
#formRegistration {
	margin: 0;
}

#formRegistration table{
	border-collapse: collapse;
	width:570px;
}

#formRegistration td {
	vertical-align: baseline;
 }

#formRegistration td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
 }



/**** form logon ****/
#formLogon {
	margin: 0;
}

#formLogon table{
	border-collapse: collapse;
	width:570px;
}

#formLogon td {
	vertical-align: baseline;
 }

#formLogon td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
 }

#formLogon img { 
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 0px; 
}


/**** form newsletter ****/
#formNewsletter {
	margin: 0;
}

#formNewsletter table{
	border-collapse: collapse;
	width:570px;
}

#formNewsletter td {
	vertical-align: baseline;
 }

#formNewsletter td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
 }


/**** form recommentation ****/
#formRecommendation {
	margin: 0;
}

#formRecommendation table{
	border-collapse: collapse;
	width:570px;
}

#formRecommendation td {
	vertical-align: baseline;
 }

#formRecommendation td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
 }


/**** form contact ****/
#formContact {
	margin: 0;
}

#formContact table{
	border-collapse: collapse;
	width:570px;
}

#formContact td {
	vertical-align: baseline;
 }

#formContact td.tdlabel {
	vertical-align: baseline;
	white-space: nowrap;
	text-align: right;
	padding-right: 20px;
 }


/**** form EstateRecommend ****/
#formEstateRecommendation {
	margin: 0;
}

#formEstateRecommend table{
	border-collapse: collapse;
	width:100%;
}

#formEstateRecommend td {
	vertical-align: baseline;
 }

#formEstateRecommend td.tdlabel {
	vertical-align: baseline;
	white-space: nowrap;
	padding-right: 20px;
 }


/**** form NewPassword ****/
#formNewPassword {
	margin: 0;
}

#formNewPassword table{
	border-collapse: collapse;
	width:100%;
}

#formNewPassword td {
	vertical-align: baseline;
 }

#formNewPassword td.tdlabel {
	vertical-align: baseline;
	padding-right: 20px;
 }

 
/**** formCustomer ****/
#formCustomer {
	margin: 0;
}

#formCustomer table{
	border-collapse: collapse;
	width:570px;
}

#formCustomer td {
	vertical-align: baseline;
 }

#formCustomer td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	white-space: nowrap;
	padding-right: 20px;
}

 
/**** form Password ****/
#formPassword {
	margin: 0;
}

#formPassword table{
	border-collapse: collapse;
	width:100%;
}

#formPassword td {
	vertical-align: baseline;
}

#formPassword td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
}
 
 
/**** form PhotoUpload ****/
#formPhotoUpload {
	margin: 0;
}

#formPhotoUpload table{
	border-collapse: collapse;
	width:100%;
}

#formPhotoUpload td {
	vertical-align: baseline;
}

#formPhotoUpload td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
}
 

/**** form PhotoDesc ****/
#formPhotoDesc {
	margin: 0;
}

#formPhotoDesc table{
	border-collapse: collapse;
	width:100%;
}

#formPhotoDesc td {
	vertical-align: baseline;
}

#formPhotoDesc td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
}
 

/**** form Map ****/
#formMap {
	margin: 0;
}

#formMap table{
	border-collapse: collapse;
	width:100%;
}

#formMap td {
	vertical-align: baseline;
}

#formMap td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
}

/**** form AddEstate ****/
#formAddEstate {
	margin: 0;
}

#formAddEstate table{
	border-collapse: collapse;
	width:100%;
}

#formAddEstate td {
	vertical-align: baseline;
}

#formAddEstate td.tdlabel {
	vertical-align: baseline;
	white-space: nowrap;
	text-align: right;
	padding-right: 20px;
}

#formAddEstate #headline_de {
	width: 570px;
}

#formAddEstate #headline_en {
	width: 570px;
}

#formAddEstate #short_desc_de {
	width: 570px;
}

#formAddEstate #short_desc_en {
	width: 570px;
}

/**** form ChangeEstate ****/
#formChangeEstate {
	margin: 0;
}

#formChangeEstate table{
	border-collapse: collapse;
	width:100%;
}

#formChangeEstate td {
	vertical-align: baseline;
}

#formChangeEstate td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
}

#formChangeEstate #headline {
	width: 570px;
}

#formChangeEstate #short_desc {
	width: 570px;
}

/**** form AddArticle1 ****/
#formAddArticle1 {
	margin: 0;
}

#formAddArticle1 table{
	border-collapse: collapse;
	width:100%;
}

#formAddArticle1 td {
	vertical-align: baseline;
}

#formAddArticle1 td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
}


/**** form AddArticle2 ****/
#formAddArticle2 {
	margin: 0;
}

#formAddArticle2 table{
	border-collapse: collapse;
	width:100%;
}

#formAddArticle2 td {
	vertical-align: baseline;
}

#formAddArticle2 td.tdlabel {
	vertical-align: baseline;
	text-align: right;
	padding-right: 20px;
}


/**** form Package ****/
#formPackage {
	margin: 0;
}

#formPackage table{
	border-collapse: collapse;
	width:100%;
}

#formPackage td {
	vertical-align: baseline;
}

#formPackage td.tdlabel {
	vertical-align: baseline;
	white-space: nowrap;
	text-align: right;
	padding-right: 20px;
}


/**** form Search Request ****/
#formSearchRequest {
	margin: 0;
}

#formSearchRequest table{
	border-collapse: collapse;
	width:100%;
}

#formSearchRequest td {
	vertical-align: baseline;
}

#formSearchRequest td.tdlabel {
	vertical-align: baseline;
	white-space: nowrap;
	text-align: right;
	padding-right: 20px;
}

/* TextareaReziser */
div.grippie {
	background:#EEEEEE url(http://www.planetproperty.de/img/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width: 570px;
	height: 20%;
}
/* /TextareaReziser */


/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #FFFFFF;
	width: 100%;
	padding: 0px;
}
#gallery ul { 
	list-style: none; 
	padding-left: inherit;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#gallery ul li { 
	display: inline; 
}

#gallery ul img {
	border: 0px solid #CC6600;
	border-width: 0px 0px 0px;
}

#gallery ul a:hover img {
	border: 0px solid #fff;
	border-width: 0px 0px 0px;
	color: #fff;
}
#gallery ul a:hover { 
	color: #fff; 
}