body {
  background-color: #FFF;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 16px;
  margin: 0pt;
  padding: 0pt;
}
img {
  border: 0px;
}
#main_container {
	width: 902px;
  margin: auto;
  background-color: #246BC7;
/*border: 1px solid #000;*/
}
#top {
  height: 15px;
  margin-top: 0px;
  width: 902px;
  background-color: #FFF;
}
#top a {
  color: #666666;
  text-decoration: none;
}
#top a:link, a:visited {
  color: #666666;
  text-decoration: none;
}
#top a:hover {
  color: #000;
}
#top_nav {
  height: 15px;
  padding-top: 5px;
  width: 902px;
  text-align: right;
  font-size: 0.7em;
}
#header1 {
  height: 80px;
  width: 902px;
  background-color: #FFF;
}
#logo {
  text-align: center;
/*background-color: #C8CFD6;*/
  background-image: url(../images/logo.jpg);
  height: 80px;
  width: 200px;
  float: left;
}
#slogan {
  text-align: right;
  float: right;
  height: 25px;
  width: 702px;
  padding-top: 55px;
  font-weight: bold;
/*background-color: #EAA;*/
}
#header2 {
  background-color: #FFF;
  width: 902px;
  height: 115px;
  padding-top: 1px;
  padding-bottom: 1px;
}
#foto1 {
/*background-color: #97A9C5;*/
  background-image: url(../images/schach.jpg);
  text-align: center;
  width: 200px;
  height: 115px;
  float: left;
}
#foto2 {
  background-color: #246BC7;
  text-align: center;
  width: 233px;
  height: 115px;
  margin-left: 1px;
  float: left;
}
#foto3 {
background-color: #246BC7;
  text-align: center;
  width: 233px;
  height: 115px;
  margin-left: 1px;
  float: left;
}
#foto4 {
background-color: #246BC7;
  text-align: center;
  width: 233px;
  height: 115px;
  margin-left: 1px;
  float: left;
}
#spacer1 {
  background-color: #FFF;
  width: 702px;
  height: 20px;
  border-left: 200px solid #246BC7;
}
#breadcrumb {
  background-color: #EEEEEE;
  color: #724B44;
  float: left;
  font-size: 0.7em;
  height: 17px;
  padding-left: 20px;
  padding-top: 3px;
  text-align: left;
  width: 532px;
}
#printimg {
  background-color: #EEEEEE;
  float: right;
  font-size: 0.7em;
  height: 18px;
  padding-right: 10px;
  padding-top: 2px;
  text-align: right;
  width: 140px;
}
#body_container {
  background-color: #246BC7;
  width: 902px;
  height: auto;
}
#left_menu {
  float: left;
  font-size: 0.7em;
  padding-left: 0px;
  text-align: left;
  width: 200px;
  background-color: #246BC7;
}
#content_container {
  float: right;
  font-size: 0.8em;
  width: 662px;
  padding: 15px 20px 20px;
  background-color: #F7F7F7;
}
#content_container .smallfont {
  font-size: 0.8em;
}
#content_container .boldfont {
  font-weight: bold;
}
#content_container .justifiedfont {
  text-align: justify;
}
#content_container a {
  color: #246BC7;
  text-decoration: underline;
}
#content_container a:link, a:visited {
  color: #246BC7;
}
#content_container a:hover {
  color: #246BC7;
}
#footerborder {
  clear: both;
  width: 902px;
  height: 1px;
  font-size: 1px;
  background-color: #246BC7;
}
#footer_container {
  height: 30px;
  margin-top: 0px;
  width: 902px;
  background-color: #FFF;
}
#footer_container a {
  color: #666666;
  text-decoration: none;
}
#footer_container a:link, a:visited {
  color: #666666;
  text-decoration: none;
}
#footer_container a:hover {
  color: #000;
}
#validate {
  color: #666666;
  float: left;
  font-size: 0.6em;
  height: 25px;
  padding-top: 5px;
  width: 300px;
  background-color: #FFF;
}
#copyright {
  color: #666666;
  float: right;
  font-size: 0.6em;
  height: 25px;
  padding-top: 5px;
  text-align: right;
  width: 602px;
  background-color: #FFF;
}

