html { height: 100%;}

body{ 
	width: 100% ;
	height: 100%;
	font-size: 100.01%;
	font-family: Arial, Verdana, Tahoma, Times, sans-serif;	
	color: #666666;
	margin: auto;
	margin-top: 0;
	background: #e5e4e4  url(../layout/hg-body.jpg) repeat-x;
}

* html body{behavior: url(iepngfix.htc);}

.clearer{clear: both;line-height: 0;height: 0;padding: 0;margin: 0;}
a img {border: none}



/********** Hauptkontainer fuer Inhalt **********/
#maincontainer{
	width: 957px;
	margin:auto;
	position: relative;
	font-size: 12px;
	min-height: 100%;
	_height: 100%;
}
/********** Hauptkontainer fuer Inhalt ENDE **********/


/********** Kontainer fuer Hintergrund **********/
		#maincontainer #content-container{
			background: #e5e4e4 url(../layout/hg-maincontainer.jpg) repeat-y;
                        width: 100%;
			min-height: 100%;
			_height: 100%;
			clear: both;
		}
		
			#maincontainer #content-container h1{
				font-weight: bold;
				font-style: italic;
				font-size: 18px;
				margin-top: 20px;
			}
                        
			
			#maincontainer #content-container a{
				 color: #666666;
			}
/********** Kontainer fuer Hintergrund **********/


