*{
	border: 0;
	outline: 0;
	
	color: #595858;
}

html, body{
	width: 100%;
	height: 100%;
}

body{	
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 13px;
	
	background: #e9f3ec;
		
	margin: 0;
	padding: 0;
}

div#head-container{
	padding: 0 22px 0 371px;
	width: 583px;
	height: 535px;
	margin: 0 auto;
	background: transparent url(../images/div-head-container.jpg) center top no-repeat;
}

	div#news-container{
		margin-top: 59px;
		padding-left: 220px;
		
		float: right;

		height: 80px;
		width: 340px;
		
		font-size: 11px;
		
		background: transparent url(../images/div-news-container.jpg) 0px 10px no-repeat;
	}
		div#news-container h3{
			display: none;
		}
		div#news-container p{
			padding: 10px 0 0 0;
			margin: 0;
		}
		
	ul#supnavigation{
		display: block;
		
		clear: right;
		float: right;
	
		width: 350px;
		height: 36px;
		
		list-style: none;
		
		padding: 0;
		margin: 0;
	}
		ul#supnavigation li{
			width: auto;
			float: left;
		}
		
		ul#supnavigation li a{
			text-indent: -9999px;
		
			display: block;
			
			height: 36px;
			
			background-image: url(../images/ul-supnavigation.jpg);
			background-repeat: no-repeat;
		}
			ul#supnavigation li a#supnavigation-home{
				width: 66px;
				background-position: 0 0;
			}
			ul#supnavigation li a#supnavigation-workshops{
				width: 75px;
				background-position: -66px 0;
			}
			ul#supnavigation li a#supnavigation-contact{
				width: 70px;
				background-position: -141px 0;
			}
			ul#supnavigation li a#supnavigation-agb{
				width: 47px;
				background-position: -211px 0;
			}
			ul#supnavigation li a#supnavigation-imprint{
				width: 86px;
				background-position: -258px 0;
			}
				ul#supnavigation li a#supnavigation-home:hover{
					background-position: 0 -37px;
				}
				ul#supnavigation li a#supnavigation-workshops:hover{
					background-position: -66px -37px;
				}
				ul#supnavigation li a#supnavigation-contact:hover{
					background-position: -141px -37px;
				}
				ul#supnavigation li a#supnavigation-agb:hover{
					background-position: -211px -37px;
				}
				ul#supnavigation li a#supnavigation-imprint:hover{
					background-position: -258px -37px;
				}			
	div#form-container, div#form-container2{
		width: 520px;
				
		float: none;
		clear: both;
		
		margin-left: 58px;
	}
	
	div#form-container2 {
		margin: 0;
	}
			
			div#form-container fieldset, div#form-container2 fieldset{
				margin: 0;
				padding: 0 18px;
			}
			
			div#form-container input.inputtext, div#form-container2 input.inputtext{
				display: block;
			
				background: white url(../images/input.jpg) repeat-x top center;
				border: 1px solid #c8c8c8;
				
				font-size: 12px;
				
				width: 128px;
				height: 14px;
				
				padding: 2px;
				
				margin: 25px auto 0;
			}
			
			.nopassword{
				display: block;
				
				width: 72px;
				
				float: left;
			
				font-size: 10px;
				text-decoration: none;
				
				line-height: 8px;
				
				text-align: right;
			}
			input.loginbutton{				
				float: right;
				
				cursor: pointer;
				
				width: 44px;
				height: 18px;
			}
				
		form#staff{
			padding-top: 62px;
			margin-left: 12px;
			width: 169px;
			height: 136px;
			
			float: left;
			
			background: transparent url(../images/form-staff.jpg) center center no-repeat;
		}
		form#client{
			padding-top: 62px;
			width: 169px;
			height: 136px;
			float: left;
			
			background: transparent url(../images/form-client.jpg) center center no-repeat;
		}
			form#staff fieldset legend, form#client fieldset legend{
				display: none;
			}
		div#sign-container{
			margin-left: 5px;
			
			width: 169px;
			height: 198px;
			
			float: left;	
		}
			div#sign-container span#info{
				display: block;
				
				width: 159px;
				height: 53px;
			
				text-indent: -9999px;
				
				padding: 100px 0 0 10px;
				
				font-size: 11px;
				
				background: transparent url(../images/span-info.jpg) center center no-repeat;
			}
			div#sign-container p{
				width: 59px;
				height: 31px;
				
				padding: 11px 0 0 110px;
				
				margin: 3px 0 0 0;
				
				background: transparent url(../images/p-sign.jpg) center center no-repeat;
			}
				div#sign-container p span{
					display: none;
				}
				div#sign-container p a {
					display: block;
					text-indent: -9999px;
					background: transparent url(../images/input-login.jpg) center center no-repeat;
					width: 44px;
					height: 18px;
				}
				
				div#sign-container p a:hover {
					background: transparent url(../images/input-login-hover.jpg) center center no-repeat;
					}
		.login-container{
			padding-top: 10px !important;
		}
	ul#navigation{
		display: block;
		
		float: right;
	
		width: 332px;
		height: 51px;
		
		margin: 4px 8px 0 0;
		padding: 5px;
		
		list-style: none;
		
		background: transparent url(../images/ul-navigation.jpg) center center no-repeat;
	}
		ul#navigation li{
			float: left;
			
			display: block;
			
			width: 166px;
			height: 26px;
		}
		ul#navigation li a{			
			display: block;
			
			width: 166px;
			height: 26px;
			
			text-indent: -9999px;
			
			background-image: url(../images/ul-li-a-navigation.jpg);
		}
			ul#navigation li a#navigation-startseite{
				background-position: 0 0;
			}
				ul#navigation li a#navigation-startseite:hover{
					background-position: 0 -53px;
				}
			ul#navigation li a#navigation-jobs{
				background-position: -167px 0;
			}
				ul#navigation li a#navigation-jobs:hover{
					background-position: -167px -53px;
				}
			ul#navigation li a#navigation-ansprechpartner{
				background-position: 0 -27px;
			}
				ul#navigation li a#navigation-ansprechpartner:hover{
					background-position: 0 -80px;
				}
			ul#navigation li a#navigation-partner{
				background-position: -167px -27px;
			}
				ul#navigation li a#navigation-partner:hover{
					background-position: -167px -80px;
				}
	
	div#contact-container{
		width: 100%;
		height: 90px;
		float: none;
		clear: both;
		font-size: 12px;
		line-height: 12px;
		background: transparent url(../images/div-contact-container.png) top right no-repeat;
	}
	
		div#contact-container span#phone{
			display: block;
			
			width: 330px;
			height: 65px;
			
			text-indent: -9999px;
			
			float: left;
		}
		div#contact-container span#address{
			display: block;
			
			float: left;
			
			height: 65px;
			
			padding: 21px 0 0 100px;
		}
	
	div#content-container{
		width: 911px;
		
		margin: 0 auto;
	}
		div#supcontent-container{
			width: 350px;
			
			float: left;
			
			margin-right: 53px;
		}
			div#supcontent-container h1#branding{
				display: none;
			}
			div#supcontent-container h2{
				height: 58px;
				
				text-indent: -9999px;
			}
				div#supcontent-container h2#index{			
					background: transparent url(../images/headlines/h2-index.jpg) center center;
				}
				div#supcontent-container h2#techical-services{			
					background: transparent url(../images/headlines/h2-technical-services.jpg) center center;
				}
				div#supcontent-container h2#notfound{			
					background: transparent url(../images/headlines/h2-404.jpg) center center;
				}
				div#supcontent-container h2#danke{			
					background: transparent url(../images/headlines/h2-danke.jpg) center center;
				}
				div#supcontent-container h2#courses{			
					background: transparent url(../images/headlines/h2-courses.jpg) center center;
				}
				div#supcontent-container h2#agb{			
					background: transparent url(../images/headlines/h2-agb.jpg) center center;
				}
				div#supcontent-container h2#newsletter{			
					background: transparent url(../images/headlines/h2-newsletter.jpg) center center;
				}
				div#supcontent-container h2#contact{			
					background: transparent url(../images/headlines/h2-contact.jpg) center center;
				}
				div#supcontent-container h2#imprint{			
					background: transparent url(../images/headlines/h2-imprint.jpg) center center;
				}
				div#supcontent-container h2#news{			
					background: transparent url(../images/headlines/h2-news.jpg) center center;
				}
				div#supcontent-container h2#partner{			
					background: transparent url(../images/headlines/h2-partner.jpg) center center;
				}
				div#supcontent-container h2#jobs{			
					background: transparent url(../images/headlines/h2-jobs.jpg) center center;
				}
				div#supcontent-container h2#contactperson{			
					background: transparent url(../images/headlines/h2-contactperson.jpg) center center;
				}
				div#supcontent-container h2#customers{			
					background: transparent url(../images/headlines/h2-for-customers.jpg) center center;
				}
				div#supcontent-container h2#staff{			
					background: transparent url(../images/headlines/h2-for-staff.jpg) center center;
				}

			div#supcontent-container span#coursequery{
				display: block;
				
				float: left;
				
				width: 210px;
				height: 31px;
				
				text-indent: -9999px;
				
				background: transparent url(../images/span-coursequery.jpg) right center;
			}
			div#supcontent-container a#query{
				display: block;
			
				height: 31px;
				width: 140px;
				
				float: left;
				
				text-indent: -9999px;
				
				background: transparent url(../images/a-query.jpg) left center no-repeat;
			}
			div#supcontent-container form#newsletter-container{
				display: block;
				
				width: 202px;
				height: 82px;
				
				float: left;
				
				padding: 10px 0 0 158px;
				
				background: transparent url(../images/form-newsletter-container.jpg) left center no-repeat;
			}
				div#supcontent-container form#newsletter-container fieldset{
					padding: 9px 0 0 0;
				}
				div#supcontent-container form#newsletter-container fieldset legend, div#supcontent-container form#newsletter-container fieldset label{
					display: none;
				}
				
				div#supcontent-container form#newsletter-container input.newsletter-text{
					display: block;
				
					background: white url(../images/input.jpg) repeat-x top center;
					border: 1px solid #c8c8c8;
					
					font-size: 11px;
					
					width: 170px;
					height: 12px;
					
					margin-bottom: 6px;
					
					padding: 2px;
				}
				div#supcontent-container form#newsletter-container input.inputimage{
					margin-left: 80px;
				}
			
			a#technical-services{
				display: block;
				
				width: 350px;
				height: 284px;
				
				float: left;
				
				text-indent: -9999px;
				
				background: transparent url(../images/a-technical-services.jpg) right top no-repeat;
				margin-top: 5px;
			}
			a#technical-services:hover {background:url(../images/a-technical-services-hover.jpg) no-repeat;}
			
			.aed {
				margin:-160px 0 0 0;
				position:relative;
				}
			*html a#technical-services{
				float: none;
			}
				
			a#online-shop{
				display: block;
				
				width: 350px;
				height: 32px;
				
				float: left;
				
				text-indent: -9999px;
				
				margin-top: 5px;
				
				background: transparent url(../images/a-onlineshop.jpg) right top no-repeat;
			}
			
			*html a#online-shop{
				float: none;
			}
			
			span.email{
				text-align: right;
							
				float: left;
			
				display: block;
				
				width: 329px;
				height: 18px;
				
				margin-top: 5px;
				padding-right: 21px;
			}
			
			*html span.email{
				float: none;
			}
		
		div#headlines{
			width: 498px;
			float: left;
			
			margin-bottom: 5px;
		}
			div#headlines h3{
				line-height: 24px;
			
				display: inline;
			
				width: auto;
				padding-left: 4px;
			
				margin: 4px 0;
				font-size: 13px;
				font-weight: normal;
				
				color: #333333;
			}
		
		div#content-container ul{
			list-style: none;
			
			padding: 0;
			margin: 0;
		}
		
		div#content-container ol ol{
			margin: 20px 0;
		}
		div#content-container ol li{
			margin-bottom: 25px;
		}
		
		div#content-container a:hover{
			text-decoration: none;
		}
		
		div#content-container h4{
			font-size: 13px;
			
			padding-left: 5px;
			
			margin: 45px 0 15px;
			
			background-color: #dbead9;
		}
		div#content-container p.additional{
			background: #f4faf6;
			
			padding: 0 5px;
			
			font-size: 11px;
		}
		div#content-container p a.top{
			float: right;
			
			display: block;
						
			width: 80px;
			height: 16px;
			
			text-align: right;
			
			padding-right: 8px;
			
			background: transparent url(../images/a-top.gif) center right no-repeat;
		}
		
			div#content-container ul li{
				padding-left: 15px;
				
				background: transparent url(../images/ul-li.gif) 0 7px no-repeat;
			}
			p.highlight{
				padding-left: 5px;
			}
		
		div#content-inline-container{
			width: 508px;
			float: left;
		}
		
		div.content1{
			width: 248px;
			
			margin-right: 12px;
			
			float: left;
		}
		
		div.content2{
			width: 248px;
			
			float: left;
		}
		
		div.content3{
			width: 508px;
			_width: 497px;
			float: left;
		}
		
	div#foot-container{
		float: none;
		clear: both;
		
		width: 911px;
		margin: 0 auto;
		padding-top: 50px;
		
		height: 28px;
	}
		div#foot-container span#foot-branding{
			display: block;
			
			text-indent: -9999px;
			
			width: 78px;
			height: 28px;
			
			float: left;
			
			background: transparent url(../images/span-foot-branding.jpg) no-repeat;
		}
		div#foot-container span#distributor{
			display: none;
		}
		
		div#foot-container ul{
			display: block;
			float: right;
		
			width: 438px;
			height: 30px;
						
			padding: 0 0 0 390px;
			margin: 0;
			
			list-style: none;
			
			background: transparent url(../images/ul-footer.jpg) left top no-repeat;
		}
		*html div#foot-container ul{
			padding-left: 389px;
		}
			div#foot-container ul li{
				float: left;
			}
				
				div#foot-container ul li a{
					display: block;
					
					height: 29px;
					
					text-indent: -9999px;
					
					background-image: url(../images/ul-footer-li-a.jpg);
				}
			
				div#foot-container ul li a#footer-index{
					width: 76px;
					background-position: 0 0;
				}
					div#foot-container ul li a#footer-index:hover{
						background-position: 0 -29px;
					}
				div#foot-container ul li a#footer-courses{
					width: 75px;
					background-position: -76px 0;
				}
					div#foot-container ul li a#footer-courses:hover{
						background-position: -76px -29px;
					}
				div#foot-container ul li a#footer-contact{
					width: 70px;
					background-position: -151px 0;
				}
					div#foot-container ul li a#footer-contact:hover{
						background-position: -151px -29px;
					}
				div#foot-container ul li a#footer-agb{
					width: 47px;
					background-position: -221px 0;
				}
					div#foot-container ul li a#footer-agb:hover{
						background-position: -221px -29px;
					}
				div#foot-container ul li a#footer-imprint{
					width: 85px;
					background-position: -268px 0;
				}
					div#foot-container ul li a#footer-imprint:hover{
						background-position: -268px -29px;
					}
				div#foot-container ul li a#footer-top{
					width: 80px;
					background-position: -353px 0;
				}
					div#foot-container ul li a#footer-top:hover{
						background-position: -353px -29px;
					}
					
	div#euroweb{
		width: 100% !important;
		
		margin-top: 45px;
	}
	div#euroweb a{
		float: left;
		
		display: block;
		
		width: 151px;
		
		margin-right: 15px;
	}
	*html div#euroweb a{
		margin-right: 10px;
	}

