/**************************************************
 Stylesheet for system & software Programmierung
 
 Author :  Otto Gierling ---  info@otto-gierling.de
 Date   :  08.09.2004
 

... He who laughs lasts, thinks slowest
IE7 hohoho
**************************************************/


html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #E3E3E3;

}

html, body {
	height: 100%;
	font-size: 12px;
	text-align: center;
}

body {
	background-color: #6699CC;
	/*background-image: url(../pics/bg_01.jpg);*/
}

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

strong {
   font-weight: bold;
}

acronym {
	border-bottom : 1px dotted ;
}

acronym:hover {
	cursor: help;
}

/******** was Abartiges ***************/
#illustration,#illustration-html {
width: 332px;
height: 200px;
margin: 0px auto;
text-align: center;
/* wired IE COde wird ignoriert, da nicht valides CSS */
/* src ist relative zum html-dok. und NICHT zum css-file *//
/* diese Zeile ist für #illustration */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/Web-Work_Blue-bg.png');
}

#illustration-html {
/* wired IE COde wird ignoriert, da nicht valides CSS */
/* src ist relative zum html-dok. und NICHT zum css-file */
/* diese Zeile ist für #illustration-html */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/Web-Work_Blue-bg.png');
}

/* dies sieht IE nicht - siehe: Child Selector Hack */
html>body #illustration,#illustration-html {
background: url(../pics/Web-Work_Blue-bg.png) no-repeat top;
}
/******** was Abartiges -ENDE- ***************/

sup {
font-family: monospace;
font-weight: 900;
font-size: small;
font-style: normal;
color: Silver;
text-decoration: underline overline;
}

p{
	text-indent: 1em ;
	text-decoration: none;
	text-align: justify;
}
/*
p:first-letter {
	font-size: 120%;
	font-weight: bold;
}

p:first-line {
	font-size: 110%;
	font-weight: bold;
}

*/
h3 {
	color: #333333;
	text-decoration: underline;
	}

.liste {
	display: list-item;
	list-style-type: square;
	list-style-position: inside;
	text-indent: 1em;
	font-style: italic;
	font-weight: lighter;
}

.copyright {
	font: 80% monospace;
	position: absolute;
}


/*----

#starter {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 99%;
	width: 100%;
	background-image: url(../pics/1PM5544.gif);
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	z-index: 500;
}
:hover #starter{
	visibility: hidden;
}

---*/

#mywords {
	display:none;
}

#overall {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 99.99%;
	width: 99.99%;
	}

#hauptrahmen {
	position: relative;
	top: 0px;
	height: 500px;
	width: 950px;
	margin: 0px auto;
	float: none;
	background-image: url(../pics/ssp-hauptrahmen-bg_02-blue.jpg);
	/*background-image: url(../pics/ssp-hauptrahmen-bg_01.jpg);*/
	background-repeat: no-repeat;
	overflow: auto;

}

#einespalte {
	position: relative;
	top: 20px;
	width: 910px;
	height: 400px;
	overflow: auto;
	text-align: left;
	margin: 0px auto;
}

.einespalte {
	position: relative;
	left: 15px;
	top: 40px;
	width: 91%;
	height: 88%;
}

#linkespalte {
	position: relative;
	float: left;
	top: 7%;
	height: 88%;
	left: 5%;
	width: 42%;
	text-align: left;
}

#rechtespalte {
	position: relative;
	float: right;
	top: 7%;
	height: 88%;
	width: 42%;
	text-align: left;
	right: 5%;
	padding-left: 3%;
	border-left: 2px groove #385B9B;
}

.picrechts {
	float: right;
	margin-left: 5px;
}

#ssp-rings {
	visibility: hidden;
	position: relative;
	top: -50px;
	width: 160px;
	height: 120px;
	border: 1px dotted #999999;
	margin: 0px auto;
}

.piclinks {
	float: left;
	display: inline;
}



#mypic {
	position: relative;
	margin: -10px auto;
	text-align: center;
}





#copyright {
	font: 80% monospace;
	position: absolute;
	bottom: 2.1em;
	right: 0%;	
	float: right;
	display: none;
}

#copyme, #copyme:hover {
background-color: #0E4B79;
font-size: 75%;
padding: .2em 1em;
border-right: 0px solid Black;
}

/* ------
#navcontainer {
	position: relative;
	left: 0px;
	margin-top: 15px;
}

#navcontainer ul {
	margin: 0;
	padding-top: 10px;
	list-style-type: none;
	text-align: center;
	font-size: 100%;
	font-family:monospace;
	height: 47px;
	width: auto;
}

#navcontainer ul li {
	display: inline; 
	width: 136px;
	height: 47px;
}

#navcontainer ul li a {
	text-decoration: none;
	width: 136px;
	height: 47px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	
	color: #000;
	background-image: url(../pics/button-blue-bg-01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
}


#navcontainer ul li a:hover, #navcontainer #current {
	color: #fff;
	background-position: 0 -47px;
	width: 136px;
	height: 47px;
}

------- */

#navbuttons {
	position: relative;
	width: 816px;
	top: 10px;
	margin: 0px auto;
}

.hbuttons a{
display: block;
text-decoration: none;
font: normal small-caps bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #B7D0E7;
width: 136px;
height: 47px;
float: left;
display: inline;
margin-right: 0px;
background-image: url(../pics/blue-button.jpg);
background-repeat: no-repeat;
padding-top: 10px;
text-align:center;
}

.hbuttons a:hover,#navbuttons a.current {
background-image: url(../pics/blue-button-over.jpg);
color: black;
}	

/*-------------------------------------------------
	Kontakt-Forms
-------------------------------------------------*/

#mail-text, #realname, #email, #subject, #emailtabelle {
	background-color: #669ACC;
	border-width: thin;
	border-color: #99CCFF;
	border-style: inset;
	font: normal Verdana Geneva Arial Helvetica sans-serif;
	color: #E3E3E3;
}

#emailtabelle {
	border-style: outset;
	border-color: #99CCFF;
	}
#email {
	color: Black;
}
#mail-text {
	position: relative;
	width: 95%;
	height: 15em;
}
	
#abschicken {
	position: relative;
	text-align: center;
	margin: 0px auto;
}







#servicelist {
	list-style-type: circle;
	list-style-position: outside;
	line-height: 1.5em;
}


#webcounter, #pagerank {
 display: none;
}
/*----------------------------
	style-switch
-----------------------------*/
#style-switch {
	position: relative;
	display: inline;
	z-index: 100;
}

#style-switch ul li {
	display: inline;
	list-style: none;
}
.bm {
}	

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

#google-related {
}


#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 {
padding: 5px;
}

#easyad-fullsize {
padding: 5px;
	
}

#easyad-skyscraper {
	position: relative;
	top: -100px;
}


#top-banner {
	position: relative;
	text-align: center;
	left:50%;
	right:50%;
}

#zanox-conrad{
	float: left;
}

#zanox-jamba{
	float: left;
}


#clustrmaps {
	width: 160px;
	height: 106px;
	float: left;
}

#counter-old {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#counter {
	position: relative;
	margin-left: 180px;
}