/**************************** CSS: ****************************************** 
 * Alle CSS Stile werden zentral in dieser Datei festgelegt. Tragen Sie     *
 * eigene Klassen und/oder IDs im Bereich TEMPLATE ein - Modifizieren Sie   *
 * die vorgegebenen Klassen im Bereich MENU und EXTENSIONS.                 *
 ****************************************************************************/
 
/**************************** TEMPLATE begin ********************************/

html { overflow:scroll; height: 100%; }
form { margin: 0px;	padding: 0px; }

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	line-height:13px;
	background-color: transparent;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #E0E0E0;
	scrollbar-face-color: #CDCED0;
	scrollbar-3dlight-color: #F5F5F5;
	scrollbar-darkshadow-color: #F5F5F5;
}
td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555555;
	line-height:13px;
}
td.thin {
	font-size:1px;
}
p {
	margin-top: 0px;
	margin-bottom: 11px;
	line-height:13px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	line-height:13px;
	margin-top: 0px;
	margin-bottom: 11px;
	color: #86B300;
	letter-spacing:0.1em;
	background-image: url(../template/images/h1.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:18px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:13px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 11px;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:13px;
	background-image: url(../template/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 11px;
}
li {
	margin-bottom:11px;
}
ul {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 2px;
	margin-left: 14px;
	margin-bottom: 11px;
}
ol {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 5px;
	margin-left: 17px;
	margin-bottom: 11px;
}
.copyright,
.copyright a:link,
.copyright a:visited,
.copyright a:hover,
.copyright a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #999999;
	text-decoration:none;
}
.tbicon {
	padding: 4px;
	margin:2px;
	background-color: #CEDEFF;
	border-right: 1px solid #FFFFFF;
}
.tbtable {
	border: 1px solid #CCCCCC;
}
hr {
	border: none 0; 
	border-top: 1px dashed #8FBF00;
	width: 100%;
	height: 1px;
} 
#vzentriert {
	position: absolute;
	width: 100%;
	height: 600px;
	margin-top: 15px;
}
#static {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	overflow:hidden; 
	padding:14px 8px 8px 8px;
	/* HACK */
/*	height:268px; /* IE 5  +22*/
  	trix-hack: "\"}\"";
/*  	height: 246px; /* andere Browser */
}
#static td {
	color:#ffffff;
}
#content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#555555;
	position:relative;
	padding: 30px 30px 15px 60px;
	z-index:1;
	border: 1px none #000000;
	overflow:auto;
	overflow-x:hidden;
	/* HACK */
/*	height: 435px; /* IE 5 */
  	trix-hack: "\"}\"";
/*  	height: 390px; /* andere Browser */
}
#blendtop {
	position:absolute;
	width:466px;
	height:16px;
	z-index:2;
	background-color: #F7F7F7;
}
#blendbottom {
	position:absolute;
	width:466px;
	height:16px;
	top:561px;
	z-index:3;
	background-color: #F7F7F7;
}
#footer {
	position:relative;
	z-index:4;
	background-image:url(../template/images/verlauf.jpg);
	background-repeat:no-repeat;
}

/* -------- Hyerlinks -------- */