a.pdf{
	height: 20px;
	padding: 2px 0 2px 20px;
	background: url(../images/pdf-icon.gif) center left no-repeat;
	margin: 2px 0 2px 0;
}

.noFloat{
	float: none;
	clear: both;
}

*html ol li ol{
	padding-left: 25px;
}

.invisible{
	display: none;
}
.logocolor{
	color: #6ca74a;
}
.highlight{
	background-color: #dbead9;
}

.margin-top{
	margin-top: 40px;
}

.padding-bottom{
	padding-bottom: 40px;
}

ul.subnavigation{
	width: 100%;
}
ul.subnavigation li{
	display: block;
	
	width: 230px;

	float: left;
}
img.aktuelles{
	width: 150px;
	height: 150px;
	padding: 2px;
	background: white;
	border: 1px solid #C4CAC6;
	
	float: right;
	
	margin: 5px 0 5px 5px;
}

#flash-container{
	width: 350px;
	margin: 0 auto;
	height: 450px;
}

#SHOP {
			padding-top: 160px;
			width: 169px;
			height: 38px;
			float: left;
			background: transparent url(../images/form-shop.jpg) center center no-repeat;
}

#LTS {
			padding-top: 160px;
			margin-left: 5px;
			width: 169px;
			height: 38px;
			float: left;
			background: transparent url(../images/form-lts.jpg) center center no-repeat;
}

.form-weiter {
	margin-left:60px;
	position:relative;
	top:7px;
	}


a.form-weiter-aktuelles {
	height:17px;
	width:92px;
	left:59px;
	position:relative;
	text-indent:-9999px!important;
	top:7px;
	text-align:left!important;
	float:left;
	background:url(../images/input-weiter.jpg) no-repeat;
}

a.form-weiter-aktuelles:hover {
	background:url(../images/input-weiter-hover.jpg) 0 0 no-repeat;
	text-indent:-9999px!important;
}

.intent {
	position:relative;
	top:-155px;
	left:1px;
	text-indent:-9999px;
	}

a.form-weiter-aktuelles2 {
	height:16px;
	width:92px;
	left:119px;
	position:relative;
	text-indent:-9999px!important;
	top:7px;
	text-align:left!important;
	float:left;
}

a.form-weiter-aktuelles2:hover {
	background:url(../images/input-weiter-hover.jpg) 0 0 no-repeat;
	height:16px;
	width:92px;
	text-indent:-9999px!important;
}

#ansprechpartner {
	float: left;
	width: 318px;
	margin-right: 6px; 
}

#christina {
	float: left;
	border: 1px solid #000;
}