/**************************************************
 Stylesheet for system & software Programmierung
 
 Author :  Otto Gierling ---  info@otto-gierling.de
 Date   :  27.03.2005
 
CERN STYLE
... He who laughs lasts, thinks slowest
**************************************************/


/*----------------------------------------------------
		Allgemein
----------------------------------------------------*/

html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 95%;
	text-align: center;
	

}

body {
	background-color: Black;
	background-image: url(../pics/0401001.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: Silver;
	/*bunte Scrollbars im IE */
	scrollbar-base-color:#343434;
	scrollbar-arrow-color:#E4D459;
	scrollbar-face-color:#26275D;
	scrollbar-highlight-color:#686C93;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#131732;
	scrollbar-track-color:#343434;
}

hr {
	color: blue;
	
}

acronym {
	border-bottom : 1px dotted ;
}

p{
	text-indent: 1em ;
	text-decoration: none;
	text-align: justify;
}

acronym:hover {
	cursor: help;
}

:link , :visited, a img{
	color:Silver;
	border-bottom-style: none;
	text-decoration: none;
	border: none;
}

#mywords {
	right: 500%;
display: none;
}

#overall {
	position: relative;
	top: 5px;
	left: 10px;
	bottom: 5px;
	width: 95%;
	border: 1px solid Blue;
	min-height: 99%;
	height: auto;
}

#hauptrahmen {
 	position: relative;
	height: auto;
	min-height: 80%;
	margin-top: 10px;
	margin-right: 100px;
	margin-left: 100px;
	margin-bottom: 10px;
	text-align: left;
	border: 1px solid Blue;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/grey-trans-bg.png', sizingMethod='scale');*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/grey-trans-bg.png', sizingMethod='scale');
}

/*siehe: Holy Hack,hier nötig damit filter:... ein >LAYOUT< hat */
/* Hides from IE-mac \*/ 
* html #hauptrahmen {
	height: 1%;
} 
/* End hide from IE-mac */ 


/* dies sieht IE6 nicht (IE7 schon)- siehe: Child Selector Hack */
html>body #hauptrahmen {
	background-image: url(../pics/grey-trans-bg.png);
	height: auto;
}

#einespalte {
	position: relative;
	width: 90%;
	height: 400px;
	width: 650px;
	overflow: auto;
	margin: 0px auto;
	font-size: 90%;
}

.einespalte {
	position: relative;
	left: 2%;
	top: 0px;
	width: 96%;
	height: 88%;
}

/*siehe: Holy Hack */
/* Hides from IE-mac \*/ 
* html #einespalte {
} 
/* End hide from IE-mac */ 

#linkespalte,#rechtespalte {
	padding: 3%;
}

#illustration, #illustration-html {
	text-align: center;
	float: right;
}

#mypic {
	margin: 0px auto;
	text-align: center;
}
#liste {
	list-style-position: inside;
	list-style-type: square;
}


/*----------------------------------------------------
		NAVCONTAINER

#navcontainer {
position: fixed;
top: 50px;
left: 30px;
font-size: 80%;
font-variant: small-caps;
font-weight: 900;
}


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer ul li  {
margin-top: 2px;
}

html>body #navcontainer ul li  {
background-image: url(../pics/grey-trans-bg.png);
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;

border: 1px solid Blue;
}

#navcontainer a:link, #navlist a:visited
{
color: Lime;
text-decoration: none;
}

#navcontainer a:hover,  #navlist a#current{
background-color: Navy;
color: Lime;
}
---------------------------------------------------*/
#navbuttons {
	position: fixed;
	top: 50px;
	left: 1%;
	font-size: 12px;
	font-variant: small-caps;
	text-align: center;
}

.hbuttons a{
border: 1px solid Blue;
width: 120px;
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 2px;

}

.hbuttons a:hover,#navbuttons a.current {
color: yellow;
background-color: #993333;
}	

/*----------------------------------------------------
		Style-Switch
----------------------------------------------------*/
#style-switch {
	position: fixed;
	top: 50px;
	right: 10px;
	text-align: left;
	font-size: 70%;
	z-index: 100;
}

#style-switch ul li {
	margin-top: 2px;
	list-style: none;
}
#style-switch ul li a {
	display: block;
	border: 1px solid Blue;
	text-align: center;
	width: 120px;
}

#style-switch a:visited, #style-switch a:link{
	color: #99CCFF;
}

.bm {
}

#style-switch a:hover {
	background-color: #99CCFF;
	color: Blue;
}



/*----------------------------------------------------
		Web-Ranking
----------------------------------------------------*/
#webcounter, #pagerank  {
	display: none;
}

/*-------------------------------------------------
	Kontakt-Forms
-------------------------------------------------*/
#emailtabelle {
	margin: 0px auto;
}

#mail-text, #realname, #email, #subject {
	opacity:0.75; /* forward compatibility */
	filter:Alpha(opacity=75);
	-moz-opacity:0.75;
	color: White;
	background-color: #333333;
	border: 1px solid Blue;
	font-size: 100%;
}

#email {
}

#mail-text {
	position: relative;
	height: 15em;
	width: 80%;
	font-family: sans-serif;
	font-size: 100%;
}
	
#abschicken {
	position: relative;
	text-align: center;
	margin: 0px auto;
}

/* -------------------------------
	google und Co.
---------------------------------*/

#google-zielgerichtet {
	position: absolute;
	top:5px;
	left:5px;
	z-index: 100;
}	

#adsee-88x31 {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 101;
}

#adsee_sticky-468x60 {
	margin-top: 10px;	
}