/*==================================================================
Stylesheet für die Übungsseiten aus dem Buch "Little Boxes", Nov. 2007
Autor: Jan Feldmann
Datei: bildschirm.css

Aufbau:	 1. Kalibrierung und allgenmeine Styles
		2. Styles für Layoutbereiche
		3. Sonstige Styles

=================================================================== */


/*=============================================
1. Kalibrierung und allgemeine Styles
=============================================*/

* { padding: 0; margin: 0; }

body {
		/* Gestalte das HTML-Element mit dem Namen body */
		color: #df0000; /* Schriftfarbe */
		background-color: black; /* Hintergrundfarbe */
		font-family: Verdana, Arial, Helvetica, sans-serif, Impact, MingLiU-ExtB, Trajan Pro, Times New Roman;
		font-size: small;
	 }

h1 {  			
		font-size: 200%;
		color: #df0000;
		font-family: "sans-serif";		
		font-weight: normal;
	}
	
a {
	text-decoration: none;  /*Unterstreichung entfernen*/
	outline: none; /*Keine Umrisslinie beim klicken auf den Link*/	
	color: white;
	font-size: 8pt;	
  }

		
/*=================================================
2. Styles für die Layoutbereiche
==================================================*/

#wrapper { 
			margin: 1% auto 1% auto;
			color: black;
			height: 500px;
			width: 700px;					
		}

/***********************************************************************************************************************************/
		
#kopfbereich { 
				position: relative;
				color: #df0000;
				background-color: black;
				padding: 0;
				margin-bottom: 1%;
			}		
		
/***********************************************************************************************************************************/					  

#navibereich {
				font-family: verdana;
				float: left;
				width: 10.7em;
				height: 15em;
				background-color: black;
				margin-right: 0.8em;					
			}
			
		#navibereich ul { 						
						margin: 0.2em 0 0 0;																		
					  }
		
		#navibereich li { 	
						list-style-type: none; 						
						margin: 0;						
					  }
		
		#navibereich a {
						display: block;
						color: black;
						margin-left: 0;
						margin-top: 0;
						text-decoration: none;
						width: 9.5em;
						height: 0.75em;						
						font-size: 8pt;
						padding: 0.75em 1.3em 1.1em 1.3em;
						background-image: url(Bilder/Buttons/button.png) ;																
					}
					

		#navibereich a:hover,		
		#startseite #navi01 a,
		#news #navi02 a,		
		#galerie #navi03 a,		
		#bande #navi04 a,
		#videos #navi05 a,
		#lan #navi06 a,
		#sport #navi07 a,
		#gbuch #navi08 a,
		#links #navi09 a		{
									margin-left: 0;
									margin-right: 0;
									color: white;
									width: 9.5em;
									height: 0.75em;						
									font-size: 8pt;
									padding: 0.75em 1.3em 1.1em 1.3em;
									background-image: url(Bilder/Buttons/button.png);	
									border-bottom: none;									
						    	}	
								
		#navibereich a:focus,
		#startseite #navi01 a,
		#news #navi02 a,		
		#galerie #navi03 a,		
		#bande #navi04 a,
		#videos #navi05 a,
		#lan #navi06 a,
		#sport #navi07 a,
		#gbuch #navi08 a,
		#links #navi09 a
							{
								margin-left: 0;
								margin-right: 0;
								color: white;
								width: 9.5em;
								height: 0.75em;						
								font-size: 8pt;
								padding: 0.75em 1.3em 1.1em 1.3em;
								background-image: url(Bilder/Buttons/button.png);	
								border-bottom: none;									
								}
								
		#navibereich a:active	{ 
								color: black;
								background-color: black;
								width: 9.5em;
								height: 0.75em;						
								font-size: 8pt;
								padding: 0.75em 1.3em 1.1em 1.3em;
								background-image: url(Bilder/Buttons/button.png);								
								border-bottom: none;
								}								

/***********************************************************************************************************************************/
										
#textbereich { 
				width: 100%;
				height: 650px;
				font-family: Verdana;
				font-size: 0.7em;
				color: white;
				background-color: black;
				margin-top: -2px;
				padding-bottom: 10px;
				SCROLLBAR-FACE-COLOR: #333333; 				
				SCROLLBAR-ARROW-COLOR: #df0000; 
				SCROLLBAR-TRACK-COLOR: #161616; 
				SCROLLBAR-3DLIGHT-COLOR: #161616;
				SCROLLBAR-HIGHLIGHT-COLOR: #808080;
			}
			
#profil #textbereich p	 { 
							margin-left: 250px;	
							line-height: 2;
						}
						
#profil #textbereich u	 { 
							margin-left: 20px;							
						}
						
#profil #textbereich     { 
							padding-top: 2px;							
						}
						
#textlinks { 	
				float:left;
				margin-left: -498px;
				margin-top: 70px;
			}
			
#linkbox { 	
			width: 473px;						
			padding: 2% 1% 2% 1%;
			margin-top: 1%;
			border: 1px solid white;
			background-image: url(Bilder/Buttons/galeriebutton.png);
		}
				
#linkbox p	      { 						
				 color: black;
				}				

#linkbox p:hover { 						
				 color: white;
				 cursor: pointer;
				}

#img_left 		{ float:left; margin: 0; margin-top: 3px; margin-bottom: 0; padding-bottom: 0; }		

#lan #textbereich ul { margin-left: 5%; list-style-type: decimal; }		
			
/***********************************************************************************************************************************/
							
			
#fussbereich {
				color: black;
				background-color: black;				
				margin-top: 0.8em;
				margin-left: 13em;
			}

/*==================================================================================================================
							    ENDE DER CSS-DATEI !
==================================================================================================================*/