/* CSS Document  - Typ Psychologen */



body{
margin:5px 0px 5px 0px;
padding:0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
}

html {scrollbar-face-color:#CC99CC;
scrollbar-track-color:#F4E8F4;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;}

a {color: #996699;}
a:hover {color: #FF3366;}
a:visited {color: #996699;}


#maincontainer{
width: 745px; /*Breite der gesammten Seite*/
margin: 0 auto; /*Auf Seite zentrieren*/
border:#996699 1px solid;  background-color:#fff;
scrollbar-face-color:#996699;
scrollbar-track-color:#F4E8F4;
scrollbar-arrow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
}

#topsection{
background: #FFFFFF;
height: 130px; /*Höhe des Kopfes*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 166px; /*Die Weite der linken Spalte wird zum Abstand des Content Containers*/
height: 610px;
}

#leftcolumn{
float: left;
width: 166px; /*Weite der linken Spalte*/
height: 620px;
margin-left: -745px; /*Linke Spalte minus Content Breite*/
background:url(../common/graphic_elements/vert_jingjang.gif) top right no-repeat #ECFBFB;
}

/*nicht benutzt aber unbedingt nötig fürs Layout!!!!!*/
#footer{clear: left;}

/*navigation oben und Seitentitel*/
.navitube { width:579px; height:35px; border-bottom:#996699 1px solid; text-align:right; margin:0; padding:0; background-color:#F4E8F4;}

/*navigation oben (3 bilder)*/
.head-navi { width:126px; float:right; text-align:right;}

/*Seitenüberschrift*/
.main-titel { width:449px; float:left; text-align:left; color:#663366; font-size:14px; font-weight: bold; line-height:36px; }

/*Inhaltscontainer*/
.innertube{
margin:0; text-align:center;

}

/* Linkes Menu für alle Seiten*/
.left_menu {width: 140px; float:left; text-align:right; font-size:11px; font-weight: bold;}
.headline {width: 140px; float:left; text-align:right; font-size:13px; font-weight: bold;margin-bottom:25px; margin-top:78px; color: #663366; clear:both;}
.left_menu a { color: #996699; display:block; text-decoration:none; margin-bottom:15px;}
.left_menu a:visited { color: #996699;}
.left_menu a:hover {color: #FF3366;}
#active{color: #FF3366;}



/* ---------------- Styles für "TITELSEITE" ---------------------------*/
.titelbild_1 {  margin-top:20px; margin-left:80px;  border:#996699 1px solid; float:left; }
.titelbild_2 {  margin-top:15px; margin-left:80px; border:#996699 1px solid; float:left; }


/*---------------------------------UEBERSCHRIFTEN FUER ALLE SPALTEN -----------------------*/	
	.hl_rechts{
	margin-top:0px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold; line-height:20px;
    color:  #663366;
	}
	
	.zhl_rechts {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
    color: #996699;
	}



/*-----------SEITE MIT ZWEI Text-SPALTEN: Links: Text + Bild, Rechts: Nur Text------------*/
.innertube_spalten{
margin-top:20px; margin-left:5px; height:550px; width:574px; overflow:auto; }

/*---------------linke Spalte*/
.spalte_links { 
margin-top:0px; margin-bottom:5px; margin-left:0px; margin-right:5px; 
width:250px; padding-left:10px; padding-right:10px; padding-bottom:10px; 
float:left;
}

.img_sl { margin:0; padding:0; border:#996699 1px solid; width:250px; height:203px; float:left; }

.textbereich_links {  
margin-top:20px; width:220px; padding-left:15px; padding-right:15px; float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left; font-size:11px; font-style: normal; line-height:16px; color:#996699; border:#996699 1px solid;
	}
	
	.hl_links{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:10px;
    color:#663366;
	}
	
/*--------------------rechte Spalte*/	
.spalte_rechts_text { 
margin-top:0px; margin-bottom:5px; margin-left:20px; width:250px; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	line-height:17px; font-weight:normal; color:#996699; text-align:left;
	float:left;
	}

/*--------Variante "1" auf Basis "Standard": Bild links Hochformat-------------------*/
.innertube_spalten_1{
margin-top:20px; margin-left:5px; height:550px; width:574px; overflow:auto; }

/*---------------linke Spalte*/
.spalte_links_1 { 
margin-top:0px; margin-bottom:5px; margin-left:0px; margin-right:5px; 
width:177px; padding-left:0px; padding-right:10px; padding-bottom:10px; 
float:left;
}

.img_sl_1 { margin:0; padding:0; border:#996699 1px solid; width:177px; height:274px; float:left; }

/*.textbereich_links_1 {  
margin-top:20px; width:220px; padding-left:15px; padding-right:15px; float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left; font-size:11px; font-style: normal; line-height:16px; 	font-weight:bold;
	color:#996699; 	border:#996699 1px solid;
	}*/
	
	/*.hl_links{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:10px;
    color:#663366;
	}
	*/
/*--------------------rechte Spalte*/	
.spalte_rechts_text_1 { 
margin-top:0px; margin-bottom:5px; margin-left:20px; width:350px; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	line-height:17px; font-weight:normal; color:#996699; text-align:left;
	float:left;
	}


/*-------------------------SEITE MIT BILD LINKS - TEXT RECHTS im Rahmen -------------*/

.innertube_standard{
margin-top:20px; margin-left:10px; height:550px; width:574px;  }

.spalte_links_bild { 
margin:0;/*margin-top:0px; margin-bottom:5px; margin-left:0px; margin-right:5px; */
width:264px; /*padding-left:10px; padding-right:10px; padding-bottom:10px; */
float:left;
}

.img_links { margin:0; padding:0; border:#996699 1px solid; width:264px; height:228px; float:left; }

.spalte_rechts_textbereich { 
margin-top:0px; margin-bottom:5px; margin-left:0px; margin-right:5px; width:270px; height:520px; padding-right:10px; overflow:auto; float:right; 
 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	line-height:17px; font-weight:normal; color:#996699; text-align:left;
	
	}
	
	.spalte_rechts_rahmen { 
margin-top:0px; margin-bottom:5px; margin-left:5px; margin-right:5px; width:270px; height:540px;
padding:10px; float:right; overflow:auto;

font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	line-height:17px; font-weight:normal; color:#996699; text-align:left;
	border:#996699 1px solid;
	
	}