/* ------------------KUNST UND THERAPIE KOBLENZ---------------------------------------------- */

html, body {
	width:100%;
	height:100%;
	background-color:#e9e5ef;
}







* {
	padding:0;
	margin:0;
	outline:none;
}


.weiss{
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    text-decoration: none; 
    color: #ffffff;
    font-size:13px;
    font-weight:bold;
    font-style:italic;


}

.blau{
    font-family:"Georgia", Times, serif;
    text-decoration: none; 
    color: #153650;
    font-size:22px;
    font-weight:bold;


}


ul, li{list-style:none;}




.push {
	float: none;
	clear: both;
	height:100px;
}

.spacer {
	display:block; 
	height:auto; 
	font:1px/1 sans-serif; 
	clear:both;
    background-color:transparent;
}


.dot-line{
    clear: both;
    margin-top: 0pt;
    height: 20px;
    width:auto;
    background-color: transparent;
    background-image:url(../images/dot-line.gif);
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: center;

}

.small{
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    text-decoration: none; 
    color: #003762;
    font-size:11px;
    text-align:right;

}



.list{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	color:#153650;
    font-size:12px;
    font-weight:normal;
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-transform:none;
    line-height:24px;
    border:2px solid #ffffff;
    background-color:#dae2e7; 
	z-index:3;
	list-style-image:none;
    list-style:none;
	
}

.orange{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration: none; 
    color: #f47920;
    font-size:18px;
    font-weight:normal;

}

.pink{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration: none; 
    color: #a3238e;
    font-size:18px;
    font-weight:normal;

}

.gruen{
    font-family:Verdana, Geneva, sans-serif;
    text-decoration: none; 
    color: #50c004;
    font-size:15px;
    font-weight:normal;
	background-color:transparent;
}








/* ----------------------------------------------------- links ------------------------------------------------- */

a{	   
	text-decoration:none;
    color:#717171;
    font-weight:normal;
    line-height:18px;
    font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size:12px;
  

   
    
}

a:hover	{
    text-decoration:none;
    color:#f47920;
    text-decoration:underline;
    line-height:18px;
   
}



h1{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none; 
	color: #a3238e;
	font-size:17px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-transform:none;
	line-height:26px;

    

}




h2{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    text-decoration: none; 
    color: #898989;
    font-size:13px;
    font-weight:bold;
    margin:0 0 15px 0;
    text-transform:none;
    line-height:20px


}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    text-decoration: none; 
    color:#a3238e;
    font-size:14px;
    font-weight:normal;
    margin:0 0 10px 0;
    padding:0 0 0 0;
    text-transform:none;
    line-height:20px;


}




h4{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    text-decoration: none; 
    color: #898989;
    font-size:15px;
    font-weight:bold;
    margin:0 0 15px 0;
    text-transform:none;
    line-height:20px


}


p{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    color: #898989;
    text-transform: none;
    line-height: 20px;
    font-size: 13px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-weight:normal;
	line-height:18px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-align:justify;	

   


}











/* ------------------ wrapper ---------------------------------------------------- */



#container {       
    position:relative;
    width:976px;
    margin:0 auto;
    min-height:700px;
    height: auto !important;
    z-index:150 !important;
    display:block;
	background-color:#FFFFFF;
	
            
    
}




/* ------------------ header ---------------------------------------------------- */

#header {
	position:relative;
	height:130px;
	margin:60px auto;
	padding:0 0 0 0;
	z-index: 0;
	background-color:#FFF;


	}
    
#img-header{
	position:absolute;
	width:976px;
	height:157px;
	background-color:transparent;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-repeat:no-repeat;
	left: 0px;
	z-index:400;
  
 

}


#zitate{
	position: absolute;
	width: 392px;
	height: 61px;
	z-index: 600 !important;
	background-color: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	left: 383px;
	top: 72px;
  
 

}








.logo-therapie a {
	width:127px;
	height:40px;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	left: 52px;
	top: 188px;
	background-image:url(../images/therapie-logo.png);
	padding:0;
	margin:0;
	outline:none;
	z-index:500;


}

.logo-kunst a {
	width:127px;
	height:40px;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	left: 52px;
	top: 188px;
	background-image:url(../images/kunst-logo.png);
	padding:0;
	margin:0;
	outline:none;
	z-index:500;


}

.logo a {
	width:127px;
	height:40px;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	left: 52px;
	top: 188px;
	background-image:url(../images/farb-raum-logo2.png);
	padding:0;
	margin:0;
	outline:none;
	z-index:500;


}

.logo-ueber-mich a {
	width:127px;
	height:40px;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	left: 52px;
	top: 188px;
	background-image:url(../images/ueber-mich-logo.png);
	padding:0;
	margin:0;
	outline:none;
	z-index:500;


}

.logo-kontakt a {
	width:127px;
	height:40px;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	left: 52px;
	top: 188px;
	background-image:url(../images/logo-kontakt.png);
	padding:0;
	margin:0;
	outline:none;
	z-index:500;


}

.logo-impressum a {
	width:127px;
	height:40px;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	left: 52px;
	top: 188px;
	background-image:url(../images/logo-impressum.png);
	padding:0;
	margin:0;
	outline:none;
	z-index:500;


}







.home {
	position:absolute;
	top:268px;
	left:51px;
	background:url(../images/home.png) left top no-repeat;
	width:43px;
	height:12px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	display:block;
	z-index:500;
	}

.home:hover {
	background:url(../images/home-aktiv.png) left bottom no-repeat;

	
	
	} 





/*-------------------------- content ----------------------------------*/
    