/******************
      Menue
******************/
.ul_left_menu {
  background-color: #6E8FEA;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0pt;
  padding: 0pt;
}
.ul_left_menu .li_left_menu {
  width: 200px;
}
.ul_left_menu .active_left_menu {
  background-color: #F0EFED;
  border-bottom: 1px solid #1A4C8E;
  border-left: 5px solid #1A4C8E;
  color: #1A4C8E;
  font-size: 1em;
  font-weight: bold;
  padding: 3px 10px;
  width: 175px;
}
.ul_left_menu .li_left_menu a{
  display: block;
  width: 175px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 10px;
  color: white;
  font-weight: bold;
  font-size: 1.0em;
  text-decoration: none;
  border-bottom: 1px solid #246BC7;
}

.ul_left_menu .li_left_menu a:hover{
  display: block;
  background-color: #FFFFFF;
  color: #666666;	
  padding-left: 10px;
  border-left: 5px solid #246BC7;
}
/******************
      Sub-Menue
******************/
.ul_left_submenu {
  background-color: #6E8FEA;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0pt;
  padding: 0pt;
}
.ul_left_submenu .li_left_submenu {
  width: 200px;
}
.ul_left_submenu .active_left_submenu {
  background-color: #F0EFED;
  border-bottom: 1px solid #1A4C8E;
  border-left: 5px solid #1A4C8E;
  color: #1A4C8E;
  font-size: 1em;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 25px;
  width: 170px;
}
.ul_left_submenu .li_left_submenu a{
  display: block;
  width: 160px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 30px;
  padding-right: 10px;
  color: white;
  font-size: 1.0em;
  text-decoration: none;
  border-bottom: 1px solid #246BC7;
}

.ul_left_submenu .li_left_submenu a:hover{
  display: block;
  background-color: #FFFFFF;
  color: #666666;	
  padding-left: 25px;
  border-left: 5px solid #246BC7;
}



#content_left {
  float: left;
  padding-right: 10px;
  width: 472px;
  height: 315px;
/*background-color: #C8CFD6;*/
}
#content_right {
  float: right;
  padding-left: 10px;
  width: 170px;
  height: 315px;
/*background-color: #D7DCE1;*/
}
#content_both {
  float: left;
  width: 662px;
/*background-color: #D7DCE1;*/
}
.section_title {
  height: 16px;
  color: #697989;
  font-family: Verdana, Arial;
  margin-bottom: 30px;
  font-size: 1.2em;
  font-weight: bold;
}



/*************************
     Login-Formulare
*************************/

.ccPortalLoginTable {
	width: 280px;
	height: 110px;
	border-collapse:collapse;
	table-layout:fixed;
	border: #246bc7 1px solid;
	background-color: #ffffff;
}
.ccPortalLoginTdLeft {
	width: 30%;height: 18px;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 12px;
	font-family: Verdana, serif;
	/*padding-left: 3px;
	padding-right: 3px;*/
}
.ccPortalLoginTdRight {
	width: 70%;
	height: 22px;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
	/*padding-left: 3px;
	padding-right: 3px;*/
}
.ccPortalLoginInput {
	width: 180px;
	/*border: 0px;*/
}
#ccPreisliste {
	width: 99%;
	margin: auto auto;
	font-family: Verdana;
	font-size: 12px;
}
#ccPreisliste td {
	border: #246bc7 1px solid;
	height: 12px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: bottom;
}
#ccPreisliste table {
	border-collapse: collapse;
	width: 99%;
	font-size: 12px;
	background-color: #FFF;
}
#ccPreisliste .netto, .brutto {
	text-align: center;
}
#ccPreisliste .ausrichten {
	padding-left: 7px;
}
#ccPreisliste .einruecken {
	padding-left: 22px;
}
#ccPreisliste .preiseright {
	text-align: right;
	padding-right: 5px;
}
.ccPreiseTdWidth10 { width: 10%; }

.ccPreiseTdWidth20 { width: 20%; }

.ccPreiseTdWidth40 { width: 40%; }

.ccPreiseTdWidth50 { width: 50%; }

.ccPreiseTdWidth70 { width: 70%; }

.ccPreiseTdWidth99 { width: 99%; }

