/* Stylesheet

*/

/* Reset all */

* {
	padding: 0;
	margin: 0;
	border: 0;
}


dl {float: left; display: block; margin-bottom: 30px}
dt, dd {float: left}
dt {
	height: 16px;
	clear: left;
	font-weight: bold;
	font-size: .9em;
	margin-right: 5px;
	line-height: 19px;
	color: #434343;
	z-index: 1;
}
dd {margin-right: 5px; line-height: 16px}




/* Allgemeines */

body {
	font-size: 80%;
	line-height: 1.7em;
	color: #fff;
	background: #949852 url(http://www.mysocal-realestate.com/images/bg.gif) top left repeat-x;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
	text-align: center;
}

a:link {
	color: #E3E8A0;
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px solid #A1A559;
	background: #818548;
	padding: 2px;
}

a:visited {
	color: #353717;
	text-decoration: none;
	font-weight: 500;
	border-bottom: 1px solid #353717;
	background: #747740;
	padding: 2px;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px solid #111;
	color: #353717;
	background: #BDC369;
}

/* Clear Class */

.c {
	clear: both;
}

img, a img {
	border: none;
}

.noshow {
	display: none;
}

/* Absaetze */

p {
	font-size: 1em;
	margin: 1em 0;
	clear: both;
}

.s {
	font-size: 0.84em;
}

.links {
	float: left;
	margin: 0 10px 0 0;
}

.rechts {
	float: right;
	margin: 0 0 0 10px;
}

strong {
	font-weight: bold;
}

ul, li {
	list-style-type: none;
	padding: 0.2em 0;
}

h1 a:link, h1 a:visited {
	background: url(http://www.mysocal-realestate.com/images/h1.gif) 0 0 no-repeat;
	width: 592px;
	height: 85px;
	display: block;
	border: none;
	text-decoration: none;
	float: left;
}

h1 a:hover {
	background: url(http://www.mysocal-realestate.com/images/h1.gif) 0 -92px no-repeat;
	width: 592px;
	height: 85px;
	display: block;
	border: none;
	text-decoration: none;
	float: left;
}

h1 a:focus, h1 a:active {
	border: none;
}

h2,h3,h4,h5,h6 {
	font-family: georgia, palatino, "Times New Roman", serif;
	text-align: left;
}

h2 {
	font-size: 3.15em;
	color: #fff;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: -0.04em;
	margin: 0 0 10px 0;
}

h3 {
	color: #BDC369;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

/* Layout */

#wrapper {
	text-align: left;
	width: 850px;
	margin: 0 auto;
}

#header {
	margin: 22px 0 0 0;
	height: 92px;
}

#main {
	width: 850px;
	clear: both;
	margin: 25px 0 0 0;
	text-align: left;
}

/* Tabs */

div.domtab {
	clear: both;
	padding: 2em 0 0 0;
}

div.domtab h2 {
	color: #BDC369;
}

ul.domtabs {
	clear: both;
	font-family: georgia,geneva,verdana,times,serif;
}

ul.domtabs li {
	float: left;
	padding: 5px 10px 0 0;
}

ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover {
	display: block;
	text-decoration: none;
	font-size: 2em;
	color: #fff;
	border: none;
	padding: 10px;
	background: transparent;
}

ul.domtabs a:hover {
	background: #BDC369;
}

div.domtab div {
	float: left;
	width: 810px;
	color: #fff;
	background: #7C8045;
	padding: 20px;
	border-bottom: 1px solid #A1A559;
	margin: 0 0 20px 0;
}

div.domtab div div {
	border-bottom: none;
}

div.domtab div h2 a:link,div.domtab div h2 a:active, div.domtab div h2 a:hover {
	color: #BDC369;
	border: none;
}

div.domtab div h2 a:focus {
	outline: none;
}

div.domtab div a:link, div.domtab div a:visited {
	background: transparent;
}

div.domtab div a:hover {
	background: transparent;
	color: #D7DD77;
}

ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover {
	background: #7C8045;
}

#domtabprintview {
	float: right;
	padding-right: 1em;
	text-align: right;
}

#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover {
	color: #fff;
}

.maincol {
	width: 440px;
	float: left;
	margin: 0 10px 0 0;
}

.maincol-l {
	width: 630px;
	float: left;
	margin: 0 10px 0 0;
}