/********** Kontainer fuer Kopfbereich **********/
		#maincontainer #content-container #kopf{
			width: 957px;
			height: 105px;
			clear: both;
			background: #fcfcfc url(../layout/hg-kopf.jpg) no-repeat;
			_margin-bottom: -4px;
		}
	
			/********** Shortcut Menue **********/	
			#maincontainer #content-container #kopf #shortcut{
				margin: 6px 0 0 0;
				padding: 0;
				float: right;
				height: 21px;
			}
			
				#maincontainer #content-container #kopf #shortcut li{
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
					}
				
					#maincontainer #content-container #kopf #shortcut li a{
						text-decoration: none;
						color: #656363;
						padding-right: 8px;
					}
					
					#maincontainer #content-container #kopf #shortcut li a:hover{
						text-decoration: underline;
					}
					
					#maincontainer #content-container #kopf #shortcut li.last a{
						text-decoration: none;
						color: #656363;
						padding: 0 13px 0 8px;
					}
					#maincontainer #content-container #kopf #shortcut li.last a:hover,
					#maincontainer #content-container #kopf #shortcut li a:hover,
					#maincontainer #content-container #kopf #shortcut li.last a.aktiv,
					#maincontainer #content-container #kopf #shortcut li a.aktiv{
						text-decoration: underline;
					}
					
			/********** Shortcut Menue ENDE**********/
			
			#maincontainer #content-container #kopf #logo{
				position: absolute;
				top: 7px;
				left: 37px
			}
	
	/********** Kontainer fuer Kopfbereich ENDE**********/
	
	
	/********** horizontales Menue **********/
		#maincontainer #content-container #menue-hor{
			width: 957px;
			height: 204px;
		}
			#maincontainer #content-container #menue-hor a{
				text-decoration: none;
			}			
	/********** horizontales Menue ENDE**********/
	
	
	/********** linker Content **********/
		#maincontainer #content-container #content-links{
			width: 301px;
			float: left;
			background: transparent url(../layout/hg-top-links.jpg) 0px 1px no-repeat;
			padding-left: 16px;
    			margin-top: -4px;
			/*_border: 1px solid black;*/
		}
		
			#maincontainer #content-container #content-links h1{
				margin-left: 19px;
			}
			
			/********** Menue Preisabfrage und Angebot **********/
			#maincontainer #content-container #content-links #preis{
        			height: 31px;
				width: 121px;
				float: left;
				margin: 19px 0 8px 0;
				*margin: 12px 0 8px 0;
				padding: 6px 0 1px 0;
				_padding: 6px 0 0 0;
				border-right: 1px solid #cccccc;
			}
			
				#maincontainer #content-container #content-links #preis img {
					padding: 3px 7px 0px 12px;
					*padding: 3px 7px 0 12px;
					float: left;
				}
				
				#maincontainer #content-container #content-links #preis a{
					color: #666666;
					text-decoration: none;
					font-weight: bold;
					font-size: 14px;
					text-transform: uppercase;
				}
			
			#maincontainer #content-container #content-links #angebot{
				width: 160px;
       	 			*width: 167px;
				height: 18px;
        			float: left;
        			padding: 23px 0 0 12px;
        			*padding: 16px 0 0 12px;
        			/*border: 1px solid black;*/
			}
				#maincontainer #content-container #content-links #angebot a{
					color: #666666;
					padding-right: 7px;
				}
				
				#maincontainer #content-container #content-links #angebot a:hover,
				#maincontainer #content-container #content-links #angebot a.aktiv{
					text-decoration:none;
				}
			/********** Menue Preisabfrage und Angebot ENDE**********/
			
			
			/********** Menue vertikal **********/
			#maincontainer #content-container #content-links #menue-ver{
				width: 272px;
				padding: 38px 0 140px 0;
				margin: 0;
				*margin: 0 0 155px 0 !important;
				background: transparent url(../layout/hg-menue-ver.png) 12px 14px no-repeat;
				font-size: 14px;
			}
			
				#maincontainer #content-container #content-links #menue-ver li{
					list-style: none;
					margin: 0;
					padding: 0 0 0 13px;
					display: block;
					min-height: 36px;
					_height: 36px;
					background: transparent url(../layout/linie-menue-ver.png) 12px 25px no-repeat;
				}
				
					#maincontainer #content-container #content-links #menue-ver li a{
						color: #666666;
						text-decoration: none;
						background: transparent url(../layout/karro-grau.png) 18px 6px no-repeat;
						width: 272px;
						padding-left: 49px;	
						display: block; /*for Safari and Chrom*/
						*display: inline; /*for IE*/
					}
					
						#maincontainer #content-container #content-links #menue-ver li a:hover,
						#maincontainer #content-container #content-links #menue-ver li a.aktiv {
							color: #9a231b;
							background: transparent url(../layout/karro-rot.png) 18px 6px no-repeat;
							width: 210px;
							border-bottom: 1px solid #9a231b;
							display: block;
							padding-bottom: 6px;
						}	
			/********** Menue vertikal ENDE **********/
			
			/********** Menue vertikal 2.Eben **********/
			
			#maincontainer #content-container #content-links ul#menue-ver ul#submenue {
				margin: 0;
				padding: 0;
				}
				
				#maincontainer #content-container #content-links ul#menue-ver li ul#submenue {
					padding: 0;
					margin: 0;
					}
				
					#maincontainer #content-container #content-links ul#menue-ver li ul#submenue li {
						margin: 11px 0 0 19px;
						list-style: none;
						padding: 0 0 8px 13px;
						display: block;
						min-height: 9px;
						_height: 9px;
						background: transparent url(../layout/linie-menue-ver.png) no-repeat 0 100%;
						}
						
						#maincontainer #content-container #content-links ul#menue-ver li ul#submenue li a {
							color: #666666;
							text-decoration: none;
							background: transparent url(../layout/karro-grau.png) 18px 6px no-repeat;
							width: 178px;
							padding-left: 49px;
							display: block;	
							}
							
							#maincontainer #content-container #content-links ul#menue-ver li ul#submenue li a:hover,
							#maincontainer #content-container #content-links ul#menue-ver li ul#submenue li a.aktiv {
								color: #9a231b;
								background: transparent url(../layout/karro-rot.png) 18px 6px no-repeat;
								width: 178px;
								display: block;
								border: none;
								min-height: 9px;
								_height: 9px;
								padding: 0 0 0 49px;
								}
								
								#maincontainer #content-container #content-links ul#menue-ver li ul#submenue li.first {
									margin: 21px 0 0 19px;
									}
									
									#maincontainer #content-container #content-links ul#menue-ver li ul#submenue li.sublast {
										margin: 11px 0 11px 19px;
										}
