/* update 2009-10-12 */
html body {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-family: Verdana,Geneve,Arial,Helvetica,sans-serif;
	background-color: white;
  /* background-image:url("elsebg.gif"); */
	color: #515151;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding:0px;
	text-align:center;
}

.main1col .distance,
.main2col1 .distance, .main2col2 .distance {
	width: 300px;
	height: 20px;
	float: left;
}
.main2col2 .distance {
	width: 190px;
}


/* ------ common data ------ */

.boxerror {
	float:left;
}

.boxerror ul {
	list-style-type: none;
	margin: 0;
	margin-left: 30px;
	padding: 0;
}

.boxerror li {
	color: red;
	font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

b.cmsrepeat {
	color: black;
	background-color: #EFEFEF;
	font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
}

form { /* important for Netscape7, Opera */
	margin:0px;
}
.noborder {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
}

.hidethis {
  display: none;
	padding: 0px;
	margin: 0px;
}

.brclearboth {
	clear: both;
	visibility: hidden;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

h1 {
	color: #C1C1C1;
	color: black;
	margin-top: 9px;
	margin-bottom: 5px;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	color: #999999;
	color: black;
	margin-top: 9px;
	margin-bottom: 0px;
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
}
h3 {
  color: #999999;
	margin-top: 7px;
	margin-bottom: 0px;
	font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
}

p {
	color: #333333;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	line-height: 180%; /* 140%; */
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px;
}
p.msg {
	color: #df160b;
	font-weight: bold;
}

a {
	color: #cc0001;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	background-color: #b70304;
	color: white;
}

a.letterlineselected {
	background-color: #b70304;
	color: white;
	text-decoration: none;
	padding: 4px;
}
a.letterlinenotselected {
	text-decoration: none;
	padding: 4px;
}
img {
	border: none;
}

img:hover  {
	text-decoration: none;
/*	background-color: white; */
}


img a:hover {
/*	background-color: red; */
}

.box { float: left; }
.boxr { float: right; }
.box100 { float: left; width:100% }
.boxoh { float: left; overflow: hidden; }

.boxall {
	width:762px;
	margin:0px auto;
	text-align: left;
	padding : 0px;
/*   float:left; */
}

.dist2 {
	float: left;
	overflow: hidden;
	width: 2px;
	height: 2px;
}
.dist10 {
	float: left;
	overflow: hidden;
	width: 10px;
	height: 10px;
}

/* ------ top area ------ */

.boxtopempty {
	float: left;
	width: 762px;
	height: 8px;
	background-image:url("bgtop.gif");
	overflow: hidden;
}

.boxtop {
	float: left;
	width: 762px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-image:url("bgtop.gif");
	overflow: hidden;
}

.boxtop .logo {
	float: left;
	width: 207px;
/*   height: 39px; */
	height: 62px;
/*   background-image:url("toprightlogo.jpg"); */
	background-repeat: no-repeat;
	overflow: hidden;
}

.boxtop .boxtopleft {
	float: left;
	width: 553px;
	overflow: hidden;
}

.boxtop .boxtopleft .boxmenudistance {
	float: left;
	width: 15px;
	height: 7px;
  border-left: 1px solid #cccccc;
	overflow: hidden;
}

.boxtop .boxtopleft .menu {
	float: left;
	width: 552px;
	background-color: #999999;
}

.boxtop .boxtopleft .menu .navi {
	margin: 0;
  padding: 0;
}

.boxtop .boxtopleft .menu .navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.boxtop .boxtopleft .menu .navi ul li {
  float: left;
	display: block;
  text-align: left;
  padding: 0;
  margin: 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.boxtop .boxtopleft .menu .navi ul li a {
	background-color: #999999;
  border-left: none;
  border-right: 1px solid #cccccc;
  border-bottom: none;
  border-top: none;
  padding: 0;
  margin: 0;
  color: white;
  text-decoration: none;
  display: block;
  text-align: left;
	text-indent: 5px;
  font: normal normal bold 0.6em/23px Trebuchet MS,sans-serif;
  width: 86px;
  width: 9em;
}

.boxtop .boxtopleft .menu .navi ul li a.selected {
  color: white;
  background-color: #b70304;
}

.boxtop .boxtopleft .menu .navi ul li a:hover {
  color: white;
  background: #b70304;
}

/* ------bottom area ------ */

.boxbottom {
	float: left;
	width: 762px;
  border-top: 0px solid #cccccc;
  border-bottom: 1px solid #cccccc;
	background-image:url("bgtop.gif");
	overflow: hidden;
}



/* ------ main area ------ */

/* ------ content angemeldeter Benutzer ------ */

.contentuserloggedin {
	width: 100%;
  border-bottom: 1px solid #cccccc;
}

/* Eine Spalte */

.main1col {
	float:left;
	width:762px;
  border-bottom: 1px solid #cccccc;
	background-image:url("bgmain1col.gif");
}
.main1colinner {
	float:left;
	width: 760px;
	overflow: hidden;
	min-height: 10px;
}

.main1colinner .content {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.main1colinner .content h1,
.main1colinner .content h2,
.main1colinner .content h3 {
	padding-left: 30px;
	padding-right: 30px;
}
.main1colinner .content p {
	padding: 3px 30px 3px 30px;  /* top right bottom left */
}

.main1colinner .content b {
	font-size: bold;
	color: #999999;
}


/* Zwei Spalten */

.main2col {
	float:left;
	width:762px;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
	background-image:url("bgmain2col.gif");
}

.main2col1 {
	float:left;
	width: 552px;
	min-height: 10px;
}
.main2col2 {
	float:left;
	width: 207px;
/*   background-color: #F2F2F2; */
	overflow: hidden;
}




.menu2 {
	float: left;
	width: 100%;
	background-color: #e5e5e5;
	border-bottom: 1px solid #999999;
	margin-top: 1px;
	margin-bottom: 0px;
}

.menu2 .navi {
	margin: 0;
  padding: 0;
}

.menu2 .navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu2 .navi ul li {
  float: left;
	display: block;
  text-align: left;
  padding: 0;
  margin: 0;
}

.menu2 .navi ul li a {
	background-color: #e5e5e5;
  border-left: none;
  border-right: 1px solid #999999;
  border-bottom: none;
  padding: 0;
  margin: 0;
  color: #333333;
  text-decoration: none;
  display: block;
  text-align: left;
  font: normal normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
}

.menu2 .navi ul li a.selected {
	background-color: white;
	font-weight: bold;
	color: #585858;
	position:relative;
	top:3px;
}

.menu2 .navi ul li a:hover {
  color: white;
  background-color: #b70304;
}

/* menu level 3 */

.menu3 {
	float: left;
	width: 100%;
	background-color: white;
	margin-bottom: 10px;
  border-bottom: 1px solid #999999;
}

.menu3 .navi {
	margin: 0;
  padding: 0;
}

.menu3 .navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu3 .navi ul li {
  float: left;
	display: block;
  text-align: left;
  padding: 0;
  margin: 0;
}

.menu3 .navi ul li a {
	background-color: white;
  border-left: none;
  border-right: 1px solid #999999;
  border-bottom: none;
  padding: 0;
  margin: 0;
  color: #707070;
  text-decoration: none;
  display: block;
  text-align: left;
  font: normal normal 0.7em/18px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 8px;
	padding-right: 8px;
}

.menu3 .navi ul li a.selected {
  color: #707070;
	background-color: #e5e5e5;
	font-weight: bold;
}

.menu3 .navi ul li a:hover {
  color: white;
  background: #b70304;
}

/* ------ menu bottom ------ */

.menumain2 {
	float: left;
	width: 552px;
	background-color: #999999;
}

.menumain2 .navi {
	margin: 0;
  padding: 0;
}

.menumain2 .navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menumain2 .navi ul li {
  float: left;
  text-align: left;
  padding: 0;
  margin: 0;
  display: block;
}

.menumain2 .navi ul li a {
  border-left: none;
  border-bottom: none;
  padding: 0;
  margin: 0;
  color: white;
  text-decoration: none;
  display: block;
  text-align: left;
  font: normal normal 0.6em/20px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 18px;
	padding-right: 18px;
}

.menumain2 .navi ul li a.selected {
  color: white;
  background: #b70304;
}

.menumain2 .navi ul li a:hover {
  color: white;
  background: #b70304;
}


/* ------ two main columns ------ */

/* ------ column 1 ------ */

.main2col1 .content {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.main2col1 .content h1 {
	padding-left: 30px;
	padding-right: 30px;
}
.main2col1 .content h2 {
	padding-left: 30px;
	padding-right: 30px;
}
.main2col1 .content h3 {
	padding-left: 30px;
	padding-right: 30px;
}
.main2col1 .content p {
	padding: 3px 30px 3px 30px;  /* top right bottom left */
}

.main2col1 .content b {
	font-size: bold;
	color: #999999;
}

/* img in p */
.main1col .content img.alignleft,
.main2col1 .content img.alignleft,
.main2col2 .content img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
}
.main1col .content img.alignright,
.main2col1 .content img.alignright,
.main2col2 .content img.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 2px;
}
.main1col .content img.alignleftnop,
.main2col1 .content img.alignleftnop,
.main2col2 .content img.alignleftnop {
	float: left;
	margin-left: 0px; /* wie bei padding bei p */
	margin-right: 10px;
	margin-top: 3px; /* wie margin bei p */
	margin-bottom: 2px;
}
.main1col .content img.alignrightnop,
.main2col1 .content img.alignrightnop,
.main2col2 .content img.alignrightnop {
	float: right;
	margin-right: 30px; /* wie bei p */
	margin-left: 10px;
	margin-top: 3px; /* wie margin bei p */
	margin-bottom: 2px;
}

.main2col1 .content2 {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.main2col1 .content2 h1 {
	padding-left: 0px;
	padding-right: 30px;
}
.main2col1 .content2 h2 {
	padding-left: 0px;
	padding-right: 30px;
}
.main2col1 .content2 p {
	padding: 3px 30px 3px 0px;  /* top right bottom left */
	line-height: 14px;
}

.main2col1 .content2 b {
	font-size: bold;
	color: #999999;
}

.main2col1 .content2col1 {
	float: left;
	width: 260px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.main2col1 .content2col2 {
	float: left;
	width: 292px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}


/* ------ column 2 ------ */

.main2col2 .content {
	float: left;
	width: 100%;
}
.main2col2 .content a {
	font-weight: bold;
	color: white;
}

.main2col2 .content h1 {
	margin-top:10px;
	margin-bottom:2px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 0.7em;
	font-weight: bold;
	color: white;
}
.main2col2 .content h2 {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 0.6em;
	color: white;
}

.main2col2 .content h3 {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 0.6em;
	color: white;
}

.main2col2 .content p {
	margin-top: 0px;
	padding: 3px 8px 3px 8px;  /* top right bottom left */
	line-height: 14px;
  font: 0.65em Verdana, Arial, Helvetica, sans-serif;
}


.main2col2 .content2 {
	float: left;
	width: 100%;
	background-color: #858585;
	padding-top: 10px;
	padding-bottom: 10px;
}
.main2col2 .content2 h1 {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.8em;
	font-weight: bold;
	color: #F2F2F2;
}
.main2col2 .content2 h2 {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.7em;
	color: white;
}
.main2col2 .content2 p {
	margin-top: 0px;
	padding: 3px 15px 3px 15px;  /* top right bottom left */
	line-height: 14px;
	color: #F2F2F2;
}




/* SPECIAL BOX FÜR BILDER UND TEXT */

.main1col .content .imgboxleft,
.main1col .content .imgboxright,
.main2col1 .content .imgboxleft,
.main2col1 .content .imgboxright,
.main2col2 .content .imgboxleft,
.main2col2 .content .imgboxright {
	float: right;
/*   background-color: yellow; */
	margin: 12px 0px 5px 0px;  /* oben rechts unten links*/
}
.main1col .content .imgboxleft,
.main2col1 .content .imgboxleft,
.main2col2 .content .imgboxleft {
	float: left;
	margin: 12px 5px 5px 0px;  /* oben rechts unten links*/
}
.main1col .content .imgboxleft .dist,
.main2col1 .content .imgboxleft .dist,
.main2col2 .content .imgboxleft .dist {
	float: left;
	overflow: hidden;
	width: 85px;
	height: 10px;
}
.main1col .content .imgboxright .dist,
.main2col1 .content .imgboxright .dist,
.main2col2 .content .imgboxright .dist {
	float: left;
	overflow: hidden;
	width: 10px;
	height: 10px;
}

.main1col .content .imgboxleft .content,
.main1col .content .imgboxright .content,
.main2col1 .content .imgboxleft .content,
.main2col1 .content .imgboxright .content,
.main2col2 .content .imgboxleft .content,
.main2col2 .content .imgboxright .content {
	float: left;
	background-color: #D8D8D8;
	margin: 0px 0px 0px 0px;  /* oben rechts unten links*/
}

.main1col .content .imgboxleft .content p,
.main1col .content .imgboxright .content p,
.main2col1 .content .imgboxleft .content p,
.main2col1 .content .imgboxright .content p,
.main2col2 .content .imgboxleft .content p,
.main2col2 .content .imgboxright .content p {
  color: #333333;
  font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%; /* 140%; */


	color: #000000;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
/*   line-height: 140%; */
	margin: 0px 0px 0px 0px;  /* oben rechts unten links*/
	text-align: left;
}

/* /SPECIAL BOX FÜR BILDER UND TEXT */



.formclass {
/*   float:left; */
}

.formclass h2{
	color: #b13132;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.formclass input, .formclass textarea {
	background-color: #E0E0E0;
	color: #32404B;
	margin-bottom:0px;
	color: black;
	border: 0px;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

.formclass .tableinput {
	float: left;
  font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}

.formclass .boxinputfield {
	float: left;
	height: 18px;
}
.formclass input.mustfield {
	background-color: #eec1c1;
}
.formclass input.readonly {
	background-color: transparent;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
.formclass input.freefield {
	background-color: #E6F3FF;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

.formclass .button {
	BORDER-LEFT: #97CDFF 0px solid;
	BORDER-TOP: #97CDFF 0px solid;
	BORDER-RIGHT: #00305B 0px solid;
	BORDER-BOTTOM: #00305B 0px solid;
	COLOR: white;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	background-color: #b70304;
}
.formclass .boxalignright {
	float: left;
	text-align: right;
	padding-right: 8px;
	padding-top: 1px;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
.formclass .boxalignleft {
	float: left;
	text-align: left;
	padding-right: 8px;
	padding-top: 1px;
	height: 18px;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
.formclass .clearstyle {
	background-color: transparent;
}

/* Extra CSS */

table.phonebook {
	margin-left: 30px;
	border-top: #E0E0E0 1px solid;
}

table.phonebook td {
	color: #2C2C2C;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 4px 2px 4px;  /* oben rechts unten links*/
	border-bottom: #E0E0E0 1px solid;
	vertical-align: top; 
}


.tableorder td.header {
	color: #2C2C2C;
	background-color: transparent;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 4px 0px 4px;  /* oben rechts unten links*/
}
.tableorder td, .tableorder td.row2 {
	color: #2C2C2C;
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	background-color: #AAD7FF;
	background-color: #E0E0E0;
	padding:2px 4px 2px 4px;  /* oben rechts unten links*/
}
.tableorder td.row2 {
	background-color: #F0F0F0;
}

.tableorganisation td {
	color: black;
	background-color: #EAACAC;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
}

.tableorganisation td.header {
	color: white;
  font: bold 0.8em/Verdana, Arial, Helvetica, sans-serif;
	background-color: #b13132;
	padding-top:5px;
	padding-bottom:5px;
}
.tableorganisation td.light {
	color: black;
	background-color: #F7DFDF;
}
.tableorganisation td.empty {
	background-color: transparent;
}
.elementdescription {
	color: #DBDBDB;
  font: 0.6em Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
}

.main2col2 .elementdescription {
	color: #F5F5F5;
  font: 0.55em Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
}