/**********************************************************************************/
/* @file:        css/main.css
*  @desc : Stylesheet der Webseite "wbsVerwaltung"
*  @author:      Wolfgang Blessen Software (http://www.blessen.de)
/**********************************************************************************/
/***************************************
*  Generelle Formatierungen
***************************************/
* {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

a {
	color: #0000cc;
	text-decoration: none;
}
a:link,a:visited {
	color: #0000cc;
	text-decoration: none;
}
a:active,a:hover {
	color: #0000cc;
	text-decoration: underline;
	background-color: #ffffff;
}
body,p,td,li {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10pt;
	color: #000066;
}
p,ul {
	margin-top: 10px;
	margin-bottom: 10px;
}


td {
	padding: 2px;
	vertical-align: top;
}

a.content:link,a.content:visited,a.content:active {
	color: #cc0000;
	text-decoration: none;
}

a.content:hover {
	color: #cc0000;
	text-decoration: underline;
}
#hilfe {
	padding: 10px 10px 10px 50px;
	min-height: 20px;
	border: 1px solid brown;
	border-radius: 4px;
	box-shadow: 5px 5px 10px #666;
	color: #000000;
	font-style: oblique;
	background-color: #ffffcc;
	background-image: url(../images/information.png);
	background-position: left center;
	background-repeat: no-repeat;
}
/***************************************
*  div-Container für den Seitenaufbau  *
****************************************/
body#wbs-seite {
	background-color: #efefef;
	width: 100%;
	height: 100%;
}

#container {
	position: absolute;
	width: 960px;
	left: 50%;
	margin-left: -481px;
}

#header {
	float: left;
	width: 720px;
	height: 150px;
	background-color: #7d9bd9;
	background-image: url(../images/logo_wbs_140.png);
	background-position: 20px center;
	background-repeat: no-repeat;
}

#slideshow {
	float: left;
	width: 240px;
	height: 150px;
	background-color: #fff;
}

#maintitle1 {
	z-index: 2;
	position: absolute;
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF;
	top: 30px;
	left: 200px;
}

#maintitle2 {
	z-index: 1;
	position: absolute;
	font-size: 18pt;
	font-weight: bold;
	color: #000066;
	top: 31px;
	left: 201px;
}

#subtitle1 {
	z-index: 2;
	position: absolute;
	font-size: 16pt;
	font-style: italic;
	color: #FFFFFF;
	top: 65px;
	left: 210px;
}

#subtitle1 a {
	text-decoration: none;
	font-size: 16pt;
	font-style: italic;
	color: #FFFFFF;
}

#subtitle1 a:hover {
	color: #202c55;
	background-color: transparent;
}
#user{
	float:right;
	padding-right:10px;
}

#navigation {
	z-index: 2;
	position: absolute;
	top: 121px;
	left: 180px;
	width: 540px;
	height: 28px;
	background-color: #7d9bd9;
}

#headline {
	width: 945px;
	height: 32px;
	left: 0px;
	text-align: left;
	font-weight: 700;
	font-size: 16pt;
	color: #fff;
	border-top: 1px solid #fff;
	padding-left: 15px;
	background-image: url(../images/headline_bg.png);
	background-position: center left;
	background-repeat: repeat-x;
}

#content {
	top: 183px;
	width: 930px;
	min-height: 200px;
	border-top:0px;
	margin-top:0px;
	padding-top:10px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
	background-image: url(../images/content_bg.png);
	background-position: center left;
	background-repeat: repeat-y;
}

#footer {
	width: 960px;
	height: 32px;
	text-align: center;
	font-weight: 400;
	font-size: 16pt;
	color: #fff;
	border-top: 1px solid #fff;
	z-index: 999;
	background-image: url(../images/headline_bg.png);
	background-position: center left;
	background-repeat: repeat-X;
}