.infocol {
	width: 380px;
	float: right;
	margin: 0;
}

.infocol2 {
	width: 280px;
	float: right;
	margin: 0;
}
.infocol-s {
	width: 200px;
	float: right;
	margin: 0;
}

div.domtab div div.maincol {
	width: 430px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 420px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

div.domtab div div.maincol-l {
	width: 600px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 590px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

div.domtab div div.infocol {
	width: 355px;
	float: right;
	padding: 0;
}

div.domtab div div.infocol-s {
	width: 180px;
	float: right;
	padding: 0;
}

div.domtab div p strong {
	background: #71753F;
	padding: 2px 4px;
}

div.domtab div div.infocol-s strong {
	background: transparent;
	padding: 0;
}

div.infocol ul li a:link, div.infocol ul li a:visited, div.infocol-s ul li a:link, div.infocol-s ul li a:visited {
	border-bottom: none;
}

div.infocol ul li a:link, div.infocol ul li a:visited, div.infocol-s ul li a:link, div.infocol-s ul li a:visited {
	font-weight: bold;
}

div.infocol ul li, div.infocol-s ul li {
	border-bottom: 1px solid #646738;
	line-height: 1.4em;
	color: #DADDA9;
	margin: 6px 0;
	padding:5px;
}

/* Form */

form {
	border-bottom: 1px solid #949852;
	border-top: 1px solid #949852;
	padding: 5px 0 40px 10px;
	color: #E3E8A0;
	line-height: 1.3em;
}

p label strong {
	display: block;
	width: 200px;
	float: left;
	padding: 3px 0;
	border-bottom: 1px solid #646738;
}

p.einfach label strong {
	display: block;
	padding: 3px 0;
	border: none;
	float: none;
	margin: 0 0 -10px 0;
}

input, textarea {
	background: #fff;
	color: #494041;
}

input {
	width: 316px;
	padding: 3px;
	font-weight: bold;
	border: 1px solid #646738;
	margin: 0 0 0 20px;
	text-align: left;
	font-size: 1.1em;
}

input.checkbox {
	width: 20px;
	float: left;
	margin: 3px 0 0 0;
	border: none;
}

input.submit {
	width: 150px;
	float: left;
	margin: 4px 10px 0 0;
	border: none;
	text-align: center;
}

textarea {
	width: 548px;
	padding: 3px;
	font-weight: bold;
	border: 1px solid #646738;
	margin: 0;
	text-align: left;
	font-size: 12px;
}

/* Footer */

#footer {
	clear: both;
	width: 850px;
	margin: 1.5em 0 0 0;
	padding: 0 0 20px 0;
	text-align: left;
	color: #2F2829;
	font-size: 0.91em;
	line-height: 1.5em;
	float: left;
}

#footer h2 {
	font-size: 2.3em;
	font-family: georgia, palatino, "Times New Roman", serif;
	margin: 10px 0 5px 0;
}

.footer-main {
	width: 630px;
	float: left;
}

.footer-info {
	width: 200px;
	float: right;
}

/* Miniformate */

.bild {
	background: url(http://www.mysocal-realestate.com/images/h1.gif) 0 0 no-repeat;
	background: #949852;
	padding: 10px;
	border: 1px solid #9EA258;
}

blockquote {
	font-family: georgia, palatino, "Times New Roman", serif;
	font-size: 1.1em;
	font-style: italic;
	color: #E0E3B4;
}

.box {
	padding: 10px;
	background: #4B4341;
	text-align:center;
}

.box a:hover {
	color: #fff !important;
}

.thema {
	line-height: 1.3em !important;
}

.thema a:link, .thema a:visited {
	background: transparent;
	color: #fff;
	border-bottom: 3px solid #fff;
	padding: 0;
}

.thema a:hover {
	color: #BDC369;
}

.line {
	border-bottom: 1px solid #848849;
}

p.line {
padding: 0 0 8px 0;
}

/* Folio */

.folio {
	float: left;
	margin: 0 0 0 10px;
}

div.infocol ul.folio li {
	border-bottom: none !important;
	display: block;
	float: left;
	margin: 0 10px 5px 0;
	text-decoration: none;
	border-bottom: none;
	padding:0;
}

ul.folio li a span {
	display: block;
	font-size: .95em;
	width: 100px;
	overflow: hidden;
	background: url(http://www.mysocal-realestate.com/images/overlay.png) 0 0 repeat-x;
	margin: 70px 0 0 0;
	text-transform: uppercase;
	text-align: center;
	color: #2F2829;
	line-height: 90%;
}

ul.folio li.sieling a {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t1.jpg) 0 0 no-repeat;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	padding: 0;
	border: 5px solid #797E44 !important;
}

ul.folio li.sieling a:hover {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t1.jpg) 0 -100px no-repeat;
	padding: 0;
	border: 5px solid #BDC369;
}

