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

img {
	border: none;
}

a {
	text-decoration: none;
}

body,p,td,li {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10pt;
	color: #000066;
}

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;
}

/***************************************
*  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;
}

#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;
}
/*********************
*  Modale Container  *
**********************/
#wbs_editor {
	display: block;
	position: absolute;
	width: 750px;
	height: 600px;
	top: -6000px;
	left: -7500;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	/*	top:50%;left:50%;
/*	margin-top:-300px;margin-left:-375px; */
	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 {
	border: 1px solid #3333ff;
	margin: 15px;
}

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

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
***************************************/
	/***************************************
* Fieldset Konfiguration
***************************************/
.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;
}

/*****************************************************************************************************
    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: 340px;
}

.fileBlock {
	text-align: center;
	background-color: #ffffff;
	width: 96px;
	height: 96px;
	line-height: 96px;
	border: 1px solid #d4d0c8;
}

/* Bis hier ist gut */
p,ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

a:link,a:visited {
	color: #0000cc;
	text-decoration: none;
}

a:active,a:hover {
	color: #0000cc;
	text-decoration: underline;
	background-color: #ffffff;
}

table.table_konf {
	border: thin;
	border-color: #d4d0c8;
}