/* ------- S E T T I N G S ---------------------------------------------- */

body {							
								margin: 0 0 0 0 ;
								background: #FCFCF9 ;  }
								
								
.abstand_10px {					
								height: 10px ; }
	

.abstand_20px {					
								height: 20px ; }


.abstand_35px {					
								height: 35px ; }


.abstand_70px {					
								height: 70px ; }


.abstand_100px {				
								height: 100px ; }


a.dashed {						
								text-decoration: none ;
								color: #5A5A5A ;
								border-bottom: 0px ; }
								
								
a.dashed:hover {				
								text-decoration: none ;
								color: #7A7A7A ;
								border-bottom: dashed 1px #5A5A5A ; }


.marker {						
								background: #EEF2C3 ;  }


.line {							
								display: block ;
								border-top: #BABAB7 solid 1px ; }
								
								
h1.gruen {						
								color: #B9C41B ;
								font-size: 160% ; }
								
								
h1.rot {							
								color: #c55 ;
								font-size: 160% ; }
								
								
.invi {
								visibility: hidden ; }




/* ------- C O N T A I N E R -------------------------------------------- */

#container {					
								margin: 0 auto ;
								width: 1010px ; }




/* ------- W O R T M A R K E -------------------------------------------- */

#wortmarke {					
								width: 1000px ;
								height: 321px ;
								background: url(../img/template/wortmarke.jpg) ;
								position: fixed ;
								z-index: 1 ;
								margin-top: -168px ; }
		



/* ------- C O N T E N T ------------------------------------------------ */
								
#verlauf {						
								width: 1000px ;
								height: 64px ;
								margin-top: 168px ;
								background: url(../img/template/verlauf.png) ;
								position: relative ;
								z-index: 2 ; }
								
								
#content {						
								width: 1000px ;
								position: relative ;
								z-index: 2 ;
								background: url(../img/template/85.png) ;
								overflow: hidden ; /* Hoehe #content an floats anpassen */ }						
								
								
#spalte_l {						
								width: 559px ;
								margin: 0 0 0 38px ;
								float: left ;
								font-family: dejavusans, helvetica, arial, sans-serif ;
								font-size: 77% ;
								color: #5A5A5A ;
								padding-bottom: 70px ; }
								
								
#sel {							
								margin: 0 0 0 34px ; }


.rub_sel {						
								background: 0px 4px url(../img/template/haken_gruen.png) no-repeat ;
								padding-left: 18px ; }


#sel a {						
								color: #5A5A5A ;
								text-decoration: none ;
								margin-right: 20px ; }
								
								
#sel a:hover {
								color: #7A7A7A ;
								text-decoration: none ;
								margin-right: 20px ; }


#spalte_r {						
								width: 335px ;
								margin: 0 0 0 58px ;
								float: left ;
								border-top: #BABAB7 solid 1px ;
								font-family: dejavusans, helvetica, arial, sans-serif ;
								font-size: 77% ;
								line-height: 165% ;
								color: #5A5A5A ;
								padding-bottom: 70px ; }
								
								
#show_container {				
								margin: 0 0 0 18px ; }

								
.show {							
								width: 268px ;
								height: 150px ;
								margin: 0 2px 55px 0 ;
								display: block ;
								float: left ;
								border: 0px ;
								overflow: hidden ;
								text-decoration: none ; }
								
								
.show:hover {					
								background: #F5F5F2 ; }

								
.show img {						
								border: 0px ;
								margin: 10px 0 0 12px ; }


h1.rub {						
								font-family: dejavusans, helvetica, arial, sans-serif ;
								font-size: 160% ;
								color: #00AEFF ;
								margin-bottom: 53px ;
								margin-top: 53px ; }
								
								
h1.form {
								font-family: dejavusans, helvetica, arial, sans-serif ;
								font-size: 160% ;
								color: #00AEFF ; }


h1#showroom {					
								margin-left: 34px ; }


h1#showroom a {					
								font-family: dejavusans, helvetica, arial, sans-serif ;
								text-decoration: underline ;
								color: #00AEFF ; }


h1#showroom a:hover {					
								text-decoration: none ; }


#discl {					
								margin: 0 0 0 36px ;
								line-height: 165% ; }


#discl h2 {					
								font-size: 130% ; }




/* ------- S K I L L S -------------------------------------------------- */

