/* General Gluecksbotschaft */

/* Für Firefox eingefügt wegen height = 100% */
html, body { height:100%; margin:0; padding:0;

text-align: center;
 }
       /* div { min-height:100%; } */
      /* html div { height:100%; } */
	

body
{
/* background		: #ffffff; rosa dkl*/
/* background		: #ffffff; rosa hell ok*/
/* background		: #F0E8E2; oder #EAE1DA;beige ok*/
    background	    : #EEE6E3;
	margin			: 0px;
}


h2{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size       	: 12px;
	font-weight			: bold;
  	color           	: #30373D;
}



a:link, a:visited 
{
	color			: #898C8F; 
	text-decoration		: none;
}

a:hover 
{
	color			: #30373D;
	text-decoration		: none;
}

tr,div 
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size       	: 12px;
  	color           	: #30373D;
	line-height : 180%;
}



.tblbody
{
	background		: url(../images/shadow.gif);
	background-repeat	: repeat-y;
	background-position	: right top;
	background-color	: #7DA4C5;
	vertical-align: top;
	height: 100%;
}




.tblcontent
{
	background-color	: #ffffff; 
	margin-left		: 4px;
	margin-right		: 4px;
}

table.moduletable th 
{
	background-color	: #E8D1DB; 
	text-align		: left;
    width			: 180px;
/*	height			: 68px; */
	height			: 25px; 
	padding-top		: 11px;
	padding-left	: 9px;
/*	color			: #30373D; */
}

table.moduletable
{
	
	background-position	: left bottom;
	width			: 180px;
	padding-bottom		: 5px;
	margin-top		: 5px;
	background-color	: white;
	margin-bottom		: 5px;
}


table.moduletable td
{
	padding-left		: 7px;
	padding-right		: 7px;
}

.contentheading
{
	/* background-color	: #F28C10; */
	/* border-bottom		: 3px solid #F5D6B1; */
	color			: #30373D;
	font-weight		: bold;
/*	padding-left		: 15px; */
	padding-bottom		: 10px;

}

.componentheading
{
	font-size		:11px;
	font-weight		: bold;
	color			: #30373D;

}



.contentpaneopen
{
	width			: 100%;
	text-align		: justify;
	padding-left:  7px;
	padding-right: 20px;
}


.tdfooter
{
/*	background-color	: #DADCD9; */
	height			: 20px; 
/*	height: 100%; */
/*	border-top		: 1px solid #000000; */
text-align: center;
vertical-align: bottom;
padding-top: 3px;
padding-bottom: 3px;

}

/* ################## ANFANG ELKE MENU ##################### */

#mainlevel-nav 
{
	margin			: 0;
	padding			: 0;
}

#mainlevel-nav li 
{
	background-image	: none;
	list-style		: none; 
	float			: left; 
	margin			: 0px; 
	padding-left		: 15px;
	padding-right		: 15px;
	font-size		: 11px;
	line-height		: 16px;
	height			: 26px;
	white-space		: nowrap;
}

#mainlevel-nav a 
{
	float			: right; 
	text-decoration		: none;  
	color			: #FFFFFF;
	font-weight		: bold;
	border			: 1px solid #7DA4C5;
	padding-left		: 3px;
	padding-right		: 3px;
}

#mainlevel-nav a 
{
	float			: none;
}

#mainlevel-nav a:hover 
{
	color			: #ffffff;
	background-color	: #F28C0E;
	border-bottom		: 1px solid #F5D6B1;
	
}


/* ####### ENDE ELKE MENU ################ */

