/* klaus thorn PROFIL PORTFOLIO ETC. */

/* ________ grosse Bereiche _________ */

body {
	margin:0px; padding:0px;
	}
body#home {
	color:#555; background:#FFF;
	/*font-size:120%*/
    font-family: sans-serif;

	}
div.durchblick {        /* transparent */
    background:white; opacity:.85; -moz-opacity:.85; filter:alpha(opacity=85);
    }
div#tablett {           /* enthält alles außer der navigation */
    width:900px; left:30%; margin-left:-300px;
    min-height:770px;
    top:20%;            /*  20% ist weiter oben als 25% */
    margin-top:-140px;  /* -190 ist weiter oben als -180 */
    position:absolute;
    }
div#kasten_linkliste_profil{
    top:200px; left:200px; position:absolute;
	background:#eeeefe;
	width:600px; padding:12px;
	z-index:1;
}
div#kasten_linkliste_portfolio{
    top:350px; left:200px; position:absolute;
	background:#eeeefe;
	width:600px; padding:12px;
}
div#kasten_linkliste_etc{
    top:500px; left:200px; position:absolute;
	background:#eeeefe;
	width:600px; padding:22px;
}
div#kabelbild_tablett {
	width:500px; right:50%; margin-right:-700px;  position:absolute;
	top:140px;
}
div#rackbild_tablett {
	position:absolute;	top:0px;	left:0px;
}

/* ___ Kenntnisse Seitenlayout ___ */

div#knowhow_tablett_print{
    top:0px; left:15%;
    width:70%;
	/*width:900px; left:30%; margin-left:-300px;
    min-height:770px;
                /*  20% ist weiter oben als 25% */
    /*margin-top:-140px;  /* -190 ist weiter oben als -180 */
    position:absolute;
}
div#knowhow_tablett{
    top:0px; left:30%;
	/*width:900px; left:30%; margin-left:-300px;
    min-height:770px;
                /*  20% ist weiter oben als 25% */
    /*margin-top:-140px;  /* -190 ist weiter oben als -180 */
    position:absolute;
}
img#rack {
	top:0px;left:20%; position:absolute;
	z-index:-1;
}
table#kenntnisse {
/*	top:0px;left:10%; position:absolute; 
*/
}


/* ________ Bilder ________ */

img {
    border: 0px;
    behavior: url("pngbehavior.htc"); /* PNG-Teil-Transparenz f. IE<7 */
    }
img#klaus_thorn {
	top:40px;left:100px; position:absolute;
	z-index:0;
    }
img#kabel {
/*	top:180px;right:10%; position:absolute; */
	z-index:0;
    }
img#profil {
    top:180px; left:160px; position:absolute;
	/*  -20         -40 */
	z-index:2;
    }
img#portfolio {
    top:330px; left:160px; position:absolute;
	/*  -20         -40 */
	z-index:2;
    }
img#etc {
    top:480px; left:160px; position:absolute;
	/*  -20         -40 */
	z-index:2;
    }



/* ________ Kleinkram ________ */


ul {
    text-align: left;
    }
.center {               /* zentrierter Textabschnitt */
    display:block; margin-left:auto; margin-right:auto; text-align:center;
    }
.right {               /* rechts ausgerichteter Textabschnitt */
    display:block; margin-left:auto; margin-right:2px; text-align:right;
    }
.ruck { margin-left:6em; }
.black{ color:black; }
em    { color:black; font-style:normal; }
#laut { color:#333;  font-size:220%; font-weight: bold;}
#XXL  { color:#333;  font-size:350%; }
q     { color:#333;  font-style:normal; }

a.grafik {
	text-decoration:none; border-bottom:0px
    }
a.grafik:hover { /* Link, waehrend der Mauszeiger drüber schwebt*/
    border-bottom:0px
	}
a {
	border-bottom:1px dashed #bbb; display:inline-block; margin: 1px 1px 1px;
	color:#555;  text-decoration:none;
    }

a:hover { /* Link, waehrend der Mauszeiger drüber schwebt*/
    border-bottom:1px solid #333; display:inline-block; margin: 1px 1px 1px;
    }
a:visited	{
	color:#333;  text-decoration:none;
	}
a:active	{
	color:#F99;  text-decoration:none;
	}
a:focus	{ /* waehrend z.B. Auswahl per Tabulator-Taste */
	border-bottom:1px dashed #bbb; display:inline-block; margin: 1px 1px 1px;
	}

span.normal { /* wenn z.B. ein Link aussehen soll wie normaler Text */
    color:navy; text-decoration:none; font-style:normal;
    }

span.subtext { /* z.B. in Klammern unter einer anderen Zeile */
    font-size: 80%;
    }

.ware_head {
	font-variant: small-caps;
}


/* ________ Navigation ________ */

div#head a {
	text-decoration:none; margin: 0px 0px 0px; border: 0px;
    }
div.nav a {
	text-decoration:none; margin: 0px 0px 0px; border: 0px;
    }
div.nav table{
    width:610px; /* wie Buchstaben der Grafik im head */
    padding:0px;
    border:0; border-width:0;
	background-color:#f7f7ff;
    font-family: sans-serif;
    text-align: center;
    }
div.navsub {
    font-family: sans-serif;
    text-align: center;
}

/* ________ Tabellen ________ */

table.years {
	border-collapse:separate;
	empty-cells:hide;
    width:100%;
    border:0; border-width:0;
	background-color:#eeeefe;
    }
td.knowhow {
	min-width:300px;
	/*border: 1px solid #000000;*/
    text-align: center;
}
td.active {
	background-color:#8dcb60;
}
table#vita {
	min-width:1050px;
	border-collapse:collapse;
	position:relative; left:30px;
    border:0; border-width:0;
	background-color:#fff;
    }
td.job {
	padding-left:3px;
    text-align: left;
	border-color: #000;
	border-width: 1px 0px 1px 0px;
	border-style:solid none solid none;
}
span.bei_wem {
	font-style:italic;
}
span.jobname {
	font-weight:bold;
}
td.modus {
	vertical-align:text-top;
	border: 0px none #000;
    text-align: left;
	border-color: #000;
	border-width: 1px 0px 1px 1px;
	border-style: solid none solid none;
}
td.work {
	vertical-align:text-top;
	background-color:#8dcb60;
	border: 1px solid #000000;
}
td.spacer {
	background-color:#fff;
	border: 0px none #000;
}
table.perso {
    width:600px;
    border:0; border-width:0;
	background-color:#eeeefe;
    font-family: sans-serif;
    }
table.perso_unten{
    width:90%;
    border:0; border-width:0;
	background-color:#eeeefe;
    font-family: sans-serif;
    }
table.project {
    width:80%;
    padding:15px;
    border:0; border-width:0;
	background-color:#eeeefe;
    font-family: sans-serif;
    text-align: right;
    }
td.zeit {
    padding:5px;
    text-align: center;
    font-size: 80%;
    }
td.grafik {
    padding:10px;
    text-align: center;
    }
td.title {
    padding:5px;
    text-align: right;
    font-size: 110%;
    }
td.ware {
    padding:8px;
    text-align: left;
    }
td.project {
    padding:10px;
    text-align: right;
    }