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

html, body {
	height:100%;
	margin:0;
	padding:0;
}



body{
	
	font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
	color: #003762;
	font-size:12px;
	background-color:#e2daee;
	

}



* {
	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;}


.gruen{
    font-family: Verdana,Georgia, Times New Roman, Times, serif;
    text-decoration: none; 
    color: #535353;
    font-size:13px;
    font-weight:normal;
    font-style:normal;
    margin:0 0 0 0;
    padding:0 0 5px 5px;
    background-color:#daebcc;



}

.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;

}





.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;

}




.farbraum-hl{
	background-image:url(../images/index/farb-raum-hl.png);
	background-repeat:no-repeat;
	width:85px;
	height:15px;
	margin:0 0 0 0;
	padding:0 0 0 0;

	
}




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


a{	   
	text-decoration:none;
    color:#e7e7e7;
    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: #898989;
    font-size:17px;
	font-weight:normal;
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-transform:none;
    font-style:normal;
    line-height:25px;

    

}




h2{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    text-decoration: none; 
    color: #000000;
    font-size:16px;
    font-weight:normal;
    margin:0 0 0 0;
    text-transform:none;
    font-style:italic;
    line-height:26px


}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    text-decoration: none; 
    color:#153650;
    font-size:13px;
    font-weight:bold;
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-transform:none;
    line-height:24px;



}


h4{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    text-decoration: none; 
    color: #898989;
    font-size:14px;
	font-weight:bold;
    margin:0 0 0 0;
    padding:0 0 0 0;
    text-transform:none;
    font-style:normal;


}


p{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
    color: #898989;
    text-transform: none;
    line-height: 21px;
    font-size: 14px;
    margin:0 0 0 0;
    padding:8px 0 0 0;
    font-weight:normal;

   


}

.small{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #898989;
	font-size: 12px;
	margin:0 0 0 0;
	padding:20px 0 0 0;
	font-weight:normal;
	letter-spacing:0.07em;
	hyphens: auto;


	
}

#hl-1{
	position: absolute;
	width: 860px;
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #898989;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	letter-spacing: 0.07em;
	hyphens: auto;
	top: 47px;
	
}

#hl-2{
	position: absolute;
	width: 860px;
	height: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #898989;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	letter-spacing: 0.06em;
	hyphens: auto;
	top: 256px;
	
}

.index-text{
    text-transform: none;
    margin:0 0 0 0;
    padding:20px 20px 35px 55px;


}

.text-therapie{
	font-family:Verdana, Arial, Helvetica, 	sans-serif, Tahoma;
	color: #898989;
	line-height:19px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-align:justify;	
	position:relative;
	width:360px;
	height:auto;
	z-index:0 !important;
	margin:45px 0 0 0;
	padding:0 0 0 0;
	float:left;



}

.text-kunst{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #898989;
	line-height:19px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-align:justify;	
	position:relative;
	width:360px;
	height:auto;
	z-index:0 !important;
	margin:45px 70px 0 0;
	padding:0 0 0 0;
	float:right;
	


}







.naviADD{
    font-family: Verdana, Helvetica, sans-serif, Trebuchet MS,Arial;
    color: #ffffff;
    text-transform: none;
    font-size: 15px;
    margin:0 5px 0 0;
    padding:0 0 0 0;
    font-weight:bold;
    text-decoration:none;

}






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

#wrapper {       
    position:relative;
    width:100%;
    margin:0 auto;

	

            
    
}


#container {       
    position:relative;
    width:980px;
    margin:0 auto;
	padding:0 0 0 0;
	height:auto;
    min-height:980px;
    z-index:150 !important;
	background-image:url(../images/index/bg-index.jpg);
	background-repeat:no-repeat; 
  

 }



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

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


	}
    
#img-header{
   position:relative;
   width:643px;
   height:273px;
   z-index:0 !important;
   background-color:transparent;
   margin:0 0 0 0;
   padding:0 0 0 0;
   background-repeat:no-repeat;
  
 

}





.branding a {
	width:148px;
	height:50px;
	background-repeat:no-repeat;
	background-color:transparent;
	position: absolute;
	left: 747px;
	top: 75px;
	background-image:url(../images/index/farbraum-logo.png);
	padding:0;
	margin:0;
	outline:none;
	z-index:0;


}

#home{
	background-image:url(../images/index/home.png);
	background-repeat:no-repeat;
	width:55px;
	height:13px;
	margin:40px 0 0 56px;
	padding:0 0 0 0;
	

	
}

#home:hover{
	position:relative;
	background-image:url(../images/index/home-aktiv.png);
	cursor:pointer;

	
}





/*-------------------------- content ----------------------------------*/
    
    



#contentMain {
	position:relative;
	width:978px;
	height:380px;	
	padding:0 0 35px 0;
	margin:-285px auto;
	z-index: 500;
	background-color:#FFFFFF;
   
    }
    




 
/*-------------------------- content ende ----------------------------------*/  
#img-index{
	position: absolute;
	top: 563px;
	left: 404px;
	width: 490px;
	height: 59px;
	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----------------*/

#naviAdd {
   width:227px;
   position:absolute;
   top:73px;
   right:698px;
   height: 15px;
   z-index: 500;
   
  
}

#naviAdd li {
    float:left;
    list-style-type:none;
    color: #acb8bf;
    padding:0 8px 0 0;
    font-size:10px;
    font-weight:normal;
    
}

#naviAdd li a	{
    color: #acb8bf;
 	font-size:11px;
    font-weight:normal;
    text-decoration:none;
   
}

#naviAdd li a:hover	{
	color:#ffffff;
	text-decoration:underline;
      font-weight:normal;
   
}

.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/index/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-2 li.active a.kinder-malschule #navi-2 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-2 li.active a.jugend-atelier,#navi-2 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-2 li.active a.erwachsenen-atelier ,#navi-2 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-2 li.active a.aktuelle-kurse ,#navi-2 li.active a.aktuelle-kurse:hover {
	background-position:0 -601px;
}
  
#navi-1 li a.fortbildungen {
	background-position:0px -258px;
}

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



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

#navi-1 li a.ueber-mich:hover,#navi-3 li.active a.ueber-mich ,#navi-3 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-3 li.active a.kontakt ,#navi-3 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-3 li.active a.impressum ,#navi-3 li.active a.impressum :hover {
	background-position:0px -700px;
}
  

#navi-1 li a.datenschutz {
	background-position:0px -338px;
}

#navi-1 li a.datenschutz:hover,#navi-3 li.active a.datenschutz ,#navi-3 li.active a.datenschutz :hover {
	background-position:0px -700px;
}
  
  
  
  
/*-------------ENDE-----------------------------*/

#footer {
	left:0px;
	bottom:0px;
    width:978px;
    height:156px;
    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----------------------------------*/