/* CSS Document */

/** Farben  Übersicht ***********/
/* GELB - BODY: #FFFFCC (Hintergrund)  */
/* GRÜNGELB: #F0F3B1                */ 
/* ORANGE: #FF6600              */
/* TEXT: #000000                */
/* LINKS: #FF6600               */
/* GRAU: #CCCCCC              */
/* 900px breite                */
/********************************/


/* Grundlagen					*/
/*------------------------------*/

body { text-align: center; background-color: #F0F3B1; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin:0px 0 0 0;  padding:0px; }

img { margin: 0px; padding: 0px; border: 0px; }
h1 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1.3em; line-height: 1.3em; color: #FF6600; font-weight: bold}
h2 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1.2em; line-height: 1.3em; color: #FF6600; font-weight:bold }
h3 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1em; line-height: 1.3em; color: #FF6600; font-weight:bold }
h4 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1.3em; line-height: 1.3em; color: #000000; font-weight: bold}
h5 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1.2em; line-height: 1.3em; color: #000000; font-weight:bold }
h6 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1em; line-height: 1.3em; color: #000000; font-weight:bold }

p { margin: 0;  padding: 0 0 0.7em; line-height: 1.5em;  }
ul{	margin: 0; padding: 0 0 0.5em 2em; list-style-type: square;line-height: 1.5em;  }
ol{	margin: 0; padding: 0 0 0.5em 2em; list-style-type: decimal;line-height: 1.5em;  }
li {margin-bottom:0.4em}
caption { display:none; }


/* div-Boxen											*/
#seitenanfang { clear: left; display: none; }

#seitenbegrenzung{ width: 900px; margin: 0px auto; padding:20px;border-left: 1px solid #F0F3B1; border-right: 1px solid #F0F3B1; background-color: #FFFFCC;text-align: left; }

#spalte {width:190px; float:right; }
	#menuoben {margin: 0px; padding: 0 0 15px 0; text-align: right; }
	#menuobenzwei {margin: 0 0 15px 0; padding: 0; }
		/*
		#teaser {margin:0; padding:0;}
		.teaserlink {background-color:#F0F3B1; border:1px solid #CCCCCC; padding:4px; margin:0 0 2px 0; font-size:0.9em;line-height:1.3em;}
		*/

/* NEU 2010 - MENUOBENZWEI - start*/
		ul.menu_teaser_e1 { width:190px; margin:0px; padding:0px; list-style: none; }
		ul.menu_teaser_e1 li {background-color:#F0F3B1; border:1px solid #CCCCCC;padding:4px; margin:0 0 2px 0; font-size:0.9em;line-height:1.4em;}
		ul.menu_teaser_e1 li a { 
			color:#000000;
			font-size:1.3em;
			font-weight: bold;
			float:left;
			text-decoration:none;
			padding:0px 20px 0px 0px;
			width:160px;}
		ul.menu_teaser_e1 li:hover {background-color:#FF6600;color: #FFFFCC; }

		ul.menu_teaser_e1 li .menu_teaser_e1_current {background-color:#FF6600;color: #FFFFCC; }
		ul.menu_teaser_e1 li.li_current {background-color:#FF6600;color: #FFFFCC; }
		
		#spalte ul.menu_teaser_e1 li a:link {color: #000000; text-decoration: none;  }
		#spalte ul.menu_teaser_e1 li a:visited { color: #000000;	text-decoration: none; }
		#spalte ul.menu_teaser_e1 li a:hover, a:focus {color: #FFFFCC; text-decoration: none; }
		#spalte ul.menu_teaser_e1 li a:active {	color: #FFFFCC;	text-decoration: none; }
/* NEU 2010 - MENUOBENZWEI - ende*/

	#inhaltrechts {margin:0 0 5px 0}
	#teaserboxen {margin:0 0 5px 0}
			#teaserboxen h5 {border-bottom: 1px solid #CCCCCC; margin-bottom:0.5em;}
	#aktuelles {background-color:#F0F3B1; border:1px solid #CCCCCC; padding:4px; margin:0 0 15px 0}
#kopf {width:700px; height:135px;}
#headline {width:700px; height:40px; }
#navigation { width:190px; float:left;}
	#hauptmenu { margin: 5px 0 5px 0; padding: 0;
	background-image: url(navsigns/hm_mitte.gif); background-repeat: repeat-y;
	background-position: left top;}
	#loginmenu {margin: 5px 0 5px 0; padding: 0;
	background-image: url(navsigns/hm_mitte.gif); background-repeat: repeat-y;
	background-position: left top;}
	#untermenu {margin: 5px 0 5px 0; padding: 0;
		background-image: url(navsigns/um_mitte.gif); background-repeat: repeat-y;
	background-position: left top;}
	#inhaltleft {margin: 5px 0 5px 0; padding: 0;}
#inhalt {width:auto; margin: 15px 210px 20px 200px; }

#adressfuss { width: 900px; margin-top:20px; clear:both; text-align: center; border-top: 1px solid #000000}
#seitenende { clear: left; display: none; }


/* POPUP */
#popupinhalt { width: auto; margin: 0px; background-color:#FFFFCC; text-align: left; }
.popupinhaltfeld { padding: 15px 25px 5px 25px; font-size:0.75em; line-height: 1.5em; }
#popupclose { width: auto; padding: 5px; background-color:#F0F3B1; text-align: right; }
.close {text-align: right; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;}
#popupclose a:link {color: #000000; text-decoration: underline;  }
#popupclose a:visited { color: #000000;	text-decoration: underline; }
#popupclose a:hover, a:focus {color: #FF6600; text-decoration: none; }
#popupclose a:active {	color: #FF6600;	text-decoration: none; }

/* Links													*/
#inhalt a:link {color: #000000; text-decoration: underline;  }
#inhalt a:visited { color: #000000;	text-decoration: underline; }
#inhalt a:hover, a:focus {color: #FF6600; text-decoration: none; }
#inhalt a:active {	color: #FF6600;	text-decoration: none; }

#inhalt h3 a:link { color: #FF6600; font-weight:bold; text-decoration: none;}
#inhalt h3 a:visited { color: #FF6600; font-weight:bold; text-decoration: none; }
#inhalt h3 a:hover, a:focus { color: #FF6600; font-weight:bold; text-decoration: underline; }
#inhalt h3 a:active {color: #FF6600; font-weight:bold; 	text-decoration: none; }

#spalte a:link {color: #000000; text-decoration: none;  }
#spalte a:visited { color: #000000;	text-decoration: none; }
#spalte a:hover, a:focus {color: #FF6600; text-decoration: none; }
#spalte a:active {	color: #FF6600;	text-decoration: none; }

#inhaltrechts a:link {color: #000000; text-decoration: underline;  }
#inhaltrechts a:visited { color: #000000;	text-decoration: underline; }
#inhaltrechts a:hover, a:focus {color: #FF6600; text-decoration: none; }
#inhaltrechts a:active {	color: #FF6600;	text-decoration: none; }

#adressfuss a:link {color: #000000; text-decoration: none;  }
#adressfuss a:visited { color: #000000;	text-decoration: none; }
#adressfuss a:hover, a:focus {color: #FF6600; text-decoration: none; }
#adressfuss a:active {	color: #FF6600;	text-decoration: none; }

#spalte h3 a:link { color: #FF6600; font-weight:bold; text-decoration: none;}
#spalte h3 a:visited { color: #FF6600; font-weight:bold; text-decoration: none; }
#spalte h3 a:hover, a:focus { color: #FF6600; font-weight:bold; text-decoration: underline; }
#spalte h3 a:active {color: #FF6600; font-weight:bold; 	text-decoration: none; }

#teaserboxen a:link {color: #FF6600; text-decoration: none; font-weight:bold;}
#teaserboxen a:visited { color: #FF6600;	text-decoration: none;  font-weight:bold;}
#teaserboxen a:hover, a:focus {color: #FF6600; text-decoration: underline; font-weight:bold; }
#teaserboxen a:active {	color: #FF6600;	text-decoration: underline; font-weight:bold; }

/* Klassen												*/
.hinweis { display: none; }
.nurscreen {}
.nurdruck{display: none;}

.inhaltfeld {  font-size:0.7em; }
.navigationfeld { font-size:0.75em; line-height: 1em;}
.spaltefeld { font-size:0.7em; line-height: 1.5em;}
.anmelde_button {padding:0 0 5px 0; margin:0;}

.menuobenwrap {padding-left:10px;}

.adressfeld { padding:10px 0px 0px 0px; font-size:0.7em; }
.adressfeldtrenner { color:#FF6600; font-weight:bold; }




/* Menü-Einträge HAUPTMENU							*/
.menu1-normal{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 6px;}
.menu1-active{font-weight: bold; color: #000000; text-decoration: none; margin-bottom: 6px; }
.menu2-normal{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 6px; padding-left: 10px; }
.menu2-normal-last{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 12px; padding-left: 10px; }
.menu2-active{font-weight: bold; color: #000000; text-decoration: none; margin-bottom: 6px; padding-left: 10px; }
.menu2-active-last{font-weight: bold; color: #FFFFCC; text-decoration: none; margin-bottom: 12px; padding-left: 10px;}
.menu3-normal{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 6px; padding-left: 10px;}
.menu3-normal-last{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 12px; padding-left: 10px;}
.menu3-active{font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 6px; padding-left: 10px;}
.menu3-active-last{font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 12px; padding-left: 10px;}

.menu1-normal a:hover, .menu1-active a:hover, .menu2-normal a:hover, .menu2-normal-last a:hover, .menu2-active a:hover, .menu3-normal a:hover, .menu3-normal-last a:hover, .menu3-active a:hover, .menu3-active-last a:hover {color: #000000; text-decoration: none; }

/* Menü-Einträge UNTERMENU							*/
.menu1u-normal{font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 6px;}
.menu1u-active{font-weight: bold; color: #FF6600; text-decoration: none; margin-bottom: 6px; }
.menu2u-normal{font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 6px; padding-left: 10px; }
.menu2u-normal-last{font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 12px; padding-left: 10px; }
.menu2u-active{font-weight: bold; color: #FF6600; text-decoration: none; margin-bottom: 6px; padding-left: 10px;}
.menu2u-active-last{font-weight: bold; color: #FF6600; text-decoration: none; margin-bottom: 12px; padding-left: 10px;}
.menu3u-normal{font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 6px; padding-left: 10px;}
.menu3u-normal-last{font-weight: normal; color: #000000; text-decoration: none; margin-bottom: 12px; padding-left: 10px;}
.menu3u-active{font-weight: bold; color: #FF6600; text-decoration: none; margin-bottom: 6px; padding-left: 10px;}
.menu3u-active-last{font-weight: bold; color: #FF6600; text-decoration: none; margin-bottom: 12px; padding-left: 10px;}

.menu1u-normal a:hover, .menu1u-active a:hover, .menu2u-normal a:hover, .menu2u-normal-last a:hover, .menu2u-active a:hover, .menu3u-normal a:hover, .menu3u-normal-last a:hover, .menu3u-active a:hover, .menu3u-active-last a:hover {color: #FF6600; text-decoration: none; }

/********************************/
/* Typo3-Spezial				*/
/********************************/

.csc-header { margin-top: 0px; }

/* Tabellen generell */
/*********************/
caption { display:none; }
table { width: auto; border-collapse:collapse; margin-bottom: 1em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }
th,td { padding: 0.2em 0.5em 0.2em 0.5em; } /* Zellenabstand */
thead th { background: #F0F3B1; color: #FF6600; font-weight: bold; border: 1px solid #ffcc33; }  /* format. wenn kopfzeile fett */
tbody th { background: #F0F3B1; color: #FF6600; font-weight: bold; border: 1px solid #ffcc33;  }  /* format. wenn linke spalte fett */
tbody th.sub { background: #FF6600; color: #F0F3B1 }
tbody p { line-height: 1.5em; margin: 0 0 0 0; }

/* Tabellen speziell - Normal*/
TABLE.contenttable {  }
TABLE.contenttable TR {  }
TABLE.contenttable TR TD { border: 1px solid #ffcc33; padding: 0.2em 0.5em 0.2em 0.5em;  }

TABLE.contenttable.nf_hfa {width: 350px}

/* Tabellen speziell - Layout Normal*/
TABLE.contenttable-0 P { }
TABLE.contenttable-0 TR { background-color:#F0F3B1; }
TABLE.contenttable-0 TR.tr-0 TD { }
TABLE.contenttable-0 TR.tr-0 TD P { }
TABLE.contenttable-0.kantone TR TD.td-0 { width: 2em}

/* Tabellen speziell - Layout 1*/
TABLE.contenttable-1 { width: 100%;}
TABLE.contenttable-1 TR { background-color:#F0F3B1; }
TABLE.contenttable-1 TR TD { border: 0px solid #ffcc33;  }
TABLE.contenttable-1 TR.tr-even TD {border-bottom: 1px solid #ffcc33; font-weight:bold }

/* Tabellen speziell - Layout 2*/
TABLE.contenttable-2 TR { background-color:#F0F3B1;  }
TABLE.contenttable-2 TR TD.td-0 { color: #FF6600; font-weight:bold}

/* Tabellen speziell - Layout 3*/
TABLE.contenttable-3 { border: 0px; width: 100%; }
TABLE.contenttable-3 TR TD { border: 0px; padding: 0.2em 0em 0.2em 0em; }
TABLE.contenttable-3 P {  }
TABLE.contenttable-3 TR TD.td-0 { }
TABLE.contenttable-3 TR.tr-even TD {color: #FF6600; border-bottom: 1px solid #ffcc33; }


/* Rahmen, Einzüge, Linien Oben+Unten der einzelnen Seiteninhaltselemente */
/********************************/
DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible { margin-top: 5px;}
DIV.csc-frame-rulerBefore {	border-top: 1px solid #CCCCCC; padding: 2px 0px }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #CCCCCC;  }
DIV.csc-frame-indent { padding: 0 4px 0 10px;}
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color:#F0F3B1; border:1px solid #CCCCCC; padding:4px 4px 0 4px; margin:5px 0 0 0; }
DIV.csc-frame-frame2 { background-color:#F0F3B1; border:2px solid #FF6600; padding:4px 4px 0 4px; margin:5px 0 0 0; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin: 0; padding: 0; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin: 0; padding: 0; }

/* Inhaltstyp Dateiliste, generell */
/************************/
TABLE.csc-uploads { border: 1px solid #CCCCCC; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #F0F3B1; }
TABLE.csc-uploads TR.tr-odd { background-color: #F0F3B1; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 83%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-size: 1em; font-weight: bold;  }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A:link { font-size: 1em; font-weight: bold;  }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A:visited { font-size: 1em; font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A:hover { font-size: 1em; font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A:active {font-size: 1em; font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: normal; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap;	padding-left: 6px; padding-right: 6px; text-align: right; vertical-align: middle; }


/*****************************/
/* Menu / Sitemap            */
/*****************************/
.ullevel1 li {font-weight:bold;list-style-image: url(navsigns/arrow_orange.gif)}
.ullevel2 li {font-weight:normal;list-style-type: none;list-style-image: url(navsigns/arrow_no.gif);}

/********************************/
/* MAILFORM PLUS      */
/********************************/
form input, select, textarea {margin: 3px 0 0 0}

form input#name, #strasse, #plzort, #e-mail, #telefon, #anmeldung, #ausbildung, #hund, #dmail_field, #tx-newloginbox-pi1-user, #tx-newloginbox-pi1-pass, #captcha {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	background-color: #F0F3B1;
}

form label { display:block; float:left; width:110px; text-align:right; padding-right:1em; margin: 6px 0 0 0}

form input, select { /* Alle Labels UND Formularelemente auswählen */
  width: 200px; }
form input#anmeldung {width:350px;}
form input#ausbildung {width:350px;}
form textarea { /* Alle Labels UND Formularelemente auswählen */
  width: 300px;}
form textarea#text { border:none; background-color: #F0F3B1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; padding:5px }

#captcha_text{ margin : 10px 0 0 120px; font-size: 0.8em;}
#captcha { height:24px; margin: 5px 0 5px 0 }
#kontakt { margin : 10px 0 5px 120px}

form input#radio { width:30px; }
form input#checkbox { width:20px; margin: 7px 0 5px 0;}

form input#submit { margin : 10px 0 0 120px; width: auto; }
form input#tx-newloginbox-pi1-login_submit { margin : 10px 0 0 0; width: auto; }
form input#tx-newloginbox-pi1-logout_submit { margin : 10px 0 20px 0; width: auto; }
form input#cancel { margin : 10px 0 0 20px; width: auto; }
#fehler{ width:auto; height:auto;}

form {margin-top: 10px}

.mailformplus {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

/***********************************/
/* NEWSLETTER ANMELDUNG            */
/***********************************/
#fehler{ width:auto; height:auto;}
form input#html {margin-left: 35px}
#newsl_profile {padding-top:10px; margin-left: 80px}
form input#newsl_submit { margin: 20px 0 0 120px; width: auto; }
form input#newsl_cancel { margin: 20px 0 0 20px; width: auto; }

/********************************/
/* DRUCKVERSION  				*/
/********************************/									
@media print{
	body { background: #FFFFFF; color: #000000; margin: 0px; padding: 0px;  font-family:  Verdana, Arial, Helvetica, sans-serif; }
	.nurdruck{display:inline;text-align: left; width:auto; }
	#adressfuss { width: auto; margin-top:20px; clear:both; text-align: center; border-top: 1px solid #000000}
	#menuoben, #menuobenzwei, #teaser, #teaserlink, #headline, #navigation, #kopf {display:none;}
	#seitenbegrenzung, #spalte, #inhaltrechts, #aktuelles, #inhalt { background: #FFFFFF; margin: 0px; padding: 0px;}
	#seitenbegrenzung { width: auto; margin: 0px auto; border: none; text-align: left; border-top:1px solid #000000;}
	#spalte {width:190px; float:right; }
	#inhaltrechts {border: none; padding:0px; margin:15px 0 15px 0}
	#aktuelles {border:1px solid #000000; padding:4px; margin:0 0 15px 0}
	#inhalt {width:auto; margin:15px 210px 0 0}
	DIV.csc-frame-frame1 { background-color:#FFFFFF;  border:1px solid #000000; padding:4px; margin:0; }
}
/********************************/	


/* Ende der Datei.									*/