ul.folio li.piktogramme a {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t2.jpg) 0 0 no-repeat;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	padding: 0;
	border: 5px solid #797E44!important;
}

ul.folio li.piktogramme a:hover {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t2.jpg) 0 -100px no-repeat;
	padding: 0;
	border: 5px solid #BDC369;
}

ul.folio li.madaus a {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t3.jpg) 0 0 no-repeat;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	padding: 0;
	border: 5px solid #797E44!important;
}

ul.folio li.madaus a:hover {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t3.jpg) 0 -100px no-repeat;
	padding: 0;
	border: 5px solid #BDC369;
}

ul.folio li.readster a {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t4.jpg) 0 0 no-repeat;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	padding: 0;
	border: 5px solid #797E44!important;
}

ul.folio li.readster a:hover {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t4.jpg) 0 -100px no-repeat;
	padding: 0;
	border: 5px solid #BDC369;
}

ul.folio li.medienrauschen a {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t5.jpg) 0 0 no-repeat;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	padding: 0;
	border: 5px solid #797E44!important;
}

ul.folio li.medienrauschen a:hover {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t5.jpg) 0 -100px no-repeat;
	padding: 0;
	border: 5px solid #BDC369;
}

ul.folio li.photoshop a {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t6.jpg) 0 0 no-repeat;
	display: block;
	float: left;
	width: 100px;
	height: 100px;
	padding: 0;
	border: 5px solid #797E44!important;
}

ul.folio li.photoshop a:hover {
	background: url(http://www.mysocal-realestate.com/images/thumbs/t6.jpg) 0 -100px no-repeat;
	padding: 0;
	border: 5px solid #BDC369;
}






.case_studies dl {float: left; width: 150px; height: 240px; margin: 0; padding: 8px}
#secondary_content .case_studies dl {float: left; width: 150px; margin: -5px -10px; padding: 6px}
.case_studies dl dt, .case_studies dl dd {float: left}
.case_studies dl dt {float: left; width: 150px; height: 160px}
.case_studies dl dt a span {font-weight: normal; display: block; line-height: 12px; padding-left: 25px; font-size: 0.9em}
.case_studies dl dt a {display: block; color: #fff; background: #333 url(../images/icon-arrow-square.png) no-repeat left bottom}
.case_studies dl dt a:hover {text-decoration: none; background: #f00 url(../images/icon-arrow-square.png) no-repeat left bottom}
.case_studies dl dd {float: left; width: 150px; height: 30px; overflow: hidden; padding: 10px 0 0 0; font-size: .9em; line-height: 1.3em; border-bottom: 1px solid #efefef; margin-bottom: 5px}
.case_studies dl .cs_info {float: left !important; width: auto; height: auto; background: none; padding: 0 0 0 2px; line-height: 1.2em}
.case_studies dl dt.cs_info {width: 30px; font-size: .9em}
.case_studies dl dd.cs_info {width: 170px; border: none}
.case_studies dl dt.rating {float: left; width: 65px; height: auto; padding-top: 5px; padding-left: 3px; text-align: left; font-size: .9em}
.case_studies dl dd.rating {width: 92px; float: left; border: none; margin: 8px 0 0 0; padding: 0}

.design_pro {height: 30px}
.design_pro dl {float: left; width: 55%; height: 30px; margin-bottom: 20px}
.design_pro dl dt, .design_pro dl dd {}
.design_pro dl dt {width: 28px; float: left; margin-right: 10px}
.design_pro dl dd {float: left; padding-left: 15px}
.design_pro dl .name {background: url(../images/icon-arrow.png) no-repeat left 5px}
.design_pro dl .info {width: 100%; text-indent: 37px}
.design_pro .links {float: right; color: #efefef}
.design_pro .links a {color: #f00}
dl.last {padding-bottom: 20px}