/* ------------------------------ Allgemeine Formatierungen ------------------------------ */

body {
	margin:	0; padding: 2em;
	font-size: 100.01%; /* standardkonforme Standardschriftgröße */
	text-align: center;  /* Zentrierung im Internet Explorer */
	background-color: rgb(54,54,54);
}

body, form, input, textarea {
	font-family: Helvetica,Arial,sans-serif;
}

.invisible {display:none;}


/* ------------------------------ Template Formatierungen ------------------------------ */

/* --------------- zentraler Container --------------- */

div#defcon_central {
	position: static;
    	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	width: 75.67em;
    	font-size: 0.75em; /* Alle Child-Elemente beziehen sich nun auf 12px Standardschriftgröße */
	color: rgb(150,150,150);
	text-align: left; /* Seiteninhalt wieder links ausrichten */
}


/* --------------- Kopfzeile --------------- */

div#defcon_header {
	position: absolute; z-index:2;
	margin: 0; padding:0;
	width: 64.58em; height: 12.08em;
}

/* --------------- Kopfzeile -> Logo --------------- */

div#defcon_logo {
	position: absolute; z-index:1;
	margin: 0; padding: 0;
	width: 27.08em; height: 12.08em;
	background: url(../img/pixel/logo.jpg);
	/*background-color: rgb(0,0,0);*/
	text-align:center;
}

div#defcon_logo h1 {
	margin: 1em 0 0.17em 0; padding: 0;
	font-size:2em; color: rgb(255,255,255);
}

div#defcon_logo h1 span {
	color: rgb(255,0,0);
}

div#defcon_logo h2 {
	margin:0; padding:0;
	font-size:1em; font-weight:normal; color: rgb(212,212,212);
}

/* --------------- Kopfzeile -> Login --------------- */

div#defcon_login {
	position: absolute; right:0; z-index:1;
	margin: 0;  padding: 0.42em 0 0 0;
	width: 20.83em; height: 8.33em;
	text-align: right;
}

/* --------------- Kopfzeile -> Navigation --------------- */

div#defcon_navigation {
	position: absolute; top: 8.33em; z-index:2;
	margin:0; padding: 0;
	width: 64.58em; height: 2.50em;
	border-top: 0.08em rgb(255,0,0) solid;
	background: url(../img/pixel/navi_bg.jpg) rgb(48,48,48);
	line-height: 2.50em;
}


/* --------------- Inhaltsbereich --------------- */

div#defcon_content {
	position: absolute; z-index:1;
	margin: 0; padding:0;
	width: 64.58em; height: 54.17em;
	text-align:justify;
}

div#defcon_content h1 {
	margin:0.58em 0 0.58em 0; padding:0;
	font-size: 1.33em; color: rgb(212,212,212);
}

div#defcon_content h2 {
	margin:0.58em 0 0.58em 0; padding:0;
	font-size: 1.17em; color: rgb(212,212,212);
}

div#defcon_content h3 {
	margin:0.58em 0 0.58em 0; padding:0;
	font-size: 1em; color: rgb(212,212,212);
}

div#defcon_content h4 {
	margin:0.58em 0 0.58em 0; padding:0;
	font-size: 1em; color: rgb(255,0,0);
}

div#defcon_content_right a { text-decoration:none; color:rgb(212,212,212); }
div#defcon_content_right a:hover { text-decoration:none; color:rgb(150,150,150); }
div#defcon_content_right a:active { text-decoration:none; color:rgb(215,0,0); }

div#defcon_content_right a.hyperlink_txt { padding-left: 15px; text-decoration:none; color:rgb(212,212,212); background: url(../img/pixel/external_link.gif) left 0px no-repeat; }
div#defcon_content_right a.hyperlink_txt:hover { text-decoration:none; color:rgb(150,150,150); background: url(../img/pixel/external_link.gif) left -20px no-repeat;  }
div#defcon_content_right a.hyperlink_txt:active { text-decoration:none; color:rgb(215,0,0); background: url(../img/pixel/external_link.gif) left -40px no-repeat; }

/* --------------- Social Network --------------- */

div#defcon_social {
	position: absolute; top: 45.42em; z-index:1;
	margin: 0; padding: 0.75em 2.08em;
	width: 22.92em; height: 1.67em; line-height: 1.67em;
	vertical-align:middle;
	color: rgb(212,212,212); font-weight: bold;
	background-color: rgb(89,84,80);
	overflow: hidden;
}

/* --------------- Inhaltsbereich -> Links --------------- */

div#defcon_content_left {
	position: absolute; top: 7.08em; z-index:1;
	margin: 0; padding: 6.25em 2.08em 2.08em 2.08em;
	width: 22.92em; height: 31.25em;
	background-color: rgb(70,66,63);
	overflow:hidden;
}