/********** Menue vertikal 2.Eben ENDE **********/
			
			/********** Box fuer Logo Fachverband **********/
			#maincontainer #content-container #content-links #box-links{
				width: 264px;
				height: 91px;
				position: absolute;
				bottom: 27px;
				_bottom: 25px;
				border-top: 1px solid #e6e6e6;
				padding-top: 30px;
				padding-left: 22px;
			}
			/********** Box fuer Logo Fachverband **********/
			
	/********** linker Content ENDE **********/
	
	
	/********** mittlerer Content **********/
		#maincontainer #content-container #content-mitte{
			width: 423px;
			float: left;
			background: transparent url(../layout/hg-top-mitte.jpg) 0px 1px no-repeat;
			padding: 0 35px 20px 0;
			margin-top: -4px;
			/*_border: 1px solid blue;*/
		}
		
			#maincontainer #content-container #content-mitte h1{
				margin-left: 33px;
				margin-top: 14px;
			}
			
			#maincontainer #content-container #content-mitte p.bodytext{
				margin: 0px 35px 10px 35px;
				padding: 0;
			}
			
			
			/********** Clickstream Menue **********/	
			#maincontainer #content-container #content-mitte #clickstream {
				margin: 25px 0 0 21px;
				padding: 0;
				height: 21px;
			}
				#maincontainer #content-container #content-mitte #clickstream img {
					float: left;
					padding-right: 8px;
					padding-top: 4px;
				}
				#maincontainer #content-container #content-mitte #clickstream li {
					margin: 0;
					padding: 0;
					float: left;
					list-style: none;
					}
				
					#maincontainer #content-container #content-mitte #clickstream li a {
						text-decoration: none;
						color: #656363;
						padding-right: 5px;
					}
					
					#maincontainer #content-container #content-mitte #clickstream li a:hover {
						text-decoration: underline;
					}
					
					#maincontainer #content-container #content-mitte #clickstream li.last a {
						text-decoration: underline;
						color: #656363;
						padding: 0 13px 0 8px;
					}
					
					#maincontainer #content-container #content-mitte #clickstream li a:hover {
						text-decoration: underline;
					}
					
			/********** Shortcut Menue ENDE**********/
			
	/********** mittlerer Content ENDE**********/
	
	
	/********** rechter Content **********/
		#maincontainer #content-container #rechts{
			width: 182px;
			float:left;
			background: transparent url(../layout/hg-top-rechts.jpg) 0px 1px no-repeat;
   			margin-top: -4px;
			/*_border: 1px solid green;*/
		}
		
			#maincontainer #content-container #rechts #content-rechts{
				width: 100%;
				min-height: 690px;
       				*min-height: 620px;
				_height: 620px;
        			background-color: transparent;
				background-image: url(../layout/hg-rechts.jpg);
        			background-repeat: no-repeat;
        			background-position:  0px 65px;
       				*background-position: 0px 85px;
			}
			
				#maincontainer #content-container #rechts #content-rechts .csc-textpic-lastcol IMG {
					margin: 7px 0 0 20px;
					*margin: 0 0 7px 20px;
				}
			
				#maincontainer #content-container #rechts #content-rechts h1 {
					margin-left: 20px;
				}
				
					#maincontainer #content-container #rechts #content-rechts h1 a {
						text-decoration: none;
					}
					
					#maincontainer #content-container #rechts #content-rechts h1 a:hover {
						text-decoration: underline;
					}					
				
				#maincontainer #content-container #rechts #content-rechts h2 {
					font-size: 12px;
          				padding: 11px 0 0 20px;
					*padding: 4px 0 0 20px;
					font-weight: bold;
				}
				
				#maincontainer #content-container #rechts #content-rechts p{
					padding: 0 0 0 20px;
					*margin-top: -7px;
				}
                      			#maincontainer #content-container #rechts #content-rechts p a{
    						text-decoration: none;
					}
				
	/********** rechter Content ENDE **********/
	
	#maincontainer #abschluss{
		background: #e5e4e4 url(../layout/hg-maincontainer-unten.jpg) no-repeat;
		width: 775px;
		height: 16px;
		clear: both;
	}



