/* IE (6.0) macht aus unerklaerlichen Gruenden bei <form> immer eine Leerzeile rein. Dies soll mit folgender Angabe verhindert werden */

form {
	margin:0px;
}


.haupt {
	border-left: 1px solid #C6CED7;
	border-right: 1px solid #C6CED7;
}



/* Musterauflistung auf 2. Tab - abwechselnde Ergebnisanzeige */
/* liste1, liste2, liste gewaehlt, liste gehighlightet - namen verkuerzt, zur Reduzierung der Datenuebertragungsrate*/
/* l1, war leider schon in der css.css vergeben, deshalb li1 */
/* likopf ist das Format fuer den Tabellenkopf der Musterauswahltabelle */
.li1 {
		background-color:#F9F9F9;
		cursor:pointer;
}

.li2 {
		background-color:#EEEEEE;
		cursor:pointer;
}

.lig {
		background-color:#FFE5CF;
		cursor:pointer;
}

.lih {
		background-color:#DFF5FF;
		cursor:pointer;
}

.likopf {
		background-color:#EEEEEE;
		font-weight: bold;
		color: #000000;
}

.lihkopf {
		background-color:#EEEEEE;
		font-weight: bold;
		color: #FF0000;
}

.box {
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #C6CED7;
		width: 130px;
}

		.boxkopf {
				background-color: #E4E4E4;
				padding:1px;
				text-align:center;
				font-weight: bold;
		}

		.boxzelle {

		}


.profilfboxkopf {
		/*background-color: #1B1B1B;*/   /* schwarz */
		background-color: #5B5B5B;   /* grau */
		color: #FFFFFF;
		margin-left:0px;
		margin-right:0px;
		padding:1px;
		text-align:left;
		padding-left:5px;
}

.profilfbox {
		margin-top:6px;
		margin-left:5px;
		margin-right:5px;
		text-align: center;
		margin-bottom:6px;
}


#des_text {
		text-align: left;
		width: 280px;
		margin-top: 4px;
		margin-bottom: 4px;
		margin-left: 6px;
		margin-right: 6px;
		max-height: 98px;
		overflow: auto;
}


.hinweisbox {
		width: 170px;
		border:1px solid #C6CED7;
		padding:2px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-top: 6px;
}

/* Fehlermeldungen und Hinweise */
.hinweis {
		color: #FF0000;
		font-size: 12px;
		font-weight: bold;
}


/* mittlerer Teil */
/* bei Aenderung von weiss auf eine Andere Farbe, sollten die Bilder angepasst werden (viele haben weissen Hintergrund) */
.mit {
		background-color: #FFFFFF;
}

.modelle, .zsf {
		width: 100%;
		background-color: #eeeeee;
}

		.modelle td {
				padding-top: 3px;
				font-size: 11px ! important;
		}

.zsf {
        border: 1px solid #C6CED7;
}


.optionen, .optionen td {
		font-size: 11px ! important;
		margin-top: 16px;
		margin-bottom: 16px;
}

		.optionen_ue {
				text-decoration: underline;
				font-size: 12px;
				margin-bottom: 4px;
				font-weight: bold;
		}

		.optionen select, .optionen select option {
				font-size: 11px;
		}
		
		.optionen select {
				width: 80%;
		}

.sprechblase{
		position: absolute;
		display: none;
		text-align: left;
		font-size: 10px;
}
		
.sprechblase1 {
		top: -34px;
		left: 120px;
		background-image: url(sprechblase1.png);
		width: 173px;
		height: 78px;
		padding-left: 32px;
		padding-top: 14px;
}

.sprechblase2 {
		top: -144px;
		left: 16px;
		background-image: url(sprechblase2.png);
		width: 115px;
		height: 109px;
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}

.sprechblase3 {
		top: -28px;
		left: 97px;
		background-image: url(sprechblase3.png);
		width: 102px;
		height: 39px;
		padding-left: 32px;
		padding-top: 14px;
}

.sprechblase4 {
		top: -58px;
		left: 36px;
		background-image: url(sprechblase4.png);
		width: 84px;
		height: 31px;
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}

.sprechblase5 {
		top: -40px;
		left: 50px;
		background-image: url(sprechblase5.png);
		width: 102px;
		height: 39px;
		padding-left: 32px;
		padding-top: 14px;
}
.sprechblase6 {
		top: -28px;
		left: 180px;
		background-image: url(sprechblase6.png);
		width: 102px;
		height: 39px;
		padding-left: 32px;
		padding-top: 14px;
}
.sprechblase7 {
		top: -72px;
		left: 30px;
		background-image: url(sprechblase7.png);
		width: 84px;
		height: 31px;
		padding-left: 11px;
		padding-top: 7px;
		padding-right: 11px;
}