/*********************************
* wbsSuite zu Faul zum Auslagern
**********************************/
a.ticket{
    color: white;
    margin: 1px;
    padding: 1px;
    background: none repeat scroll 0% 0% navy;
    border: 1px solid white;
    min-width: 14px;
    border-radius: 3px 3px 3px 3px;
}
select .select_ticket option{
	padding-left:20px;
}
/**
 Recommended:
select .select_ticket option[value=1]:before { content:url("../images/ticket_new_16.png");}
*/
.ticket_new{
	background: url(../images/ticket_new_16.png) left center no-repeat white;
	padding-left:20px;
}
.ticket_in_progress{
	background: url(../images/ticket_in_progress_16.png) left center no-repeat yellow;
	padding-left:20px;
}
.ticket_done{
	background: url(../images/ticket_done_16.png) left center no-repeat green;
	padding-left:20px;
}
.ticket_closed{
	background: url(../images/ticket_closed_16.png) left center no-repeat gray;
	padding-left:20px;
}
/*********************
* Navigation         *
**********************/
a.nav_link {
	display: block;
	position: absolute;
	width: 90px;
	height: 26px;
	padding-top: 1px;
	border-top: solid 1px #2e384f;
	border-right: solid 1px #2e384f;
	border-bottom: solid 1px #2e384f;
	border-left: solid 1px #2e384f;
	border-radius: 4px;
	text-align: center;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../images/button_bg.png);
	background-position: center left;
	background-repeat: repeat-X;
}

a.nav_link:link,a.nav_link:visited {
	color: #7d9bd9;
	background-color: #fff;
	text-decoration: none;
}

a.nav_link:hover,a.nav_link:active {
	color: #2e384f;
	background-color: white;
	text-decoration: none;
}

a#root_nav1 {
	top: 0px;
	left: 20px;
	z-index: 6;
}

a#root_nav2 {
	top: 0px;
	left: 120px;
	z-index: 5;
}

a#root_nav3 {
	top: 0px;
	left: 220px;
	z-index: 7;
}

a#root_nav4 {
	top: 0px;
	left: 320px;
	z-index: 9;
}

a#root_nav5 {
	top: 0px;
	left: 420px;
	z-index: 10;
}

a#root_nav6 {
	top: 0px;
	left: 520px;
	z-index: 10;
}

a#star:hover,a#star:active,a#seit:hover,a#seit:active,a#layo:hover,a#layo:active,a#konf:hover,a#konf:active,a#modu:hover,a#modu:active,a#kont:hover,a#kont:active,a#admi:hover,a#admi:active
	{
	z-index: 11;
}

#nav1_sub {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 150px;
	left: 180px;
	width: 130px;
}

#nav2_sub {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 150px;
	left: 280px;
	width: 130px;
}

#nav3_sub {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 150px;
	left: 380px;
	width: 130px;
}

#nav4_sub {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 150px;
	left: 480px;
	width: 130px;
}

#nav5_sub {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 150px;
	left: 580px;
	width: 130px;
}
#nav6_sub {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 150px;
	left: 680px;
	width: 130px;
}

.sub_link {
	display: block;
	width: 100%;
	height: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	font-weight: 700;
	line-height: 20px;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 4px;
}

.sub_link:link,.sub_link:visited {
	color: #fff;
	background-color: #2e384f;
	text-decoration: none;
}

.sub_link:hover,.sub_link:active {
	color: #fff;
	background-color: #7d9bd9;
	text-decoration: none;
}

/*********************
*  Modale Container  *
**********************/
#wbs_editor {
	display: block;
	position: absolute;
	width: 750px;
	height: 600px;
	top: -6000px;
	left: -7500px;
	border-radius: 5px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid grey;
	z-index: -1;
}

#semitransparent {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity : 80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	z-index: -2;
}

#close_x {
	margin-top: 10px;
	width: 100%;
	height: 18px;
	line-height: 18px;
	color: white;
	font-weight: 700;
	padding-left: 5px;
	/*   float:right;*/
	background-color: #A9C4CF;
}

