/*  =========================================================
Stylesheet centra-zeitarbeit.de
Stand:  18.05.2007
Datei:  bildschirm.css
Media:  screen
Autorin:Ursula Ruf - Ruf Internet
Aufbau  1. Kalibrierung und allgemeine Styles
        2. Styles für Layoutbereiche
        3. Sonstige Styles
========================================================== */

/*=========================================================================================================
 1. Kalibrierung und allgemeine Styles
 ==========================================================================================================*/
     *  { padding: 0; margin: 0; }
	h2, h3, p, ul, ol { margin-bottom: 1em; }
	ul, li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
	
	/* Allgemeine Selektoren */

	html { height: 101%; }


    body { /*Gestaltung des Elementes Body*/
         background-color: #c8c8c8; /*Hintergrundfarbe grau*/
         font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: small; /* Schriftgroesse */
	overflow: auto;
	padding: 10px;
	margin: 0px;
	}
	
	h1 { font-size: 150%; color: #c71789; font-family:Arial, Helvetica, sans-serif;}
	h2 { font-size: 130%; color: #28166F;}
	h3 { font-size: 110%;}
	a {  /* Unterstreichung entfernen */
   		text-decoration: none;
		}
        a:link { color:#c71789 }
		a:visited { color: #28166F; }
		/*a:hover, a:focus {
  		 border-bottom: 1px solid #d90000;
		}*/
		a:active {color: 28166F;}
	
	
	
	
	
	
	
	address {
	text-align:center; /*zentrieren*/
	font-size:80%; /*etwas kleiner*/
	font-style:normal; /*normale Schrift, nicht kursiv*/
	letter-spacing:2px; /*Abstand zwischen den Buchstaben*/
	line-height:1.5em; /*Zeilenabstand*/
	
	/*CF NEu*/
	padding-top:10px;  
   padding-right:20px;
   padding-bottom:5px;
   padding-left:20px; 
			}
		
			
	/*Allgemeine Klassen und IDs*/
	
	.skiplink {
   		position: absolute;
   		left: -3000px;
   		top: -2000px;
   		width: 0px;
   		height: 0px;
   		overflow: hidden;
   		display: inline;
		}








/*============================================================================================
 2. Styles für Layoutbereich
 ==========================================================================================================*/
 
    #wrapper{ /*Gestaltung der eigentlichen Seite= wrapper */
              color: #000000; /*Standardschriftfarbe grau*/
              background-color: white; /*Hintergrund weiss*/
			  background-image:url(../images/hg.gif);
			  background-repeat:no-repeat;
			  width:785px; /*height:686px;*/
	      	margin-left: auto;
             margin-right: auto;
	      /*margin-bottom: 10px;*/
		  margin-top: 0px;

 
 /*hack für IE6*/             }
 *html #wrapper { padding:0px;width:750px;  }
 #header {
 	position:relative;
	padding:0px 0px 15px 0px;
	margin:0;
		}
/* navi*/
	.menu
{
	/*position: relative;*/
	z-index: 3;
	top: 9px;
	padding-right:0px; padding-bottom:0px; margin-top:0px; margin-right:0px;
	/*left:220px;*/
	float:right;
	height:180px;
}

.menu li
{
	width: 140px;
	float: left;
}
	.menu a
{
	border: 1px outset #c8c8c8;
	
	 
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	cursor: default;
	margin: 0px 0px;
	display: block;
	height: 20px;
	color: #000;
}

.menu a:hover
{
	background-color: #c71789;
}
	#smenu1, #smenu2, #smenu3, #smenu4
{
	font-size: 12px;
	display: none;
	width: 140px;
	float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
	font-weight: normal;
	padding-top: 2px;
	border-top: 0px;
	cursor: pointer;
}
	
	
	
	
	/*Gestaltung der Contentbereiche */
	#content {
			position:relative;
			margin:20px 30px 10px 30px;
		/*CF NEU*/
	
	width:100%;
	clear:both;
			}
			
			/*Gestaltung der linken Seite*/
			/*CF NEU*/
	#links {float:left; height:auto; width:70%;}
		/*Gestaltung der rechten Seite*/
		/*CF NEU*/
		#rechts {height:auto;float:right;width:25%;margin:5px 15px 15px 10px;padding:0;}
		
	#infobox01 {/*width:100%;*/
				height:100px;
				background-color:#eee;
				padding: 15px 10px 15px 10px;
				border:1px dotted #8c8c8c;
				font-size:x-small;
				margin:10px 20px 10px 0px;
				}	
	#infobox02 {/*width:100%;*/
				height:100px;
				background-color:#eee;
				padding: 15px 10px 15px 10px;
				border:1px dotted #8c8c8c;
				font-size:x-small;
				margin:20px 20px 10px 0px;
				}	
	 
	#infobox01 
	#infobox02 h1 { font-size: 110%; color: #c71789; font-family:Arial, Helvetica, sans-serif;}
	#infobox01 
	#infobox02 h2 { font-size: 90%; color: #28166F;}
	#infobox01 
	#infobox02 h3 { font-size: 60%;}
	
				
				
				
	/*Gestaltung des fUSSBEREICHES*/
	#feeter { 
	/*CF NEU*/
	clear:both;
	width:785px;
	
	
	/*padding-top:10px;  
   padding-right:20px;
   padding-bottom:5px;
   padding-left:20px; */
   border-top:1px solid #c8c8c8; /* Rahmenlinie oben */ 
   margin-top:1px; /* Außenabstand oben, oberhalb Linie */
   }


/*=========================================================================================================
 3. Sonstige Styles
 ==========================================================================================================*/
	.bildrechts {
		float:right;
		padding: 5px;
		margin-bottom:20px;
		margin-left:10px;
		margin-right:80px;
		}
		
		.bildlinks {
		float:left;
		padding: 5px;
		margin-bottom:10px;
		margin-left:10px;
		}
	
/*=========================================================================================================
 Ende des Stylesheets
 ==========================================================================================================*/