/* Haupt-Stylesheet für expressive-malerei-dieninghoff.de */
html,body{
	margin:0;padding:0;border:0;vertical-align:top;
	background-color:#d2d780;  /*  = Gelbgrün von Wand. Dunkel: 9d9437 / heller: c1c676. Grasgrün von Bild:  8aa033  Dkl-Graugrün: 788a4e */
	width:100%;height:100%;
	overflow:hidden;
	text-align:center;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:101%;
	color:#605f5f;           /*  = dgrau.   heller:  7d7b7b   */
}
/*
dklgrün:  4a5209  005274		=> h1: 3f5900  etwas heller (navi visited): #4e6e02   */
div#alles{
	margin:3% auto;
	padding:0;
	text-align:center;
	width:760px;  /*  Fenster muss mind. 770 breit sein, da KEIN Quer-Scrollbalken entsteht!  */
	height:88%;
	color:#605f5f;
	background-color:#ffffff;
	border-top:2px solid #b9bd78;
	border-right:3px solid #a9ad6f;
	border-bottom:4px solid #a9ad6f;
	border-left:2px solid #b9bd78;
}
div#logo{
	width:722px;
	height:110px;
	margin:0;
	padding:0 0 0 44px;
	position:relative;  /*  border: solid 1px #cc0000;  */
}
.logopos{
	position:relative;top:39px;left:0px;
	float:left;
	border-top:1px solid #c1c676; /*  grün wie Navileiste */
	border-right:2px solid #b6bb65;/*  dunkler: 788a4e */
	border-bottom:2px solid #b6bb65;
	border-left:1px solid #c1c676;
	font-size:0.6em;
  /*  blau wie Titel:
	border-top:1px solid #4992b0;
  border-right:2px solid #4992b0;
  border-bottom:3px solid #4992b0;
  border-left:1px solid #4992b0;  */
}
div#titel{
	margin:0;padding:0;
	position:absolute;top:24px;right:40px;
	width:500px;
	height:46px;
	text-align:right;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#4992b0; /*  blau  */
}
div#navipos{
	position:absolute;top:84px;right:40px;
	margin:0;padding:0;
	font-size:0.9em;
}
div#inhalt{
	clear:left;
	margin:0 0 0 44px;
	padding:0 20px 0 0;
	overflow:auto;
	width:702px;
	height:72%;
	font-size:0.8em;
	line-height:1.3em;
	text-align:left;
}
div#bildtext{
	float:right;
	margin:0;
	padding:0;
	width:200px;
	height:150px;
	text-align:right;
	font-size:0.8em;
	color:#e26d35;
}
.bildtexthoch{
	float:right;
	margin:0 0 10px 0;
	width:140px;
	height:530px;
}
#top, .top{
	font-size:1px;font-weight:normal;color:#ffffff;
}
ul{
	list-style-type:none;
	list-style-image:none;
	margin:0 0 0 50px;
	padding:0;
	overflow:visible;
}
li{
	margin-top:4px;
}
.quadrate{
	margin:0 0 0 70px;
	list-style-image:url(../grafik/listenquadr.gif);
}
.navleiste{
	margin:0;
	height:21px;
	list-style-type:none;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	text-align:center;
}
.home, .vita, .technik, .keinlink{
	margin:0;
	display:inline;
	width:80px;
	height:21px;
	float:left;
	padding:2px 0 0;
	border-top:1px solid #c1c676;
	border-right:2px solid #788a4e;
	border-bottom:2px solid #b6bb65;
	border-left:1px solid #c1c676;
}
.vita{
	width:90px;
}
.technik{
  width:96px;
}
.keinlink{
	color:#788a4e;   /* heller, wie visited  */
	background-color:#f2f8fa;/* = zartestblau.  titel: 4992b0*/
}
            /*   dgrün, etwas heller als h1: */
a.navi:link{
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#4e6e02;
}              /* blasser:  */
a.navi:visited{
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#788a4e;
}
a.navi:hover{
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	color:#ffffff;
	background-color:#acd4dd;
}              /* PINK: */
a.navi:active{
	color:#c30254;
	background-color:#ffffff;
}
              /*  dgrün  */
h1, caption{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
	color:#3f5900;  /*  = dgrün.  dblau:  052468, heller: 014a68  */
	margin-top:24px;margin-bottom:12px;
	text-align:left;
}    /*  dunklerrot, normal:  */
h2{
	font-size:1em;
	line-height:1.1em;
	font-weight:normal;
	color:#880000;
	margin-top:0;margin-bottom:10px;
}
h3{
	font-size:1em;
	line-height:1.1em;
	font-weight:bold;
	margin-top:0;margin-bottom:6px;
}
p{
	margin:12px auto 0 auto;
	text-align:left;
}
a:link{
	font-weight:normal;
	text-decoration:underline;
	color:#605f5f;
	white-space:nowrap;
}
              /* blasser grau:  */
