/* Volksbank Immobilien Ruhr Mitte GmbH */

/* global */
body { font-family: Arial, Helvetica, sans-serif; margin:0px; padding:0px; font-size:12px; color:#494949;}
p { margin-left:0px; margin-top:5px; margin-right:0px; margin-bottom:0px; }
a { text-decoration: none; }
a:hover {	text-decoration: none; }

/* layer */
#startscreen { position:absolute; left:0px; top:0px; width:470px; height:554px; z-index:1; }
#startLogo { position:absolute; left:470px; top:0px; width:480px; height:181px; z-index:2; background-color: #FFFFFF; }
#startOrange {
	position:absolute;
	left:420px;
	top:150px;
	width:530px;
	height:265px;
	z-index:3;
	background-color: #ec6f26;
}
#startClaim { position:absolute; left:0px; top:355px; width:420px; height:27px; z-index:4; background-color: #454247;	}
#startNav {
	position:absolute;
	left:420px;
	top:175px;
	width:530px;
	height:135px;
	z-index:7;
}
#startMeta { position:absolute; left:0px; top:561px; width:274px; height:39px; z-index:8; }
#startTeaser {
	position:absolute;
	left:500px;
	top:335px;
	width:270px;
	height:65px;
	z-index:5;
}
#startFooter { position:absolute; left:500px; top:524px; width:420px; height:79px; z-index:6; }
#titel { position:absolute; left:0px; top:0px; width:575px; height:270px; z-index:1; }
#content { position:relative; left:30px; top:300px; width:440px; height:255px; z-index:9; }
#logo { position:absolute; left:570px; top:0px; width:380px; height:90px; z-index:2; background-color: #FFFFFF; }
#orange { position:absolute; left:490px; top:90px; width:460px; height:245px; z-index:3; background-color: #ec6f26; }
#claim { position:absolute; left:0px; top:260px; width:490px; height:18px; z-index:4; background-color: #454247;	}
#nav {
	position:absolute;
	left:490px;
	top:135px;
	width:460px;
	height:136px;
	z-index:7;
}
#meta { position:absolute; left:0px; top:1px; width:191px; height:19px; z-index:8; }
#teaser { position:absolute; left:575px; top:357px; width:345px; height:134px; z-index:5; }
#footer { position:absolute; left:575px; top:550px; width:345px; height:79px; z-index:6; }
#barrrierefrei { width:183px; height:114px; visibility:hidden; display:none; }

/* blanker */
.blanker1 { clear: both; font-size: 1px; height: 1px; line-height: 1px; width: 1px; }
.blanker2 { clear: both; font-size: 2px; height: 2px; line-height: 2px; width: 2px; }
.blanker5 { clear: both; font-size: 5px; height: 5px; line-height: 5px; width: 5px; }
.blanker10 { clear: both; font-size: 10px; height: 10px; line-height: 10px; width: 10px; }
.blanker15 { clear: both; font-size: 15px; height: 15px; line-height: 15px; width: 15px; }
.blanker20 { clear: both; font-size: 20px; height: 20px; line-height: 20px; width: 20px; }
.blanker30 { clear: both; font-size: 30px; height: 30px; line-height: 30px; width: 30px; }

