/*$Id: FoDB.css,v 1.4 2012-04-13 12:44:47 matthias Exp $*/
body {
	background-color: #fff;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
}

h1 {
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: bold;
	color: #3466c9;
	margin-bottom: 1em;
	margin-top: 1em;
}

h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	color: #3466c9;
	margin-bottom: 0.2em;
	margin-top: 1em;
}

h3 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	color: #3466c9;
	margin-bottom: 0.1em;
	margin-top: 0.5em;
}

// für jQuery Accordions
h3 a {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	color: black;
}

h4 {
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: bold;
	color: #3466c9;
	margin-bottom: 1.2em;
	margin-top: 0.5em;
}

a:link {
	text-decoration: none;
	color: #339;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
	color: #339;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #339;
}

a.hauptfarbe:link {
	text-decoration: none;
	color: #013298;
	font-weight: normal;
}

a.hauptfarbe:visited {
	text-decoration: none;
	color: #013298;
	font-weight: normal;
}

a.hauptfarbe:hover {
	text-decoration: underline;
	color: #013298;
	font-weight: normal;
}

a.treffer:link {
	text-decoration: underline;
	color: #339;
	font-weight: normal;
}

a.treffer:visited {
	text-decoration: underline;
	color: #339;
	font-weight: normal;
}

a.treffer:hover {
	text-decoration: none;
	color: #339;
}

a.page {
	text-decoration: none;
	cursor: pointer;
}

a.noline  {
	text-decoration: none;
}

td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	color: black;
}

p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #013298;
}

sup {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #013298;
}

sub {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8px;
	color: #013298;
}

input,textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	color: black;
}

table.layout {
	border-collapse: collapse;
	border: 0px;
}

table.layout img {
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}

/**************************************/
	/* Anfang Tabelle "vierspaltenLayout" */
	/**************************************/ /* Tabelle formatieren */
table.vierspaltenLayout {
	border-collapse: collapse;
	width: 750px
}

table.vierspaltenLayout td {
	padding-top: 8px;
	padding-bottom: 8px
}

/* 1. + 3. Spalte mit gleicher fester Breite */
table.vierspaltenLayout td.box:first-child,table.vierspaltenLayout td.boxnoline:first-child,table.vierspaltenLayout td.box:first-child+td+td,table.vierspaltenLayout td.boxnoline:first-child+td+td
	{
	width: 125px
}

/* 1. + 3. Spalte mit gleicher fester Breite */
table.vierspaltenLayout td:first-child,table.vierspaltenLayout td:first-child,table.vierspaltenLayout td:first-child+td+td,table.vierspaltenLayout td:first-child+td+td
	{
	width: 125px
}

/* 2. + 4. Spalte mit gleicher fester Breite */
table.vierspaltenLayout td.box:first-child+td,table.vierspaltenLayout td.boxnoline:first-child+td,table.vierspaltenLayout td.box:first-child+td+td+td,table.vierspaltenLayout td.box:first-child+td+td+td
	{
	width: 215px
}

table.vierspaltenLayout td:first-child+td,table.vierspaltenLayout td:first-child+td,table.vierspaltenLayout td:first-child+td+td+td,table.vierspaltenLayout td:first-child+td+td+td
	{
	width: 215px
}

/* Eingabefelder in der Tabelle vierspaltenLayout beschränken */
table.vierspaltenLayout td select.feldcut {
	width: 200px;
}

table.vierspaltenLayout td input.feld {
	width: 195px;
}

/* Für PLZ und Ort */
table.vierspaltenLayout td input.feldlinks {
	width: 50px;
	font-size: 1em;
	margin-right: 4px;
}

table.vierspaltenLayout td input.feldrechts {
	width: 135px;
	font-size: 1em;
}

/* Für Felder von Kalender- oder Emailgrafik */
table.vierspaltenLayout td input.feldvorbild {
	width: 170px;
	font-size: 1em;
}

/* Für Felder, die sich über mehrere Spalten erstrecken */
table.vierspaltenLayout td .zweispalten {
	width: 350px;
}

table.vierspaltenLayout td select.dreispalten {
	width: 450px;
}

table.vierspaltenLayout td input.dreispalten,table.vierspaltenLayout td textarea.dreispalten
	{
	width: 444px;
}

table.vierspaltenLayout td input.vierspalten,  table.vierspaltenLayout td select.vierspalten{
	width: 572px;
}

/* Für Grafiken inerhalb der Tabelle */
table.vierspaltenLayout img {
	padding-left: 8px;
	padding-right: 8px;
	cursor: pointer;
}

table.vierspaltenLayout a.link {
	text-decoration: none;
	color: #339;
	font-weight: bold;
}

table.vierspaltenLayout a.link:visited {
	text-decoration: none;
	color: #339;
	font-weight: bold;
}

table.vierspaltenLayout a.link:hover {
	text-decoration: underline;
	color: #339;
}

div.accordion {
	width: 790px;
}

table.vierspaltenLayout.submitButtonBar {
	width: 790px;
	/*margin-top: 3px;*/
}

table.vierspaltenLayout.submitButtonBar td {
	padding: 8px;
}

/*************************************/
	/*  Ende Tabelle "vierspaltenLayout" */
	/*************************************/
input.datum {
	width: 78px;
}

input.uhrzeit {
	width: 42px;
}

input.liste {
	width: 150px;
}

.mitte {
	vertical-align: middle;
}

.rechts {
	text-align: right;
}

/* td.kopf {background-color:#009; border:none; padding:0em; }
 td.kopfmeta {background-color:#33c; border:none; padding:0px;}
 td.kopfebene1 {background-color:#b8ccf0; border:none; padding:0px;}*/