/* #### DEFAULT MENU LINK SETTINGS #### */
/*
a.mainlevel,
a.mainlevel:link, 
a.mainlevel:visited,
a.mainlevel:active {
display: block;
         font-weight				: normal;
	font				: 10px Helvetica;
	color					: #677c99;
	margin					: 0px;
	text-decoration			: none;
	text-transform			: uppercase;
	text-align				: left;
	background				: #d7dee5; 
	padding-left			: 10px; 
	padding-right			: 5px; 
	padding-top				: 5px; 
	padding-bottom			: 5px;
	margin-bottom			: 1px;
        margin-top			: 1px;
	width					: 170px;
 	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
background-image				: url(../images/leer_1x12.gif);
}



a.mainlevel:hover {
display: block;
	font-weight				: normal;
	margin					: 0px;
	color					: #d7dee5; 
	background				: #677c99; 
	padding-left			: 10px; 
	padding-right			: 5px; 
	padding-top				: 5px; 
	padding-bottom			: 5px;
	margin-bottom			: 1px;
        margin-top			: 1px;
	width				: 170px;
display: block;
        text-decoration  		: none;
border-bottom-width: 1px;
	border-bottom-style: solid;
}


a.sublevel,
a.sublevel:link,
a.sublevel:visited, 
a.sublevel:active {
	display: block;
	font-size				: 10px;
	font-weight				: normal;
	font-family				: Verdana;
	margin					: 0px;
         margin-left				: 20px;
	color					: #677c99;
         background				: #F5F5F5;
	text-decoration			: none;
	padding-left			: 20px; 
	padding-right			: 0px; 
	padding-top				: 4px; 
	padding-bottom			: 4px;
border-bottom-width: 1px;
	border-bottom-style: solid;
width: 150px;
}



a.sublevel:hover {
	display: block;
	font-size				: 10px;
	font-weight				: normal;
	font-family				: Verdana;
	margin					: 0px;
         margin-left				: 20px;
         color					: #d7dee5; 
	background				: #677c99; 
	text-decoration			: none;
	padding-left			: 20px; 
	padding-right			: 0px; 
	padding-top				: 4px; 
	padding-bottom			: 4px;
         border-bottom-width: 1px;
	border-bottom-style: solid;
width: 150px;
}
*/

/* #### ENDE DEAFULT MENU LINK SETTING #### */

.tdtopmenu
{
/*	background		: url(../images/header-02.jpg); 
	background-repeat	: no-repeat;
	height			: 55px; */ 
	padding-left		: 20px;
}




.small , .createdate
{
	font-size		: 9px;
}

.sectiontableheader
{
	background-color	:/* #F28C10; */ transparent; 
	height			: 20px;
	padding-left		: 3px;
	padding-right: 10px; 
	font-size: 11px;
	color: #595959 ;
}

.sectiontableentry1
{
/* background-color	: #F5D6B1; */	
	height			: 20px;
	padding-left		: 3px;
}

.sectiontableentry2
{
/*	background-color	: #F5D6B1; */
	height			: 20px;
	padding-left		: 3px;
}

input , select , textarea
{
	font-size		: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul
{
	margin: 5px; 
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

li
{
	line-height: 15px;
	padding-left: 2px;
	padding-top: 0px;
   padding-bottom: 10px;
list-style-image: url(../images/arroww.png);
}

.tdheader
{
	background		: url(../images/header-01.jpg) no-repeat;
	width			: 950px; 
	height			: /* 168px; */ /* 120px; */ 64px;
}

.sitename
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 20px;
	font-weight		: bold;
	color			: #ffffff;
	padding-top		: 16px;
	padding-right		: 15px;
	text-align		: right;
}

table.contenttoc
{
	/* border			: 1px solid #F28C10; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 8px;
	color			: #E3C7D4;
	line-height : 100%;
	margin			: 2px;
}

table.contenttoc th
{
	/* background-color	: #F28C10; 
	background: url(../images/linie_waagerecht.gif) repeat-x; */
	color			: #595959 ; 
	padding			: 2px;
	text-align		: left;
	vertical-align: sub;
	font-size		:14px;
	font-weight		:bold;
}

/* Änderung der Beitragsinhaltsangaben */
table.contenttoc td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	color			: #595959 ;
	line-height : 100%;	
	padding			: 2px

}









#mainlevel-startseite 
{
	margin			: 0;
	padding			: 0;
}

#mainlevel-startseite li 
{
	background-image	: none;
	list-style		: none; 
	float			: left; 
	margin			: 0px; 
	padding-left		: 0px;
	padding-right		: 15px;
	font-size		: 11px;
	line-height		: 24px;
	height			: 26px;
	white-space		: nowrap;
}