#close_x a {
	display: block;
	float: right;
	height: 12px;
	width: 12px;
	text-decoration: none;
	font-style: oblique;
	vertical-align: center;
	border: solid #666666 1px;
	line-height: 12px;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*********************
*         Editor     *
**********************/
#content_name {
	height: 18px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.editor_table{
	width:100%;
}
/*******************
*  Links im Menü  **
********************/ /***********
*  Texte   *
************/
h2 {
	font-size: 16px;
	color: #2E384F;
	border-bottom: 1px solid #b8b8b5;
	margin-top: 2px;
	margin-bottom: 8px;
}

h4 {
	font-size: 15px;
	font-style: bold;
	text-transform:uppercase;
	color: #2E384F;
	margin-top: 1px;
	margin-bottom:7px;
}

.linklist ul {
	margin-left: 20px;
}

.linklist li {
	list-style: none;
	background: url(../images/mainlink.gif) no-repeat left center;
	padding-left: 1.2em;
}

/***************************************
* Admin
***************************************/
td.table_selected {
	border: 0.5px solid red;
}

/***************************************
* SuperTable
***************************************/
table.supertable {
	margin: 0;
	margin-left:-15px;
	border: 1px solid #3333ff;
}

table.supertable td {
	padding: 2px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #fcfcfc;
}

table.supertable tr.header th {
	height: 16px;
	padding: 2px;
	background-color: #AED7FF;
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}

table.supertable tr.gerade td {
	background-color: #E8F3FF;
}

/***************************************
* Formulare
***************************************/
#objekt_table input, #objekt_table textarea{
	padding:2px;
	font-family:Courier, monospace;
	-moz-border-radius: 2px;
    border-radius: 2px;
}
.objekt_td_all {
	padding:5px;
	color:black;
	font-weight:700;
	text-align:left;
}

.objekt_td_left {
	float:left;
	width:170px;
	padding:5px;
	color:black;
	font-weight:700;
	text-align:right;
}

.objekt_td_right {
	float:left;
	width:410px;
	padding:5px;
	color:black;
}
.numeric{
	text-align:right;
}
.num_input{
	text-align:right;
}
input[type=submit] {
	padding:2px;

}
a.integer_plus {
	display:inline;
	background-color:#7d9bd9;
	color:white;
	font-weight:700;
	width:16px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	line-height:12px;
	font-size:12px;
	border:1px solid white;
	text-decoration:none;
}
a.integer_plus:hover {
	color: yellow;
	background-color:#7d9bd9;
}
/***************************************
* T A B S
***************************************/
h2.tab_header{
	background: #1E2952;
	color:white;
	padding:5px;
	text-decoration:none;
	text-transform:uppercase;
	-moz-border-radius: 4px;
    border-radius: 4px;
    border:0;

}
.tabform{
	width:650px;
	padding-top:15px;
	background: #ececec;
	color:black;
	-moz-border-radius: 0 4px 4px 4px;
    border-radius:  0 4px 4px 4px;
}

