@charset "utf-8";

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

body {
	/*background-image:url(Bilder/Hintergrundcarbonhell8x8.png);/*min-width:955px; */
	background-color:#000;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 100,01%; color:#000;
	text-align:center;

	}

body h2 { font-size: 20px;
			color:#222; font-weight:bold; 
			text-align:center; text-shadow:#aaa 6px 6px 4px;
		}
body h1 { color:#222;font-size:20px; font-weight:bold; padding-top:0px;
			text-align:center; text-shadow:#aaa 6px 6px 4px; 
		}
body p { font-weight:bold; color:#444; font-size:14px; 
		text-align:center; text-shadow:#aaa 8px 8px 4px;
		}

/* X X X TOOLTIP CSS  ANFANG  X X X */
		.tooltip { /* Das Tooltip Haupt Text Fenster */
			border-bottom: 2px  #000000; color: #000000;font-size: 12px; 
			outline: none;
			cursor: help; text-decoration: none;
			/*position: relative;*/
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span { /* Das Tooltip Fenster */
			border-radius: 8px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; 
			box-shadow: #000 8px 8px 8px; -webkit-box-shadow: 
			#000 8px 8px 8px; -moz-box-shadow: #000 8px 8px 8px;
			font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
			position: position: absolute;
			top:20px; left:-80px; /* Die Position des Tooltip Fenster zum verlinkten Wort */
			/*width:300px; height:158px; mein TV-Fenster*/ z-index: 99;
			margin-left: 0; width: 420px;
		}/*die Breite der Textfläche des tooltip*/
		.tooltip:hover img { /* Das Bild links Oben in der Tooltipecke */
			border: 0; margin: -25px 0 0 -254px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
			font-size: 18px; 		font-weight: bold;
			display: block; padding: 10px;
			/*font-size: 1.2em; 		font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;*/
		}
		* html a:hover { background: transparent; }
		.classic { padding: 0.8em 1em; background: #FFFFAA; border: 2px solid #FFAD33;}/*classic*/
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		/* Position des Bildes der Textrand links */
		.achtung { background: #FFCCAA; border: 2px solid #FF3334;	} /*warnung*/
		.help { background: #aaffaa; border: 2px solid #11ff11;	}  /* hilfe */
		.info { background: #9FDAEE; border: 2px solid #2BB0D7;	}  /* information */
		.warning { background: #FFFFAA; border: 2px solid #FFAD33; } /*  Achtung */
		.tvinfo { position:absolute; top:8px; left:512px; width:301px; height:157px;
	/*background-color:#ccc; background-image: url(Bilder/tv-der-modellbau.jpg)*/; }
	.tranztextleerstellen {
		 font-weight:bold; color:#ff0 ;
		 filter:alpha(opacity=50); opacity:0.5;
		 -moz-opacity:0.5; -khtml-opacity:0.5; -opera-opacity:0.5;
		 font-size:24px; text-align:left;
		}
		
		/*.classic {background: #FFFFAA; border: 2px solid #FFAD33; } farbe aus Schatten  rgba(0, 0, 0, 0.1)
		
		/* X X X TOOLTIP CSS  ENDE  X X X */


/*.floatleft {float:left;}
.floatright {float:right;}*/

.divrahmen
{
	-webkit-box-shadow: #000 8px 8px 8px;
	-mox-box-shadow: #000 8px 8px 8px;
	box-shadow: #000 8px 8px 8px; /*#666-8px -8px 8px, #666 8px -8px 8px, #666 -8px 8px 8px;*/
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#888;
	border-bottom-color:#777;
	border-left-color:#ccc;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
}

.kleinerrahmen
{
	padding-top:4px; /*die 4 px padding werden im dtiteldiv abgezogen*/
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#bbb;
	border-bottom-color:#aaa;
	border-left-color:#ccc;
	-webkit-box-shadow: #000 4px 4px 8px;
	-mox-box-shadow: #000 4px 4px 8px;
	box-shadow: #000 4px 4px 8px;
	border-radius: 6px 6px 6px 6px; 
	-moz-border-radius: 6px 6px 6px 6px; 
	-webkit-border-radius: 6px 6px 6px 6px;	
}

.ueberschrift
{
	padding-bottom:4px; /*die 4 px padding werden im dtiteldiv abgezogen*/
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#bbb;
	border-bottom-color:#aaa;
	border-left-color:#ccc;
	-webkit-box-shadow: #000 4px 4px 8px;
	-mox-box-shadow: #000 4px 4px 8px;
	box-shadow: #000 4px 4px 8px;
	border-radius: 6px 6px 6px 6px; 
	-moz-border-radius: 6px 6px 6px 6px; 
	-webkit-border-radius: 6px 6px 6px 6px;	
}

.titel {
	position:absolute; top:10px;
	}


#hauptcontainer { 
z-index:1;  /*alles übergreifender unsichtbarer haupt container - umspannt auch den Farbigen Randschatten*/
margin:0px; padding:0px;
width:940px; /*height:828px;*/
background-color:#000;

}

#inhaltscontainer { 
position:absolute;
z-index:1;  /*Mit Farbigen Randschatten versehender übergreifender Haupt-inhalts container*/
margin:0px; padding:0px;
top:10px; left:10px; width:980px; height:936px; background-color:#444; background-image:url(Bilder/carbon.jpg);


	-webkit-box-shadow: #00f 8px 8px 12px;
	-mox-box-shadow: #00f 8px 8px 12px;
	box-shadow: #00f 8px 8px 12px, #00f -8px -8px 12px, #00f 8px -8px 12px, #00f -8px 8px 12px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#888;
	border-bottom-color:#777;
	border-left-color:#ccc;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;

}
/*der TAMULIMOBA Kopf div container*/
#kopfinhaltsdiv {
	position:absolute;
	top:32px; left:32px; width:912px; height:80px; background-color:#444; background-image:url(Bilder/carbongrau.jpg);
	/*top:24px; left:32px;*/
	-webkit-box-shadow: #000 8px 8px 8px;
	-mox-box-shadow: #000 8px 8px 8px;
	box-shadow: #000 8px 8px 8px; /*#666-8px -8px 8px, #666 8px -8px 8px, #666 -8px 8px 8px;*/
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#888;
	border-bottom-color:#777;
	border-left-color:#ccc;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
	/*background-image:url(Bilder/-Hintergrund-8x8-fuer-TAMULIMOBA.png)*/
	}


/*---ORIGINAL ohne tranzparenter schrift*/
#tamulimobalogo {
	position:absolute; z-index: 10;
	/*top:32px; left:32px; width:264px; height:40px;*/
	top:19px; left:19px; width:264px; height:40px;
	background-color:#000; background-image:url(Bilder/logo.png);
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#bbb;
	border-bottom-color:#aaa;
	border-left-color:#ccc;
	-webkit-box-shadow: #000 4px 4px 8px;
	-mox-box-shadow: #000 4px 4px 8px;
	box-shadow: #000 4px 4px 8px;
	border-radius: 6px 6px 6px 6px; 
	-moz-border-radius: 6px 6px 6px 6px; 
	-webkit-border-radius: 6px 6px 6px 6px;
	}
	#tamulimobalogoschalter {
	position:absolute; z-index: 99;
	top:19px; left:19px; width:264px; height:40px;
	}
	
#titel {
	position:absolute; z-index: 10; padding-left: 16px; padding-right: 16px;
	top:19px; /*left:424px;*/ right:19px; /*width:264px;*/ height:36px; /*zuzüglich der 4 px padding*/
	background-color:#ccf;
}
	
	/*der Themen Text Inhaltsdiv (content) div container*/