/* --------------- Inhaltsbereich -> Rechts --------------- */

div#defcon_content_right {
	position: absolute; top: 7.08em; left: 27.08em; z-index:1;
	margin: 0; padding:6.25em 2.08em 2.08em 2.08em;
	width: 33.33em; height: 37.50em;
	background-color: rgb(27,27,27);
	overflow:auto;

}

/* --------------- Inhaltsbereich -> Fußeile --------------- */

div#defcon_footer {
	position: absolute; top: 54.17em;
	margin: 0 0 2.08em 0; padding: 0 2.08em 0 2.08em;
	/* width: 62.05em; */ width: 60.42em; height: 2.08em;
	line-height: 2.08em;
	background: rgb(27,27,27);
}

/* --------------- Skyscraper --------------- */

div#defcon_skyscraper {
	position: absolute; right:-11.5em;
	margin: 4.17em 0 0 0; padding: 0;
}




/* ------------------------------ Typolight Standard Formatierungen ------------------------------ */

.ce_list {
margin: 1em 0 1em 0;
}

.ce_list ul, .ce_text ul{
margin: 1em; padding:0;
list-style-image: url(../img/pixel/pfeil_einfach.gif);
}

.ce_list li, .ce_text li{
margin: 0 0 0 1em; padding:0;
}

.ce_download {
	margin: 0 0 0.5em 1em;
}

.ce_download img {
	margin: 0; padding: 0;
	float:left;
}

.ce_download a {
	margin: 0 0.5em; padding: 0;
	line-height:20px; vertical-align:middle;
}

div#defcon_social p {
	margin:0; padding:0;
}
div#defcon_social span {
	margin:0; padding:0;
	float:left;
}
div#defcon_social img {
	margin:0.17em 0.17em; padding:0; display:block; float:right;
	width:1.33em; height:1.33em;
	border:none;
}
div#defcon_social iframe {
	margin:0 0.17em; padding:0; display:block; float:right;
	width:9.17em; height:1.67em; overflow:hidden;
	border:none;
}

div#defcon_content_left .image_container, .ce_Imagerotator {
margin:0.83em 0 0.83em 0; padding:0;
width: 22.92em;
height: 14.58em;
border: 0.08em rgb(212,212,212) solid;
}

div#defcon_content_left .image_container img, div#defcon_content_left div#irdiv1 img {
margin:0; padding:0; display:block;
width: 22.92em;
height: 14.58em;
}


.ce_text a, .layout_simple a { text-decoration:none; color:rgb(212,212,212); }
.ce_text a:hover, .layout_simple a:hover { text-decoration:underline; color:rgb(150,150,150); }
.ce_text a:active, .layout_simple a:hover { text-decoration:none; color:rgb(215,0,0); }

 table { margin:1em 0 1em 0; padding:0.17em; width:100%; }
 table tbody td.label {width:12.50em;height:1.5em;font-weight:bold;}
 table tbody a { text-decoration:none; color:rgb(212,212,212); }
 table tbody a:hover { text-decoration:underline; color:rgb(150,150,150); }
 table tbody a:hover { text-decoration:none; color:rgb(215,0,0); }
 table tbody tr.odd {background-color:rgb(27,27,27);}
 table tbody tr.even {background-color:rgb(47,47,47);}

.ce_form, .mod_lostPassword, .formbody, .submit_container, form {
	margin:0; padding:0;
}

.ce_form br {
	clear:both;
}

.ce_form p.error {
	margin:0; padding:0; float:right;
	font-size: 0.83em; color:rgb(255,0,0); text-align:right;
}

.ce_form label {
	margin: 0.17em 0 0.17em 0; padding:0; float:left;
}

.ce_form input.text, .ce_form input.submit, .ce_form input.captcha, .ce_form textarea.textarea {
	margin: 0.17em 0 0.17em 0; padding:0; float:right;
	width:12.50em;
	border: 0.08em rgb(42,42,42) solid;
	background-color:rgb(60,60,60);
	font-family: Helvetica,Arial,sans-serif; font-size: 100%; color: rgb(150,150,150);
}

.ce_form input.captcha {
	clear:both;
	width:6.25em;
}

.mod_lostPassword mandatory {
float:left;
}

.mod_lostPassword p.error {
	margin:0; padding:0; float:right;
	font-size: 0.83em; color:rgb(255,0,0); text-align:right;
}

.mod_lostPassword label {
	margin: 0.17em 0 0.17em 0; padding:0; float:left;
}

.mod_lostPassword input.captcha {
	clear:both;
	width:6.25em;
}