/* text */
.textWhite10 { font:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#FFFFFF; }
.textWhite11 { font:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#FFFFFF; }
.textWhite12 { font:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#FFFFFF; }
.textGrau10 { font:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#68676c; }
.textGrau11 { font:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#68676c; }
.textGrau12 { font:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#68676c; }
.text10 { font:Arial, Helvetica, sans-serif; font-size:10px; line-height:12px; color:#333333; }
.text11 { font:Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#333333; }
.text12 { font:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333333; }

/* links */
a.startNav { display:block; height:15px; background-color:#68676c; padding-left:81px; font-family:Arial, Helvetica, sans-serif; size:11px; color:#FFFFFF; }
a.startNav:visited { display:block; height:15px; background-color:#68676c; }
a.startNav:link { display:block; height:15px; background-color:#68676c; }
a.startNav:hover { display:block; height:15px; background-color:#1b68b1; }
.marked { display:block; height:15px; background-color:#4B4B4B; color:#CCCCCC; padding-left:81px; }

a.startMeta { display:block; height:15px; background-color:#454247; padding-left:40px; }
a.startMeta:visited { display:block; height:15px; background-color:#454247; padding-left:40px; }
a.startMeta:link { display:block; height:15px; background-color:#454247; padding-left:40px; }
a.startMeta:hover { display:block; height:15px; background-color:#1b68b1; padding-left:40px; }
.markedMeta { display:block; height:15px; background-color:#000000; padding-left:40px; }

a.footerLink { background-color:#ffffff; }
a.footerLink:visited { background-color:#ffffff; }
a.footerLink:link { background-color:#ffffff; }
a.footerLink:hover { background-color:#e9e9e9; }

a.link10 { font:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; }
a.link10:visited {  }
a.link10:link {  }
a.link10:hover { background-color:#ec6f26; color:#ffffff; }

a.link11 { font:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; }
a.link11:visited {  }
a.link11:link {  }
a.link11:hover { background-color:#ec6f26; color:#ffffff; }

a.link12 { font:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
a.link12:visited {  }
a.link12:link {  }
a.link12:hover { background-color:#ec6f26; color:#ffffff; }

a.werbung { font:Arial, Helvetica, sans-serif; color:#1b68b1; font-size:15px; padding-top:6px; }
a.werbung:hover { background-color:#ec6f26; color:#ffffff; }

a.link { font:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
a.link:visited {  }
a.link:link {  }
a.link:hover { background-color:#ec6f26; color:#ffffff; }

a.linkWhite { font:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; }
a.linkWhite:visited { }
a.linkWhite:link { }
a.linkWhite:hover { background-color:#ec6f26; color:#ffffff; }

a.linkWhite12 { font:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; }
a.linkWhite12:visited { }
a.linkWhite12:link { }
a.linkWhite12:hover { background-color:#ec6f26; color:#ffffff; }

/* format */
.line { border-bottom:1px solid #ededed; width:100%; }

/* Mail */
form { padding: 0px; margin: 0px; }
.eintrag { width: 340px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.xeintrag { background-color:#F3AC81; width: 340px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.auswahl { width: 160px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.xauswahl { background-color:#F3AC81; width: 160px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.pull { width: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#555555; border:1px solid #DFDFDF; }
.xpull { background-color:#F3AC81; width: 160px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.textarea { line-height : 20px; width: 340px; height: 115px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.plz { width: 50px; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color:#555555; border:1px solid #DFDFDF; }
.xplz { background-color:#F3AC81; width: 50px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.ort { color: #555555; width: 220px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.xort { background-color:#F3AC81; color: #555555; width: 180px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; border:1px solid #DFDFDF; }

/* Mail Immo-Suche */
.eintragImmo { width: 300px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.xeintragImmo  { background-color:#F0F0F0; width: 300px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.auswahlImmo  { width: 140px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.xauswahlImmo  { background-color:#F0F0F0; width: 140px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.pullImmo { width: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#555555; border:1px solid #DFDFDF; }
.xpullImmo { background-color:#F0F0F0; width: 160px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.textareaImmo { line-height : 20px; width: 420px; height: 115px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.plzImmo { width: 50px; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color:#555555; border:1px solid #DFDFDF; }
.xplzImmo { background-color:#F0F0F0; width: 50px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.qmImmo { width: 150px; font-family:  Arial, Helvetica, sans-serif; font-size: 11px; color:#555555; border:1px solid #DFDFDF; }
.xqmImmo { background-color:#F0F0F0; width: 150px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.ortImmo { color: #555555; width: 220px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; color:#555555; border:1px solid #DFDFDF; }
.xortImmo { background-color:#F0F0F0; color: #555555; width: 180px; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; border:1px solid #DFDFDF; }