#textdiv {
	position:absolute;
	top:144px; left:32px; width:912px; height:760px; background-color:#bbb; /*background-image:url(Bilder/carbongrau.jpg);*/
	/*top:24px; left:32px;*/
	-webkit-box-shadow: #000 8px 8px 8px;
	-mox-box-shadow: #000 8px 8px 8px;
	box-shadow: #000 8px 8px 8px; /*#666-8px -8px 8px, #666 8px -8px 8px, #666 -8px 8px 8px;*/
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:#ddd;
	border-right-color:#888;
	border-bottom-color:#777;
	border-left-color:#ccc;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
	/*background-image:url(Bilder/-Hintergrund-8x8-fuer-TAMULIMOBA.png)*/
	}
	
	#zentrale {
			position:absolute;z-index:99;
			top:94px; left:370px; width:140px; height:40px; 
			text-align:center; /*font-weight:bold;*/
			outline: none;
			cursor: help; text-decoration: none;
	}
			
			/*#zentrale {
	position:absolute; margin:0px; padding:0px; z-index:20;
	top:97px; left:368px; width:148px; height:37px;
		}*/
	
	#basisbildbasis {
		position:absolute; 
	top:144px; left:154px; width:600px; height:450px; background-image:url(Bilder/ST-BASIS.gif); 
		}
	
	#globus {
		position:absolute; margin:0px; padding:0px; z-index:40; background-color:#000;
	top:158px; left:400px; width:69px; height:62px; background-image:url(Bilder/globus.gif); 
		}
	
	#basisueberschrift {
		position:absolute; margin:0px; padding:0px; z-index:10;
	top:24px; left:156px; width:600px; background-color:#ccc;
		}
	
	#basisoben {
		position:absolute; margin:0px; padding:0px; z-index:10;
	top:76px; left:8px; width:892px; background-color:#ccf;
		}
	
	#basislinks {
		position:absolute; margin:0px; padding:0px; z-index:10;
	top:146px; left:8px; width:132px; min-height:600px; background-color:#ccc;
		}
	
	#basisrechts {
		position:absolute; margin:0px; padding:0px; z-index:10;
	top:146px; left:768px; width:132px; min-height:600px; background-color:#ccc;
	}
	#collage{
	margin:0px; padding:0px; position:absolute;top:790px; left:100px;
	}
	
	#basisunten {
	position:absolute; margin:0px; padding:0px; z-index:10;
	top:610px; left:156px; width:600px; min-height:136px; background-color:#fcc;
		}


#hinweis {
	position:absolute; 
	margin:0px;
	padding:0px;
	z-index:20;
	top:263px;
	left:364px;
	width:148px;
	height:40px;
		}
	
	/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
	
/*blockquote: (before, / blockquote:after)   =  Blocksatz Schriftbild*/



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
	#farbverlauf {
	position:absolute; 
	top:776px; left:32px; text-align:justify; width:144px; height:144px; 
	background-color:#ccc; background:-moz-linear-gradient (top left, #DDD 0%,#CCC 75%);
	box-shadow: #666 10px 10px 10px; } 
	
	/* Tranzparente Schrift
		filter:alfa(opacity=20); IE*/
		/*-opacity:0.2;  allgemein*/
		/*-khtml-opacity:0.2;  KHTML*/
		/*-opera-opacity:0.2;  Opera*/