/* Stylesheet: personalsoftware.de */

/*
	COLORS:
	-------
	#000099	-	Dunkelblau
	#9999CC -	Hellblau
	#000000	-	Schwarz
	#FFFFFF	-	Weiss
*/

	/* ANFANG - Allgemeine HTML-Styles */
BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
	margin-left: 0px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}


FORM {
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

IMG {
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

TABLE {
	border: 0;
	font-size: 12px;
}

H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 15px;
}

H1 {
	font-size: 24px;
	color: #6A71B3;
}

H2 {
	font-size: 18px;
	color: #6A71B3;
}

H3 {
	font-size: 14px;
	color: #6A71B3;
}

H3.header {
	font-size: 14px;
	color: #6A71B3;
	border-bottom : 2px solid #000099;
}

H3.header2 {
	font-size: 14px;
	color: #6A71B3;
	border-bottom : 2px solid #FFE6C2;
}
H4 {
	font-size: 12px;
	color: #000099;
}

H5 {
	font-size: 11px;
	color: #000099;
}

H6 {
	font-size: 10px;
	color: #000099;
}

A {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000099;
	font-size: 12px;
}

A:HOVER {
	color: #9999CC ;
}
	/* ENDE - Allgemeine Styles */
	
iframe.jobframe {
	border: 1px solid #EED9CC;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}
	
DIV.d1 {
	color: #000099;
	font-size: 25pt;
	padding-left: 15px;
	margin-left: 30px;
	font-family : "ZapfHumnst Dm BT";
}

DIV.d2 {
	color: #000099;
	margin-left: 20px;
	font-size: 1px;
	background-color: #000099;
	height: 1px;
	width: 600px;
}

DIV.d3 {
	color: #000099;
	font-size: 25pt;
	padding-left: 120px;
	margin-left: 30px;
	font-family : "ZapfHumnst Dm BT";
}

IMG.textdeco {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}
	/* ANFANG - Verschiedene Farben */

.red {	/* Text in rot */
	color: red;
}

.red-bold {	/* Text in rot, fett */
	color: red;
	font-weight: bold;
}

.blue {	/* Text in rot */
	color: #000099;
}

.blue-bold {	/* Text in rot, fett */
	color: #000099;
	font-weight: bold;
}


	/* ENDE - Verschiedene Farben */

	/* ANFANG - Styles für Header und Banner */
table.main-header {
	width: 100%;
	height: 69px;
	border-bottom: 1px solid #9999CC;

}

td.main-header-logo {
	width: 143px;
	height: 68px;
}

td.main-header-banner {
	width: 100%;
	height: 68px;
}

div.banner {
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
	/* ENDE - Styles für Header und Banner */


	/* ANFANG - Styles für Navigation 1 */
table.main-navi1 {
	width: 100%;
	height: 23px;
	background : #000099;
}

a.navi1 {
	color: #FFFFFF;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align : middle;
	font-size: 14px;
}

a.navi1:HOVER {
	text-decoration : none;
	color: #000099;
	background-color: #FFC066;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 14px;
}

a.navi1-active {
	color: #000099;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration : none;
	background-color: #FFC066;
	vertical-align : middle;
	font-size: 14px;
}

a.navi1-active:HOVER {
}
	/* ENDE - Styles für Navigation 1 */


	/* ANFANG - Styles für Navigation 2: */
table.main-navi2 {
	width: 100%;
	height: 20px;
	background : #FFE6C2;
}

a.navi2 {
	color: #6A71B3;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 2px;
	margin-right: 2px;
	background-color : #FFE6C2;
	vertical-align : middle;
	font-size: 12px;
}

a.navi2:HOVER {
	color: #000099;
	margin-left: 2px;
	margin-right: 2px;
}

a.navi2-active {
	color: #000099;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 2px;
	margin-right: 2px;
	background-color : #FFE6C2;
	vertical-align : middle;
}

a.navi2-active:HOVER {
	
}
	/* ENDE - Styles für Navigation 2 */


		/* ANFANG - Styles für Navigation 2: */

table.main-navi3 {
	width: 150px;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(image/navi3-back_content.gif);
	background-position : top;
	background-repeat : repeat-x;
}

table.main-navi3-header {
	width: 150px;
	font-size: 12px;
	background-color: transparent;
}

td.navi3-header {
	font-weight : bold;
	color: #FFFFFF;
	text-align: center;
	background-image: url(image/navi3-back.gif);
}

tr.navi3-header {
	height: 20px;
}

tr.navi3 {
	height: 20px;
}

td.navi3-footer {
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left: 1px solid #FFE6C2;
	border-right: 1px solid #FFE6C2;
	border-bottom: 1px solid #FFE6C2;
}

td.navi3 {
	padding-left: 4px;
	border-left: 1px solid #FFE6C2;
	border-right: 1px solid #FFE6C2;
}

td.navi3-content {
	vertical-align: top;
	padding-left: 5px;
	padding-top: 5px;
	width: 150px;
}

a.navi3 {
	color: #000099;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	-moz-border-radius: 5px; /* mozilla only */ 
}

a.navi3:HOVER {
	color: #FFFFFF;
	background-color: #000099;
	padding-left: 2px;
	padding-right: 2px;
}

a.navi3-active {
	color: #FFFFFF;
	background-color: #000099;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	-moz-border-radius: 5px; /* mozilla only */ 
}

a.navi3-active:HOVER {
	
}
	/* ENDE - Styles für Navigation 3 */
	
td.navi-right {
	background-image: url(image/navi-right-back.gif);
}
	
	/* ANFANG - Styles für Hierarchie-Navigation */
	
table.main-hierarchie {
	height: 16px;
}
	
a.navi-hierarchie {
	color: #9999CC;
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
	-moz-border-radius: 5px; /* mozilla only */ 
}

a.navi-hierarchie:HOVER {
	text-decoration : none;
	color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #9999CC;
}

div.navi-hierarchie {
	color: #9999CC;
	padding-left: 3px;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 11px;
}
	/* ENDE - Styles für Hierarchie-Navigation */

	a.navi-right {
	color: #FFFFFF;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align : middle;
}

a.navi-right:HOVER {
	text-decoration : none;
	color: #000099;
	background-color: #FFC066;
	margin-left: 2px;
	margin-right: 2px;
}

a.navi-right-active {
	color: #000099;
	font-weight : bold;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-decoration : none;
	background-color: #FFC066;
	vertical-align : middle;
}

a.navi-right-active:HOVER {
	color: #000099;
}
	

	/* ANFANG - Styles für Content-Bereich */
table.main-content {
	width: 100%;
	height: 420px;
	text-align : left;
	/* Blocksatz für Fliesstext*/
	background-image: url(image/content_background.gif);
	background-repeat : no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ANFANG - Styles für Content-Bereich */
table.main-content-home {
	width: 100%;
	height: 480px;
	text-align : left;
	/* Blocksatz für Fliesstext*/
	background-image: url(image/titel_background.gif);
	background-repeat : no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}


td.main-content {
	padding-top: 60px;
	padding-left: 85px;
	padding-right: 75px;
	padding-bottom: 15px;
	vertical-align : top;
}

td.main-content-home {
	padding-top: 40px;
	padding-left: 110px;
	padding-right: 65px;
	padding-bottom: 0px;
	vertical-align : top;
}

td.main-content2 {
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 75px;
	padding-bottom: 15px;
	vertical-align : top;
}

.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	/* ENDE - Styles für Content-Bereich */


	/* ANFANG - Styles für Footer */
table.main-footer {
	width: 100%;
	border-top: 1px solid #9999CC;
}

td.footer {
	font-size: 11px;
	text-align: center;
	color: #9999CC;
}

a.footer {
	font-size: 11px;
	color: #9999CC;
}

a.footer:HOVER {
	color: #000099;
}
	/* ENDE - Styles für Footer */


	/* ANFANG - Styles für Nachrichten */
table.main-news {
	width : 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.news {
	font-weight : bold;
}

.news-list {
	padding-top: 5px;
}

.news-date {
	vertical-align: top;
}

.news-titel {
}

.news-kurztext {
	padding-top: 5px;
	font-weight : bold;
}

.news-text {
	padding-top: 5px;
	font-size: 12px;
}

.news-links {
	padding-top: 5px;
}

hr.news-trenner {
	background-color: #FFFFFF;
	color: #FFFFFF;
	border-left: 0px;
	border-right: 0px;
	border-top:0px;
	border-bottom: 1px dotted #FFC066;
	height: 1px;
	width: 300px;
}

	/* ENDE - Styles für Nachrichten */


	/* ANFANG - Styles für Veranstaltungen */
table.main-veranstaltung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td.veranstaltung-text {
	width: 300px;

}

td.veranstaltung-logo {
	vertical-align : top;
	padding-top: 15px;
	padding-bottom: 15px;
}


	/* ENDE - Styles für Veranstaltungen  */
	
.padding-l20 {
	padding-left: 20px;
}

/* ANFANG - Styles für Formulare */

table.form {
	background-color: #FFFFFF;
	border: 1px solid #000099;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.form-textfeld {
	border: 1px solid #000099;
	color: #000099;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-auswahl {
	border: 1px solid #000099;
	color: #000099;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-checkbox {
	color: #000099;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-radio {
	color: #000099;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-button {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000099;
	border: 2px outset #CECEF2;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-file {
	color: #000099;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-textfeld-red {
	border: 2px solid red;
	color: #000099;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-auswahl-red {
	border: 2px solid red;
	color: #000099;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;	
}

.form-checkbox-red{
	color: #000000;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-radio-red {
	color: #000000;
	background-color: #FFFFFF;
	vertical-align: middle;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-button-red{
	color: #000099;
	background-color: #FFFFFF;
	border: 2px outset red;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-file-red {
	color: #000000;
	background-color: #FFFFFF;
	margin: 2px 2px 2px 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.form-header {
	font-weight : bold;
	color:#FFFFFF;
	text-align: center;
	background-color: #000099;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}

.form-trenner {
	vertical-align: top;
	padding-left: 10px;
}

td.form-name {
	color:#000099;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	border-right: 1px solid #9999CC;
	border-bottom: 1px solid #9999CC;
}

td.form-value {
	color:#000099;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #9999CC;
	font-size: 12px;
}

td.form-text-left {
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 5px;
	font-weight: bold;
	border-right: 1px solid #9999CC;
	border-bottom: 1px solid #9999CC;
	background-color: #000099;
}

td.form-text-right {
	color:#000099;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #9999CC;
	font-size: 12px;
	font-weight: bold;
}

tr.form-tr {
	height: 25px;
}

TD.pseudo-trenner {
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	color:#000099;
	font-size: 12px;
}

.form-trenner {
	text-align: left;
	width: 200px;
	vertical-align: middle;
	color: #000099;
	font-size: 12px;
}

/* ENDE - Styles für Formulare */

/* ANFANG - Styles für wrTable */

TABLE.wrtable {
	border: 1px solid #000000;
	background-color: #000000;
}

TR.wrtable-tr1 {
	background-color : #EFEFEF;
}

TR.wrtable-tr2 {
	background-color : #FFFFFF;
}


TR.wrtable-tr-header {
	height: 30px;
	text-align: left;
	background-color: #000099;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}

TR.wrtable-tr-footer {
	height: 20px;
	background-color: #000099;
	color: #FFFFFF;
}

TD.wrtable-td-header {
	padding-left: 5px;
	padding-right: 5px;
}

TD.wrtable-td {
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-size: 12px;
}

.wrtable-footer-left {
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
}

.wrtable-footer-right {
	padding-right: 5px;
	text-align: right;
	font-size: 12px;
	color: #FFFFFF;
}

A.wrtable-headerlink {
}

A.wrtable-headerlink:HOVER {
}

A.wrtable-footer-link {
	color: #FFFFFF;
}

A.wrtable-footer-link:HOVER {
	font-weight: bold;
}

/* ENDE - Styles für wrTable */


/* ANFANG - Style für Referenzliste */

table.main-referenzliste {

	font-size: 12px;
}

.referenzliste-name {
	height: 10px;
	width: 400px;
}

.referenzliste-text {
	vertical-align: top;
}

.referenzliste-links {
}

.referenzliste-trenner {
	background-color: #FFFFFF;
	color: #FFFFFF;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 1px dotted #FFC066;
	height: 1px;
	width: 300px;
}

/* ENDE - Style für Referenzliste */


/* ANFANG - Style für Linkliste */

div.linkliste {
	padding-bottom: 5px;
	width: 400px;
}
/* ENDE - Style für Linkliste */


img.sm-image {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	height: 20px;
}

td.sitemap {
	vertical-align: top;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

td.sitemap-header {
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

.question {
	width:200px;
	border: 2px solid red;
	text-align: center;
}

TABLE.layout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}

TD.layout {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-right: 1px solid #FDC87F;
}

TD.layout2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-right: 1px solid #FDC87F;
	background-color : #FEE9CA;
}

TD.layout-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

TD.layout2-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	background-image : url(image/layout-back.gif);
	background-repeat : repeat-y;
}

TD.layout3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
	border-right: 1px solid #FDC87F;
	background-color: #FFE6C2;
}

TD.layout-header {
	padding: 5px 5px 5px 5px;
	color: #000099;
	font-size: 12px;
}

H1.layout-header, H2.layout-header, H3.layout-header, H4.layout-header, H5.layout-header, H6.layout-header {
	color: #000099;
	margin: 0px 0px 0px 0px;
} 

DIV.layout {
	width: 610px;
}

td.title-news {
	font-size: 12px;
	background-image: url(image/navi3-back_content.gif);
	background-position : top;
	background-repeat : repeat-x;
	padding: 2px 2px 2px 2px;
}

TD.screenshot-overview-left {
	font-size: 12px;
	background-color : #FFE6C2;
	border-left: 1px solid #FFC066;
	border-top: 1px solid #FFC066;
	border-bottom: 1px solid #FFC066;
	
	padding: 5px 5px 5px 5px;
}


TD.screenshot-overview-right {
	font-size: 12px;
	background-color : #FFE6C2;
	border-left: 1px dotted #FFC066;
	border-right: 1px solid #FFC066;
	border-top: 1px solid #FFC066;
	border-bottom: 1px solid #FFC066;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

iframe.iframe-refliste {
	width: 700px;
	height: 600px;
	border:0px;
}