/*
	Hintergrund:	white;
	Text:		black;
	Blau:		#173F83;
	Rot:		#D32C26;
	BG-white:	#F8E0F0;
*/

html,
body {
	margin: 0;
	padding: 0;
	font: 12px Arial, sans-serif;
	color: black;
	background-color: #F0F0F8;
	height: 98%;
}

a {
	color: #1058A8;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	border: 0;
}

td {
	text-align: left;
	vertical-align: top;
}

hr {
	border: 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 2ex 0 0 0;
}

form{
	border: 0;
	margin: 0;
}

.world {
	width: 780px;
	height: 100%;
	border: 1px solid black;
	margin-top: 5px;
	margin-left: 7px;
}

/* HEADER */

.pageheader {
	height: 81px;
	background-image: url( /images/banner.jpg );
	background-position: bottom left;
}
.pageheader .titeltext {

	padding: 10px 0 0 1em;
	font-size: 10px;
	font-weight: normal;
	color: #173F83;
}
.pageheader .titeltext i {
	color: #D32C26;
}
.pageheader .titeltext b {
	font-weight: bold;
}
.pageheader .logo {
	margin: 10px 10px 0 0;
	padding: 0;
	float: right;
}
.pageheader .logo img {
	width: 234px;
	height: 68px;
}
.pageheader2 {
	height: 16px;
	background-image: url( /images/banner2.jpg );
	background-position: bottom left;
}
.pageheader2 .titellinks{
	font-size: 10px;
	font-weight: normal;
	color: black;
	height: 16px;
	text-align: right;
}
.pageheader2 .titellinks a{
	color: black;
	font-weight: normal;
	border-right: 1px solid black;
	padding: 0 6px 0 3px;
}
.pageheader2 form {

	display: inline;
}
.pageheader2 input.text {
	font-size: 10px;
	color: black;
	background-color: #8EACD0;
	border: 1px solid #7D858F;
	height: 12px;
	padding: 1px;
	margin: 0;
}
.pageheader2 input.bild{
	width: 14px;
	height: 14px;
}

.headernavi {

	background-color: #173F83;
	border-top: 1px solid white;
	color: white;
	height: 16px;
}
.headernavi a.headerlink {
	color: white;
	padding-left: 1ex;
	padding-right: 1ex;
	border-right: 1px solid white;
}
.headernavi a.headerlink:hover {
	color: #880000;
}

/* NAVIGATION */
.navigation {

	width: 155px;

	padding: 0;
	margin: 0;

	height: 100%;
	line-height: 150%;
	text-align: left;

	background-color: #cccccc;
}

.navigation .topbottom {
	height: 100%
	border: 0;
}
.navigation .topbottom .top{
	vertical-align: top;
}

.navigation .topbottom .bottom{
	vertical-align: bottom;
}

.navigation .box {

	margin: 0;
	padding: 0;
	border-bottom: 1px solid white;
}
.navigation .box .title {

	font-weight: bold;
	background-color: #bbbbbb;
	padding-left: 0.5em;
	border-bottom: 1px solid white;
}
.navigation .box .content {

	padding-left: 0.5em;
	padding-top: 0.2em;
}
.navigation .pageimage{
	padding: 0;
	margin: 0;
}
.navigation .pageimage img {
	
	width: 145px;
	padding: 0;
	margin: 0;
}

/* Navigation */
.navigation .nav {

	color: black;

	padding: 3px 0 2px 5px;
	margin: 0;

	font-weight: bold;
	line-height: 110%;
	border-bottom: 1px solid white;
}
/* titel */
.navigation .pages .content{
	padding: 0;
	margin: 0;
}
.navigation .pages .title {
	
	background-color: #173F83;
	color: white;
}
.navigation .pages .title a {
	color: white;
}
.navigation .pages .title a:hover {
	color: #880000;
}
/* LV1 */
.navigation .lv1 {
	background-color: #607BFF;
}
.navigation a:hover .lv1 {
	color: #880000;
}

/* LV2 */
.navigation .lv2 {
	background-color: #819AFF;
	font-weight: normal;
}
.navigation a:hover .lv2 {
	color: #880000;
}

/* LV3 */
.navigation .lv3 {
	background-color: #9CB0FF;
	font-weight: normal;
}
.navigation a:hover .lv3 {
	color: #880000;
}

/* LV4 */
.navigation .lv4 {
	background-color: #D1DBFF;
	font-weight: normal;
}
.navigation a:hover .lv4 {
	color: #880000;
}

.navigation .pages .hit {
	background-color: #F0F0F8;
	color: black;
}
.navigation .pages a:hover .hit {
	color: #880000;
}
.navigation .lingos .sel {
	color: black;
	text-decoration: underline;
}