a:visited{
	font-weight:normal;
	text-decoration:underline;
	color:#969696;
	white-space:nowrap;
}
a:focus{                 /*  = wie hover  */
	font-weight:normal;
	text-decoration:none;
	color:#a6a6a6;  /*  heller Grau als visited  */
	background-color:#f2f8fa; /*  zartblau wie keinlink  */
}
a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#014a68;
	background-color:#eaf2f3;
}
a:active{
	color:#b13f08;
}
noscript, .noscript{
	font-size:10px;
	color:#788a4e; /*  Graugrün wie Navi visited  */
	text-align:center;
}
table{
	padding:0;margin:0;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
}
          /* px, normaler Text, zentriert  */
td{
	padding:0;margin:0;
	text-align:center;
	vertical-align:top;
}
img{
	border:0;
	font-size:0.8em;
	color:#014a68;  /*  = blau  */
	padding:1px;
}
.thumbs{
	width:226px;
	padding-bottom:30px;
	font-size:0.84em;
}
.clearleft{
	clear:left;
}
.clearright{
	clear:right;
}
.clearboth{
	clear:both;
}
.rahmengruen{
	border-top:1px solid #c1c676;
	border-right:2px solid #788a4e;
	border-bottom:2px solid #b6bb65;
	border-left:1px solid #c1c676;
}
.rahmenblau{
	border-top:1px solid #4992b0;  /*  Blau wie Titel  */
	border-right:2px solid #052468; /* = dunkler */
	border-bottom:3px solid #014a68;
	border-left:1px solid #4992b0;
}
.rahmendia1{  /* gruen  */
	margin: 0 auto 10px auto;
	border-top:1px solid #c1c676;
	border-right:2px solid #788a4e;
	border-bottom:3px solid #b6bb65;
	border-left:1px solid #c1c676;
}
.rahmendiahoch1{  /* gruen  */
	float:left;
	margin:0 10px 28px 150px;
	border-top:1px solid #c1c676;
	border-right:2px solid #788a4e;
	border-bottom:3px solid #b6bb65;
	border-left:1px solid #c1c676;
}
.rahmendia2{  /* blau  */
	margin: 0 auto 10px auto;
	border-top:1px solid #4992b0;  /* heller Blau wie Titel  */
	border-right:2px solid #052468; /* = dunkler */
	border-bottom:3px solid #014a68; /*  mittel */
	border-left:1px solid #4992b0;
}
.rahmendiahoch2{  /* blau  */
	float:left;
	margin:0 10px 28px 156px;
	border-top:1px solid #4992b0;  /*  blau wie Titel  */
	border-right:2px solid #052468; /* = dunkler */
	border-bottom:3px solid #014a68;
	border-left:1px solid #4992b0;
}
textarea{
	overflow:auto;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:1em;
	color:#605f5f;
	text-align:left;
	padding:6px 0 6px 6px;
	border:dashed 1px #efc2ac;     /*  = rot. hgrau: cdcdcd  */
}
.leer{
	font-size:0.2em;
	line-height:0.2em;
}
abbr, acronym, .help, dfn{
	font-style:normal;
	border-bottom: 0.1em dashed #f2f8fa; /*  zartblau wie focus u. keinlink  */
	cursor:help;
}
.dias{
	margin:3% auto 0 auto;
	width:760px;
	height:600px;
	font-size:0.8em;
	text-align:center;
}
blockquote{
	margin:0 auto;padding:0;
	text-align:center;
}
.endleiste{                 /*  Seitenabschluss-Links  */
	/* width:651px; = 636 + 15 px. Rahmen. 20px padding rechts => 671 px (inhalt = 702)*/
	margin:5em auto 0 auto;
	height:24px;
	list-style-type:none;
	text-align:center;
}
.dialeiste{
	margin:40px auto 0 auto;
	width:444px;
	height:20px;
	list-style-type:none;
	text-align:center;
}
.dialei3zeil{
	margin:24px auto 0 auto;
	width:444px;
	height:20px;
	list-style-type:none;
	text-align:center;
}
.dialeisthoch{
	clear:both;
	margin:0 auto;
	width:444px;
	height:20px;
	list-style-type:none;
	text-align:center;
}
.homeicon, .zurck, .drucken, .hoch, .close{
	margin:0;
	display:inline;
	text-align:center;
	width:120px;
	height:18px;
	float:left;
	padding-top:2px;
	padding-bottom:1px;
	border-top:1px solid #c1c676;
	border-right:2px solid #788a4e;
	border-bottom:2px solid #b6bb65;
	border-left:1px solid #c1c676;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
}
.zurck{
	width:142px;
}
.drucken{ /*  = lesezeichen  */
	width:142px;
}
.hoch{
	width:120px;
}
.close{
	width:150px;
}