/* CSS Document */

/* Kinderarztpraxis Zollstock */


/*Div-Boxen*/

/* Rahmen*/
.rahmen {
	width:1050px;
	height:536px;
	background-color:#FFFFFF;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-263px;
	margin-left:-525px;
	border:1px solid #000000;
	}

/*oberer Bereich, für Logo*/
.top {
	width:1050px;
	height:163px;
	background-color:#FFFFFF; /*weiß*/
	position:absolute;
	top:0px;
	left:0px;
	border-bottom-color:#333333;
	border-bottom-style:solid;
	border-bottom-width:1px;;
	}


/* für Logo Kreise und typo getrennt*/
.logo_kreis {
	width:105px;
	height:113px;
	background-color:#FFFFFF;
	position:absolute;
	top:19px;
	left:24px;
	}
	
.logo_typo {
	width:309px;
	height:50px;
	background-color:#FFFFFF;
	position:absolute;
	top:27px;
	left:250px;
	}

	
/* für Logo komplett - alternative */
/*
.logo {
	width:451px;
	height:135px;
	background-color:#FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	}
	*/
	
	
/*für Navigation*/
.navi {
	width:700px;
	hight:20px;
	background-color:#FFFFFF;
	position:absolute;
	top:132px;
	right: 100px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#333333;  
	}
	
	
/*für Texte im untern Bereich */

/*große Box (top 175, left 0) */
.text {
	width:1050px;
	height:351px;
	background-color:#FFFFFF;
	position:absolute;
	top:175px;
	left:0px;
/*	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;*/
	overflow: hidden;  
	}

/* Boxen für pathway/pagebreack */
.seiteninfo_o {
	width:300px;
	height:11px;
	position:absolute;
	top:3px;
	left:20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333333; 
	text-align:left;
	}

.seitennr_u {
	width:300px;
	height:11px;
	position:absolute;
	bottom:8px;
	left:43px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#333333;
	text-align:left;
	top: 336px;
	}
	
	
/*textbox für 1/3 Textbreite (top 45, left 40 - auch bei text_700,1050)*/
.text_350 {
	width:290px;
	height:260px;
	background-color:#FFFFFF; 
	position:absolute;
	top:45px;
	left:40px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333; 
	text-align:left;
	overflow:hidden;
	}

/*textbox für 2/3 Textbreite */
.text_700 {
	width:466px;
	height:260px;
	background-color:#FFFFFF; 
	position:absolute;
	top:45px;
	left:40px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333; 
	overflow:hidden;
	}

/*textbox für volle Textbreite oh. Bild */
.text_1050 {
	width:960px;
	height:260px;
	background-color:#FFFFFF; 
	position:absolute;
	top:45px;
	left:40px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333; 
	overflow:hidden;
	}

/*bildbox für 1/3 Bildbreite - rechts */
.bild_350 {
	width:448px;
	height:350px;
	position:absolute;
	top:0px;
	right:0px;
	border-left:1px solid #FFFFFF;
	left: 601px;
	}

/*2. bildbox für 1/3 Bildbreite - mitte */	
.bild_350_2 {
	width:350px;
	height:350px;
	position:absolute;
	top:0px;
	right:350px;
	}
	
/*bildbox für 2/3 Bildbreite - groß */
.bild_700 {
	width:700px;
	height:306px;
	position:absolute;
	top:0px;
	left:350px;
	}

/*kleine Boxen für Projekthauptseite, 2 Reihen, je 6 */

.box_175_1_1 {
	width:175px;
	height:174px;
	background-color:#EAEAEA; 
	position:absolute;
	top:1px;
	left:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}

.box_175_1_2 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:0px;
	left:175px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_1_3 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:0px;
	left:350px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_1_4 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:0px;
	right:350px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_1_5 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:0px;
	right:175px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_1_6 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:0px;
	right:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_2_1 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:175px;
	left:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_2_2 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:175px;
	left:175px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_2_3 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:175px;
	left:350px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_2_4 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:175px;
	right:350px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
.box_175_2_5 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:175px;
	right:175px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}									

.box_175_2_6 {
	width:175px;
	height:175px;
	background-color:#EAEAEA; 
	position:absolute;
	top:175px;
	right:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	color:#333333; 
	overflow:hidden;
	}
	
/*
.linie {
	width:1050px;
	height:2px;
	position:absolute;
	top:172px;
	left:0px;
	background-color:#FFFFFF;
	}
*/
/*
blockquote {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-align:left;
	margin-left:40px;
	valign:middle;
	}
*/
/*Allgemeine Einstellungen */

body {
	background-color:#FFFFFF;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-left: 5px;
	margin-top: 5px;
	}
/*
table {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:left;
	padding-left:35px;
	
	}

*/
/*für Kontaktfelder */
.inputbox {

	width:250px;
/*	margin-left:8px; */
	}


a {
   	text-decoration: none;
   	font-weight: bold;
   	color:#333333;
	}

a:link, a:visited {
   	text-decoration: none;
   	font-weight: bold;
   	color:#333333;
	}

a:hover {
   	color:#FF0000;	/*rot*/
   	text-decoration: underline;
   	font-weight: bold;   
	}

h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333; 
	text-align:left;
	}