.mod_lostPassword input.text, .mod_lostPassword input.submit, .mod_lostPassword input.captcha {
	margin: 0.17em 0 0.17em 0; padding:0; float:right;
	width:12.50em;
	border: 0.08em rgb(42,42,42) solid;
	background-color:rgb(60,60,60);
	color: rgb(150,150,150);
}

.mod_lostPassword input {
	clear:both;
}

/* Syndikation */

.pdf_link {
	position: absolute; top: 7.33em; right: 2.08em; z-index: 2;
}

.pdf_link img {
	width: 1.08em; height: 1.08em; border: 0;
}



/* ------------------------------ Typolight Modul Formatierungen ------------------------------ */


/* --------------- Modul Frontend-Login --------------- */

.mod_login, .formbody, .submit_container, form {
	margin:0; padding:0;
}

.mod_login p.error, .mod_login p.request, .mod_login p.login_info {
	margin:0; padding:0;
	width:100%;
	text-align:right;
	font-size: 0.83em;
	color:rgb(255,0,0);
}

.mod_login p.request a { text-decoration:none; font-style:italic; color: rgb(150,150,150); }
.mod_login p.request a:hover  { color: rgb(221,221,221); }
.mod_login p.request a:active { color: rgb(255,000,000); }

.mod_login p.login_info { color: rgb(150,150,150); }


.mod_login label {
	margin:0 0.42em 0.42em 0; padding:0;
	width:8.33em;
	float:left;
}

.mod_login input.text, .mod_login input.submit {
	margin:0 0 0.42em 0; padding:0;
	float:left;
	width:10.42em;
	border: 0.08em rgb(42,42,42) solid;
	background-color:rgb(60,60,60);
	color: rgb(150,150,150);
}

.mod_login input.password {
	float:left;
	width:5em;
}

.mod_login input.submit {
	margin-left: 0.4em;
	width:5em;
}

/* --------------- Modul Navigation --------------- */

.mod_navigation ul, .mod_navigation li{margin:0;padding:0;list-style-type:none;}
.mod_navigation li{float:left;}
.mod_navigation ul.level_1 li.last{border-right: 1px solid rgb(20,20,20);}
.mod_navigation ul.level_2 li.last{border-right:0;}
.mod_navigation a{padding:0 1.67em;text-decoration:none;display:block; border-left:1px solid rgb(20,20,20); font-weight:normal;color: rgb(200,200,200);}
.mod_navigation a:hover{background:  url(../img/pixel/navi_bg_hover.jpg) rgb(70,66,63);text-decoration:none;color: rgb(150,150,150);}
.mod_navigation a.trail{background:  url(../img/pixel/navi_bg_hover.jpg) rgb(70,66,63); color: rgb(255,0,0);}
.mod_navigation span{padding:0 1.67em;display:block;margin:0px; background: rgb(70,66,63);border-left:1px solid rgb(20,20,20);color:rgb(255,0,0);}
.mod_navigation ul.level_1 li span {padding:0 1.67em;display:block;margin:0px; background:  url(../img/pixel/navi_bg_hover.jpg)  rgb(70,66,63);border-left:1px solid rgb(20,20,20);color:rgb(255,0,0);}
.mod_navigation .level_1 ul{padding:0;width:200px;left:-999em;position:absolute;background:rgb(70,66,63);border-top:1px solid rgb(20,20,20);}
.mod_navigation .level_2 li{float:none;}
.mod_navigation .level_2 a, .mod_navigation .level_2 span{border-right:1px solid rgb(20,20,20);border-bottom:1px solid rgb(20,20,20);border-left:1px solid rgb(20,20,20);}
.mod_navigation .level_2 a:hover{background: rgb(48,48,48);color: rgb(150,150,150); border-left:1px rgb(255,0,0) solid;}
.mod_navigation li:hover .level_2{left:auto;}

a.invisible {display:none;}

/* Modul Sub-Navigation */

.mod_navigationSub ul {
list-style-image: url(../img/pixel/pfeil_doppelt.gif);
}
.mod_navigationSub ul li.active{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}
.mod_navigationSub ul li.active:hover{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}
.mod_navigationSub ul li.active:active{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}
.mod_navigationSub ul li:hover{
list-style-image: url(../img/pixel/pfeil_doppelt_dunkelgrau.gif);
}
.mod_navigationSub ul li:active{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}
.mod_navigationSub ul li a:hover{
list-style-image: url(../img/pixel/pfeil_doppelt_dunkelgrau.gif);
}
.mod_navigationSub ul li a:active{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}

