/* Allgemeine Formatierungen */

body {
height				:	100%;
color					:	#FFFFCC;
background		:	#FFFFCC;
padding				:	0;
margin				:	0;
font-size			: 86%; 
font-family		:	Verdana, Arial, "Trebuchet MS", "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
}

/* Kopfbereich und Logo(s) */

#head {
color					:	#000;
height				:	60px;
padding				:	10px 25px 5px 25px;
margin-bottom		:	5px;
}

/* Formatierung der Überschriften, Texte */

/* Seiten-Titels Z.B.: in der Seite Produkte "Bisher erschienene CDs"*/
h1 { 
font-size     : 26pt;
font-weight		:	bold;
color					:	#330099; 
font-family   : Verdana, Arial, "Trebuchet MS", "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
text-align: center;
}

/* Hauptbegrief der Seite (Ja nach dem Konteiner wird das Text gezeigt "center, left...") Z.B.: in der Seite Produkte "Milad Tabla:"*/
h2 { 
font-size			:	14pt; 
font-weight		:	bold;
font-family   : Verdana, Arial, "Trebuchet MS", "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
color					:	#0000FF;
text-align: center;
}

/* Hauptbegrief der Seite (an der Linkeseite) Z.B.: in der Seite Produkte "Milad Tabla:"*/
h3 { 
font-size			:	14pt; 
color					:	#0000FF;
text-align    : left; 
font-family   : Verdana, Arial, "Trebuchet MS", "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
}

/* Copyright und Design */
h4{
font-size     : 10pt;
font-weight		:	bold;
color					:	#330099; 
font-family   : Verdana, Arial, "Trebuchet MS", "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
}
/* Seiten-Beschreibung */
p {
margin				:	0;
padding				:	0;
font-size			:	10pt; 
font-weight		:	bold;
color					:	#330099; 
font-family   : Verdana, Arial, "Trebuchet MS", "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
text-align: left;
}

/* Die Links */
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal; 
	color: #0000FF;
}

/* Navigationsseitelinks (Titels)*/
.navilinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	13pt; 	
	font-weight:	bold;	
	text-decoration:none;
	color: #0000FF;	
}

/*Links in der Seiten*/
.seitenlinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt; 	
	font-weight:	bold;
	text-decoration:none;		
	color: #0000FF;
}

/* Äffekte Wenn man mit dem Maus das Link besucht*/

a:hover {
   color: rgb(255,50,0);
   background-color: transparent;
}
a:active {
   color: rgb(255,50,0);
   background-color: #ff0;
}
#aktiviert {
   color: rgb(255,50,0);
   background-color: #ff0;
}

/* Datentabellen; NICHT zum gestalten des Layouts */

table {
border: 0px none;
cellpadding: 2;
cellspacing: 0;
text-decoration	:	none;
caption-side: bottom;    /* Der Tabele-Titel*/
color					:	#0000FF;
border-collapse	:	collapse
}
.th_OberbergLink{  
  text-align: center;
  font-size:	14pt;     
  color:#FFFFCC; 
  font-family   : Verdana, Arial, "Trebuchet MS", "Bitstream Vera Sans", Geneva, Helvetica, sans-serif;
  font-weight:bold;  
  background-color:#054295;
}
.tr_IndexTab{
  text-align: center;
}
/* Die Iconsbreite und Höhe auf der Seite gezeigt werden*/
.icon{
 width: 30;
 hight: 22;
 align:left;
}
img{
margin: 0em 0.5em;
}

/* Boxen und Ramen */

/*Das haupt Box es enthälte die beiden nästen Boxen nebeneinander (naviagationbox + inhaltsseitebox)*/
#hauptbox {
  margin:0 auto; 
  width:800px; 
  text-align:center;
  float:left;   
}
/* Box für das Navigationsbox bzw. Die Linksseite*/	
#naviagationbox{			
				 float:left; 
				 width:150px; 
				 hight:100%;
				 text-align:center; 
				 padding: 60px 0px 0px 0px;				 	 				 
	}
/* Box für die Inhaltseiten*/	
.inhaltsseitebox {
         /* absolut positioniert */ 
				 float:left; 
				 width:570px;
				 border: 1px solid red; 
				 margin: 1em 1em;
				 padding: 10px 10px 10px 10px;
				 text-align:left; 				 
}
/* Box für die Startseite*/	
#startseitebox{
				 float:center; 
				 width:614px;
				 border: 1px solid red; 
				 margin: 2em 2em 2em 5em;
				 padding: 5px 5px 5px 5px;
				 text-align:center; 				 
}