#mainlevel-startseite a 
{
	float			: none;
	background-color	: #FF9428; 
	text-decoration		: none;  
	color			: #FFFFFF;
	font-weight		: bold;

	padding-left		: 7px;
	padding-right		: 7px;
}



#mainlevel-startseite a:hover 
{
	color			: #ffffff;
	background-color	: #7DA4C5;
}






/* AB HIER EIGENE KLASSEN und FORMATE */

/* ============================================*/
#mainframe{
background-color: #ffffff;
position: absolute; 
margin-left: -400px;
left: 50%;
width: 800px; 
/* height: 101%; *//* in Abhängigkeit von #linie_senkrecht */

z-index: 1;
}

table.main{
border-left: 3px #FFFFFF solid;
border-right: 6px #FFFFFF solid;
border-top: 3px #FFFFFF solid;
background-color: #FFFFFF;
}


#header{
/* background-color: red; */ 
}


#header_left{
/* background: orange; */
}


/* Derzeit abgeschaltet */
/*
#header_center{
background-color: navy; 
width: 1px;
}
*/

#header_right{
/* background-color: gray; */
text-align: right;
vertical-align: middle; 
}


#topmenu{
/* background-color: green; */ 
padding-top: 2px;
padding-bottom: 8px;
padding-left: 200px;
}


#middle{
/* background-color: teal; */ 
z-index: 2; 
}

#middle_left_bild{
width: 194px;
background-color: #ffffff;hellrosa
/* background-color: #F5EBF1;dklrosa E9E)E7 grau */
/* background-color: green; */
padding-left: 0px;
}


#middle_left_farbe{
width: 194px;
/* background-color: aqua; */
/* background-color: #E9E9E7; */ 
padding-left: 0px;
}



#middle_center{

/* background-color: brown; */
text-align: left;
width: 100%;
padding-top: 10px;
padding-left: 12px;
}

#middle_right{
/* background-color: purple; */
}

#footer{
text-align: center;
border		: 1px dashed #F5D6B1;
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
/* background-color: aqua; */
}


#copyright{
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
/* background-color: aqua; */
}


#linie_waagerecht{
position: absolute;
left: 135px;
top: 145px;
width: 570px;
background: url(../images/linie_waagerecht.gif) repeat-x;
z-index: 10;
}

#linie_senkrecht{
position: absolute;
left: 210px;
top: 130px;
/* height: 85%; *//* wenn #mainframe = heigt 101%" */
height: 600px; 
width: 5px;
background: url(../images/linie_senkrecht.gif) repeat-y;
z-index: 20;
}


/* =============== Beginn Header ======================= */

table.header{
border-collapse: collapse;
}

tr.header{
vertical-align: top; 
}

td.header{
text-align: left;
}


/* ============== Ende Header ======================== */


/* =============== Begin Spalte Links ================== */


table.middle_left_bild{
border-collapse: collapse;
margin-top: 5px;
margin-left: 3px;
margin-bottom: 5px;
}



td.left_bild_oben
{
height: 135px;
background: url(../images/left_bild_oben.gif) no-repeat;
}

td.left_bild_mitte
{
background: url(../images/left_bild_mitte.gif) repeat-y;
/* background: red; */
}

td.left_bild_unten
{
height: 17px;
background: url(../images/left_bild_unten.gif) no-repeat;
}


table.middle_left_farbe{
border-collapse: collapse;
margin-top: 5px;
margin-left: 3px;
margin-bottom: 5px;
}

td.left_farbe_oben
{
height: 11px;
background: url(../images/left_farbe_oben.gif) no-repeat bottom;
}

td.left_farbe_mitte
{

background: url(../images/left_farbe_mitte.gif) repeat-y;
}

td.left_farbe_unten
{
height: 11px;
background: url(../images/left_farbe_unten.gif) no-repeat;
}

/* ============= EOF Spalte Links =================== */



/* ================== BOF Spalte rechts ================ */

table.middle_right{
border-collapse: collapse;
}


td.right_farbe_oben_links
{
background: url(../images/right_farbe_oben_links.gif) no-repeat bottom left;
}

td.right_farbe_oben_mitte
{
background: url(../images/right_farbe_oben_mitte.gif) repeat-x bottom;
}