/********** Footer **********/
	#maincontainer #footer{
		position: absolute;
		bottom: -79px;
		width: 100%;
		height: 65px;
		background: #e5e4e4 url(../layout/linie-footer.jpg) 0px 19px no-repeat;
		clear: both;
		padding-top: px;
                /*border: 1px solid green;*/
	}
		#maincontainer #footer #text1, #maincontainer #footer #text2{
      			color: #999999;
    		}
    		#maincontainer #footer #text1{
			width: 320px;
			float: left;
			padding-left: 7px;                 
		}
		#maincontainer #footer #footer-menue {
			padding-top: 17px;
			float: left;
			padding-left: 7px;
			color: #999999;
		}
			#maincontainer #footer #footer-menue a{
				color: #999999;
				text-decoration:none;
			}
			#maincontainer #footer #footer-menue a:hover,
			#maincontainer #footer #footer-menue a.aktiv{
				text-decoration: underline;
			}
			
			#maincontainer #footer #hnm{
				padding-top: 17px;
				padding-right: 7px;
				width: 57px;
				float: right;
				color: #999999;
			}
				#maincontainer #footer #hnm a{
					color: #999999;
					text-decoration: none;
				}
				#maincontainer #footer #hnm a:hover{
					text-decoration: underline;
				}
		
/********** Footer ENDE **********/




/***************************************/
/********** Typo3 Style BEGIN **********/
/*.csc-textpic{*border: 1px solid red;}*/
.csc-textpic:after{
	content: ".";
	visibility: hidden;
	height:	0;
	display: block;
	clear: both;
}
.csc-textpic-left{}
.csc-textpic-left .csc-textpic-text{}
#content-mitte .csc-textpic-left .csc-textpic-imagewrap{margin-left: 36px; _margin-left: 18px;}
.csc-textpic-center{
   margin-left: 23px;
   *margin-left: 25px;   
}




.csc-header-n2, .csc-header-n3, .csc-header-n4, .csc-header-n5, .csc-header-n6, .csc-header-n7, .csc-header {padding: 0; margin:0;}
.csc-header-n2 h1, .csc-header-n3 h1, .csc-header-n4 h1, .csc-header-n5 h1, .csc-header-n6 h1, .csc-header-n7 h1{
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    position: relative;
    top: 5px;
    *top: 0;
    padding: 0;
    margin: 0 0 11px 0;
    *margin: 0 0 5px 0;
}





.csc-mailform{
	border: none;
	margin-left: 35px;
	*margin-left: 36px;
	font-size: 12px;
}
.csc-mailform .csc-mailform-field label{
	width: 100px;
	float: left;
	padding-top: 4px;
}
.csc-mailform .csc-mailform-field input{
	font-size: 12px;
	margin-bottom: 3px;
	font-family: Arial, Verdana, Tahoma, Times, sans-serif;
}
.csc-mailform .csc-mailform-field .csc-mailform-check{
	margin-left: 0px; 
	*margin-left: -4px;
}
.csc-mailform .csc-mailform-field textarea{
	margin-bottom: 3px;
	width: 262px; 
	*width: 269px;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Times, sans-serif;
}
.csc-mailform .csc-mailform-field .csc-mailform-submit{
	margin-left: 99px;
	_margin-left: 95px;
}


.csc-textpic-text ul, #content-mitte ul, 
.csc-textpic-text ol, #content-mitte ol {margin: 0; padding: 0;}

.csc-textpic-text ul li, #content-mitte ul li, 
.csc-textpic-text ol li, #content-mitte ol li {margin: 0 0 6px 64px;}

.csc-textpic-text ul li ul, #content-mitte ul li ul, 
.csc-textpic-text ol li ul, #content-mitte ol li ul, 
.csc-textpic-text ol li ol, #content-mitte ol li ol{margin: 5px 0 0 30px; padding: 0;}

.csc-textpic-text ul li.hell, #content-mitte ul li.hell {
padding: 5px;
padding-left: 8px;
background: #E5E4E4;
list-style: none;
margin: 0 0 0 32px;
}
.csc-textpic-text ul li.dunkel, #content-mitte ul li.dunkel {
background: white;
border: 1px solid #E5E4E4;
padding: 5px;
list-style: none;
border-left: 3px solid #E5E4E4;
margin: 0 0 0 32px;
}