/* file        : cITB.css       */ 
/* last update : 2011-02-05     */
/* author      : Edgar Falterer */
body {
	background-color: #afa99f;
	color: black;
	margin-left: 10%;
	margin-top: 2em;
}

p,div,td,h2,h3,h4,span,blockquote {
	font-family: Verdana, Arial, Tahoma, "Trebuchet MS", 'sans-serif';
}

p,div,td,h4,span,blockquote {
	font-size: 10pt;
}

h2 {
	font-size: 14pt;
	color: #1e90ff;
	text-shadow: 2px 2px #c3c3c3;
}

h2#hdrDownload {
	margin-bottom: 40px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
}

h3 {
	font-size: 12pt;
}

blockquote {
	display: box;
	background-color: red;
	color: white;
	font-weight: bold;
}

hr {
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	bottom: 1px;
	color: #dcdcdc;
	text-align: center;
	top: 0px;
}

.feld {
	background-color: #ffffcc;
}

.rot {
	background-color: #ff0000;
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: center;
}

.hint {
	background-color: #0000ff;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: center;
}

td {
	padding: 10px 20px;
	text-align: left;
	vertical-align: top;
}

a.classic:link,a.classic:visited,a.classic:active {
	display: inline;
	text-decoration: underline;
	color: #1e90ff;
	font-weight: bold;
}

a:link,a:visited,a:active {
	text-decoration: none;
	color: black;
}

#d1,#d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9,#d10,#d11,#d12,#d14 {
	display: none;
}

	/* ---------------------------------- */
	/*   Fenster                          */
	/* ---------------------------------- */
div#window {
	background-color: #dcdcdc;
	height: auto;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	width: 850px;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid #c3c3c3;
	border-bottom: 2px solid #c3c3c3;
}

	/* ---------------------------------- */
	/*   Title                            */
	/* ---------------------------------- */
#title {
	background-color: #4c4c4c;
	color: white;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	text-align: center;
	text-shadow: 0.1em 0.1em gray;
}

	/* ---------------------------------- */
	/*   Menue                            */
	/* ---------------------------------- */
#menue {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

#menue ul {
	list-style: none;
	margin: 0px;
	padding: 3px;

}

#menue ul li {
	color: black;	
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	display: inline;
}

#menue ul li a {
	padding: 2px 4px;
}

#menue ul li a:hover {
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

#menue ul li a em {
	font-style: normal;
	text-decoration: underline;
}

#menue ul li form#fSearch {
	display: inline;
	padding: 2px 4px;
}

#menue ul li form#fSearch input {
	color: gray;
	font-size: 10pt;	
	padding: 0;	
}

	/* ---------------------------------- */
	/*   Skill Suchergebnis               */
	/* ---------------------------------- */
#skillBox {
	display: block;
	position: absolute;
	top: 8em;
	right: 5em;
	color: gray;
	background-color: white;
	border-top: 2px solid silver;
	border-left: 2px solid silver;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	padding: 0.5em;
}

#skillBox a:link,#skillBox a:visited {
	display: inline;
	text-decoration: underline;
	color: #1e90ff;
}
#skillBox a:hover,#skillBox a:focus,#skillBox a:active {
	display: inline;
	text-decoration: underline;
	background-color: #94877e;
	color: white;
} 
	

	/* ---------------------------------- */
	/*   Seiten                           */
	/* ---------------------------------- */
#pgind a#linkind,#pgprs a#linkprs,#pgskl a#linkskl,#pgpfl a#linkpfl,#pgimp a#linkimp,#pgref a#linkref,#pgdas a#linkdas
	{
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	color: gray;
}

	/* ---------------------------------- */
 	/*   Frame                            */
	/* ---------------------------------- */
div#frame {
	height: auto;
	margin-bottom: 4px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 4px;
	border-top: 2px #c3c3c3;
	border-left: 2px #c3c3c3;
	border-right: 2px white;
	border-bottom: 2px white;
	border-style: groove;
}

	/* ---------------------------------- */
	/*   Content                          */
	/* ---------------------------------- */
#pgind div#window div#frame div#content,#pgimp div#window div#frame div#content,#pgdas div#window div#frame div#content,#pgprs div#window div#frame div#content,#pgpfl div#window div#frame div#content,#pgref div#window div#frame div#content,#pgskl div#window div#frame div#content
	{
	color: black;
	height: auto;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	background-color: white;
}