a, a:link, a:visited { color: #2461A6; text-decoration:underline; }
a:hover{ color: #FF0000; text-decoration:underline; }
a:active, a:focus { color: #2461A6; text-decoration:underline; }

/****************************** TEMPLATE ende ******************************/

/******************************** MENU begin *******************************/

/* HORIZONTALES MENUE: --------------------------------------------------- */

.hmenu-wrap {				/* Umschliesst horizontales Menue */
	padding-right: 0px;
}

.hmenu-akt a.h {				/* Aktiver Zustand */
	display: block;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #555555;
}
.hmenu-akt a.h:hover {		/* Aktiver Zustand, MouseOver */
	color: #888888;
}

/*---------------------------------------------------------------------------------------------------*/
.hmenu-akt a.h1 {
	color: #656565;		/* Aktiver Zustand, 1. Ebene */
}
.hmenu-akt a.h2 {			/* Aktiver Zustand, 1. Ebene */
	color: #EDE328;
	}
.hmenu-akt a.h3 {			/* Aktiver Zustand, 1. Ebene */
	color: #FDB813;
}
.hmenu-akt a.h4 {			/* Aktiver Zustand, 1. Ebene */
	color: #ffd400;
}

/*-----------------------------------------    Hmenu Passiver Zustand ------------*/
.hmenu-pas a.h {				/* Passiver Zustand */
	display: block;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #888888;
}
.hmenu-pas a.h:hover {		/* Passiver Zustand, MouseOver */
	color: #555555;
}
.hmenu-seperator {
	width: 13px;
	height: 13px;
	background-image: url(../template/images/seperator.gif);
	background-repeat: no-repeat;
}
/*-----------------------------------------   Hmenu Passiver Zustand, MouseOver ------------*/
.hmenu-pas a.h1:hover {color: #656565;}
.hmenu-pas a.h2:hover {color: #EDE328;}
.hmenu-pas a.h3:hover {color: #FDB813;}
.hmenu-pas a.h4:hover {color: #ffd400;}

/* Passiver Zustand -------------------------------------------------------------------------- */
.hmenu-pas a.h1 {}
.hmenu-pas a.h2{}
.hmenu-pas a.h3 {}
.hmenu-pas a.h4 {}

/* VERTIKALES MENUE: ----------------------------------------------------- */

.vmenu-wrap {				/* Umschliesst vertikales Menue */
	padding-top:25px;
	padding-bottom: 25px;
}

/* 1. Ebene: */

.vmenu-1-akt a.v {			/* Aktiver Zustand, 1. Ebene */
	display: block; 
	width: 224px; 
	margin-top: 5px;
	padding-bottom: 3px;
	padding-top:3px;
	margin-bottom:3px;
	padding-right: 8px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	font-weight: bold; */
	text-decoration: none;
	text-align:right;
	letter-spacing: 0.1em;
/*	text-transform:uppercase;*/
	color: #2461A6;
	background-image: url(../template/images/rotepunkt1.gif);
	background-repeat: repeat-y;
	background-position:  right bottom;
	/* HACK */
	height:27px; /* IE 5.x */
  	trix-hack: "\"}\"";
	width: 216px;
  	height: 10px; /* andere Browser */
}
.vmenu-1-akt a.v:hover {		/* Aktiver Zustand, MouseOver, 1. Ebene */
/*	color: #2461A6;
	background-image: url(../template/images/rotepunkt.gif);
	background-repeat: repeat-y;*/
}

/*---------------------------------------------------------------------------------------------------*/
.vmenu-1-akt a.v1 {color: #656565;	/* Aktiver Zustand, 1. Ebene */}
.vmenu-1-akt a.v2 {			/* Aktiver Zustand, 1. Ebene */
	color: #EDE328;
	}
.vmenu-1-akt a.v3 {			/* Aktiver Zustand, 1. Ebene */
	color: #FDB813;
}
.vmenu-1-akt a.v4 {			/* Aktiver Zustand, 1. Ebene */
	color: #ffd400;
}

/*-----------------------------------------    Vmenu Passiver Zustand, 1. Ebene ------------*/
.vmenu-1-pas a.v {			/* Passiver Zustand, 1. Ebene */
	display: block;
	width: 224px;
	margin-top: 5px;
	padding-bottom: 3px;
	padding-top:3px;
	padding-right: 8px;
	margin-bottom:0px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align:right;
	letter-spacing: 0.1em;
	color: #5A5B5C;
	/* HACK */
	height:27px; /* IE 5.x */
  	trix-hack: "\"}\"";
	width: 216px;
  	height: 10px; /* andere Browser */
}

.vmenu-1-pas a.v:hover {		/* Passiver Zustand, MouseOver, 1. Ebene */
	color: #2461A6;
	background-image: url(../template/images/rotepunkt1.gif);
	background-repeat: repeat-y;
	background-position:  right bottom;
/*	filter: Alpha(Opacity=70); opacity: .70;*/
}
/*-----------------------------------------    Vmenu Passiver Zustand, MouseOver, 1. Ebene ------------*/
.vmenu-1-pas a.v1:hover {		
	color: #656565;
}
.vmenu-1-pas a.v2:hover {		
	color: #EDE328;
}
.vmenu-1-pas a.v3:hover {		
	color: #FDB813;
}
.vmenu-1-pas a.v4:hover {		
	color: #ffd400;
}

/* Passiver Zustand, 1. Ebene-------------------------------------------------------------------------- */
.vmenu-1-pas a.v1 {
}
.vmenu-1-pas a.v2{			
}
.vmenu-1-pas a.v3 {			
}
.vmenu-1-pas a.v4 {			
}

/* 2. Ebene: */

.vmenu-2-akt a.v {			/* Aktiver Zustand, 2. Ebene */
	display: block;
	width: 224px;
	margin-top: 4px;
	padding-bottom: 3px;
	padding-top:3px;
	padding-right: 8px;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align:right;
	color: #2461A6;
	background-image: url(../template/images/rotepunkt.gif);
	background-repeat: no-repeat;
	background-position:  right bottom;
	/* HACK */
	height:22px; /* IE 5.x */
  	trix-hack: "\"}\"";
	width: 216px;
  	height: 10px; /* andere Browser */
}
.vmenu-2-akt a:hover {		/* Aktiver Zustand, MouseOver, 2. Ebene */
/*	color: #2461A6;
	background-image: url(../template/images/rotepunkt.gif);
	background-repeat: repeat-y;*/
}
/*---------------------------------------------------------------------------------------------------*/
.vmenu-2-akt a.v1 {
	color: #656565;			/* Aktiver Zustand, 1. Ebene */
}
.vmenu-2-akt a.v2 {			/* Aktiver Zustand, 1. Ebene */
	color: #EDE328;
	}
.vmenu-2-akt a.v3 {			/* Aktiver Zustand, 1. Ebene */
	color: #FDB813;
}
.vmenu-2-akt a.v4 {			/* Aktiver Zustand, 1. Ebene */
	color: #ffd400;
}

/*-----------------------------------------    Vmenu Passiver Zustand, 2. Ebene ------------*/
.vmenu-2-pas a.v {			/* Passiver Zustand, 2. Ebene */
	display: block;
	width: 224px;
	margin-top: 4px;
	padding-bottom: 3px;
	padding-top:3px;
	padding-right: 8px;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align:right;
	color: #5A5B5C;
	/* HACK */
	height:22px; /* IE 5.x */
  	trix-hack: "\"}\"";
	width: 216px;
  	height: 10px; /* andere Browser */
}
.vmenu-2-pas a.v:hover {		/* Passiver Zustand, MouseOver, 2. Ebene */
	color: #2461A6;
	background-image: url(../template/images/rotepunkt.gif);
	background-repeat: no-repeat;
	background-position: right bottom;

/*	filter: Alpha(Opacity=60); opacity: .60;*/
}

/*-----------------------------------------    Vmenu Passiver Zustand, MouseOver, 2. Ebene ------------*/
.vmenu-2-pas a.v1:hover {		
	color: #656565;
}
.vmenu-2-pas a.v2:hover {		
	color: #EDE328;
}
.vmenu-2-pas a.v3:hover {		
	color: #FDB813;
}
.vmenu-2-pas a.v4:hover {		
	color: #ffd400;
}

/* Passiver Zustand, 2. Ebene-------------------------------------------------------------------------- */
.vmenu-2-pas a.v1 {
}
.vmenu-2-pas a.v2{			
}
.vmenu-2-pas a.v3 {			
}
.vmenu-2-pas a.v4 {			
}

/********************************** MENU end *******************************/

/***************************** EXTENSIONS begin ****************************/

/* EXTRA MENUE: ---------------------------------------------------------- */

.xmenu-wrap {				/* Umschliesst Extra Menue */
	float: left;
}
.xmenu-akt a.x {				/* Aktiver Zustand */
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #6F7D8C;
	width: 120px;
	padding: 4px;
}
.xmenu-akt a.x:hover {		/* Aktiver Zustand, MouseOver */
	color: #003366;
}
/*---------------------------------------------------------------------------------------------------*/
.xmenu-akt a.x1 {
	color: #656565;			/* Aktiver Zustand */
}
.xmenu-akt a.x2 {			/* Aktiver Zustand*/
	color: #EDE328;
	}
.xmenu-akt a.x3 {			/* Aktiver Zustand */
	color: #FDB813;
}
.xmenu-akt a.x4 {			/* Aktiver Zustand */
	color: #ffd400;
}

/*-----------------------------------------    Xmenu Passiver Zustand------------*/
.xmenu-pas a.x {				/* Passiver Zustand */
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #53718C;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #6F7D8C;
	width: 120px;
	padding: 4px;
}
.xmenu-pas a.x:hover {		/* Passiver Zustand, MouseOver */
	color: #003366;
}

.xmenu-dropdown {			/* Dropdown Menü */
	width: 130px;
}
/*-----------------------------------------   Xmenu Passiver Zustand, MouseOver ------------*/
.xmenu-pas a.x1:hover {		
	color: #656565;
}
.xmenu-pas a.x2:hover {		
	color: #EDE328;
}
.xmenu-pas a.x3:hover {		
	color: #FDB813;
}
.xmenu-pas a.x4:hover {		
	color: #ffd400;
}

/* Passiver Zustand, 1. Ebene-------------------------------------------------------------------------- */
.xmenu-pas a.x1 {
}
.xmenu-pas a.x2{			
}
.xmenu-pas a.x3 {			
}
.xmenu-pas a.x4 {			
}


/* RTE-Vorlage: Kontaktformular ------------------------------------------ */

.form-input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
/*	padding: 4px; */
	border: 1px solid #cccccc;
	/* HACK */
	width:270px; /* IE 5.x */
	height: 27px;
  	trix-hack: "\"}\"";
	height: 17px; /* andere Browser */
	width:260px; 
}	
.form-textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	padding: 4px;
	border: 1px solid #cccccc;
	/* HACK */
	width:270px; /* IE 5.x */
  	trix-hack: "\"}\"";
	width:260px; /* andere Browser */
}
.form-select,
.form-button {
	background-color:#E3E7E8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#777777;
	text-decoration: none;
	border: 1px solid #cccccc;
	padding:2px;
	width:270px;
  	trix-hack: "\"}\"";
	width:260px; /* andere Browser */

}

/* Besucherzähler --------------------------------------------------------- */

.counter {	
}

/* Letzte Aktualisierung -------------------------------------------------- */

.update {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	letter-spacing: 0.1em;
}

/* Suche ------------------------------------------------------------------- */

.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding:4px;
	/* HACK */
	width: 143px;	/* IE 5.x */
	height:21px; 
  	trix-hack: "\"}\"";
	width: 135px;	/* andere Browser */
  	height: 11px; 
}

/* Druckversion ------------------------------------------------------------ */

.print:link,
.print:visited,
.print:hover,
.print:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	letter-spacing: 0.1em;
	color: #888888;
	line-height:15px;
	text-decoration: none;
	padding-left:24px;
	background-image:url(../extension_files/print/print.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
}
.print:hover{color:#555555;}

/* Tell-A-Friend ------------------------------------------------------------ */
.tellafriend:link,
.tellafriend:visited,
.tellafriend:hover,
.tellafriend:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	letter-spacing: 0.1em;
	line-height:15px;
	color: #888888;
	text-decoration: none;
	padding-left:24px;
	background-image:url(../extension_files/taf/taf.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
}
.tellafriend:hover{color:#555555;}
/***************************** EXTENSIONS end ******************************/