td.kopfebene2 {
	background-color: #b8ccf0;
	border: none;
	padding: 0px;
	color: #013298
}

* /td.leerspalte {
	background-color: #fff;
	border: none;
	padding: 0px;
}

td.mittelspalte {
	background-color: #fff;
	border: none;
	padding: 0px;
}

td.projektlit {
	background: #eaf0fa;
	color: #013298;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
}

span.highlighted {
	background-color: #b8ccf0;
}

div#diagramm {
	border: none;
	width: 600px;
	height: 400px;
}

div#diagramm.loading {
	background: url(ajax-loader_big.gif) no-repeat center center;
}

.headlineboxneutral {
	background: #fff;
	margin-bottom: 0.2em;
}

.boxkopf {
	background: #b8ccf0;
	color: #339;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

.box {
	background: #eaf0fa;
	color: #013298;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

.boxnoline {
	background: #eaf0fa;
	color: #013298;
}

.boxnolinestatistik {
	background: #eaf0fa;
	color: #013298;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.boxh1 {
	background: #eaf0fa;
	color: #339;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: white;
}

.boxtreffer {
	background: #eaf0fa;
	color: #013298;
	padding: 8px;
	border-bottom: 2px solid white;
}

.boxnolinetreffer {
	background: #eaf0fa;
	color: #013298;
	padding: 8px;
}

.menueebene2off {
	padding-left: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #b8ccf0;
}

/* .menueebene2kopf {background:#b8ccf0; color:#339; margin-bottom:3px; font-weight: bold; padding-left:11px; padding-top:3px; padding-bottom:3px; border-bottom:1px;}*/
.feld {
	font-size: 1em;
}

.feldlang {
	font-size: 1em;
	width: 450px;
}

.input {
	width: 250px;
	max-width: 400px;
	font-size: 1em;
}

.button {
	width: 90px;
	font-size: 1em;
	cursor: pointer;
}

.buttonblu {
	width: 90px;
	font-size: 1em;
	cursor: pointer;
}

/* .buttonblu {width:90px; font-size:1em; cursor:pointer; background-color:#eaf0fa; font-weight:bold; color:#3466c9; border:2px #3466c9;}*/
.radio {
	background-color: #eaf0fa;
	border: 1px solid #6c7381;
	margin-bottom: 3px;
}

.spinbutton {
	vertical-align: middle;
}

.untertitel {
	color: #339;
	font-weight: bold;
}

.hidden {
	display: none;
}

.erstautor {
	background-color: #b8ccf0
}

.seniorautor {
	background-color: #b8ffff
}

/*Formatierungen der Kopfzeile START*/
#header {
	height: 108px;
	/*
	overflow: hidden;
	*/
	background-image: url(headerbg.gif);
}

/* Einrichtungslogo und Metamenue */
#seitenkopf {
	text-align: right;
	height: 108px;
	background-repeat: repeat-y;
	background-position: top right;
	background-image: url(headerverlauf.gif);
}

/* Metamenue mit Text-Elementen statt Bildern*/
#metamenue {
	padding-right: 15px;
}

/* Links im Metamenue mit Text-Elementen statt Bildern*/
#metamenue a {
	font-weight: normal !important;
}

/* Dropdown-Menü */
ul.dropdown a {
	color: white;
}

ul.dropdown {
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.dropdown li {
	list-style: none;	
	float: left; /* ohne width - nach CSS 2.1 erlaubt */
	position: relative;
	padding: 0;
}

ul.dropdown li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1.4em;
	display: none; /* Unternavigation ausblenden */
	text-align: left;
}

ul.dropdown li:hover ul {
	display: block; /* Unternavigation in modernen Browsern einblenden */
}

ul.dropdown li ul li {
	float: none;
	display: block;
}

ul.dropdown a {
	display: block;
	padding: 1px 8px;
	border-left: 1px solid white;
	margin-bottom: 10px; /* damit genügend Überlappung vorhanden ist */
}

ul.dropdown li:first-child a {
	border-left: none;
}

ul.dropdown li ul a {
	background-color: #3333CC;
	width: 125px;
	padding: 3px 8px;
	margin: 1px;
}

/* Dropdown-Menü ENDE */

/*Formatierungen der Kopfzeile ENDE*/

/* Formatierungen der AJAX Loader */
img.loader {
	height: 16px;
	width: 16px;
	border: none;
}

/* Allgemeine Positionierungen */

.alignTop {
	vertical-align:top;
}

.alignMiddle {
	vertical-align:middle;
}

.alignBottom {
	vertical-align:bottom;
}

.alignLeft {
	text-align:left;
}

.alignCenter {
	text-align:center;
}

.alignRight {
	text-align:right;
}

/* Bug im IE7, zeigt sonst nach jedem Form einen Abstand */
form {
	margin: 0;
}

/* delete button passend zum pencil im primefaces rowEditor */
.deleteButton { width: 15px !important; height: 15px; background: none !important; border: none !important; }

/* IE zeigt immer Ränder um Bilder an */
img {
	border: none;
}
.bold {font-weight: bold;}

.tableUpload{
	border:1px solid #b0c2e3;
}
.delBtn{
	color:#013298;
	font-weight: bold;
	background-color: #b8ccf0;
	border-radius:15%;
	border:none;
	width:25px;
	font-size: 11Px;
}
.hdTableUpload{
	background-color: #b8ccf0;
	width: 1100px;
	height: 25px;
	text-align: center;
}
.tableUploadText{
	padding:4px;
	color: #013298;
}
.mailBtn{
	background-image: url(../bilder/mailIcon.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	border: none; 
}