.mod_navigationSub span{margin:0; padding:0; color:rgb(255,0,0);}
.mod_navigationSub a{ text-decoration:none; color:rgb(212,212,212);}
.mod_navigationSub a:hover{ text-decoration:none; color:rgb(150,150,150);}
.mod_navigationSub a:active{ text-decoration:none; color:rgb(215,0,0);}

/* --------------- Modul Custom-Navigation --------------- */

.mod_customnav { float:right; }
.mod_customnav ul, .mod_customnav li{margin:0;padding:0;list-style-type:none;}
.mod_customnav li {margin: 0 0 0 1em; float:left;}
.mod_customnav a {display:lock; text-decoration:none; color:rgb(212,212,212);}
.mod_customnav a:hover{text-decoration:none;color: rgb(150,150,150);}
.mod_customnav a:active{text-decoration:none;color: rgb(215,0,0);}
.mod_customnav span {margin: 0; padding:0; color:rgb(215,0,0);}

/* --------------- Modul Sitemap-Navigation --------------- */

.mod_sitemap ul {
list-style-image: url(../img/pixel/pfeil_doppelt.gif);
}
.mod_sitemap ul li.active{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}
.mod_sitemap ul li:hover{
list-style-image: url(../img/pixel/pfeil_doppelt_dunkelgrau.gif);
}
.mod_sitemap ul li:active{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}
.mod_sitemap ul li a:hover{
list-style-image: url(../img/pixel/pfeil_doppelt_dunkelgrau.gif);
}
.mod_sitemap ul li a:active{
list-style-image: url(../img/pixel/pfeil_doppelt_rot.gif);
}

.mod_sitemap span{color:rgb(255,0,0);}
.mod_sitemap a{ text-decoration:none; color:rgb(212,212,212);}
.mod_sitemap a:hover{ text-decoration:none; color:rgb(150,150,150);}
.mod_sitemap a:active{ text-decoration:none; color:rgb(215,0,0);}

/* --------------- Modul Changelanguage --------------- */


.mod_changelanguage { margin:0.08em 2.08em 0 2.08em; padding:0; float:right; }
.mod_changelanguage ul, .mod_changelanguage li{ margin:0; padding:0; list-style-type:none; }
.mod_changelanguage a, .mod_changelanguage span, .mod_changelanguage img { margin:0; padding:0;}
.mod_changelanguage li{ float:left; margin-left: 0.17em; }
.mod_changelanguage img { width: 1.33em; height: 0.88em; text-decoration:none; border:0; }


/* --------------- Modul Memberliste --------------- */

.mod_memberlist .textarea{width:100%;border:0.08em rgb(42,42,42) solid;	background-color:rgb(60,60,60); color: rgb(150,150,150); }
.mod_memberlist input, .mod_memberlist select {border:0.08em rgb(42,42,42) solid;	background-color:rgb(60,60,60); color: rgb(150,150,150); }
.mod_memberlist .submit{border:0.08em rgb(42,42,42) solid;	background-color:rgb(60,60,60); color: rgb(150,150,150); }
.mod_memberlist p.confirm{margin:0 0 1em 0; padding:1em 0 1em 0; width:100%; border:0.08em rgb(255,0,0) solid; color: rgb(255,0,0); font-weight:bold; text-align:center;}
.mod_memberlist img {border:0;}

/* --------------- Modul PersonalData --------------- */

.mod_personalData label {
	margin: 0.17em 0 0.17em 0; padding:0; float:left;
	width:12.50em;height:1.5em;font-weight:bold;
}
.mod_personalData input, .mod_personalData select {border:0.08em rgb(42,42,42) solid;	background-color:rgb(60,60,60); color: rgb(150,150,150); width:15em; }
.mod_personalData input.checkbox { width:2.50em;height:1.5em; }



.welcome_animated {
background:url(../img/teaser/teaser_willkommen.jpg) no-repeat;
}

.welcome_animated:hover, .welcome_animated-hover {
background:url(../img/teaser/teaser_willkommen_animated.gif) no-repeat;
}


/* --------------- Modul LinkListe --------------- */

.mod_link_list img {
display:block;
width:8.33em;
height: 5.67em;
}

.mod_link_list hr {
background-color: rgb(60,60,60);
color: rgb(60,60,60);
border: 0;
height: 0.08em;
}

.mod_link_list .left {
float:left;
border: 1px rgb(60,60,60) solid;
}
.mod_link_list .right {
margin-left:9.17em;
}

/* --------------- Modul timeKeeping --------------- */




.mod_Zeiterfassung-Liste table {
	border-collapse: collapse;
}
.mod_Zeiterfassung-Liste th,
.mod_Zeiterfassung-Liste td   {
	text-align: center;
	border: 1px rgb(150,150,150) solid;
}