/***************************************************************************************************/
/* d-dots.css                                   												   */
/* copyright by D-DOTS, david hess-weg 22, 8038 zurich, switzerland, www.d-dots.ch, info@d-dots.ch */
/* implemented in http://www.d-dots.ch															   */
/***************************************************************************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana,Arial,helvetica,sans-serif;
	color: #999999;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	SCROLLBAR-FACE-COLOR: #DDDDFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #9999CC; 
	SCROLLBAR-SHADOW-COLOR: #9999CC; 
	SCROLLBAR-3DLIGHT-COLOR: #DDDDFF; 
	SCROLLBAR-ARROW-COLOR: #9999CC; 
	SCROLLBAR-TRACK-COLOR: #DDDDFF; 
	SCROLLBAR-DARKSHADOW-COLOR: #DDDDFF;		
}



a:link, a:visited, a:hover {
	font-family: Arial,helvetica,sans-serif;
	color: #333366;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #6666CC;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana,Arial,helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	color: #333366;
}

/* Titel im Inhalt div */
h1{
 font-size: 120%;
 font-weight: normal;
 color: #333366;
}

/* hauptmenu div */
h2{
 font-size: 100%;
 color:#FFFFFF;
}

/* Text im Inhalt div */
h3{
 font-family: Arial,helvetica,sans-serif;
 font-size: 90%;
 font-weight: normal;
 color:#333366;
}

h4{
font-family: Arial,helvetica,sans-serif;
font-style: italic;
 font-size: 96%;
 font-weight: normal;
 color: #FFFFFF;
}

h5{
 font-size: 100%;
 font-weight: normal;
 color: #666666;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wholepage{
	width: 850px;
	height: 570px;
	color:#9999CC;
	}

#top{
	width: 850px;
	height: 520px;
}

#bottom{
	width: 850px;
	height: 50px;
}

#menu{
	width: 290px;
	height: 520px;
	float: left;
}

#lead{
	
	width: 560px;
	height: 520px;
	float: right;
	background-image:  url(../bettina_pics/lead_bl.gif);
}

#padder{
	width: 540px;
	height: 350px;
	
}

#inhalt{
	padding: 10px 10px 0px 10px;
	width: 500px;
	height: 350px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#main{
	height: 520px;
	width: 120px;
	background-color: #6E7DAF;
	float: left;
}

#mainmain{
	width: 120px;
	height:350px;
	color:#9999CC;
}

#mainmain a:link{
	color:#FFFFFF;	
}


#mainmain a:visited{
	color:#FFFFFF;	
}


#mainmain a:hover{
	color:#CCCCCC;	
}

#news{
	background-image:  url(../bettina_pics/news_blau2.gif);
	width: 120px;
	height: 170px;
}

#home{
	
	width: 40px;
	height: 40px;
	float: right;
}

#submenu{
	width: 170px;
	height: 520px;
	background-image:         url(sub.jpg);
	float: right;
}

/***********************************************/
/* hier beginnen die hauptmenu divs                                 */
/***********************************************/

#beratung{
	padding: 10px 8px 0px 0px;
	width: 120px;
	height: 40px;
	text-align: right;
	color: #FFFFFF;
}

#bettina{
	padding: 10px 8px 0px 0px;
	width: 120px;
	height: 40px;
	text-align: right;
	color: #FFFFFF;	
}


#bildergalerie{
	padding: 10px 8px 0px 0px;
	width: 120px;
	height: 40px;
	text-align: right;
	color: #FFFFFF;
}

#kontakt{
	padding: 10px 8px 0px 0px;
	width: 120px;
	height: 40px;
	text-align: right;
	color: #FFFFFF;
}


#links{
	padding: 10px 8px 0px 0px;
	width: 120px;
	height: 40px;
	text-align: right;	
	color: #FFFFFF;
	
}

#heim{
	padding: 10px 8px 0px 0px;
	width: 120px;
	height: 40px;
	text-align: right;	
	color: #FFFFFF;
	
}


/***********************************************/
/* hier enden die hauptmenu divs                                 */
/***********************************************/

/***********************************************/
/* hier beginnen die submenu divs                                 */
/***********************************************/

/***********************************************************************************/
/*************den einzelnen submenupunkten wird ein weiterer divrahmen uebergeordnet*/
/*diesen benenne ich nach dem hauptmenupunkt mit vermerk auf das submenu*/
/*************************************************************************************/

#beratungsub{
	display: block;
	width: 170px;
	height: 520px;
	top: 0px;
	left: 120px;
	visibility: hidden;
	position: absolute;
	z-index: 1;
	
}

.submenulink a:link{
	display: block;
	float: right;
	text-decoration: none;
	padding: 8px 5px 8px 10px;
	font-family: Arial,helvetica,sans-serif;
 	font-size: 80%;
 	font-weight: normal;
 	color: #6E7DAF;
	width:100%;
	}
	
.submenulink a:visited{
	display: block;
	float: right;
	text-decoration: none;
	padding: 8px 5px 8px 10px;
	font-family: Arial,helvetica,sans-serif;
 	font-size: 80%;
 	font-weight: normal;
 	color: #6E7DAF;
	width:100%;
	}
	
.submenulink a:hover{
	display: block;
	float: right;
	text-decoration: none;
	padding: 8px 5px 8px 10px;
	font-family: Arial,helvetica,sans-serif;
 	font-size: 80%;
 	font-weight: normal;
 	color: #6E7DAF;
	background-color:#DDDDFF;
	width:100%;
	}
	
.activlink{
	display: block;
	float: right;
	text-decoration: none;
	padding: 8px 5px 8px 10px;
	font-family: Arial,helvetica,sans-serif;
 	font-size: 80%;
 	font-weight: normal;
 	color: #6E7DAF;
	background-color:#DDDDFF;
	width:100%;
	}
	

#was_ist_fs_fr_mich{
	
	width: 170px;
	height: 50px;
}

#was_ist_fs_fr_mich_nicht{
	
	width: 170px;
	height: 50px;
}

#was_biete_ich{
	
	width: 170px;
	height: 50px;
}

#was_bekommen_sie{
	
	width: 170px;
	height: 50px;
}

#wann_eine_beratung{
	
	width: 170px;
	height: 50px;
}

#welche_aspekte{
	
	width: 170px;
	height: 50px;
}

#aufwand{
	
	width: 170px;
	height: 50px;
}


/*************************************************************************************/


#bettinasub{
	
	display: block;
	width: 170px;
	height: 520px;
	top: 0px;
	left: 120px;
	visibility: hidden;
	position: absolute;
	z-index: 2;

	
}
	
#werdegang{
	width: 170px;
	height: 50px;	
}

#aeusseres{
	width: 170px;
	height: 50px;
}

#faszination{
	width: 170px;
	height: 50px;
}

#aktuelles_angebot{
	width: 170px;
	height: 50px;
}

#erfahrungsberichte{
	width: 170px;
	height: 50px;
}






/***********************************************/
/* hier enden die submenu divs                 */
/***********************************************/


#adress{
	
	width: 610px;
	height: 50px;
	color: #333333;
	background-image:  url(../bettina_pics/lo_li.gif);
	float: left;
}

#logo{
	width: 240px;
	height: 50px;
	background-image:  url(../bettina_pics/logo.gif);
	float: right;
}