/**********************************************************/
/* CSS (Cascading Stylesheets mit der Sie HTML-Elemente   */
/* exakt formatieren und positionieren können.            */
/* Weitere Infos unter: www.selfhtml.org                  */
/*                                                        */
/* Diese layoutoben.css wurde entwickelt von              */
/* PC-KlarundDirekt für veraverenakoenig                  */
/**********************************************************/
body {
		background-color:	#FFD16E;
    font-family:			verdana;
    font-size:				10pt;
		border: 					0px;
		margin: 0px;
}
/**********************************************************/
#inhalt {
    width:				740px;
    margin:       0px;
}
/**********************************************************/
#menueoben {
		background-image:  url('design/oben.jpg');
		background-repeat:     no-repeat;
    height:         100px;         /* Höhe der Hintergrundgrafik beachten */
    width:          740px;
}
/**********************************************************/
#menueobentext {
    height:         100px;
    width:          740px;
    padding-top:    78px;
    text-align:     right;
}
/**********************************************************/
#inhaltmitte {
    margin:           0px;
    width:          	740px;
		background-color: white;
    padding-top:			7px;
    padding-bottom:		7px;
		float:						left;   /**** ?????????      **/

}
/**********************************************************/
#inhaltlinks {
    background-repeat:     no-repeat;
    width:        210;     /*** max-... --> damit Netscape Breite richtig interpretiert */
		margin-left:  5px;
		float:        left;
		height: 			460px;
		border:         1px solid #FFD16E;
}
/**********************************************************/
#logo {
    background-image:  url('design/logovera.jpg');
    background-repeat:     no-repeat;
    background-position: center;
		width: 			 220 px;		/*** Höhe und Breite aus der Dateigröße entnehmen */
		height:      230px;

}
/**********************************************************/
#menuelinks {
    background-image:  url('design/hintergrund-menue.gif');
		width:       			202px;	/*** gleiche Breite wie div #logo  */
		height:       220 px;
		padding-bottom:   5px;
		padding-top:      5px;
		font-size:    		0,8em;
		line-height:  		27px;
		letter-spacing:		1,5px;
    text-align:				right;

}
/**********************************************************/
#inhaltrechts {
    width:      	488;     /*** max-... --> damit Netscape Breite richtig interpretiert */
    color:      	#2E3E6C;
		margin-left:  10px;
		min-height: 	460px; /** NICHT nur height verwenden, da firefox-fehler! **/
		border:     	1px solid #FFD16E;
		float:				left;
}

/**********************************************************/
#textrechts {
		text-align: 				justify;
		padding: 						20px;
    font-size:   				12px;
    letter-spacing:     1,5px;
    font-color:  				#2E3E6C;
    float:        			left;		
    

}

/**********************************************************/
#menueunten {
		background-image:  url('design/unten.jpg');
		background-repeat:     no-repeat;
    width:        740;
    height:         64px;
    padding-top:		5px;
    font-size:      12px;
    color:          #2E3E6C;
    text-align:     right;
float: left;
}

/*********************************************************/
/******** Link-Effekte ***********************************/
/******** 1. Menü ****************************************/
/**********************************************************/

#menueoben a:link {
    color:             #2E3E6C; 
    text-decoration:   none;
   
}
#menueoben a:visited {
    color:             #2E3E6C; 
    text-decoration:   none;
}
#menueoben a:hover {
    color:               #2E3E6C;
    font-weight:         bold;
    text-decoration:     none;
}
#menueoben a:active {
    color:               #2E3E6C;
    text-decoration:     none;
    font-weight:         bold;

}
/******* 2.Menü Links  **********************/
#menuelinks a:link {
    padding-top:       2px;
    padding-bottom:    2px;
    padding-left:      7px;
    padding-right:     7px;
    color:             #2E3E6C; 
    text-decoration:   none;
}
#menuelinks a:visited {
    padding-top:       2px;
    padding-bottom:    2px;
    padding-left:      7px;
    padding-right:     7px;
    color:             #2E3E6C; 
    text-decoration:   none;
}
#menuelinks a:hover {
    padding-top:       2px;
    padding-bottom:    2px;
    padding-left:      7px;
    padding-right:     7px;
    color:               #2E3E6C;
    font-weight:				 bolder;
    text-decoration:     none;
}
#menuelinks a:active {
    padding-top:       2px;
    padding-bottom:    2px;
    padding-left:      7px;
    padding-right:     7px;
    color:                #2E3E6C;
    font-weight:				 bolder;
    text-decoration:      none;
}



/******* 3.Menue unten  **********************/

#menueunten a:link {
    color:             #2E3E6C; 
    text-decoration:   none;
}
#menueunten a:visited {
    color:             #2E3E6C; 
    text-decoration:   none;
}
#menueunten a:hover {
    color:               #2E3E6C;
    font-weight:         bold;
    text-decoration:     none;
}
#menueunten a:active {
    color:               #2E3E6C;
    text-decoration:     none;
    font-weight:         bold;
}



/***** Ende *********************************************/