/* --------- mozilla hack: START ----------*/
html>body#pgpfl div#window div#frame {
	height: 400pt;
}

html>body#pgDownload div#window div#frame {
	height: 450pt;
}

html>body#pgpfl div#window div#frame div#content {
	height: 380pt;
}

html>body#pgskl div#window div#frame {
	height: 700pt;
}

html>body#pgskl div#window div#frame div#content {
	height: 680pt;
}

/* --------- mozilla hack - ENDE ---------*/
#pgref div#frame div#content ul {
	list-style-image: url('img/iDoto.png');
	list-style-type: square;
	margin-top: 3em;
}

#pgref div#frame div#content ul li {
	margin-bottom: 2em;
	margin-top: 0.5em;
}

#pgind div#frame div#content div p {
	clear: left;
}

#pgprs div#frame div#content p {
	clear: right;
}

#pgskl div#frame div#content table tr td {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

#lnkDownload {
	text-align: center;
}

ul.short {
	list-style-image: url('img/iDoto.png');
	list-style-type: square;
	margin-bottom: 0;
	margin-left: 0.5em;
	padding-left: 0.5em;
}

ul.short li {
	margin-bottom: 1em;
	margin-left: 0.5em;
}

ul.short li strong {
	margin-right: 0.5em;
}

	/* ----------------------------- */ 
	/*   Profil                      */
	/* ----------------------------- */
#pgDownload div#window div#frame form {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

table#formular tr {
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	vertical-align: top;
}

table#formular td {
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 3px;
}

table#formular td.bold {
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
}

table#formular td input {
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}

	/* ---------------------------------- */
	/*   Skill-Table                      */
	/* ---------------------------------- */
#pgskl div#frame div#content div#tblskl {
	display: block;
	height: auto;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

	/* ---------------------------------- */
	/*   Zeitraum                         */
	/* ---------------------------------- */
#pgskl div#frame div#content div#tblskl div#zeitraum {
	display: block;
	height: auto;
	width: 350px;
}

#pgskl div#frame div#content div#tblskl div#zeitraum a {
	display: block;
	background-image: url("img/iOrd.gif");
	background-repeat: no-repeat;
	background-position: top left;
	margin: 1em;
	
}

#pgskl div#frame div#content div#tblskl div#zeitraum a:hover {
	display: block;
	background-image: url("img/iOrd_.gif");
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 1em;
	margin-left: 1em;
}

#pgskl div#frame div#content div#tblskl div#zeitraum a:focus,#pgskl div#frame div#content div#tblskl div#zeitraum a:active
	{
	display: block;
	background-image: url("img/iOrd_.gif");
	background-repeat: no-repeat;
	background-position: top left;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 0em;
	/* background-color: #1e90ff; */
	background-color: #94877e;
	color: white;
}

#pgskl div#frame div#content div#tblskl div#zeitraum a strong {
	display: box;
	margin-right: 0.5em;
	margin-left: 20px;
	width: 90px;
}

	/* ---------------------------------- */
	/*   Taetigkeiten                     */
	/* ---------------------------------- */
#pgskl div#frame div#content div#tblskl div#details {
	margin-bottom: 1em;
	margin-left: 0em;
	padding-left: 0em;
	width: 450px;
	height: auto;
	display: block;
	/* background-color: #1e90ff; */
	background-color: #94877e;
	color: white;
}

#pgskl div#frame div#content div#tblskl div#details div {
	margin: 1em;
}

#pgskl div#frame div#content div#tblskl div#details div h4 {
	margin: 0;
	padding: 0;
}

#pgskl div#frame div#content div#tblskl div#details div p {
	margin: 0.5em;
}

#pgskl div#frame div#content div#tblskl div#details div ul {
	margin-bottom: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.5em;
	padding-bottom: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0;
}

	/* ---------------------------------- */
	/*   Footer                            */
	/* ---------------------------------- */
#footer {
	color: gray;
	font-size: 10pt;
	height: 1.5em;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	text-align: center;
	width: 100%;
}

#footer span {
	margin-left: 2em;
}

	/* ---------------------------------- */
	/*   Bilder                            */
	/* ---------------------------------- */
#iProfil {
	float: right;
	border: solid gray 2px;
}

#logo {
	margin-right: 3em;
	text-align: right;
	vertical-align: text-bottom;
}

#pass {
	float: left;
	border: solid gray 2px;
}