/*XXXXXXXXXXXXXX stylesheetsfuer projects-artandtheory.de  XXXXXXXXXXXXX*/

* {
	margin: 0px;
	padding: 0px;
}

img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div {
   font-size: 9pt;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	margin-top: 44px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/pat_fett.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}


/*  XXXXX  nur index seite  XXXXX  */

#index{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top: 44px; /* original 44px */
	padding: 0px 0px 0px 0px;
	background-image: url(images/pat_fett_start.gif); /*start*/
	background-repeat: no-repeat;
	background-color: #132029;/*#ACBEC7;/*#132029;/*ch_sch#E5CA23;*/ /*#132029;*/ /* #132029; #2F3E4F; #103210; #132029*/
}

#box-index{
	margin: 0px auto;		/*  nur index seite box fuer alle weiteren inhalte original 490px  */
	width: 590px;
	padding: 1em;
}

#box004index{
	font-size: 9pt;/*  haupt text box fur haupt inhalte  */
	text-align: left;
	float: left;
	width: 470px; /*original 480px*/
	height: 100%;
	color: #ffffff;
}

/* formatierung der listenmenues  in box 5 */

.pause{
	font-family: arial, sans-serif;
	font-style: bold;
	font-size: 2.2em;
	letter-spacing: -0.01em;
	color: #ffffff;
}
.allgmlistenavig{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
.unterlistenavig{
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* formatierung der jhresangaben in bios */

.biojahretab{
	width: 50px;
}

.biojahretablang{
	width: 60px;
}


/* navigationen */

a:link.index-link,a:visited.index-link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}
a:hover.index-link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #cccccc;
	text-decoration: none;
}
a:active.index-link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}


a:link.languagelink,a:visited.languagelink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}
a:hover.languagelink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #cccccc;
	text-decoration: none;
}
a:active.languagelink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}


a:link.blacklanguagelink,a:visited.blacklanguagelink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}
a:hover.blacklanguagelink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
}
a:active.blacklanguagelink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}

/*  XXXXX  ende index seite  XXXXX  */


/*XXXXXXXXXXXXXXXX div boxen  XXXXXXXXXXXXXXXXX*/

#box001{
	margin: 0px auto;		/*  allgemeine box fuer alle weiteren inhalte  */
	width: 690px;
	padding: 1em;
}

#linie{
	margin-top: 3px;		/*  linie unter topheadline */
	padding-bottom: 2px;
}

#boxenglish{		/*  leere box, nur abstand zur top navigation  */	
	width: 590px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

#blackboxenglish{		/*  leere box, nur abstand zur top navigation original 490px */	
	width: 590px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	color: #000000;
}

#toptrenner{
	margin-top: 20px;
}

#box002{		/*  leere box, nur abstand zur top navigation  */
	float: left;
	width: 480px;
	height: 22px;
	padding: 0px;
}

#box003{
	font-size: 9pt;			/*  box fur top navigation  */
	float: right;
	height: 22px;
	width: 150px;
	padding: 0px;
}

#toplink1{
	float: left;		/*  box fuer einzelne links in top navigation */
	text-align: left;
	width: 48px;
}

#toplink2{
	float: left;		/*  box fuer einzelne links in top navigation */
	text-align: left;
	width: 50px;
}

#toplink3{
	float: left;		/*  box fuer einzelne links in top navigation */
	text-align: right;
	width: 52px;
}

#box004{
 	font-size: 9pt;/*  haupt text box fur haupt inhalte  */
	text-align: justify;
	float: left;
	width: 470px; /*original 480px*/
	height: 100%;
}

#box004uebersicht{
 	font-size: 9pt;/*  box in popupseite nur fur test  */
	text-align: left;
	float: left;
	width: 480px;
	height: 100%;
}

#box005{
	font-size: 9pt; 		/*  box fuer rechten kasten und navigation */
	margin: 0px 0px 0px 0px;
	float: right;
	width: 150px;
	height: 250px;
}


/*XXXXXXXXXXXXXXX  allgemeine und spezielle textformatierungen  XXXXXXXXXXXXXXXXXXXXXXX*/

.bildabstand-bild-oben{
	float: left;
	margin: 0px 14px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.bildabstand-bild-vor-text{
	float: left;
	margin: 4px 16px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.bildabstand-bild-im-text{
	float: left;
	margin: 12px 16px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.italic{
	font-style: italic;
}

.grau{
	color: #666666;
}

/*XXXXXX  projectsheadline und zeichen kleiner  XXXXX*/

.undkleiner{
	font-size: 0.9em;		/*  amp zeichen in top headline einen schrfitgrad kleiner */
	padding-left: 1px;
	padding-right: 2px;
}

#flattersatz{
	text-align: left;
}


/*XXXXXXXXXXXXXXX  nav hier  XXXXXXXXXXXXXXXXXXXX*/

.navhier{
	color: #555555;
	font-weight: bold;
}


/*XXXXXXXXXXXXXXX  links  XXXXXXXXXXXXXXXXXXXXX*/


a:link,a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #506080; /*#2F3E4F;*/
	text-decoration: none;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}
a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
}

/*  XXXXXXXXXX  fuer links im text  XXXXXX  */

a:link.strong,a:visited.strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #505050; /*#2F3E4F;*/
	text-decoration: none;
}
a:hover.strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:active.strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

a:link.strongprojekte,a:visited.strongprojekte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000; /*#2F3E4F;*/
	text-decoration: none;
}
a:hover.strongprojekte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a:active.strongprojekte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}


a:link.link-im-text, a:visited.link-im-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #555555; /*color: #2F3E4F;*/
	text-decoration: none;
}
a:hover.link-im-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}
a:active.link-im-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #555555;	/*color: #2F3E4F;*/
	text-decoration: none;
}