/* 
  Design Name: 	Tutorial-Site
  Author: 		Alice
  Author URI:	http://design-grafixx.com
*/

body {
	background: #000000;  		/* Hintergrundbild das senkrecht wiederholt wird */
	color: #ffffff;														/* Schriftfarbe */
	font: 0.9em 'Verdana', Geneva, Arial, Helvetica, sans-serif;	/* Schriftgroesse und Schriftart */
	margin: 0px;
	background-position: center;
													/* Aussenabstand */
}

p, pre{ 
	padding: 5px 10px; 		/* Innenabstand */
	margin: 0px; 			/* Aussenabstand */
	color: #ffffff;			/* Schirftfarbe */
}

ul { 
	list-style: square; 	/* Liststyle => Quadrat */
}

.left { 
	text-align: left; 		/* Textausrichtung */
	float: left; 			/* Element umfließen lassen - links */
	padding-left: 5px;		/* Innenabstand */
}

.right { 
	text-align: right;		/* Textausrichtung */
}

/* ----------------------------------------- */

#ram { 	
	background: url('../hintergrund.jpg') no-repeat;		/* Hintergrundbild das senkrecht wiederholt wird */
	width: 860px;										/* Bereit des Div-Elements */
        height: 479px;
	margin: 0px auto;	
								/* Aussenabstand - durch auto = mittige Ausrichtung */
}



#content {		
	width: 393px;	
	height: 313px;					
	padding: 150px 349px;					

										
}








#footer {
background: #000000 url('../footer.jpg') top no-repeat; /* Hintergrundbild das nicht wiederholt wird */
clear: left; /* hebt float: left; wieder auf*/
width: 860px; /* Bereit des Div-Elements */
height: 101px; /* Hoehe des Div-Elements */
margin: 0px auto; /* Aussenabstand */
padding: 0px 0px 0px; /* Innenabstand */
line-height: 36px; /* Zeilenhoehe*/

} 


#navi2{

margin: 0px 0px 0px 720px; /* Aussenabstand */
padding: 0px 0px 0px 0px; /* Innenabstand */
}

#flaggen{

margin: 0px 0px 0px 371px; /* Aussenabstand */
padding: 10px 0px 0px 0px; /* Innenabstand */
}

#musik{

margin: 0px 0px 0px 368px; /* Aussenabstand */
padding: 13px 0px 0px 0px; /* Innenabstand */
}

#navi{

margin: 0px 0px 0px 16px; /* Aussenabstand */
padding: 13px 0px 0px 0px; /* Innenabstand */
}


* html #navi{ /* Angabe nur fuer den IE */
margin: 0px 0px 0px 62px; /* Aussenabstand */
padding: 2px 0px 0px 0px; /* Innenabstand */

}

/* Links
--------------------------------------------------------------------------- */
A {	/* generelle Formatierung eines Links */
	color: #ffffff; 									/* Textfarbe */
	text-decoration: underline;								/* Definiert das der Link nicht unterstrichen ist */
}

A:visited { /* Besuchter Link */
	color: #ffffff;  									/* Textfarbe */
	text-decoration: underline;							/* Definiert dass der Link unterstrichen ist */
}

A:active { /* Besuchter Link */
	color: #ffffff;  									/* Textfarbe */
	text-decoration: underline;							/* Definiert dass der Link unterstrichen ist */
}

A:hover {	/* Aktiver Link & wenn man mit der Maus drueber faehrt */
	color: #ffffff;  									/* Textfarbe */
	text-decoration: none;							/* Definiert dass der Link unterstrichen ist */
}

/* headlines
--------------------------------------------------------------------------- */

h1{
	color: #A2B710;										/* Textfarbe */
	text-align: left; 									/* Textausrichtung */
	padding: 0 5px 5px 5px;								/* Innenabstand */
	font: normal 1.6em verdana, tahoma, sans-serif;		/* Schriftgroesse und Schriftart */
}

h2{
	color: #65666B;										/* Textfarbe */
	text-align: left;  									/* Textausrichtung */
	padding: 0 5px 0px 5px;								/* Innenabstand */
	font-size: 1.4em;									/* Schriftgroesse */
}

h3{
	color: #BA7EBA;										/* Textfarbe */
	text-align: left; 									/* Textausrichtung */	
	padding: 0 5px 5px 5px;								/* Innenabstand */
	font-size: 1.3em;									/* Schriftgroesse */
}