#contentContainer {
   position:relative;
   width:900px;
   height:auto;
   margin:183px 25px 0 0;
   padding:0 0 40px 0;
   float:right;

    }

    



#contentMain {
	position:relative;
	width:600px;
	height:auto;
	min-height:460px;
	padding:4px 0px 0px 165px;
	margin:0 auto;
	
   
    }
    




 
/*-------------------------- content ende ----------------------------------*/  
#img-index{
	position:absolute;
	top:577px;
	left:270px;
	width:640px;
	height:91px;
	z-index:0 !important;
	background-color:transparent;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/index/wenn-worte-fehlen.png);
	background-repeat:no-repeat;
 

}


/*-------------=naviAdd----------------*/







	 
/*---------------- NAVIGATION 1--------------------------*/

.therapie{
	background-image:url(../images/therapie.png);
	background-repeat:no-repeat;
	#	background-position:2px 3px;
	height:24px;
	width:70px;
	margin:0 0 0 0;
	display:block;
	
}

.kunst {	
	background-image:url(../images/index/kunst.png);
	background-repeat:no-repeat;
	#	background-position:2px 6px;
	height:24px;
	width:70px;
	margin:0 0 0 0;
	display:block;
}






	 
/*---------------- NAVIGATION 1--------------------------*/



ul#navi-1 {
	list-style: none;
	position:absolute;
	float: left;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	left: 50px;
	top: 300px;
	height:335px;
	z-index: 500;
    
  
}

ul#navi-1 li {
    #	text-indent: -9999px;
    list-style: none;
}

ul#navi-1 li a {
    display: block;
    height:20px;
    width:160px;
    #	background:url(../images/bg-navi.png);
    background-repeat:no-repeat;
	list-style: none;
	  

}




#navi-1 li a.kunsttherapie {
	background-position:0px -24px;
}

#navi-1 li a.kunsttherapie:hover,#navi-1 li.active a.kunsttherapie,#navi-1 li.active a.kunsttherapie:hover {
	background-position:0px -386px;
}



#navi-1 li a.psychosynthese {	
	background-position:0px -44px;}

#navi-1 li a.psychosynthese:hover,#navi-1 li.active a.psychosynthese,#navi-1 li.active a.psychosynthese:hover {
	background-position:0 -406px;
}


#navi-1 li a.paed-beratung {
	background-position:0px -63px;}

#navi-1 li a.paed-beratung:hover,#navi-1 li.active a.paed-beratung,#navi-1 li.active a.paed-beratung:hover {
	background-position:0px -425px;
}

  
#navi-1 li a.praevention {
	background-position:0px -84px;}

#navi-1 li a.praevention:hover,#navi-1 li.active a.praevention, #navi-1 li.active a.praevention :hover {
	background-position:0px -446px;
	
}


    
#navi-1 li a.kinder-malschule {
	background-position:0px -150px;
}

#navi-1 li a.kinder-malschule:hover,#navi-1 li.active a.kinder-malschule, #navi-1 li.active a.kinder-malschule:hover {
	background-position:0px -512px;
}
   
       
#navi-1 li a.jugend-atelier {
	background-position:0px -172px;
}

#navi-1 li a.jugend-atelier:hover,#navi-1 li.active a.jugend-atelier, #navi-1 li.active a.jugend-atelier:hover {
	background-position:0px -534px;
}

#navi-1 li a.erwachsenen-atelier {
	background-position:0px -192px;
}

#navi-1 li a.erwachsenen-atelier:hover,#navi-1 li.active a.erwachsenen-atelier ,#navi-1 li.active a.erwachsenen-atelier:hover {
	background-position:0px -554px;
}

#navi-1 li a.aktuelle-kurse {
	background-position:0px -239px;
}

#navi-1 li a.aktuelle-kurse:hover,#navi-1 li.active a.aktuelle-kurse ,#navi-1 li.active a.aktuelle-kurse:hover {
	background-position:0 -601px;
}
  
#navi-1 li a.fortbildungen {
	background-position:0px -259px;
}

#navi-1 li a.fortbildungen:hover,#navi-1 li.active a.fortbildungen ,#navi-3 li.active a.fortbildungen:hover {
	background-position:0px -621px;
}



#navi-1 li a.ueber-mich {
	background-position:0 -297px;
}

#navi-1 li a.ueber-mich:hover,#navi-1 li.active a.ueber-mich ,#navi-1 li.active a.ueber-mich :hover {
	background-position:0px -659px;
}
  
  
#navi-1 li a.kontakt {
	background-position:0px -318px;
}

#navi-1 li a.kontakt:hover,#navi-1 li.active a.kontakt ,#navi-1 li.active a.kontakt :hover {
	background-position:0px -680px;
}
  
  
#navi-1 li a.impressum {
	background-position:0px -338px;
}

#navi-1 li a.impressum:hover,#navi-1 li.active a.impressum ,#navi-1 li.active a.impressum :hover {
	background-position:0px -700px;
}
  

  
    


/*-------------ENDE-----------------------------*/

#footer {
    width:976px;
    height:156px;
    margin:0 auto;
    padding:0 0 0 0;
    border:0px;
 
    
    
	}
    
.footer-text{
   font-family: Verdana,Georgia, Times New Roman, Times, serif;
   text-decoration: none;
   text-align:center;
   color: #d6d6d6;
   font-size:10px;
   font-weight:normal;
   margin:0 0 0 0;
   padding:40px 0 0 0;
   line-height:18px;
 

 


}



    
/*-------------------------- footer ende----------------------------------*/