.tab1, .tab2,.tab3,.tab4,.tab5,.tab6,.tab7,.tab8  {
	width:600px;
	background:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
ul.tabs {
	display:block;
}
ul.tabs li{
	background: #cccccc;
	float:left;
	list-style-type:none;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;font-weight:700;
	line-height:22px;font-size:14px;
	text-align:center;
	padding:3px;
	margin:2px 2px 0 0;
	height:22px;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	-moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
ul.tabs li:hover{
	background:#aaa;
}
/***************************************
* Fieldset Konfiguration
***************************************/
table.table_konf {
	border: thin;
	border-color: #d4d0c8;
}
.konfiguration {
	width: 530px;
	margin-left: 155px;
}

.fs_form fieldset {
	width: 530px;
	background-color: #dfdfdf;
	border: #002E85 1px solid;
	padding: 10px 0 16px 16px;
}

.fs_form fieldset legend {
	font-weight: bold;
	padding: 0;
	font-size: 1.1em;
	color: #002E85;
	letter-spacing: 1px;
}

.fs_form fieldset label {
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 1em;
	color: #002E85;
	letter-spacing: 1px;
}

/***************************************
* CSS Editor
***************************************/
.csseditor {
	width: 530px;
	margin-left: 155px;
}

/***************************************
* Infofelder
***************************************/
p.info, p.warning, div.info {
	padding: 10px 10px 10px 50px;
	min-height: 20px;
	border: 1px solid brown;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* Und hier sind die Deklarationen für die Schatten.
   Der erste PX-Wert steht für die Y-Achse,
   der zweite Wert für die X-Achse und der
   dritte Wert für die Weichzeichnung des Schattens.
   Und der letzte Wert ist die Schattenfarbe. */
	-webkit-box-shadow: 5px 5px 10px #666;
	-moz-box-shadow: 5px 5px 10px #666;
	box-shadow: 5px 5px 10px #666;
	color: #000000;
	font-style: oblique;
}
p.info {
	background-color: #ffffcc;
	background-image: url(../images/information.png);
	background-position: left center;
	background-repeat: no-repeat;
}
p.warning {
	background-color: #ffcccc;
	background-image: url(../images/warning.png);
	background-position: left center;
	background-repeat: no-repeat;
}
/***************************************
* Button
***************************************/
.mybutton { /*width: 120px;*/
	padding-left: 5px;
	padding-right: 5px;
	height: 28px;
	line-height: 28px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	font-family: helvetica, arial;
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;
	/* BACKGROUND GRADIENTS */
	background: #2e384f;
	background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C)
		;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E658E),
		color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C) );
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #7d9bd9;
	border-top: 1px solid #7d9bd9;
	text-shadow: 1px 1px 1px black;
	/* BOX SHADOW */
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
}

/* WHILE HOVERED */
.mybutton:hover {
	background: #2e384f;
	color: #ccc;
	background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853)
		;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c5f85),
		color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853) );
}

/* WHILE BEING CLICKED */
.mybutton:active {
	-moz-box-shadow: 0 2px 6px black;
	-webkit-box-shadow: 0 2px 6px black;
}
/***************************************
* Bilder liste im PhotoAlbum
***************************************/
table.image_list_backend tr td {
	vertical-align:bottom;
}

.fileBlock {
	text-align: center;
	background-color: #ffffff;
	margin:5px;
	padding: 5px;
	border: 1px solid #d4d0c8;
}
.fileDescription {
	text-align: center;
	background-color: #ffffff;
	margin:5px;
	padding: 5px;
	border: 1px solid #ccc;
}

/*****************************************************************************************************
    Genehmigt
  ******************/
textarea.tableform {
	width: 350px;
	height: 75px;
	color: brown;
}

input.tableform {
	width: 350px;
	color: brown;
}

.table_konf table td {
	border: solid thin #d4d0c8;
}

.table_konf textarea {
	width: 450px;
	height: 75px;
	color: brown;
}

.table_konf input {
	width: 450px;
	color: brown;
}

.content_frame {
	width: 100%;
}

td.content_left {
	width: 275px;
	padding-top: 5px;
	margin-right: 5px;
	border-right: dotted grey;
}

td.content_right {
	padding-top: 5px;
	padding-left: 20px;
	/*    background-color: brown; */
}

a.level1 {
	margin-left: 0px;
	font-style: oblique;
	text-decoration: none;
}

a.level2 {
	margin-left: 15px;
	text-decoration: none;
}

a.level3 {
	margin-left: 30px;
	font-style: italic;
	text-decoration: none;
}

a.level1:hover,a.level2:hover,a.level3:hover {
	color: #ff0000;
	text-decoration: none;
	background-color: #d4d0c8;
}

.wbseditor textarea {
	width: 800px;
	height: 350px;
}