/*CSS Document*/
/*Spiderworx-Engineering UG (haftungsbeschraenkt)*/
/*Copyright: Chris-K-Arts (by Spiderworx-Engineering)*/

/*Anordnung des bodys*/
body {
color: #FFFFFF;
background:#000000 url(images/site/Carbon.gif);
font-family:Helvetica;
font-size:11pt;
}

/*Breite & Position der Homepage*/
#page{
 width: 1000px;
 margin: 10px auto;
 padding:0;
}

/*Banner Box inkl. der Aufteilung*/
#banner{
height:120px;
width:1000px;
background: #000000;
text-align:left;
margin:0 0 14px 0;
}
	
	#bannerleft{
	height:110px;
	width:568px;
	padding: 10px 0px 0px 20px;
	float:left;
	}
	
	#social{
	height:105px;
	padding: 18px 0px 0px 170px;
	float:left;
	}
	
	#bannerright{
	height:105px;
	padding: 15px 20px 0px 0px;
	float:right;
	}

/*Inhalt der einzelnen Seiten nochmal in DIVBoxen unterteilt*/
#mainstream{
width:970px;
min-height: 150px;
background:#000000;
padding: 15px 15px 15px 15px;
margin: 0 0 14px 0;
}
	
	/*persoenlicher Body der Page*/
	#content{
	width:720px;
	background:#000000;
	padding: 0;
	margin:0;
	float: left;
}
	/*rechte Spalte (News) in 2x DIVBoxen unterteilt*/
	#news{
	width: 230px;
	background:#000000;
	padding: 0 0 0 20px;
	margin: 0;
	float: left;
	}
	
	/*CSS-Klasse fuer die Newsartikel*/
	.newslink a, a:link, a:hover, a:visited{
	text-decoration: none;
	}
	
		/*Newbox Nr.1*/
		#news1{
		width:210px;
		height:auto;
		padding: 0 0 10px 0;
		margin: 0;
		border-bottom:1px solid #FFFFFF;
		float:left;
		clear:both;
		}
		
		/*Newbox Nr.2*/
		#news2{
		width:210px;
		height:auto;
		float:left;
		clear:both;
		}
	
	/*Anordnung zuruecksetzen*/
	#clear {
    clear: both;
    }

/*Die LINKS AGB etc. links in der DVBox anordnen*/	
#anmerkung{
float:left;
}

/*Copyright Divbox in der Mitte des Footers*/
#copyright{
float:left;
margin: 1px 0 0 0;
	[margin:1px 0 0 0;
	margin:2px 0 0 0;]/*Opera and newer Safary 4+*/
}

/*Footermenue (AGB, Impressum etc.)*/
#footer{
background:url(images/site/footer.png);
height:20px;
width:1000px;
margin: 0 0 7px 0;
padding: 0;
float:left;
}

ul#Footer {
  
    text-align: left;
	text-decoration:underline;
	font-size:10pt;
	padding: 0 0 0 15px;
	width:400px;
  }
  ul#Footer li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }

  ul#Footer a, ul#Footer span {
    float: left; width: auto;
	margin: -6px 0 0 0;
	padding: 0 10px 0 0;
    text-decoration: none;
    color: #FFFFFF;
	background-color:#000000;	
	[margin:-6px 0 0 0;
	margin:1px 0 0 0;]/*Opera and newer Safary 4+*/
  }

  ul#Footer div {
     clear: left;
  }

/*Navigationsmenue (Home, Unternehmen etc.)*/
#navigation{
height:30px;
width:999px;
margin: 0 0 14px 0;
padding: 0;
}

  ul#Navigation {
  background:url(images/site/menu.png);
    text-align: center;
	padding: 0;
	width:999px;
  }
  
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
  }
  
  ul#Navigation a{
    float: left; width: 135px;
    text-decoration: none; font-weight: bold;
	background-image:url(images/site/button.png);
	margin: -9px 0 0 0;
	[margin:-9px 0 0 0;
	margin:6px 0 0 0;]/*Opera, Chrome und Safari*/
  }
  
  ul#Navigation a:hover{
    color: #FF0202;
	background-image:url(images/site/buttonhover.png);
  }
  
  ul#Navigation div {
     clear: left;
  }

/*CSS-Klassen*/
/*Schriftgroesse h1 in der Divbox angepasst*/
h1.banner {
font-size:9pt;
margin:0;
}

/*Copyright schriftgroesse*/
.copy {
margin:0;
font-size:10pt;
}

/*Linkfarben bei LINKS*/
a, a:visited{
color:#FFFFFF;
}

/*Unterstrich bei den LINKS*/
a.banner{
text-decoration:none;
}