.knowhow_advanced {				
								list-style-type: none ;
								width: 180px ;
								margin: 0px ; }
					
					
.knowhow_advanced li {			
								background: 0px 4px url(../img/template/haken_gruen.png) no-repeat ;
								padding-left: 20px ; }


.knowhow_beginner {				
								list-style-type: none ;
								width: 180px ;
								margin: 0px ; }
					
					
.knowhow_beginner li {			
								background: 0px 4px url(../img/template/haken_gelb.png) no-repeat ;
								padding-left: 20px ; }




/* ------- K O N T A K T - F O R M U L A R ------------------------------ */

.input {						
								width: 200px ;
								border: 1px solid #BABAB7 ;
								background: #FCFCF9 ;
								padding: 4px 0 4px 3px ;
								margin-bottom: -7px ; }
								
								
.input_error {					
								width: 200px ;
								border: 1px dotted #C27171 ;
								background: #FCF5F5 ;
								padding: 4px 0 4px 3px ;
								margin-bottom: -7px ; }
								
								
.text {							
								width: 200px ;
								height: 70px ;
								border: 1px solid #BABAB7 ;
								background: #FCFCF9 ;
								padding: 5px 0 3px 3px ;
								margin-bottom: -7px ; }
								
								
.text_error {					
								width: 200px ;
								height: 70px ;
								border: 1px dotted #C27171 ;
								background: #FCF5F5 ;
								padding: 5px 0 3px 3px ;
								margin-bottom: -7px ; }
								
								
.text, .input, .input_error, .text_error {
								font-family: dejavusans, helvetica, arial, sans-serif ;
								font-size: 100% ;
								color: #5A5A5A ; }
								
								
.text:focus, .input:focus, .text:hover, .input:hover {
								border: 1px solid #CCCCC9 ; }
								
								
.submit {						
								background: #D4D3D0 ;
								width: auto ;
								border: 0px ;
								padding: 5px 7px;
								float: right ;
								margin: 20px 79px 0 0 ; }
								
								
.submit:hover {					
								background: #D9D8D5 ; }									







/* ------- F O O T E R -------------------------------------------------- */

#footerAAA {						
								color: #999 ;
								font-style: italic ;
								text-decoration: none ;
								margin-right: 20px ; }
								
								
#footerAAA a {						
								color: #999 ;
								text-decoration: none ;
								margin-right: 15px ; }
								
								
#footerAAA a:hover {				
								color: #aaa ; }
								
							
								
#footer {
							 	background: #EEEEE9 url(../img/template/footer_bg.png) repeat-x ;
							 	display: block ;
							 	position: relative ;
							 	margin: 0 ;
							 	z-index: 3 ;
							 	overflow: hidden ;
							 	font-family: dejavusans, helvetica, arial, sans-serif ;
								font-size: 77% ;
								color: #5A5A5A ;  }								
								
								
#footer_innen {
							 	width: 889px ;
							 	margin: 0 auto ; }									
								
								
.footer_innen_content {
								width: 284px ;
								float: left ;
								padding: 50px 0 50px 12px ;
								margin-bottom: 60px ; }								



.footer_innen_content h1 {						
								font-family: dejavusans, helvetica, arial, sans-serif ;
								font-size: 135% ;
								color: #00AEFF ; }
								
								
.footer_innen_content ul {						
								list-style-type: none ;
								margin-left: -38px ;
								line-height: 210% ; }												
								
								
#footer_innen_content_mitte {
								padding-left: 40px ;
								width: 256px ; }
								
								
.vcf a {
								background: url(../img/template/icon_vcf.png) no-repeat ;
								padding: 5px 0 6px 35px ;
								line-height: 310% ;
								text-decoration: none ;
								color: #5A5A5A ; }								
								
																
.pdf a {
								background: url(../img/template/icon_pdf.png) no-repeat ;
								padding: 5px 0 6px 35px ;
								line-height: 310% ;
								text-decoration: none ;
								color: #5A5A5A ; }		
																
								
.vcf a:hover {
								text-decoration: none ;
								color: #7A7A7A ; }								
								
																
.pdf a:hover {
								text-decoration: none ;
								color: #7A7A7A ; }									
								

#footer_subnav a {
								color: #A5A5A3 ;
								text-decoration: none ;
								margin: 0 9px ;
								font-style: italic }	


#footer_subnav a:hover {
								color: #BABAB8 ;
								text-decoration: none ; }