/*-- ----------------------------------------------------------------------------------------------- --*/
/*-- style-sheet-Datei für den Internetauftritt von www.ms-institut.de	   --*/
/*--        Copyright 2005 by © Matthias Schneider, Deckenpfronn	   --*/
/*-- ----------------------------------------------------------------------------------------------- --*/


body { margin:0px; background:url(../images/back.jpg); background-repeat:repeat-y; }


/*-- -------------------------------------------------------------------------------------------------------------------------- --*/
/*-- ------------------------------------------- Allgemeine Definitionen ------------------------------------------- --*/
/*-- -------------------------------------------------------------------------------------------------------------------------- --*/
a { font-family:x-small helvetica, arial, sans-serif; color:#000000; font-size:8pt; font-weight:bold; }
a:link { text-decoration:none; cursor:hand; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }

.no { position:absolute; top:-80px; width:60px; font-size:0pt; color:#FFFFFF; text-align:left; padding-left:0mm; padding-right:0mm; padding-top:0mm; padding-bottom:0mm; line-height:0pt; }


/*-- ------------------------------------------------------------------------------------------------- --*/
/*-- ------------------------------------------- Kopfzeile ------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------------- --*/
#kopfzeile { height:100; z-index:0; font-family:helvetica, arial, sans-serif; }
#kopfzeile h1 { position:absolute; left:230px; font-size:15pt; font-weight:bold; color:#000000; margin-top:8px; border-bottom:1px solid #b0b0b0; }
#kopfzeile .logo { position:absolute; top:0px; left:0px; }
#kopfzeile .schatten { position:absolute; left:180px; top:5px; font-family:helvetica, arial, sans-serif; font-size:14pt; font-weight:bold; color:#404040; border-bottom:2px solid #000000; }

#kopfzeile .menueleiste_oben { position:absolute; top:46px; background:#C0C0C0 url(../images/topleiste.gif); text-align:right; height:25px; width:960px; font-size:8pt; color:black; z-index:10; }
#kopfzeile .menuetext { font-size:8pt; font-weight:bold; color:#000000; z-index:2; padding-right:8px; text-align:right; }
#kopfzeile .trennlinie { width:2px; height:14pt; background:url(../images/zwischenlinie.gif); margin-right:4pt; margin-left:4pt; }


/*-- ------------------------------------------------------------------------------------------------- --*/
/*-- ------------------------------------------ Navigation ------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------------- --*/
#navigation { height:91%; font-family:x-small helvetica, arial, sans-serif; position:absolute; top:80px; left:0px; width:162; padding-top:10px; }
#navigation p { color:#000000; font-size:8pt; font-weight:bold; }

#navigation a:link { text-decoration:none; cursor:hand; }
#navigation a:visited { text-decoration:none; }
#navigation a:hover { text-decoration:underline; }

#navigation .leerzeile { line-height:4pt; background:url(../images/punkte.gif); }
#navigation .menuerubrik { font-size:8pt; text-align:center; font-weight:bold; padding:3pt; background:#C0C0C0 url(../images/topleiste.gif); border-bottom:1px solid #000000; border-top:1px solid #000000; }
#navigation .menuepunkt { color:black; padding-left:10px; padding-bottom:5pt; line-height:13pt; vertical-align:bottom; background:#F0F0F0; border-bottom:1px dotted #909090; }
#navigation .unterpunkt { color:black; padding-left:12px; padding-bottom:3pt; background:#e0e0f0; border-top:1px solid #c0c0c0; }
#navigation .menueaktiv { font-family:x-small helvetica, arial, sans-serif; font-size:10pt; color:#FF0000; background:#FFFFFF; padding-left:12px; }


/*-- ------------------------------------------------------------------------------------------------- --*/
/*-- -------------------------------------------- Inhalt --------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------------- --*/
#inhalt { position:absolute; top:84px; left:172px; width:550px; z-index:1; padding-top:8px; font-family:helvetica, arial, sans-serif; font-size:1em; clear:both; }
#inhalt p { font-family:x-small helvetica, arial, sans-serif; font-size:0.8em; }
#inhalt .brand { font-family:Comic Sans MS, arial, sans-serif; font-size:9pt; font-weight:600; word-spacing:6pt; text-transform:uppercase; }

/*-- Allgemeiner Text im Inhalt --*/
#inhalt .blocksatz { text-align:justify; }
#inhalt .klein { font-family:x-small helvetica, arial, sans-serif; font-size:8pt; }
#inhalt .grafik_r { float:right; margin-left:10px; width:65pt; }
#inhalt .grafik_l { float:left; margin-right:10px; width:65pt; }
#inhalt .zeile1 { background:#E0E0E0; line-height:18pt; padding:2pt; margin-top:5pt; border-bottom:1px dotted #b0b0b0; }
#inhalt .zeile2 { background:#FFFFFF; line-height:18pt; padding:2pt; border-bottom:1px dotted #b0b0b0; }

#inhalt .ueberschrift1 { font-weight:bold; font-size:12pt; border-bottom:2px solid #f0f0f0; margin-bottom:6pt; margin-top:16pt; text-transform:uppercase; }
#inhalt .ueberschrift2 { background:url('../images/grau_mitte.gif'); font-weight:bold; font-size:10pt; color:#404040; text-align:justify; margin-bottom:6pt; margin-top:10pt; }
#inhalt .initial { font-size:18pt; font-weight:bold; line-height:17pt; position:relative; top:11pt;}
#inhalt .fett { font-weight:bold;}
#inhalt .underline { padding-left:10px; padding-top:2pt; padding-bottom:2pt; background:#d0d0d0; width:235pt; font-weight:bold; letter-spacing:0.2em; }
#inhalt .pressetext { text-align:justify; text-indent:8pt; margin-bottom:10pt;}
#inhalt .new { font-weight:bold; color:red;}

/*-- Überschriftszeilen im Inhalt --*/
#inhalt h1 { height:19pt; width:99%; font-size:10pt; font-family:helvetica, arial, sans-serif; font-weight:bold; color:#0066FF; border-bottom:1px solid #b0b0b0; border-top:1px solid #b0b0b0; background-color:#F0F0F0; text-align:left; line-height:19pt; padding-left:2mm; padding-right:2mm; margin-bottom:15pt; text-transform:uppercase; }
#inhalt h2 { width:100%; font-weight:bold; font-size:8pt; color:#808080; border-bottom:2px solid #b0b0b0; border-top:2px solid #c0c0c0; background:#f0f0f0; text-align:left; padding-left:6pt; padding-top:2pt; padding-bottom:2pt; margin-bottom:12pt; }
#inhalt h3 { font-weight:bold; letter-spacing:0.1em; margin-top:1em; color:#404040; border-bottom:2px solid #b0b0b0; padding-left:3pt; padding-top:2pt; padding-bottom:2pt; margin-bottom:12pt; }

/*-- Spaltensatz im Inhalt (2 Spalten) --*/
#inhalt .spalte_l { float:none; position:absolute; left:0pt; width:270px; }
#inhalt .spalte_r { float:none; position:absolute; left:282px; width:270px; }
#inhalt .box { text-align:justify; padding-right:10px; border-right:1px solid #c0c0c0; padding-bottom:20px; border-bottom:1px solid #c0c0c0; margin-bottom:10pt; }

/*-- Aufzählungen --*/
#inhalt li { font-family:x-small helvetica, arial, sans-serif; font-size:0.8em; list-style-image:url(../images/listpunkt.gif); }

/*-- Tabellen --*/
#inhalt .tabueber { background-color:#D0D0D0; font-size:8pt; font-family:helvetica, arial, sans-serif; font-weight:bold; vertical-align:top; line-height:13pt; border-top:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; padding-left:8px; }
#inhalt .zelle1 { vertical-align:top; background-color:#F0F0F0; font-size:9pt; font-family:helvetica, arial, sans-serif; padding:4px; }
#inhalt .zelle2 { vertical-align:top; background-color:#FFFFFF; font-size:9pt; font-family:helvetica, arial, sans-serif; padding:4px; }

#inhalt .shop { vertical-align:top; background-color:#FFFFFF; font-size:10pt; font-family:helvetica, arial, sans-serif; font-weight:normal; padding:4px; }
#inhalt .summenzeile1 { background-color:#F0F0F0; font-size:8pt; text-align:right; font-family:helvetica, arial, sans-serif; font-weight:bold; border-left:none; border-right:none; border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; }
#inhalt .summenzeile2 { background-color:#FFFFFF; text-align:right; font-size:8pt; font-family:helvetica, arial, sans-serif; font-weight:normal; border-left:none; border-right:none; border-bottom:none; border-top:none; }
#inhalt .inputfeld { font-family:helvetica, arial, sans-serif; font-size:8pt; color:#8000ff; }

/*-- Infoboxen im Inhaltsverzeichnis --*/
#i_infoboxen { margin-left:1px; margin-top:25px; font-family:helvetica, arial, sans-serif; width:160px;}
.i_newstitel {  font-size:9pt; font-weight:bold; color:#000000; text-align:left; border-bottom:1px solid #fb0b0b; background-image:url(../images/i_newsboxo.gif); padding-left:4mm; padding-right:2mm; }
.i_newstext { font-size:8pt; color:#6F6F6F; text-align:justify; background-image:url(../images/i_newsbox.gif); padding-left:2mm; padding-right:2mm; padding-top:3pt; padding-bottom:3pt; }
.i_newsende { height:4pt; background-image:url(../images/i_newsboxu.gif); }

/*-- ------------------------------------------------------------------------------------------------- --*/
/*-- ------------------------------------------ Infoboxen -------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------------- --*/
#infoboxen { position:absolute; top:84px; left:753px; width:200px; margin-left:5px; margin-top:10px; font-family:helvetica, arial, sans-serif; }
#infoboxen .newstitel { font-size:9pt; font-weight:bold; color:#000000; text-align:left; border-bottom:1px solid #fb0b0b; background-image:url(../images/i_newsboxo_neu.gif); padding-left:2mm; padding-right:2mm; }
#infoboxen .newstext { font-size:8pt; color:#6F6F6F; text-align:justify; background-image:url(../images/i_newsbox_neu.gif); padding-left:2mm; padding-right:2mm; padding-top:3pt; padding-bottom:3pt; }
#infoboxen .newsende { height:4pt; background-image:url(../images/i_newsboxu_neu.gif); }
#infoboxen .grafik_r { float:right; margin-left:10px; }
#infoboxen .grafik_l { float:left; margin-right:10px; }

#infoboxen .notizblock { position:absolute; height:160px; top:0px; left:0px; visibility:hidden; }
#infoboxen .button { background-image:url('../images/button.gif'); font-family:helvetica, arial, sans-serif; font-size:8pt; font-weight:bold; }

/*-- ------------------------------------------------------------------------------------------------- --*/
/*-- ------------------------------------------ Fusszeile -------------------------------------------- --*/
/*-- ------------------------------------------------------------------------------------------------- --*/
#fusszeile { position:absolute; bottom:0px; }



/*-- ---------- Preisauszeichnung -------------- --*/
.price { margin:3px 0 0; }
.price div { float:left; width:67px; height:30px; }
.price .label {
	color:#000000;
	font-size:14px;
	height:11px;
	line-height:22px;
	text-align:right;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif;
	width:auto;
	padding-right:15px;
	padding-top:5px;
}
.price .banner {
	background:url(../images/preis_klein.gif) no-repeat;
	font-size:15px;
	color:#000000;
	padding-left:6px;
	padding-top:5px;
	padding-bottom:2px;
	font-weight:700;
}