body { background-color:#ffffff; text-align:center }

#header { 
width:800px;
text-align:center;
margin:0px;
margin-top:10px;
height:71px;
background-color:#ffffff;
background-image:url('./grp/header_bg.jpg');
background-repeat:repeat-x;
margin:auto;
text-align:center
}

#head-menu {
line-height:10px;
margin-left:2px;
color:#8DBCF4;
width:500px;
}

/* Texte / Überschriften */
* { font-family:arial,verdana,helvetica,sans-serif;  font-size:12px; line-height:18px; }

.errormsg { color:#E24B4B; padding: 2px; }

h1 { color:#002B7B; font-size:12pt; text-align:center; margin:5px; line-height:1.3em; text-decoration:none; margin:auto; text-align:center} /* aktuell nicht verwendet!*/
h2 { color:#002B7B; margin-top: 5px; font-size:14px; text-align:left; margin-bottom:8px; }
h3 { color:#002B7B; font-size:12px; text-align:left; margin-top:0px; margin-bottom:4px;  } 

.faq_gross { color:#002B7B; font-size:14px; text-align:left; margin-bottom:4px; text-decoration:underline; } 

/* Formulare */

form {
text-align:left;
margin-bottom: 0px;
padding-bottom: 0px;
vertical-align: middle;
}

select {
background-color:#FFFFFF;
color:#000000;
width:140px;
height:20px;
font-size:12px;
line-height:14px;
BORDER-RIGHT: #C5C5C5 1px solid;
BORDER-TOP: #C5C5C5 1px solid;
BORDER-LEFT:#ffffff 1px solid;
BORDER-BOTTOM: #ffffff 1px solid;
}

input {
background-color:#FFFFFF;
color:#000000;
width:140px;
font-size:12px;
BORDER: #4EA8FF 1px solid;
padding:2px;
margin:1px;
line-height: 15px;
vertical-align: middle;
}

.radio { height:14px; width:14px;}
.checkbox { height:14px; width:14px; border: none;}


textarea {
color:#000000;
width:400px;
height:150px;
font-size:12px;
background-color:#FFFFFF;
BORDER: #4EA8FF 1px solid;
padding:2px;
}

.faxtextarea {
color:#000000;
width:100%;
height:300px;
font-size:12px;
background-color:#FFFFFF;
BORDER: #4EA8FF 1px solid;
padding:2px;
}

.counter {
color:#000000;
width:20px;
font-size:12px;
BORDER: #4EA8FF 1px solid;
background-color:#D6D3D6;
padding: 1px;
}

.formbutton_long {
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top:0px;
padding-top:0px;
display:inline;
height:21px;
text-decoration:none;
width:152px;
}

.formbutton_mid { 
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top:0px;
padding-top:0px;
display:inline;
height:21px;
text-decoration:none;
width:112px;
}

.formbutton_small { 
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top:0px;
padding-top:0px;
display:inline;
height:21px;
text-decoration:none;
width:72px;
}

.disabled { 
background-color:#D6D3D6; 
font-size:12px;
BORDER: #4EA8FF 1px solid;
padding:2px;
}

.loginform { margin-top:10px; margin-bottom:2px;font-size:12px;}

.loginsubmit {  /*wird nur für LoginButton und daneben liegenden registrieren button genutzt*/
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top: 1px;
//padding-top:0px;
display:inline;
height:21px;
}

.login { width:130px; margin: 2px 6px 6px 0px;background-color:#FFFFFF;border:solid 1px #4EA8FF; font-size:9px; line-height:10px;}

/* Link */
a {
color:#002B7B;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#000000;
font-weight:bold;
overflow: hidden;
} 

a.klein {
color:#ffffff; font-weight:bold; margin-left:2px; margin-right:2px; font-size:10px; text-decoration:none;
}

a.klein:hover {
color:white;
}

h1 a { color:#002B7B; font-size:17px; font-weight:bold; text-align:center; margin:5px; line-height:1.1em; text-decoration:none;} /* nur startseite*/
h1 a:hover {color:#002B7B; font-size:17px; text-align:center; margin:5px; line-height:1.1em; text-decoration:none;} /* nur startseite*/


a.button {
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top:0px;
padding-top:0px;
display:inline;
height:21px;
text-decoration:none;
text-align:center; 
margin:auto; 
}

a.button:hover { color:white; }



a.button_lang {
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top:0px;
padding-top:0px;
display:inline;
height:21px;
text-decoration:none;
width:152px;
text-align:center; 
margin:auto; display:block;
}

a.button_lang:hover { color:white; }

a.button_mid {
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top:0px;
padding-top:0px;
display:inline;
height:21px;
text-decoration:none;
width:112px;
text-align:center; 
margin:auto; display:block;
}

a.button_mid:hover { color:white; }

a.button_small { 
background-color:#4EA8FF; 
border:0px; 
color:white; 
font-size:12px; 
font-weight:bold;
margin-top:0px;
padding-top:0px;
display:inline;
height:21px;
text-decoration:none;
width:72px;
text-align:center; 
margin:auto;
display:block;
}

a.button_small:hover { color:white; }


a.anmelden {
background-image:url('./grp/jetzt_kostenlos_anmelden.gif'); background-repeat:no-repeat; height:30px; width:350px; color:white; font-weight:bold; text-align:center; padding:5px; display:block; margin:auto; 
text-decoration:none;font-size:22px;
}


/* Hauptmenu und Buttons. Hover-Effekt betrifft alle drei Menueebenen */

.mainmenu a {
display:block;
max-width:168px;
height:19px;
margin-bottom:0px;
line-height:22px;
padding:0px;
color:#002B7B;
font-weight:normal;
font-size:12px;
text-decoration:none;
text-align:left;
overflow: hidden;
vertical-align: middle;
}

.mainmenu a.b1 {
border-bottom:solid 1px #ACB0B4;
border-top:solid 1px #E8EDF3;
padding-left:12px;
overflow: hidden;
vertical-align: middle;
}
.mainmenu a.b2 {height: 15px;
line-height: 17px;
border-bottom:solid 1px #ACB0B4;
border-top:solid 1px #E8EDF3;
padding-left:24px;
font-size:8pt;
overflow: hidden;
vertical-align: middle;
}
.mainmenu a.b3 {overflow: hidden;height: 13px;line-height: 15px;border-bottom:solid 1px #ACB0B4; border-top:solid 1px #E8EDF3; padding-left:28px; font-size:7pt;}

.mainmenu a:hover {
font-weight:bold;
background-color:  #4EA8FF; 
color:#ffffff;
overflow: hidden;
vertical-align: middle;
}

.mainmenu a:active {
#font-weight:bold;
background-color: #4EA8FF;
color:#ffffff;
vertical-align: middle;
}

.mainmenu a:focus {
font-weight:bold;
background-color:#4EA8FF;
color:#ffffff;
vertical-align: middle;
}

.mainmenu a#current 
	{
	background-color: #C7E1FA; //#BEDDF8;
		color: #002B7B; 
		// #ffffff;
		overflow: hidden;
		vertical-align: middle;
	}
/* Tabellen */

td.error {
border: 1px solid #FF6900;
padding: 1px;
color: #E24B4B;
background-color: #F8E9E9;
empty-cells:hide;
line-height: 12px;
font-size:11px;
border-collapse:collapse;
/*	
border-width:0px; border-style:solid; border-color:#FEEFCD; empty-cells:hide; border-collapse:collapse; font-size:12px;
color:#E24B4B; /* #FF6600 
padding-top:2px; padding-right:2px; padding-left:2px; padding-bottom:2px;
*/
}

td.header-top {  /*Nur für Header*/
height:72px;
background-image:url('./grp/header_bg_left.jpg');
background-repeat:no-repeat;
background-position: top left;
}

table.main { /*Nur für Header & Footer*/
width:800px;
margin-top:10px;
background-color:#00387E;
}

#logname {  /*für LoginFenster*/
height:25px;
text-align:center;
color:#003267;
border-top:solid 1px #002B7B;
border-bottom:solid 1px #002B7B;
width: 165px; 

}

#logtext
{
margin-left: 3px;	
width: 155px;
font-size:9px;
line-height:12px;
overflow: hidden;
}


.menu_frame2 
{  /*nur für Menu und Index.php*/
background-color:#3B9EFF;
background-image:url('./grp/cont_bot2.jpg');
background-position:top right;
background-repeat:no-repeat;
}

.menu_bg { /*nur für Menu*/
background-color:#ffffff;
padding-top:5px;
}

.logo {  /*Nur für Header*/
height:24px;
margin-top:12px;
margin-left:10px;
}

.banner {  /*Nur für Header*/
width:468px;
height:60px;
color:rgb(170, 170, 170);
}

.bluetable {  /*für Tabellen mit blauen Zellen*/
margin: 1px;
padding:0px;
border-spacing:0px;
font-size:12px;
border-collapse:collapse; 
border:1px;
border-color:#4EA6FF; 
border-style:solid; 
empty-cells: show;
width: 100%;       
}

.bluecell { /*für Tabellen mit blauen Zellen*/
margin:2px; padding:4px; border-spacing:0px; font-size:12px; border-collapse:collapse; 
border:1px;
border-color:#4EA6FF; 
border-style:solid; 
empty-cells: show;
}

.bluecell_protokoll { /*für Tabellen mit blauen Zellen*/
margin:2px; padding:2px; border-spacing:0px; font-size:0.9em; border-collapse:collapse; 
border:1px;
border-left: 0px none;
border-right: 0px none;
border-color:#4EA6FF; 
border-style:solid; 
empty-cells: show;
}

.rowchange { /*Tabellen Zeile - mit wechselnder Farbe*/
background-color: lightgrey;
/*
border-color:#4EA6FF; border-width:1px; border-style:solid;background-color: #808080;
*/
}

.rowchange:hover
	{
	background-color: #4EA8FF;
	color: white;
	}
/*
nur für wechselnden Hintergrund 
*/
.rowchange_2:hover
	{
	background-color: #4EA8FF;
	color: white;
	}
	
.content { /*gelber Hintergrund*/
background-color: #ffffff;text-align: left;
table-layout: fixed;
}

.content_center { /*gelber Hintergrund zentrierter Text für Werbung*/
background-color: #ffffff; text-align: center;
}

.mainmenu{
background-color:#ffffff; 
padding-top:9px;
}



.border { /*Layout Menu & Index*/
background-color:#3B9EFF;
}

.Bearbeitung { /*Protokoll Erfolgsstatus Farben Gelblich #E0E478;*/
font-size:12px; border-color:#4EA6FF; border-width:1px; border-style:solid; padding:3px; color:#78A8E4;
}

.Erfolg { /*Protokoll Erfolgsstatus Farben grünlich:#90C86F*/
font-size:12px; border-color:#4EA6FF; border-width:1px; border-style:solid; padding:3px;
/*
color:#90C86F;
*/
}

.Fehler { /*Protokoll Erfolgsstatus Farben*/
font-size:12px;
/*
border-color:#4EA6FF; border-width:1px; border-style:solid; padding:3px;
*/
color:#E24B4B; /* #E3667B; */
}

.solid_border {  /*Startseite vertikale Linie*/
width:500px; border-right:1px solid #134C91;
}

#qm a {
background-image:url('grp/qm.jpg');
height:42px; 
width:42px;
overflow:hidden;
display:block;
margin:5px;
}

#qm a:hover {
background-position:0px -43px;
}

#tel a {
background-image:url('grp/tel.jpg');
height:42px; 
width:42px;
overflow:hidden;
display:block;
margin:5px;
}

#tel a:hover {
background-position:0px -43px;
}

/*
Definiert das Aussehen der Hilfe-Text-Boxen 
*/
.infoBox
{
	background-color: #FAFAFA;
	border: 1px solid #4EA6FF;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 10px;
	/*font-size: 11px;*/
	display: block;
	text-align: justify;
}

.infoLink 
	{
	color: black;
	margin: 0px;
	display: block;
	cursor: help;
	text-align: left;
	vertical-align: center;
	}
	
.infoLink:hover
	{
	color: black;
	margin: 0px;
	display: block;
	cursor: help;
	text-align: left;
	vertical-align: center;
	} 

.infoLink img {
	text-align: right;
	margin-right: 0px;
	}
	

a.clickAble {
	color: black;
	font-weight: normal;
	width: 100%;
	display: block;
	}

a.clickAble:hover
{
  color: blue;
 cursor: pointer;

}

img.iconLink
{
	border: 0px none;
	padding: 0px;
	margin: 0px;
	padding-bottom: 1cm;
}

a.deepLink
{
	font-weight: normal;
	text-decoration: none;
}

a.deepLink:hover
{
	color:#002B7B;
	text-decoration: underline;
	font-weight: normal;
}

a.deepLink:visited
{
	color:#002B7B;
}

.uebersichtsZelle
{
	vertical-align: top;
}

.registerCodeBox
{
margin-bottom: 3px;
border: 1px #4EA6FF solid;
padding: 5px;
}

img.icon
{
	border: 0px none;  
}

.rowchange td a.forwardLink
{
color: black;
font-weight: normal;
text-decoration: none;
width:100%;display:block;
}

.rowchange_2 td a.forwardLink
{
color: black;
font-weight: normal;
text-decoration: none;
width:100%;display:block;
}


.rowchange:hover td a.forwardLink
{
color: white;
}

.rowchange_2:hover td a.forwardLink
{
color: white;
}


h3 a
{
cursor: help;
color:#002B7B;
}

h3 a:hover
{
cursor: help;
color:#002B7B;
}
.post_button:hover
{
	background-color: #4EA8FF;
}

.rowchange:hover td input.post_button
{
background-color: #4EA8FF;
}

.rowchange_2:hover td input.post_button
{
background-color: #4EA8FF;
}

.normalText 
{
text-align: justify;
}

/*
Klasse für das Kleingedruckte
*/
.smallText
{
font-size: 9px;
text-align: justify;
}

/*
wird immer dann angezeigt, wenn Aktionen erfolgreich waren 
*/
.successBox
{

margin: 0px;
border-spacing:0px;
font-size:12px; 
border:1px;
border-color:#4EA6FF; 
border-style:solid; 
padding: 5px;
background-color: #bde6bf;
}

/*
wird immer dann angezeigt wenn globale Fehler aufgetreten sind 
*/
.errorBox
{
border: 1px solid #FF6900;
padding: 5px;
color: #E24B4B;
background-color: #F8E9E9;
}

/*
wird immer dann hinter fehlerhaften Formularfeld angezeigt wenn Fehler aufgetreten sind 
*/
.errorTableBox
	{
	border: 1px solid #FF6900;
	padding: 2px;
	color: #E24B4B;
	background-color: #F8E9E9;
	font-size:12px;
	margin: 1px;
	}


a.protokollLink
	{
	font-weight: normal;
	text-decoration: underline;
	}


.protokollAktiverLink
	{
	font-weight: bold;
	}

/*
wird in den Übersichtsseiten der Hilfe benötigt, definiert die Box der Untermenupunkte wie Funktion, Details usw.
*/
.helpLink
	{
	width: 225px;float: left;height: 30px;
	overflow: visible;
	}
.helpLink img
	{
	align: right;
	}

ul 
	{
	list-style-image:url('./grp/button_square_8.gif');
	}