td.right_farbe_oben_rechts
{
background: url(../images/right_farbe_oben_rechts.gif) no-repeat bottom right;
}


td.right_farbe_mitte
{
background: url(../images/right_farbe_mitte.gif) repeat-y;
background-color: yellow;
}



td.right_farbe_mitte_links
{
background: url(../images/right_farbe_mitte_links.gif) top left repeat-y;
}

td.right_farbe_mitte_rechts
{
background: url(../images/right_farbe_mitte_rechts.gif) repeat-y right;
}


td.right_farbe_unten_links
{
background: url(../images/right_farbe_unten_links.gif) no-repeat;
}

td.right_farbe_unten_mitte
{
background: url(../right_farbe_unten_mitte.gif) repeat-x;
}

td.right_farbe_unten_rechts
{
background: url(../images/right_farbe_unten_rechts.gif) no-repeat top right;
/* background-color: red; */
}


/* ============= EOF Spalte Rechts =================== */

/* ============= BOF Modul-Suffixe =============== */
table.moduletable-transparent th 
{
	background-color	: #E8D1DB;
	text-align		: left;
	width			: 176px;
	height			: 25px; 
	padding-top		: 11px;
	padding-left	: 9px;
	color			: #30373D;
}



table.moduletable-transparent
{
	width			: 176px;
	padding		: 2px;
	background-color	: transparent;
	margin: 2px;
}

table.moduletable-transparent td
{
	padding-left		: 7px;
	padding-right		: 7px;
}



/* Modul Farbe */

table.moduletable-farbe th 
{
/*	background-color	: #E8D1DB; */
	background-color	: #ffffff;
	text-align		: left;
	vertical-align: middle;
	width			: 186px;
	padding-top		: 5px;
    padding-bottom	: 5px; 
	padding-left	: 9px;
	color			: #30373D;
	
}



table.moduletable-farbe
{
	width			: 186px;
	padding		: 2px;
	background-color	: transparent;
	margin: 2px;
}

table.moduletable-farbe td
{
	text-align		: left;
	padding-left		: 3px;
	padding-right		: 3px;
}



table.moduletable-footer th 
{
}



table.moduletable-footer
{	width: 100%;
	text-align: center;
	padding		: 2px;
/* background-color: red; */
}

table.moduletable-footer td
{
}



table.moduletable-copyright th 
{
}



table.moduletable-copyright
{	width: 100%;
	text-align: center;
	padding		: 2px;
/* background-color: red; */
}

table.moduletable-copyright td
{
}



/* ======== EOF Modul Suffixe ============ */


/* ========== BOF Schrift Ändern im Transmenü ============= */

a.mainlevel:link, a.mainlevel:visited {
color: #898C8F;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Arial, Times New Roman;
text-transform: uppercase;
line-height		: 16px;
}

a.mainlevel:hover {
color: #30373D;
}

a.sublevel:link, a.sublevel:visited {
color: #898C8F;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Arial, Times New Roman;
letter-spacing: 1px;
text-align: left;
}

a.sublevel:hover {
color: #EC5000;
}

/* ========== EOF Schrift Ändern im Transmenü ============= */

/* ========== Ändern des "mehr ..." in Blogs (ganz unten auf frontpage/blogs etc. ============ */
div.blog_more {
padding-left: 10px;
}

/* ========== Ändern des Links unter "mehr ..." in Blogs (ganz unten auf frontpage/blogs etc. ============ */
a.blogsection {
}

/* ========== Ändern des "weiter ..." unter den contents ============ */
a.readon {
font-size: 11px;
}
a.readon:visited {
font-size: 11px;
}
a.readon:hover {
font-size: 11px;
}


/*==========Ändern des Button in Zoom / Kontakt...=====*/
.button {
background: url(../images/button_bg.jpg) no-repeat;
/* background-color: #FFFFFF; */ 
border: none;
width= 74px;
height= 25px;
}

/*==========Ändern des Beitragsangabenfenster, seite 1 von x=====*/
.pagenavcounter {
color: #595959 ;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Times New Roman;
/* letter-spacing: 1px; */
text-align: left;
}

.back_button {
color: #595959 ;
font-size: 10px;
}