/* ------------------------------------------
	Inhalt

	Ersteller: Olli, Marcel
	Erstellt: September 2002
------------------------------------------ */

body {
	padding : 0px 0px 5px 0px; /* body hat unten einen Abstand von 5px  (Uhrzeigersinn: oben, rechts, unten, links) */
	margin : 0px; /* 0px Rand zum Browser-Fenster-Rand */
}

body, td, h2, h3, input, textarea, div, p {
/* --- Standardtextart und -größe werden festgelegt --- */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size : 11px;
	line-height: 15px; /* Zeilenabstand */
	color: #19194B;	/* allgemeine Textfarbe */
}

body, h1{
/* --- Standardtextart und -größe werden festgelegt --- */
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size : 12px;
	line-height: 5px; /* Zeilenabstand */
	color: #19194B;	/* allgemeine Textfarbe */
}

/* ---------------------------------------------
   Formularklassen 
------------------------------------------------ */

input, select, textarea
   { color:#ffffff; background-color:#AAAAAA; border:1px solid #000000; }

.mail
  { color:#ff0000; background-color:#AAAAAA; width:300px; border:1px solid #000000;}
     
.preis
  { color:#ffffff; background-color:#AAAAAA; width:50px; border:1px solid #000000;}

.absenden
  { background-color:#AAAAAA; color:#FFFFFF; width:100px; border:1px solid #000000; }
   
.suche
  { color:#000000; background-color:#ffffff; width:100px; border:1px solid #000000;}




/* ------------------------------------------
	Top-Layer
------------------------------------------ */

.top {
/* --- #top ist der obere Bereich --- */
	position : absolut;
	left : 0px; /* Abstand von links */
	top : 0px; /* Abstand von oben */
	width : 1000px; /* Breite in Pixeln */
    height : 100px; /* Breite in Pixeln */
}

/* ------------------------------------------
	Inhalt div
------------------------------------------ */

.inhalt {
/* --- #inhalt ist der Bereich für die Seiteninhalt. (Wirkungsbereich der Templates) --- */
	position : absolute;
	left: 213px;
	top: 130px;
	width: 580px;
    background-color : #d7d7d7;
    padding-right: 5px;  
    padding-left: 5px;
    padding-top : 0px;
    height: 99%; 
    top: 3;
    overflow: auto ;
    
    SCROLLBAR-FACE-COLOR:#19194B;
    SCROLLBAR-TRACK-COLOR:#19194B;
    SCROLLBAR-3DLIGHT-COLOR:#19194B;
    SCROLLBAR-DARKSHADOW-COLOR:#19194B;
    SCROLLBAR-HIGHLIGHT-COLOR:#d9d9d9 ;
    SCROLLBAR-SHADOW-COLOR:#d9d9d9 ;
    SCROLLBAR-ARROW-COLOR:#d9d9d9 ; 
}

.inhalt a { 
/* --- Link innerhalb von #Inhalt--- */
	font-size : 11px;
	color : #000000;
	text-decoration : underline; /* Unterstreichung */
}


/* ------------------------------------------
	Imagebar
------------------------------------------ */

.imagebar {
/* --- #toolbar ist die Toolbar-Navigation (meistens rechts) --- */
	position : absolute;
	left : 0px; /* Abstand von links */
	top : 0px; /* Abstand von oben */
	width : 29px; /* Breite in Pixeln */
    height : 100%;
    background-color : #d7d7d7;
   
}

.imagebar_right {
/* --- #toolbar ist die Toolbar-Navigation (meistens rechts) --- */
	position : absolute;
	left : 971px; /* Abstand von links */
	top : 3px; /* Abstand von oben */
	width : 25px; /* Breite in Pixeln */
    height : 99%;
    background-color : #D7D7D7;
   
}

.trennlinie {
/* --- #toolbar ist die Toolbar-Navigation (meistens rechts) --- */
	position : absolute;
	left : 211px; /* Abstand von links */
	top : 3px; /* Abstand von oben */
	width : 2px; /* Breite in Pixeln */
    height : 99%;
    background-color : #19194B;
   
}

/* ------------------------------------------
	Toolbar
------------------------------------------ */

.toolbar {
/* --- #toolbar ist die Toolbar-Navigation (meistens rechts) --- */
	position : absolute;
	top : 3px;
	left : 807px;
	width : 168px;
    height : 99%;
    background-color : #19194B;
    vertical-align: middle;
   
}

.toolbar a { 
/* --- Link innerhalb von #menu (also die "Menubuttons")--- */
	font-size : 12px;
	color : #ffffff;
	text-decoration : none; /* keine Unterstreichung */
	display : block;
    text-align: left;
    padding-left: 7px;
    padding-top: 3px;
   
}

.toolbar a:hover {
/* --- Hover-Effekt von Link innerhalb von #menu --- */
	text-decoration : underline;	
}



.sPunkt {
/* --- Eigenschaften der ersten Menuebene --- */
	font-weight:normal;
}

/* ---------aktiver link im submenue -----*/

.aktsPunkt {  
  font-family: Arial, Helvetica, sans-serif; 
  vertical-align: middle;
  }

.aktsPunkt a { 
/* --- Link innerhalb von #toolbar (also die "Menubuttons")--- */
    font-size : 12px;
    font-weight : bold;
	color : #ffffff;
    }
.aktsPunkt a:hover {
/* --- Hover-Effekt von Link innerhalb von #menu --- */
	text-decoration : underline;	
}





/* ------------------------------------------
	Oberster Layer zum verschachteln der divs
------------------------------------------ */

.mainlayer {
/* --- #mainlayer ist der rahmen fuer die toolbar, inhalt und menue ---*/
    position : absolute; 
    width : 1000px; 
    background-color : #D7D7D7;
    left: 0; 
    top: 130; 
    height: 75%
}

/* ------------------------------------------
	Layer unten
------------------------------------------ */
.unten {
	position : absolute;
	bottom : 0px;
	width : 1000px;
    background-color : #d7d7d7;
    top: 100%;
}

.unten a { 
/* --- Link innerhalb von #menu (also die "Menubuttons")--- */
	font-size : 9px;
	color : #000000;
	text-decoration : none; 
}

.unten a:hover {
/* --- Hover-Effekt von Link innerhalb von #menu --- */
	text-decoration : underline;	
}

/* ------------------------------------------
	Menu
------------------------------------------ */

.menu {
/* --- #menu ist das Hauptmenu (meistens links) --- */
	position : absolute;
	left : 31px; /* Abstand von links */
	top : 5px; /* Abstand von oben */
	width : 180px; /* Breite in Pixeln */
  height : 100%;
  background-color : #d7d7d7;
}

.menu a { 
/* --- Link innerhalb von #menu (also die "Menubuttons")--- */
	font-size : 13px;
	color : #19194B;
	text-decoration : none; 
	display : block; 
  text-align: left;
  padding-left : 15px;
}

.menu a:hover {
/* --- Hover-Effekt von Link innerhalb von #menu --- */
	text-decoration : underline;	
}

.menu div {
/* -- div innerhalb von #menu.*/
	margin-bottom : 2px;
}

.hPunkt {
/* --- Eigenschaften der ersten Menuebene --- */
	font-weight:bold;
}

.aktPunkt {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: bold; 
  color: #d7d7d7; 
  background-color: #19194B; 
  width: 182px; 
  margin-left : 0px;
}

.aktPunkt a { 
/* --- Link innerhalb von #menu (also die "Menubuttons")--- */
	font-size : 13px;
	color : #d7d7d7;
	text-decoration : none; 
	display : block; 
  text-align: left;
  padding-left : 15px;
}


/* ------------------------------------------
	Allgemeines
------------------------------------------ */

.seitenzahl {
	font-size : 12px;
	color : #d9d9d9;
	text-decoration : none;
}


.seitenzahl a { 
	font-size : 12px;
	color : #d9d9d9;
	text-decoration : none;
    }

.seitenzahl a:hover {
	text-decoration : underline;	
}
 
.brett {
	font-size : 12px;
	color : #d9d9d9;
	text-decoration : none;
}   

.headline {
  font-size : 12px;
	color : #d7d7d7;
	text-decoration : none; 
}