@media all {
	
	* { 
		margin:				0; 
		padding:			0;
	} 
	
	option {
		padding-left:		0.4em;
	}
	
	html {
		height:				100%;
	}
	
	body { 
		min-height:			100%;
		font-size:			100.01%;
		position:			relative; 
		color:				#121212;        
		background:			maroon; 
		text-align:			left; 
		font-family:		Verdana, Arial, Helvetica, serif;	
		font-weight:		normal;
		font-style:			normal;
		font-size:			14px;
		background:			#f6f6f6;
	} 
	
	fieldset, img {
		border:				0;
	}
	
	select, input, textarea {
		font-size:			99%;
	}
	
}

div#abstand {
		width:				780px;
		height:				20px;
		margin:				auto;
		background:			#fafafa;
}

div#schleife {
		width:				100%;
		height:				25px;
		background:			#34bcff;
}

div#seite {		
		width:				780px;
		margin:				auto;
		margin-top:			-22px;
}

		div#main {		
				width:				100%;
				height:				100%;
				background:			#fafafa;
				float:				left;
		}

				h2#welcome {
						width:				780px;
						height:				22px;
						font-size:			16px;
						text-indent:		1em;
						color:				#fafafa;
						background:			#34bcff;
				}
				
				h1#title {		
						width:				310px;
						height:				148px;
						text-indent:		-999em;
						background:			url(title.png);
						float:				left;
				}
				
				div#wasserzeichen {		
						width:				400px;
						height:				148px;
						margin-right:		2px;
						background:			url(wasserzeichen.png);
						float:				right;
				}
						
				div.subtitle {
						width:				220px;
						height:				23px;
						padding-top:		10px;
						padding-left:		10px;
						color:				#5c5c5c;
						font-size:			13px;
						font-weight:		bold;
						background:			url(subtitle.png);
						clear:				both;
						float:				left;
				}
				
				div#navi {
						width:				547px;
						height:				33px;
						padding-right:		3px;
						background:			url(navi.png);
						float:				left;
				}
				
						div#navi a {
								height:				23px;
								padding-top:		10px;
								margin-left:		7px;
								margin-right:		7px;
								float:				right;
								color:				#5c5c5c;
								text-decoration:	none;
								font-weight:		bold;
						}
						
						div#navi a:hover {
								color:				#5587ac;
						}

				div#header {
						width:				776px;
						height:				173px;
						border:				2px solid #fafafa;
						border-bottom:		0px;
						float:				left;
				}

						div#navi2 {
								width:				226px;
								height:				175px;
								float:				left;
						}
						
								div#navi2 a {
										width:				218px;
										height:				31px;
										padding-left:		8px;
										padding-top:		2px;
										border-bottom:		2px solid #fafafa;
										float:				left;
										color:				#5c5c5c;
										text-decoration:	none;
										font-size:			13px;
										font-weight:		bold;
								}
										
								div#navi2 a img {
										width:				36px;
										height:				33px;
										margin-top:			-2px;
										float:				right;
								}
										
										div#navi2 a span {
												color:				#5587ac;
												font-size:			11px;
										}
						
								a.navi2btn {
										background:			url(navi2.png);
								}
								
								a.navi2btn:hover {
										background:			#eaeaea;
								}
										
						div#mitJS1 {
								float:				left;
								display:			none;
						}
										
						div#ohneJS1 {
								float:				left;
								display:			block;
						}

						div#headerbild {
								width:				538px;
								height:				162px;
								border-top:			5px solid #fafafa;
								border-left:		7px solid #fafafa;
								border-right:		5px solid #fafafa;
								border-bottom:		8px solid #fafafa;
								float:				left;
								overflow:			hidden;
						}

						div#headerimage0 {
								width:				538px;
								height:				162px;
								background:			url(header0.jpg);
								display:			none;
						}

						div#headerimage1 {
								width:				538px;
								height:				162px;
								background:			url(header1.jpg);
								display:			none;
						}

						div#headerimage2 {
								width:				538px;
								height:				162px;
								background:			url(header2.jpg);
								display:			none;
						}

						div#headerimage3 {
								width:				538px;
								height:				162px;
								background:			url(header3.jpg);
								display:			none;
						}

						div#headerimage4 {
								width:				538px;
								height:				162px;
								background:			url(header4.jpg);
								display:			none;
						}

						div#headerimage5 {
								width:				538px;
								height:				162px;
								background:			url(header5.jpg);
								display:			none;
						}
						
				div#headerbottom {
						width:				780px;
						height:				60px;
						background:			url(schatten.png);
						clear:				both;
						float:				left;
				}
						
				div#leiste {
						width:				540px;
						height:				23px;
						padding-top:		10px;
						padding-left:		10px;
						color:				#5c5c5c;
						font-size:			13px;
						font-weight:		bold;
						background:			url(leiste.png);
						float:				left;
				}
				
				div#content {
						width:				780px;
						min-height:			200px;
						float:				left;
				}
				
						div#leftcontent {
								width:				230px;
								min-height:			600px;
								float:				left;
						}
						
								div#neuigkeiten {
										width:				222px;
										height:				140px;
										color:				#444444;
										border:				4px solid #fafafa;
										float:				left;
								}
										
										div.loginzeile {
												width:				222px;
												height:				22px;
												margin-bottom:		10px;
												float:				left;
												clear:				both;
										}
								
												div.loginzeile input {
														width:				139px;
														height:				17px;
														margin-top:			-2px;
														padding-top:		3px;
														padding-left:		1px;
														color:				#444444;
														border:				1px solid #c6c6c6;
														background:			url(logininput.png);
														float:				right;
												}
												
												input#agbcheck {
														width:				144px;
														height:				20px;
														margin-top:			-2px;
														color:				#444444;
														border:				none;
														background:			none;
														float:				right;
												}
								
												input#loginsubmit {
														width:				30px;
														height:				21px;
														margin-top:			-1px;
														font-size:			12px;
														font-weight:		bold;
														text-indent:		-999em;
														border:				1px solid #c6c6c6;
														background:			url(loginsubmit.png);
														float:				right;
												}
								
												input#logoutsubmit {
														width:				50px;
														height:				21px;
														margin-top:			-1px;
														font-size:			12px;
														font-weight:		bold;
														text-indent:		-999em;
														border:				1px solid #c6c6c6;
														background:			url(logoutsubmit.png);
														float:				right;
												}
								
												div#neuigkeiten p {
														font-size:			12px;
														color:				#444444;
														margin-top:			2px;
														margin-right:		4px;
														float:				left;
												}
										
												div#neuigkeiten a {
														font-size:			12px;
														color:				#444444;
														text-decoration:	none;
												}
								
												div#neuigkeiten a:hover {
														text-decoration:	underline;
												}
								
												input#logincheck {
														margin-top:			3px;
												}
						
								div#angebot {
										width:				222px;
										border:				4px solid #fafafa;
										float:				left;
								}
								
										div.angebotrollover {
												width:				222px;
												height:				45px;
												overflow:			hidden;
												background:			url(angebotebg.png);
												font-size:			9px;
										}
										
										div.angebotrollover:hover {
												height:				100%;
										}
						
												div.angebote {
														width:				215px;
														height:				34px;
														color:				#515151;
														padding-top:		6px;
														padding-left:		5px;
														margin-bottom:		3px;
														font-size:			10px;
														background:			url(angebote.png);
														border-top:			1px solid #bcbcbc;
														border-right:		1px solid #a1a1a1;
														border-bottom:		1px solid #a1a1a1;
														border-left:		1px solid #bcbcbc;
														float:				left;
												}
								
														div.angebote h4 {
																font-size:			11px;
																padding-bottom:		3px;
														}

												div.angebotstext {
														padding-left:		1px;
														padding-right:		1px;
														border-right:		1px solid #818181;
														border-bottom:		1px solid #818181;
														border-left:		1px solid #818181;
														text-align:			justify;
														color:				#fafafa;
														background:			#515151;
														font-weight:		bold;
														float:				left;
												}
				
						div#rightcontent {
								width:				550px;
								min-height:			600px;
								float:				right;
						}
				
								div#text1 {
										width:				520px;
										margin-top:			15px;
										margin-right:		20px;
										margin-bottom:		25px;
										text-align:			justify;
										font-size:			11px;
										color:				#858585;
										font-weight:		bold;
										float:				right;
								}
								
										div#text1 h3 {
												font-size:			15px;
										}
								
										div#text1 img {
												width:				200px;
												height:				200px;
												float:				right;
										}
						
								div#jobbox {
										width:				540px;
										height:				190px;
										margin-right:		6px;
										margin-bottom:		10px;
										float:				right;
								}
								
										div#jobboxnavi {
												width:				540px;
												height:				45px;
										}
										
												a.jobboxbutton {
														width:				172px;
														height:				26px;
														margin-left:		4px;
														margin-right:		4px;
														padding-top:		19px;
														text-align:			center;
														text-decoration:	none;
														font-size:			12px;
														font-weight:		bold;
														color:				#858585;
														background:			url(jobboxnavi.png);
														float:				left;
												}
										
												a.jobboxbutton:hover {
														height:				27px;
														padding-top:		18px;
														font-size:			13px;
														background:			url(jobboxnavi.png) 0 -45px;
														float:				left;
												}
												
												a#jobboxbutton0 {
														width:				172px;
														height:				26px;
														margin-left:		4px;
														margin-right:		4px;
														padding-top:		19px;
														text-align:			center;
														text-decoration:	none;
														font-size:			12px;
														font-weight:		bold;
														color:				#858585;
														background:			url(jobboxnavi.png);
														float:				left;
												}
												
												a#jobboxbutton1 {
														width:				172px;
														height:				26px;
														margin-left:		4px;
														margin-right:		4px;
														padding-top:		19px;
														text-align:			center;
														text-decoration:	none;
														font-size:			12px;
														font-weight:		bold;
														color:				#858585;
														background:			url(jobboxnavi.png);
														float:				left;
												}
												
												a#jobboxbutton2 {
														width:				172px;
														height:				26px;
														margin-left:		4px;
														margin-right:		4px;
														padding-top:		19px;
														text-align:			center;
														text-decoration:	none;
														font-size:			12px;
														font-weight:		bold;
														color:				#858585;
														background:			url(jobboxnavi.png);
														float:				left;
												}
												
												a#jobboxbuttonactiv {
														height:				29px;
														padding-top:		16px;
														font-size:			16px;
														color:				#5c5c5c;
														background:			url(jobboxnavi.png) 0 -90px;
												}
										
										div#jobboxBG {
												width:				540px;
												height:				144px;
												-moz-border-radius:		8px;
												-khtml-border-radius:	8px;
												border-right:		1px solid #b6b6b6;
												border-bottom:		1px solid #b6b6b6;
												background:			url(jobboxBG.png);
										}
										
												div#jobboxicon {
														width:				80px;
														height:				100px;
														margin-top:			20px;
														margin-left:		5px;
														background:			url(jobboxicon.png);
														float:				left;
												}
										
												div#jobboxcontent {
														width:				430px;
														height:				105px;
														-moz-border-radius:		8px;
														-khtml-border-radius:	8px;
														border-right:		1px solid #b7b7b7;
														border-bottom:		1px solid #b7b7b7;
														color:				#5c5c5c;
														font-weight:		bold;
														font-size:			11px;
														text-align:			justify;
														background:			url(jobboxcontent.png);
														margin:				12px;
														margin-left:		0px;
														padding:			5px;
														float:				right;
														
												}
														
										div#mitJS2 {
												float:				left;
												display:			none;
										}
														
										div#ohneJS2 {
												float:				left;
												display:			block;
										}
										
						form#contact {
								width:				517px;
								margin:				10px;
								font-size:			11px;
								color:				#858585;
								font-weight:		bold;
								float:				left;
						}
								
								div.contactline {
										width:				100%;
										height:				18px;
										margin-top:			20px;
										padding-top:		2px;
								}
								
										span#security {
												font-weight:		bold;
												color:				#3452fa;
										}
								
										div.contactline input {
												width:				142px;
												height:				15px;
												margin-top:			-2px;
												padding-top:		3px;
												padding-left:		1px;
												border:				1px solid #c6c6c6;
												background:			url(contactinput.png);
												float:				right;
										}
								
								div.fileline {
										width:				400px;
										height:				18px;
										margin:				auto;
										margin-bottom:		15px;
										padding-left:		5px;
										padding-top:		4px;
										background:			#dddddd;
								}
								
								div.fileline:hover {
										background:			#ffc600;
								}
								
										div.fileline input {
												width:				143px;
												height:				18px;
												margin-top:			-2px;
												margin-right:		2px;
												border:				1px solid #c6c6c6;
												background:			url(contactinput.png);
												float:				right;
										}
								
								div.contactarea {
										width:				100%;
										height:				88px;
										margin-top:			20px;
										padding-top:		2px;
								}
										
										div.contactarea textarea {
												width:				314px;
												height:				86px;
												border:				1px solid #c6c6c6;
												background:			url(contacttextarea.png);
												float:				right;
										}
						
								input#contactsubmit {
										width:				145px;
										height:				32px;
										margin-top:			20px;
										margin-bottom:		20px;
										color:				#fafafa;
										font-size:			13px;
										font-weight:		bold;
										border:				1px solid #00aeff;
										background:			url(contactsubmit.png);
										float:				right;
								}
						
								input.deletesubmit {
										width:				145px;
										height:				32px;
										margin-top:			20px;
										margin-bottom:		20px;
										color:				#fafafa;
										font-size:			13px;
										font-weight:		bold;
										border:				1px solid #00aeff;
										background:			url(contactsubmit.png);
										float:				right;
								}
						
								input#uploadsubmit {
										width:				145px;
										height:				32px;
										margin-top:			20px;
										margin-bottom:		20px;
										color:				#fafafa;
										font-size:			13px;
										font-weight:		bold;
										border:				1px solid #00aeff;
										background:			url(contactsubmit.png);
										float:				right;
								}
								
								form#contact p {
									text-align:			justify;
									clear:				both;
								}
										
						div#preise {
								width:				517px;
								margin:				10px;
								font-size:			11px;
								color:				#858585;
								font-weight:		bold;
								float:				left;
						}
								
								div#preise p {
									text-align:			justify;
									clear:				both;
								}
										
						div#referenzen {
								width:				517px;
								margin:				15px;
								font-size:			11px;
								color:				#858585;
								font-weight:		bold;
								float:				left;
						}
						
								div#referenzen h3 {
										font-size:			15px;
								}
								
								div#referenzen p {
										text-align:			justify;
										margin-bottom:		30px;
										clear:				both;
								}
						
										div#referenzen a {
												text-decoration:	none;
												color:				#858585;
												font-weight:		bold;
										}
						
										div#referenzen a:hover {
												text-decoration:	underline;
										}
										
								div.references {
									margin-bottom:		30px;
									background:			#aaaaaa;
									float:				left;
								}
												
										div.references a {
											margin:				9px;
											float:				left;
											border:				2px solid #aaaaaa;
										}
												
										div.references a:hover {
											border:				2px solid #fafafa;
										}
				
						div#agb {
								width:				520px;
								margin-top:			15px;
								margin-right:		20px;
								margin-bottom:		25px;
								text-align:			justify;
								font-size:			11px;
								color:				#858585;
								font-weight:		bold;
								float:				right;
						}
						
								div#agb h3 {
										margin-top:			25px;
										font-size:			15px;
								}
						
								div#agb p {
										margin-top:			15px;
										margin-bottom:		15px;
								}
						
										div#agb a {
												text-decoration:	none;
												color:				#858585;
												font-weight:		bold;
										}
						
										div#agb a:hover {
												text-decoration:	underline;
										}
				
						div#impressum {
								width:				520px;
								margin-top:			15px;
								margin-right:		20px;
								margin-bottom:		25px;
								text-align:			justify;
								font-size:			11px;
								color:				#858585;
								font-weight:		bold;
								float:				right;
						}
						
								div#impressum h3 {
										margin-top:			25px;
										font-size:			15px;
								}
						
								div#impressum p {
										margin-top:			15px;
								}
						
										div#impressum a {
												text-decoration:	none;
												color:				#858585;
												font-weight:		bold;
										}
						
										div#impressum a:hover {
												text-decoration:	underline;
										}
				
						div#kundenmenu {
								width:				520px;
								margin-top:			15px;
								margin-right:		20px;
								margin-bottom:		25px;
								text-align:			justify;
								font-size:			11px;
								color:				#858585;
								font-weight:		bold;
								float:				right;
						}
						
								div#kundenmenu h3 {
										margin-top:			25px;
										font-size:			15px;
								}
						
										div#kundenmenu a {
												text-decoration:	none;
												color:				#858585;
												font-weight:		bold;
										}
						
										div#kundenmenu a:hover {
												text-decoration:	underline;
										}
										
								div.auftragsbox {
										width:				520px;
										margin-bottom:		25px;
										background:			#eeeeee;
										float:				left;
								}
												
										div.auftraszeile {
												width:				512px;
												padding:			4px;
												padding-top:		5px;
												clear:				both;
												float:				left;
										}
												
										div.auftraszeile:hover {
												background:			#ffc600;
										}
												
												p.auftrastext {
														width:				330px;
														padding-right:		3px;
														text-align:			justify;
														font-weight:		normal;
														float:				right;
												}
												
										div.downloadzeile {
												width:				400px;
												padding:			4px;
												padding-top:		5px;
												margin:				50px;
												margin-top:			20px;
												margin-bottom:		20px;
												float:				left;
										}
												
										div.downloadzeile:hover {
												background:			#ffc600;
										}
												
												div.downloadzeile a {
														float:				right;
												}
				
						div#kunden {
								width:				520px;
								margin-top:			15px;
								margin-right:		20px;
								margin-bottom:		25px;
								text-align:			justify;
								font-size:			11px;
								color:				#858585;
								font-weight:		bold;
								float:				right;
						}
						
								div#kunden h3 {
										margin-top:			25px;
										font-size:			15px;
								}
						
								div#kunden p {
										margin-top:			15px;
								}
						
										div#kunden a {
												text-decoration:	none;
												color:				#858585;
												font-weight:		bold;
										}
						
										div#kunden a:hover {
												text-decoration:	underline;
										}
						
										div#kunden table {
												margin:				auto;
												color:				#858585;
												text-align:			center;
												font-weight:		normal;
										}
										
										tr.kundenzeile:hover {
												background:			#ffc600;
										}
						
										div#kunden th {
												padding:			5px;
												border:				1px solid #222222;
										}
										
										th.kundenspalte:hover {
												background:			#ffc600;
										}
						
										div#kunden td {
												padding:			5px;
												border:				1px solid #222222;
										}
								
				div#footer {
						width:				770px;
						height:				25px;
						padding-left:		10px;
						padding-top:		10px;
						color:				#5c5c5c;
						font-size:			11px;
						font-weight:		bold;
						background:			url(schatten.png);
						float:				left;
				}
				
						div#footer span {
								float:				right;
						}
				
						div#footer a {
								color:				#5c5c5c;
								font-weight:		bold;
								float:				left;
								margin-left:		3px;
								margin-right:		3px;
								font-size:			11px;
								text-decoration:	none;
						}
				
						div#footer a:hover {
								color:				#5587ac;
						}