.ccPreiseTable { /* Einrichtungsgebuehr Tabelle */
width: 99%;
border-collapse: collapse;
table-layout: fixed;
background-color: #ffffff;
color: #000000;
}

.ccPreise3Td1 {
width: 56%;
height: 20px;
border: #246bc7 1px solid;
text-align: left;
padding-left: 5px;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
}

.ccPreise3Td2 {
width: 22%;
height: 20px;
border: #246bc7 1px solid;
text-align: center;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
}

.ccPreiseEGTdLinks {
width: 78%;
height: 20px;
border: #246bc7 1px solid;
text-align: left;
padding-left: 5px;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
}

.ccPreiseEGTdRechts {
width: 22%;
height: 20px;
border: #246bc7 1px solid;
text-align: center;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
}

.ccPreiseEATd1 {
width: 11%;
height: 20px;
border: #246bc7 1px solid;
text-align: center;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
}

.ccPreiseEATd12 {
width: 20%;
border: #246bc7 1px solid;
border-left: #246bc7 2px solid;
text-align: center;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
font-weight: bold;
}

.ccPreiseEATd2 {
width: 10%;
border: #246bc7 1px solid;
border-left: #246bc7 2px solid;
text-align: center;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
}

.ccPreiseEATd3 {
width: 10%;
border: #246bc7 1px solid;
text-align: center;
vertical-align: middle;
font-family: Verdana, serif;
font-size: 12px;
}
.ccPunkt18 {
  width: 13px;
  height: 13px;
}

.ccPunkt12 {
  width: 9px;
  height: 9px;
}

.ccPunkt13 {
  width: 9px;
  height: 9px;
}

.ccPunkt14 {
  width: 10px;
  height: 10px;
}

#dienstleistungen {
  width: 609px;
}
#dienstleistungen table{
  margin: auto;
}
#dienstleistungen .ueberschrift {
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#dienstleistungen .underlined {
  text-decoration: underline;
}
#dienstleistungen .bold {
  font-weight: bold;
}
#dienstleistungen .p1 {
  font-size: 14px;
  font-family: Verdana;
}
.loginbutton {
	display: block;
	height: 20px;
	width: 85px;
	line-height: 20px;
	border-right: #666666 1px solid;
	background-position: center;
	border-top: #666666 1px solid;
	font-size: 12px;
	font-family: Verdana, Arial, serif;
	background-image: url("../images/bg.gif");
	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
	background-repeat: repeat-x;
	background-color: #dddddd;
	color: #000000;
	cursor: pointer;
	float: right;
	text-align: center;
}
.demobutton {
	display: block;
	height: 20px;
	width: 85px;
	line-height: 20px;
	border-right: #666666 1px solid;
	background-position: center;
	border-top: #666666 1px solid;
	font-size: 12px;
	font-family: Verdana, Arial, serif;
	background-image: url("../images/bg.gif");
	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
	background-repeat: repeat-x;
	background-color: #dddddd;
	color: #000000;
	cursor: pointer;
	float: left;
	text-align: center;
	margin-left: 2px;
}
.ccPortalLoginTable {
	width: 280px;
	height: 146px;
	border-collapse:collapse;
	table-layout:fixed;
	border: #246bc7 1px solid;
	background-color: #ffffff;
}
.ccPortalLoginTdLeft {
	width: 30%;height: 18px;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 12px;
	font-family: Verdana, serif;
	/*padding-left: 3px;
	padding-right: 3px;*/
}
.ccPortalLoginTdRight {
	width: 70%;
	height: 22px;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
	/*padding-left: 3px;
	padding-right: 3px;*/
}
.ccPortalLoginInput {
	width: 180px;
	/*border: 0px;*/
}
.imgzugang {
	vertical-align: bottom;
	width: 105px;
	height: 22px;
}
#content_container .partner {
	display: block;
	border: 2px solid #EEE;
	padding: 2px;
	background-color: #FFF;
	text-align: center;
	width: 150px;
	height: 120px;
}
#content_container .partner:link, #content_container .partner:visited {
	border: 2px solid #EEE;
}
#content_container .partner:active, #content_container .partner:hover {
	border: 2px solid #000;
}