/* General Style ================================ */

body {
	margin: 0 0 0 8px;
	padding: 0;   /* Opera hack */
	color: #333333;
	background-color: #99FFFF;
	background-image: url(mfback1.gif);
	background-repeat: repeat;
}

body, p, td, th, li, ul, ol, form, input, .stdtxt {
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
/*	background-color: inherit; transparent wäre besser, aber ...*/
}

form { margin: 0;}
hr { height: 1px; background: #99CCCC; color: #99CCCC; width: 100%; border: 0; }
img { border: none; vertical-align: bottom; /* wegen vertikaler Lücke bei STRICT */ }
td { vertical-align: top; }
th { font-weight:bold; text-align: left; }
p { margin-top: 0; margin-bottom: 1em; }

body a[href$=".pdf"]{
padding-right: 18px;
background-image: url(icon_pdf_16.gif);
background-position: right;
background-repeat: no-repeat;
}

/* End General Style ============================ */

/* Page Layout ================================== */
#head {
	height: 100px;
	margin:0;
}

#head #banner {
	height: 76px;
	text-align: center;
	vertical-align: middle;
	color: inherit;
	background-color: #CCFFFF;
}

#head #bar {
	height: 24px;
	color: inherit;
	background-color: #33CCCC;
}

#content {
	margin: -23px 0px 20px 140px;
}
.titlespacerow { height: 30px; padding: 0; }
.contentrowleft { width: 10%; }
.contentrowright { width: 15%; }

#content .title {
	font-family:Verdana, Arial, Helvetica, Swiss, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: White;
	background-color: #33CCCC;
	height: 20px;
	padding: 1px 5px 0px;
	margin: 0;
}

#content .subtitle {
	font-family:Verdana, Arial, Helvetica, Swiss, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: White;
	background-color: #33CCCC;
	height: 20px;
	padding: 0 10px 0 10px;
	margin: 64px 0 28px 0;
}
#content h2 {
	font: bold 17px Verdana, Arial, Helvetica, Swiss, sans-serif;
	color: #006666;
	background-color: transparent;
}

#content .footer {
	font-family: Arial, Helvetica, Swiss, sans-serif;
	font-size: 11px;
	color: #006666;
	background-color: transparent;
}

#menu {
	position: absolute;
	left: 8px;
	top: 99px;
	width:120px;
}
.menuwidth { width: 132px; }
/* End Page Layout ============================== */

/* Box Styles ----------------------------------- */
.boxa {
	padding: 8px;
	color: #404040;
	background-color: #CCFFFF;
	border: 1px solid #33CCCC;
	font: 12px/16px Arial, Helvetica, sans-serif;
}
.boxa td {
	font: 12px/16px Arial, Helvetica, sans-serif;
}
.boxa p {
	font: 12px/16px Arial, Helvetica, sans-serif;
}

.boxa ul {
	list-style: square inside;
	margin: 0;
	padding-left: 0;
}
.boxa li {
	color: #404040;
	background-color: transparent;
	font: 12px/16px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	}

.boxb {
	padding: 8px;
	color: #404040;
	background-color: #CCFFFF;
	border: 1px solid #33CCCC;
	font: 12px/16px Arial, Helvetica, sans-serif;
	}
.boxb ul {
	list-style: none inside;
	margin: 0;
	padding-left: 0;
	}
.boxb li p {
	font: 12px/16px Arial, Helvetica, sans-serif;
	}

.boxc {
	padding: 10px;
	color: #404040;
	background-color: #CFF;
	border: 1px solid #066;
	/* font: 12px/16px Arial, Helvetica, sans-serif; */
	}

.boxd {
	padding: 6px;
	color: #404040;
	background-color: #CCFFFF;
	border: 1px solid #33CCCC;
}
.boxd td{
	font: 12px/12px Arial, Helvetica, sans-serif;
}
.boxe {
	padding: 12px 12px 12px 24px;
	color: #404040;
	background-color: #CCFFFF;
	border: 1px solid #33CCCC;
}
.boxe ul {
	list-style: square;
	margin: 0;
	padding-left: 0;
}
.boxe li {
	color: #404040;
	background-color: transparent;
	margin-top: 5px;
	}

.framea {
	padding: 10px;
	color: #404040;
	background-color: #CCFFFF;
	border: 1px solid #33CCCC;
}

/* End Box Styles ------------------------------- */

/* Remark Website .com .ch----------------------- */
#siterem {
	color:#999999;
	background-color:transparent;
	font: 11px/normal Arial, Helvetica, sans-serif;
	margin-top: 90px;
	}

input, textarea, select {
	font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #3CC;
	border-left: 0;
	color: inherit;
	background-color: #CFF;
}
.inputstd { /* für input type=radio */
	border: none;
	color: inherit;
	background-color: #9FF;
}
#kzform label {
	display: block;
	float: left;
	text-align: right;
	padding-right: 1em;
	width: 6em;
}
#kzform form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	clear: left; /* das floating der labels und inputs aufheben */
}
.kzformstyle {
	font:13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #3CC;
	border-left: 0;
	color: inherit;
	background-color: #CFF;
}

.immobfont {
	font: 14px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

.intro {
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Teal;
	background-color: transparent;
}
.intro1 {
	font: bold 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006666;
	background-color: transparent;
}

.label {
	color: #006666;
	background-color: transparent;
	font-weight: bold;
	text-align: right;
}
.labell {
	color: #006666;
	background-color: transparent;
	font-weight: bold;
}
.label1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.8em;
}
.label2 {
	color: #006666;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.8em;
}
.label3 {
	color: #006666;
	background-color: transparent;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: 0.2em;
}
.lista ul {
	list-style: square inside;
	margin: 0;
	padding-left: 0;
}
.lista .first {
	margin-top: 0.5em;
}

/* .livecampicture { } war gedacht für Border="1" */

.martop {
	margin-top: 0.5em;
}

.price {
	text-align: right;
}
	
.searchform {
	width: 113px;
	background-color: #CCFFFF;
	color: inherit;
	margin-left: 5px;
	border: none;
}

.smallfont {
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #404040;
	background-color: transparent;
}

/* Box für Wetter und Anlagen */
.boxcam {
	padding: 8px;
	background-color: #CCFFFF;
	border: 1px solid #33CCCC;
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}
.boxcam td {
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 5px;
}

/* Login Link von Status Betriebe */
.bestalink {
	float: right;
	font: bold xx-small Arial, Helvetica, sans-serif;
	color: white;
	background-color: transparent;
}
.bestalink a:link {
	color: #B0E0E6;
	background-color: transparent;
	text-decoration: none;
}

/* Darstellung Tabellen */
.sch   { border-top: 1px solid White; border-bottom:1px solid #006666; }
.schr  { border-top: 1px solid #33CCCC; }
.schr2 { border-right: 1px solid #33CCCC; }
.schrb { border-bottom: 1px solid #33CCCC; }
.schrr { border-top: 1px solid #33CCCC; text-align: right; }
.sch0  { background-color:transparent; color: inherit; }
.sch1  { background-color:#CCFFFF; color: inherit; }
tr.ruled{ background:#CFF; }

/* Farben */
.cola { background-color:#99FFFF; color: inherit; }
.colb { background-color:#88EEEE; color: inherit; }
.colc { background-color:#80E0E0; color: inherit; }
.cold { background-color:#66CCCC; color: inherit; }
.cole { background-color:#CCFFFF; color: inherit; }
.colf { background-color:#90E8E8; color: inherit; }