.energieberatersuche input.text {
	font-size: 10px;
	color: black;
	background-color: white;
	border: 1px solid #7D858F;
	height: 12px;
	padding: 1px;
	margin: 0;
}
.energieberatersuche input.bild{
	margin-left: 3px;
	width: 14px;
	height: 14px;
}
.mitgliederlogin .title{

	font-weight: bold;
}
.redbar {
	width: 2px;
	background-image: url( /images/redbar.gif );
	background-repeat: no-repeat;
}

/* CONTENT */
.pagecontent {
	width: 100%;
	height: 100%;
	height: auto;
	padding: 0 0 2em 0.5em;	/*flo note*/
}
.pagecontent h1 {
	font-weight: bold;
	padding-top: 0px;
	font-size: 110%;
	/* color: #1058A8; */
	color: #333333;
}
.pagecontent h2 {
	font-size: 100%;
	font-weight: normal;
}
.pagecontent h3 {
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
}

.pagecontent h4 {
	font-weight: bold;
	color: #1058A8;
	margin-bottom: 0;
}

.pagecontent h5 {
	font-weight: bold;
	margin-bottom: 0;
}

.pagecontent p {
	padding: 0ex 1em 1ex 0em;
}
.pagecontent .listentry {

}
.pagecontent .listentry h3 {

	padding: 0;
	margin: 0.5ex 0 0 0;
}
.pagecontent .listentry p {

	padding: 0;
	margin: 0 0 0 0.5ex ;
}
.pagecontent .listitem {
	background-image: url( /images/dot_0.gif );
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 0;
	margin: 0;
	padding-left: 15px;
}
.pagecontent .listenum {
}
.newsbox {
	margin: 0 0 2ex 0;
}
.newsbox .titel {
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 1px 0;
}
.newsbox .content {
	font-size: 10px;
}
.pagecontent .rechte {
	width: 50%;
	padding-top: 5ex;
}

.suchfeld {
	background-color: #CCCCCC;
	color: black;
	padding: 4px;
	text-align: left;
}
.suchfeld input, .suchfeld select {

	border: 1px solid black;
	padding: 2px;
}
.suchfeld select option {
	border-bottom: 1px dotted #173F83;
	padding-bottom: 2px;
	font-size: 80%;
}
.suchfeld td {
	text-align: right;
}
.suchfeld th {
	font-weight: normal;
}
.mitgliedsliste {
	margin-top: 2em;
	text-align: left;
}
.mitgliedsliste th {
	padding-top: 1ex;
	background-color: #173F83;
	color: white;
}
.mitgliedsliste td.dotted {
	border-bottom: 2px dotted #cccccc;
}
.mitgliedsliste th img {
	width: 5px;
	height: 3px;
	margin: 3px;
	border: 0;
}
.mitgliedsliste td a img {
	width: 3px;
	height: 5px;
	margin: 3px;
	border: 0;
}

/* f. Mitgliederliste zwischenueberschriften */
.mitglied h2 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	border-bottom: 2px dotted #173F83;
	margin-bottom: 0;
}
.mitglied h3 {
	margin-top: 0;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.inhalt {
	width: 100%;
	height: 1000px;
}
.leftside {
	
}
.rightside {
	font-size: 85%;
	width: 145px;
	padding: 4px;
	border: 1px solid #CCCCCC;
}


.leftintextimage {
	float: left;
	margin: 5px 5px 5px 0;
}
.rightintextimage {
	float: right;
	margin: 5px 0 5px 5px;
}
.pagecontent .li {

	display: block;
	padding-left: 1em;
	padding-bottom: 0.7ex;
	background-image: url( /images/dot-schwarz.gif );
	background-repeat: no-repeat;
	background-position: 0.2em 0.7ex;
}
.enum {
	display: block;
	margin-left: 0.4ex;
	margin-bottom: 0.8ex;
	margin-top: 1.3ex;
	padding-left: 10px;
	background-image: url( /images/dot-schwarz.gif ); 
	background-repeat: no-repeat;
	background-position: top left;
}

.mitglied {
	text-align: left;
}

/* mitglied */
.mitglied th {
	vertical-align: top;
	font-weight: bold;
	/* border: 1px solid red; */
}
.mitglied td {
	vertical-align: top;
	/* border: 1px solid green; */
}

.visible {
	border: 1px dotted black;
}
.visible3 {
	background-color: green;
}
.visible2 {
	background-color: yellow;
}
.visible1 {
	background-color: red;
}
.austritt {
	color: red;
}
.error {
	background-color: #FF8888;
}