/* 
          Inhalt: 
     
          	1. Global Reset
          	2. Struktur
          	3. Links und Navigation (1. Ebene)
          	4. Fonts
          	5. Bilder
*/

/*	-------------------------------------------------------------
	1. GLOBAL RESET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               * {
                    /* Margin und Padding werden auf 0 gesetzt*/
               	margin: 0;
               	padding: 0;
               }

/*	-------------------------------------------------------------
	2. STRUKTUR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               body {
               	/* Hintergrundfarbe wird auf Weiss gesetzt */
               	background: #fff url(../assets/global_background.gif) repeat-x;
               	padding-bottom: 30px;
               }
               #wrapper {
               	/* Container für die Seiteninhalte */
               	width: 900px;
               	margin: 0 auto;
               	background: #fff;
               	border: 1px solid #c4e8f6;
               	border-top: 0px;
               	text-align: left;
               	background: #fff url(../assets/wrapper_background.gif) repeat-y;
               }
               #logo {
               	/* Container fürs Logo */
               	height: 299px;
               	width: 100%;
               	background: url(../assets/arcobaleno-logo.jpg) no-repeat center;
               	margin-top: 0px;
               	margin-right: 0px;
               	margin-bottom:0px;
               	margin-left: 0px;
               	border-bottom: 1px solid #c4e8f6;
               }
               #mainContent { 
               	/* Container für den Inhalt */
               	margin: 0 260px 0 0;
               	padding: 15px 10px;
               } 
               #footer { 
               	/* Container für die Seiteninhalte */
               	width: 900px;
               	margin: 0 auto;
               	background: #fff;
               	border-top: 0px;
               	text-align: left;
               } 
               #footer p {
               	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
               	padding: 10px 10px 10px 5px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
               	font: normal 11px/16px 'helvetica neue',helvetica, arial, sans-serif; 
               	color: #89867E;
               	letter-spacing: 0.2em; 
               	background-image: url(../assets/footer-bg.jpg);
               	background-repeat: no-repeat;
					}
               .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
               	float: right;
               	margin-left: 2px;
               }
               .fltlft { /* this class can be used to float an element left in your page */
               	float: left;
               	margin-right: 2px;
               }
               .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
               	clear:both;
               	height:0;
               	font-size: 1px;
               	line-height: 0px;
               }
					
					.bordrlessImg {
               	margin: 0 10px 0 20px; 
               	padding: 4px;
               	background-color: White;
               	border: 1px solid #fff						
					}

/*	-------------------------------------------------------------
	3. LINKS UND NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               /* -- Hauptnavigation Container -- */
               #mainNavigation {
               	border-top: 0px solid #555555;
               	background: url(../assets/navmenu.gif) repeat-x;
               	background-color: #fff;
               }

/*	-------------------------------------------------------------
	3. LINKS UND NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               /* -- Hauptnavigation -- */
               #navi {
               	height: 54px;
               	border-top: 0px solid #555555;
               }
               #navi ul {
               	list-style: none;
               	margin: 0;
               	padding: 0;
               }
               #navi ul li {
               	float: left;
               }
               #navi ul li a {
               	text-decoration: none;
               	border-bottom: 0px;
               	background-image: url(../assets/navmenu.gif);
               	background-repeat: no-repeat;
               	display: block;
               	height: 54px;
               	overflow: hidden;
               }
               #navi ul li a span {
               	cursor: pointer;
               	display: block;
               	height: 54px;
               	padding: 50px 0 0;
               }
               #navi ul li.active a span,
               #navi ul li a:hover span {
               /*background: url(../assets/navmenu-ring.gif) no-repeat center 28px;*/
               }
               #navi ul li a.link1 { background-position: 0px 0px; width: 65px; }
               #navi ul li a.link2 { background-position: -65px 0px; width: 148px;}
               #navi ul li a.link3 { background-position: -213px 0px; width: 177px;}
               #navi ul li a.link4 { background-position: -390px 0px; width: 148px;}
               #navi ul li a.link5 { background-position: -538px 0px; width: 89px;}
               #navi ul li.active a.link1, #navi ul li a.link1:hover { background-position: 0px -54px; }
               #navi ul li.active a.link2, #navi ul li a.link2:hover { background-position: -65px -54px; }
               #navi ul li.active a.link3, #navi ul li a.link3:hover { background-position: -213px -54px; }
               #navi ul li.active a.link4, #navi ul li a.link4:hover { background-position: -390px -54px; }
               #navi ul li.active a.link5, #navi ul li a.link5:hover { background-position: -538px -54px; }

               #sidebar1 {
               	float: right;
               	width: 255px;
               	background: transparent;
               	padding: 0px 0px;
               }

/*	-------------------------------------------------------------
	4. FONTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               html {
               	font-size: 100%;
               }
               body {
               	font-size: 62.5%;
               }
               h1 {
               	/* Hauptüberschrift */
               	font: bold normal 2em/1.2em Helvetica,Arial,sans-serif;
               	margin-bottom: 5px;
               }
               h2 {
               	/* Überschriften für den Inhalt */
               	font: bold 1.6em/1.0em Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
               	margin-top: 1.3em;
               	margin-bottom: 2px;
               	margin-left: 3em;
               	color: #EE3556;
               }
               h3 {
               	color: #000000;
               	font-family: Arial;
               	font-size: 3em;
               	font-weight: normal;
               }
               p {
               	font: 1.3em/1.5em Helvetica,"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
               	margin: 0.5em 0 0 0;
               }

					
               a {
               	color:#f700c4;
               	text-decoration: none;
               	border-bottom: 1px dotted;
               }
               a:hover {
               	text-decoration: none;
               	background-color: #f2fc02;
               	border-bottom: #3bb717 1px dotted;
               }

               .colorHome {
               	color: #e16e67;
               }
               .colorDienste {
               	color: #ffc600;
               }
               .colorReferenz {
               	color: #97cfb2;
               }
               .colorInfra {
               	color: #6581ba;
               }
					
/*	-------------------------------------------------------------
	5. BILDER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
               a img {
               	/* Entferne Rahmen von verlinkten Bildern */
               	border: 0;
               }
			   
               img:hover {
               	padding: 4px;
               	background-color: White;
               	border: 1px solid #a5dfc2;
               }

               img {
               	margin: 0 20px 0 0; 
               	padding: 4px;
               	background-color: White;
               	border: 1px solid #c4e8f6;
               }