/* standard elements  #4E5D3C */
* {margin: 0;padding: 0;}

body {
	background: url(img/hintergrund.jpg);
	color: #444444;
	font-variant: normal;
	font-size:12px;
	font-weight:500;
	font-family: sans-serif;
	margin: 0px;
	}

h1 {font: normal 1.6em serif;}
h2 {font: bold 0.9em serif; margin: 3px 0 1px;}
h3 {font-weight:900; font-size:12px; margin-top:12px; margin-bottom:7px;}

p {margin-bottom:3px; margin-top:3px;}

ul {margin-left: 1.8em;}
li b {color:red;font-weight:100;}
ol li {margin-bottom:12px;}

blockquote {background: url(img/quote.gif) no-repeat;color: #555;font: normal 1.4em serif;padding-left: 22px;}
blockquote p {padding: 6px;}
cite {text-align:right;margin-right:30px;font-size:80%;}

.l	{text-align:left;}
.r	{text-align:right;}
.c	{text-align:center;}
img.left {margin: 0 18px 6px 0;}
.divider {background: url(img/trennschnoerkel.gif) no-repeat;height: 20px;margin: 20px 0;}
.nachoben {background: url(img/trennschnoerkel.gif) no-repeat; height: 5px;margin: 5px 0;}
.unten {vertical-align:text-bottom;}
a {color: #3366cC;}
a.nix {text-decoration:none; color:black; }
a:hover {color: #0066FF;}

/* Maps */
.maps {color: #000000; font-size: 13px; line-height: 16px; background-color:transparent;}

/* structure */
.container {background: url(img/mittecontainer.jpg) repeat-y center top;margin: 0px auto;	width: 476px;	margin-left: 0px;}
.gfx {float: left;height: 140px;margin-top: 12px;width: 52px;}
.top {background: url(img/schnoerkelvorinhalt.gif) no-repeat 0 -4%;	float: left;text-align: center;	width: 442px;}
.header {background: #56644A url(img/kopf.jpg) no-repeat;color: #FFC;font-size: 1.4em;height: 162px;padding-right: 270px;}
.header h1 {font: normal 3.2em serif; padding: 62px 0 34px 0;}
.pattern {background: #334127 url(img/um_header.gif) repeat-x;clear: both;height: 12px;}
/* etwas Unterhaltung und Entertainment */
.entertainment {background: url(img/mittecontainer.jpg) repeat-y center top; margin: 0px auto;	width: 476px;margin-left: 0px;}

img.g  {width:600px; height:450px; border:10px #009988 groove; padding:15px; background-color:#E9EDD2;}
h2.g   {background-color:#E9EDD2; padding:5px; text-align:center; margin-bottom:15px;}

/* navigation */
.navigation {margin: 0px 0px 0px 0px;}
.navigation table {margin-left:5px; padding-left:6px; margin-top:7px; margin-bottom:20px; width:160px; border:1px green dotted; text-align:center;}
.navigation td {border:0px green dotted; padding-top:2px; padding-bottom:1px; text-align:center;}
.navigation td.logo {border:0px green dotted; padding-top:1px; padding-bottom:1px; text-align:center; background-color:#F5F7DE;}

img.logo {width:150px; height:50px;}
img.navi {width:150px; height:20px; border:0px white dotted;}
td.wave {color:white; width:150px; background-color:#558855; color:white; border:2px #F5F7DE solid;}

/* content */
.content {clear: both; font-size: 120%; margin: 0px 32px; padding: 0px 18px 12px;}
.content .spacer {height: 42px;}
.content img.dialer {width:18px; height:12px; margin:0px; padding:0px; border:1px solid #999999;}
.content a.dialer {margin:1px; padding:0px; border:0px; text-decoration:underline overline;}

/* content item */
.item {clear: both;}
.item .body {clear: both;}
.item hr {color:#777777; width:80%; text-align:center;}
.item img {width:340px; height:255px; border:5px #009988 groove; padding:12px; background-color:#dddddd; margin-top:5px; margin-bottom:5px;}
.item img.figur {float:right; border:0px; height:15%; width:15%; margin-left:5px; background-color:transparent;}
.item img.titel {width:50px; height:50px; border:0px; margin:0px; padding: 0px; background-color:transparent;}
.item img.text2grafik {width:95%; height:95%; border:0px; background-color:transparent; text-align:center; padding:0px; margin:0px;}
.item img.zwei {width:200px; height:150px; border:5px #009988 groove; padding:12px; background-color:#dddddd; text-align:center;}
.item img.extra {border:1px #005555 groove; padding:12px; background-color:#dddddd; width:345px; height:255px; margin-bottom:10px;}
.item img.hymne {border:0px #009988 solid; padding:5px; padding-left:0px; background-color:transparent; width:213px; height:140px;}

.item img.logo 			{border:0px solid white; background-color:transparent; width:120px; margin:0px; padding:0px;}
.item img.jugendnetz 	{width:90px; height:40px;}
.item img.ikhp 			{width:90px; height:40px;}
.item img.dpwv 			{width:90px; height:30px;}
.item img.mitarbeit  	{width:70px; height:50px;}
.item img.beberlin		{width:150px;height:33px;}
.item img.berlyn		{width:90px; height:30px;}

.item h2.home {font-weight: bold; font-family: monospace; font-size: 1.5em; padding:0px; margin:0px; font-style:italic;}
.item h2 {color: #445044; font-size:130%; font-family: serif; font-weight:900; margin-bottom:20px;text-align:left;}
/* .item h2:first-letter {font-size: 2em; vertical-align:baseline; padding-right:1px;} */
.item h3 {color: #445044;font-weight:900;font-size:120%; font-family:serif; margin-top:20px;margin-bottom:10px;text-align:left;}
.item h4 {color: #445044;font-weight:900;font-size:120%; font-family:serif; margin-top:20px;margin-bottom:10px;text-align:left; font-style:italic;}

.item p {text-align:justify; font-size:100%;}
.item p.skl {font-size:70%; color:red;}
.item p.f120 {font-size:120%; color:black;border:1px solid #cccccc; vertical-align:middle; padding-left:5px;}
.item td {padding:5px;}
.item .metadata {color: #666;font-size: 0.9em;float: left;padding: 0 0 6px 4px;}
.item ul.zwo {list-style-type:circle; padding-left:5px;}
.item ul.list {line-height:180%;}
.item a.verdeckt {color:black;text-decoration:none;}
.item a.verdeckt:hover {color:blue;text-decoration:underline;}
.item a.verdeckt:active {color:blue;text-decoration:underline;}
.item a.verdeckt:visited {color:green;text-decoration:none;}

/* die Logos floaten */
img.logo {border:0px solid white; background-color:transparent; width:120px; padding:0px; margin:0px;}
.clearer {clear: both;}
.left  {float: left; margin-right:10px;}
.right {float: right; margin-left:10px;}
/* defoaten */
hr.clear {width:0px;height:0px;color:white;clear:both;}

img.ikhp 		{width:90px; height:40px; margin-left:10px;}
img.dpwv 		{width:90px; height:30px; margin-right:10px;}
img.jugendnetz  {width:90px; height:40px; margin-left:10px;}
img.mitarbeit  	{width:60px; height:50px; margin-right:10px;}

/* galerie */
.galerie {clear: both; font-size: 100%; color: #445044; background: #4E5D3C url(img/hintergrund.jpg);}
.item .galerietitel {
		position: relative; top:6px; left:10px; width:360px; height:457px;
        border:1px solid; color: #444444; background-color:#E9EDD2;
        font-size:100%; font-weight:900; text-align:center;
        padding-top:100px;
        }
.item .galeriebild {position: absolute; top:0px; left:0px; width:349px; height:300px; border:1px black solid;}
.item .galerienext {position: absolute; top:316px; left:0px; width:360px; height:157px; border:1px black solid;}

/* das Schachprojekt */
    .arm  {font-size:125%;}
.item table.schach {width:350px;}
.item p.schach1 {
	background:url(project/bg-WZ-300.png) center no-repeat; color:black;background-attachment:scroll;}
.item p.schach2 {
	background:url(project/schach-2.gif) center no-repeat; color:black; border:0px solid #689655;background-attachment:scroll;}
.item td.schach2 {
	background:url(project/schach-2.gif) right bottom no-repeat; color:black; border:2px solid #689655; margin:5px; background-attachment:scroll;}
.item td.schach3 {
	background:url(project/schachfreunde-300.gif) right bottom no-repeat;
	color:black; border:2px solid #689655; background-attachment:scroll;}
.bildtext {position:relative;left:15px;top:260px;width:25px;color:white;font-size:14px; background-color:#888888;text-align:center;}

	table.figuren {width:100%; border: 1px dotted #99cc99; text-align:center; }
	table.figuren td {margin-left:3px;margin-right:3px; padding:3px; text-align:center; color:#000000;}
	.arab {font-size:150%;}
    .armfigur {font-size:125%; color:#006633;}
    .deufigur {font-weight:500; font-size:100%; color:black;}
    .phonetic {color:blue;font-size:100%;}


/* ... Kopfflag wird neu definiert definiert ... */
.kopftabelle {}

.kopfflag {
			width:45px;height:30px;border:1px solid black;
			}
.kopfborder {
			padding-top:55px; padding-bottom:5px;
			}
.kopftext {
			font-family:"Monotype Corsiva", cursive, Times; font-size:18px; font-weight:900; padding-left:5px; padding-right:5px;
			}

/* content gbuch */
.gbuch {clear: both;}
.gbuch h3 {color: #445044; font-weight: 900; font-size:120%; font-family:serif; margin-top:0px; margin-bottom:0px; text-align:left;}
.gbuch h3:first-letter {font-size:150%; text-transform:uppercase; padding-right:1px; vertical-align:baseline;}
.gbuch p {font-size:100%;}
.gbuch .skl {font-size:90%; color:red;}
.gbuch p.text {text-align:justify; border:1px dotted #3366cC; padding:3px;}
.gbuch p.text:first-letter {text-transform: uppercase;}
.gbuch p.l {text-align:left}
.gbuch span.mail {font-size:90%; color:#005500; }

/* weitere spezielle Formate */
/* allgemeine Anweisungen */
.skl {font-size:70%;}
.f120 {font-size:20px;color:red;}
.n {text-decoration:none; color:black;}
.terminiert  {text-align:center; color: black}

/* Mittelframe */
.border0 {border: 0px solid black;}
.gerahmt {border: 1px solid #005555; padding:1px;}
.ohnetype {list-style-type:none;}

/* rechter Frame */
.showbild {text-align:center; padding:3px; margin-top:5px; margin-bottom:0px; width:362px; border:0px dotted white;}
.satzbild1280 {text-align:center; padding:3px; margin-top:10px; padding-left:55px; width:362px; border:1px dotted white;}
/* DIV-Breite = 372 also 20 + 352 = 318 + 2*17 >> Höhe 230 - also  PassParTout + Border */
/* Breite Navi + Main = 175 + 500 = 675 */
/* Bildschirmbreiten 800x600 - 1024x768 - 1152x768 - 1280x768 - 1280x800 - 1280x854 - 1280x1024 - 1440x900 - 1400x1050 */
.satztext {color: #FFC;font-size:14px;font-weight:900; margin-top:5px; margin-bottom:5px; text-align:center;}
.diashow  {width:318px; height:200px;  border:7px #009988 groove; padding:7px; background-color:#dddddd;}
.diatext  {background: url(img/hintergrund.jpg); border:0px solid black; text-align:center; color:white; margin-top:0px;}


/* bunter Text */
.S1 {color: #FF0000;}
.S2 {color: #0000A2;}
.S3 {color: #2ABFAA;}
.S4 {color: #2A00FF;}
.S5 {color: #AAAA00;}
.S6 {color: #553F00;}
.S7	{color: #dd66ab;}
.S8	{color: #45FFab;}
.S9	{color: #45ddFF;}
.Stil5 {font-family: "Monotype Corsiva";font-size: 16px;}

/* Gästebuch */
ul {list-style-type:none;}

/* footer */
.footer {
		background:url(img/untenkante.gif) no-repeat;
		color:#666666;
		font-size:1.1em;
		line-height:41px;
		margin-left:17px;padding-bottom:10px;
		text-align:center;
		width:440px;
		border:0px black solid;
		}
.footer a {color: #666; text-decoration: none;}
.footer a:hover {color: #333;text-decoration: underline;}

/* armenische Schrift:
Der Unicode-Block Armenian (Armenisch) (0530-058F) enthält alle Buchstaben des armenischen Alphabets sowie die Satzzeichen.
++ Der Unicode-Block Alphabetic Presentation Forms (Alphabetische Präsentationsformen) (FB00–FB4F) enthält
armenische Ligaturen: U+FB13 Klein-Men-Now, U+FB14 Klein-Men-Ech, U+FB15 Klein-Men-Ini, U+FB16 Klein-Vew-Now, U+FB17 Klein-Men-Xeh
*/

span.hy {font-size:120%;}

/*bilderserie*/
.serie {position: absolute; left: 20px;}
.serie img {width:340px; height:255px; border:5px #009988 groove; padding:12px; background-color:#dddddd; margin-top:5px; margin-bottom:5px;}
img.hochkant {width:255px; height:340px; border:5px #009988 groove; padding:12px; background-color:#dddddd; margin-top:5px; margin-bottom:5px;}
.serie p {color:white;}

/* Arbeitslinks */
#vanity a {
        display:block;
        width:50px;
        height:20px;
        margin: 3px; margin-left:7px; margin-right:13px;
	}
#vanity img {border:0px solid gray;}
#v_php {float:left;background-image:url(navi_images/l/powered-php.gif);}
#v_php:hover {background-image:url(navi_images/l/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(navi_images/l/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(navi_images/l/h_powered-mysql.gif);}
#v_dai {float:left;background-image:url(navi_images/l/dai.gif);}
#v_dai:hover {background-image:url(navi_images/l/h_dai.gif);}
#v_dai2 {float:right;background-image:url(navi_images/l/dai.gif);}
#v_dai2:hover {background-image:url(navi_images/l/h_dai.gif);}
#v_xhtml {float:right;background-image:url(navi_images/l/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(navi_images/l/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(navi_images/l/valid-css.gif);}
#v_css:hover{background-image:url(navi_images/l/h_valid-css.gif);}

#intern a {
        display:block;
        width:76px;
        height:20px;
        margin: 3px 20px;
	}
#intern img {border:0}
#i_dai {background-image:url(navi_images/l/dai.jpg);}
#i_dai:hover {background-image:url(navi_images/l/h_dai.jpg);}

/* DAI ist 20*76 */