html, body {  margin: 0; padding:0; }
body {  font: 83% Arial, Helvetica, sans-serif; color: #202020; }

table { border-collapse: collapse;  width: 100%; }
img, object, embed, form	{  border: none; margin: 0; padding: 0; }

p { line-height: 140%; }

h1, h2, h3, h4, h5, h6 {
	color: #c01600;
	font: 100% Arial, Helvetica, Tahoma, sans-serif;
	
}

h1 {  margin-top: 0; font-size: 24px; margin-bottom: 15px; }
h1.home { margin-bottom: 29px; letter-spacing: -1px; }
h1.extraSpace {  margin-bottom: 40px; }
h1.noShow { display: none; }
h2 {
	font-size: 20px;
	margin-top: 30px;
	padding-top: 0;
	margin-bottom: 10px;
	padding-bottom: 0;
}
h2.LFFormH2 {
	/* kleiner Titel in Box Form */
	font-size: 15px;
	font-weight: bold;
	margin:0;
	padding:0;
}
h3 {
	font-size: 17px;
	margin-top: 20px;
	padding-top: 0;
	margin-bottom: 15px;
	padding-bottom: 0;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	margin-top: 15px;
	padding-top: 0;
	margin-bottom: 10px;
	padding-bottom: 0;
	font-weight:bold;
}
h5 {
	/* nur Footer Titel */
	color: #626262;
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
	padding-top: 0;
	margin-bottom: 10px;
	padding-bottom: 0;
}
hr {
	color: #dcdcdc;
	background-color: #dcdcdc;
	height: 1px;
    border:none;
}
hr.dark {
	color: #5b5b5b;
	background-color: #5b5b5b;
	height:2px;
}

img.imgFloat {
	float: left;
	padding: 4px 20px 10px 0;
}
img.imgFloatClose {
	float: left;
	padding: 5px;
	padding-right: 30px;
}
img.imgFloatAnimal {
	/* Aktuelle Meldungen - Tierbild klein */
	float: left;
	padding: 6px 15px 0 0;
}
img.space5 {
	margin: 5px 5px 5px 0;
}
img.LFPicSmall {
	/* Prev. Img in Lists */
	width:90px; 
	margin-top:5px; 
}
img.imgOfWeek {
	width: 215px;
	margin-top: 3px;
}
p.img.imgOfWeekP {
	/* IE only */
}

.marked { font-weight: bold; }
.small { font-size: 85%; }
.smallAdmin { font-size: 93%; }
.red { color: #c40004; }
.black { color: #000000; }
.white { color: #ffffff; }
.clearAll { clear: both; }
.clearLeft { clear: left; }
.top0 { margin-top: 2px; padding-top: 0; }
.bottom0 { margin-bottom: 3px; padding-bottom: 0; }
.showUpper { vertical-align: super; font-size: 86%;  color: #b41500; }
.shadow { background: #ffffff url(/img/css/bg_form_input_fld.gif) no-repeat top left; border: 1px solid #d5d5d5; }
.zebraLF0 { background-color: white; }
.zebraLF1 { background: #fcfcfc url(/img/css/bg_fullpage.jpg) repeat-x; }
.zebraLF0 { background: #fcfcfc url(/img/css/bg_fullpage.jpg) repeat-x; }
.requiredStar {  color: #b41500; font-weight: bold; }
.required  {  font-weight: bold; }
.displayBlock { display:block; }
.displayNone { display: none; }

.small,
table.smallText td {  font-size: 86%; }
table.smallText th {
	font-size: 86%;
	font-weight: normal;
	text-decoration: underline;
	padding-bottom: 7px;
}
table.spaced td {
	padding-top:3px;
	padding-bottom: 8px;
	vertical-align: top;
	border-bottom: 1px dotted #e6e6e6;
}
table.lined td {
	padding: 8px 0;
	vertical-align: top;
	border-bottom: 1px solid #e6e6e6;
}
table.adminReportList td {
	padding: 3px 0;
}
table.adminReportListRight td {
	padding: 3px 2px;
	text-align:right;
}
table.adminReportListRight td.center {text-align: center;  }
table.adminReportListRight td.left { text-align:left; }

table td.top { 	vertical-align : top; }
table td.middle { 	vertical-align : middle; }
table td.w10 { width: 10%; }
table td.w15 { width: 15%; }
table td.w20 { width: 20%; }
table td.w25 { width: 25%; }
table td.w30 { width: 30%; }
table td.w33 { width: 33%; }
table td.w34 { width: 34%; }
table td.w40 { width: 40%; }
table td.w45 { width: 45%; }
table td.w50 { width: 50%; }
table td.w60 { width: 60%; }
table td.w70 { width: 70%; }
table td.w80 { width: 80%; }
table td.w90 { width: 90%; }
table td.w100 { width: 100%; }
td.fldR { text-align: right; }
td.fldC { text-align: center; }
form.formPayPal {
	margin-top: -10px;
}
.bold { font-weight: bold; }
.white { color: #ffffff; }
.highlight { background: #CEDAEB; }
.highlightImportant { background: #d0e8f6; }
.clear, .clearAll {clear:both;}
.clearRight { clear: right; }
.noMP { margin:0; padding: 0; }
.noMarginTop {  margin-top: 0; }
.noMarginLeft { margin-left: 0; }
.noMarginBottom { margin-bottom: 0; }
.noPaddingTop { padding-top: 0; }
.noPaddingLeft { padding-left: 0; }
.noPaddingBottom { padding-bottom: 0; }
.noTop { padding-top:0; margin-top:0; }
.up15 { margin-top: -15px; }
.up20 { margin-top: -20px; }
.mTop10 { 	margin-top: 10px;  }
.mTop15 { 	margin-top: 15px;  }
.mTop20 { 	margin-top: 20px;  }
.mTop30 { 	margin-top: 30px;  }
.mTop40 { 	margin-top: 40px;  }
.mTop50 { 	margin-top: 50px;  }
.mBottom10 { margin-bottom: 10px; }
.mBottom15 { margin-bottom: 15px; }
.mBottom20 { margin-bottom: 20px; }
.mBottom30 { margin-bottom: 30px; }
.pTop20 { padding-top: 20px; }
.pBottom20 { padding-bottom: 20px; }
.pBottom30 { padding-bottom: 30px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.show { display: inline; }
.hide{ display: none; }
.toRight { 	text-align: right; }
.toCenter { 	text-align: center; }
.gray { color: gray; }
.red { color: #cc1c00; }
.green { color: #79a709; }
.blue { color: #0961a9; }
.silver { color: silver; }
.black { color: #242122; }
.center { text-align: center; }
.textMiddle { vertical-align : middle; }
.marked { font-weight: bold; }
.noWrap { white-space: nowrap; }
img.imgBorder { border: 1px solid #cccccc; }
.mRed { font-weight: bold; color: #c01600 }

div.socialBookmarkWrapper { text-align:right; float:right; }
div.socialBookmarkWrapper div { float: left; }
a.btFB { width:16px; height: 16px; display: block; }
a.btFB { background: transparent url(/img/social_buttons.png) no-repeat 0 0;  }
a.btTW { width:16px; height: 16px; display: block; }
a.btTW { background: transparent url(/img/social_buttons.png) no-repeat 0 -16px;  }
a.btGO { width:16px; height: 16px; display: block; }
a.btGO { background: transparent url(/img/social_buttons.png) no-repeat 0 -32px;  }
a.btYT { width:16px; height: 16px; display: block; }
a.btYT { background: transparent url(/img/social_buttons.png) no-repeat 0 -48px;  }

p.quote {
	background: #ffffff url(/img/quote_start.gif) no-repeat left 3px;
	font: 110% Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #838383;
	padding-left: 43px;
	line-height: 150%;
}


.uploadPreview { max-height: 180px; width: auto; }
.uploadOK { font-weight: bold; color: #79a709;  }
.uploadWait { font-weight: bold; color: #fd9611;  }
.uploadError { font-weight: bold; color: #c01600;  }
.fileuploadInfo {
	display: none; 
	border: 1px dotted silver; 
	width: 98%; 
	padding:10px;
	margin: 20px 0;
}
.fileuploadPic {
	display: none;
	margin-bottom: 20px;
}

div.musterfotosSelection {
	/* container der die Musterbilder anzeigt */
	margin-top:7px;
}
div.musterfotosSelection img.muster {
	margin-right: 10px;
	margin-bottom: 10px;
}

.LFMsgTitle {
	font-size: 120%;
	font-weight : bold;
	line-height: 130%;
}
.LFMsgBlockTitle {
	font-weight: bold;
	font-size: 105%;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.LFErrorInput {
	font-weight: bold;
	color: #b41500;
	border: 1px solid #b41500;
	padding: 5px;
	width: 97%;
}
tr.fld_error_col {
	background: transparent url(/img/css/bg_form_input_error.gif) repeat-x;
}
div.LFConfirmBox {
	background: transparent url(/img/css/button_small_ok_green.gif) no-repeat 0 42px;
	/* border: 1px solid #bd002b; */
	margin-top: 15px;
}
.LFConfirmID {
	
	padding: 6px; 
	font-size: 120%;
	font-weight: bold;
}

div.MdgTopList div.MdgTopListItem {
	margin-bottom: 20px;
}

div.MdgTopList div.ItemImg {
	float: left;
	width: 140px;
}

div.MdgTopList a.noImg {
	display : block;
	width: 120px;
	height: 50px;
	font-size: 86%;
}

div.MdgTopList div.ItemImg img {
	width: 120px;
}
div.MdgTopList div.ItemInfo {
	float: left;
	width: 320px;
}
div.MdgTopList div.ItemInfo .comments {
	font-size: 76%;
}



div.infobox {
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	border: 1px solid white;
	padding: 4px 10px;
	margin-bottom: 7px;
	color: white;
}
div.infobox p { margin:0; padding: 0; }
div.infoboxLast { margin-bottom: 0px; }
div.infoboxRed { background: transparent url(/img/css/bg_red.png) repeat; }
div.infoboxGreen { background: transparent url(/img/css/bg_green.png) repeat; }


div.homeSearchAnimals div.item {
	float: left;
	width: 80px;
	margin-right: 16px;
	text-align: center;
}
div.homeSearchAnimals div.katze { margin-right:35px; }
div.homeSearchAnimals div.hund { width: 115px; margin-right:40px; }
div.homeSearchAnimals div.nager { margin-right:40px; }
div.homeSearchAnimals div.reptil { margin-right:30px; }

div.homeSearchAnimals div.itemLast {
	float: left;
	width: 80px;
	text-align: center;
}
div.homeSearchAnimals a {
	/* font-size: 86%; */
	text-align: center;
	padding-top: 7px;
}

/* Aktuelle Meldungen Seite */
div.searchAnimals div.item {
	float: left;
	width: 120px;
	margin-right: 16px;
	text-align: center;
}
div.searchAnimals div.itemLast {
	float: left;
	width: 80px;
	text-align: center;
}
div.searchAnimals a {
	text-align: center;
	padding-top: 7px;
}





/* --------------------------------- links ------------------------------------------------- */
a {  color: #c01600;  /* color: #b41500; */ }
a:link { text-decoration: none; }
a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: underline; }

a.disk {
	margin-right:2px;
	white-space: nowrap;
	font-size: 93%;
}
a.iconLens {
	/* Lost found */
	background: transparent url(/img/css/icon_lf_lens.gif) no-repeat top right; 
	padding-right: 16px;
}
a.iconMdgNewView {
	background: transparent url(/img/icon_mdg_new_view.png) no-repeat; 
	padding-left: 22px;
}
a.iconMdgNewPrint {
	background: transparent url(/img/icon_mdg_new_print.png) no-repeat; 
	padding-left: 22px;
}
a.mdgPrev {
	background: transparent url(/img/css/mdg_prev.png) no-repeat ; 
	padding-left: 22px;
}
a.mdgNext {
	background: transparent url(/img/css/mdg_next.png) no-repeat top right; 
	padding-right: 22px;
}
a.iconWrench {
	/* Lost found */
	background: transparent url(/img/icon_wrench.png) no-repeat 0px 3px;
	padding-left: 16px;
}
a.iconMore {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_next.gif) no-repeat left 1px; 
	padding-left: 22px;
}

a.prevPage {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_prev_page.gif) no-repeat; 
	padding-left: 22px;
}
a.nextPage {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_next_page.gif) no-repeat; 
	padding-left: 22px;
}
a.nextFoto {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_photo_plus.gif) no-repeat; 
	padding-left: 22px;
}
a.foto {
	background: transparent url(/img/css/a_icon_foto.png) no-repeat; 
	padding-left: 22px;
	padding-bottom:1px;
}
a.reaktivieren {
	background: transparent url(/img/css/a_icon_reaktivieren.png) no-repeat; 
	padding-left: 22px;
}
a.validieren {
	background: transparent url(/img/css/a_icon_validate.png) no-repeat; 
	padding-left: 22px;
}
a.helferPerso {
	background: transparent url(/img/css/a_icon_helfer.png) no-repeat; 
	padding-left: 22px;
}
a.helfer {
	background: transparent url(/img/css/a_icon_helfer2.png) no-repeat; 
	padding-left: 22px;
}
a.delete,
a.deleteMdg {
	background: transparent url(/img/css/a_icon_trash2.png) no-repeat; 
	padding-left: 22px;
	padding-bottom:1px;
}
a.verbleib {
	background: transparent url(/img/css/a_icon_verbleib2.png) no-repeat; 
	padding-left: 22px;
	padding-bottom:1px;
}
a.edit {
	background: transparent url(/img/css/a_icon_edit2.png) no-repeat; 
	padding-left: 22px;
	padding-bottom:1px;
}
a.emptyPage {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_page_empty.gif) no-repeat; 
	padding-left: 22px;
}
a.plusPage {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_page_plus.gif) no-repeat; 
	padding-left: 22px;
}
a.plusPerson {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_person_plus.gif) no-repeat; 
	padding-left: 22px;
}
a.ok {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_ok.gif) no-repeat; 
	padding-left: 22px;
}
a.remove {
	/* runder Kreis mit > Zeichen */
	background: transparent url(/img/css/a_icon_remove.gif) no-repeat; 
	padding-left: 22px;
}

a.MdgListOn {
	/* Aktuelle Mdg - gewählte Kriterien */
	font-weight: bold;
	text-decoration: none;
	color: #ff981f;
}

a.mdgHelp {
	background: transparent url(/img/icon_info.png) no-repeat top right; 
	padding-right: 23px;
}
a.lense3 {
	background: transparent url(/img/resultlist_lense.png) no-repeat left 1px; 
	padding-left: 22px;
}

a.fbShare {
	/* auf Einzelmeldung */
	background: transparent url(/img/css/icon_facebook_share.png) no-repeat; 
	padding-left: 22px;
	color:#4065bb;
}
/* --------------------------------- links ------------------------------------------------- */

div#mainContent a:link,
div#mainContentHome a:link {
	text-decoration: underline;
	color: #c01600;
}
div#mainContent a:visited,
div#mainContentHome a:visited {
	text-decoration: underline;
	color: #c01600;
}
div#mainContent a:hover,
div#mainContent a:active,
div#mainContentHome a:hover,
div#mainContentHome a:active {
	text-decoration: none;
	color: #c01600;
}

a.noLine,
div#mainContent a.noLine { text-decoration: none; }
a.noLine:hover,
div#mainContent a.noLine:hover { text-decoration: underline; }


ul.noIcon { list-style-type : none; margin: 0; padding: 0; }
ul.noIcon li { 	line-height: 160%; margin-bottom:5px; }
ul.extraWide li { 	line-height: 180%; margin-bottom:15px; }
ol.extraWide li { 	line-height: 180%; }
ul.floatList { list-style-type : none; margin: 0; padding: 0; }
ul.floatList li { 	line-height: 160%; float: left; margin-right:15px;}

ul.editOwnOptions { list-style-type : none; margin: 0; padding: 0; }
ul.editOwnOptions li { 	line-height: 110%; margin-bottom:15px; }

div#mainContent ul.regular { list-style-type: none; margin: 0; padding: 0; margin-top: 15px; margin-bottom: 30px; }
div#mainContent ul.regular li { margin-left: 0px; line-height: 140%; }
div#mainContent ul.regular li { background: url(/img/bullet_regular.png) no-repeat 0px 3px; padding-left: 17px;  }
div#mainContent ul.regularSpace li { margin-left: 15px; } /* mit einrücken */


/* Mdg Erfassung - rechte Spalte Buttons ---------------------- */
ul.mdgFlow {margin:0; padding:0; list-style:none; }
ul.mdgFlow { margin-left: -9px; width:189px; }
div#mainContent ul.mdgFlow a {display:block; font:normal 12px arial, verdana, sans-serif; color:#000; border-bottom: 1px solid #fafafa; line-height:26px; text-decoration:none;padding:0px 0px 2px 5px;} 
div#mainContent ul.mdgFlow a.curStep { color:#ffffff; background: #c01600;  }
div#mainContent ul.mdgFlow li:first-child a { border-top: 1px solid #fafafa;  }
div#mainContent ul.mdgFlow a.next { font-style: italic; color: #3a3a3a; }
div#mainContent ul.mdgFlow a.done { color: #fff; background: #9c0e00;  }
/* Admin Bereich -> siehe stmz_admin_xx.css  */

/* Mdg Erfassung - rechte Spalte Buttons ---------------------- */


	
td h3 {  font-size: 140%; } /* Fix für Admin Umgebung */


div#container{
	width: 990px;
	margin: 0 auto;
	text-align:left;
	height:100%;
}

div#headerBox1 {
	float: left;
	height: 65px;
	width: 300px;
}
div#headerBox2 {
	float: right;
	height: 65px;
	width: 640px;
	text-align: right;
} 

div#logo {
	margin-top: 9px;
}
div#logoAdmin {
	text-align: left;
    margin: 20px 0 0 1px;
}

div.fbHeader {
	margin-right: -47px;
}

div#boxLang {
	text-align: right;
	margin-top: 3px;
	font-size: 86%;
}

div#boxLang p.langLinks {
	/* IE only */
}

div#boxLang p.col1 {
	color: #808080;
	margin-bottom: 0;
	padding-bottom: 0;
}




div#containerNavigation {
	margin-top: 12px;
	margin-bottom: 1px;
	height: 30px;
	background: #d8d8d8;
	position: relative;
	z-index: 500;
}


div#subNav {

}
h2.subNavTitle {
	font-family : Arial, Helvetiva, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
}

div#containerMainpic {
	height: 230px;
}


/* ----------------------------- Layout 1 - 2-spaltiger Content --------------------------------------------- */
div#contentLayout1Left {
	float: left;
	width: 210px;
}
div#contentLayout1Right {
	float: left;
	margin-left: 20px;
	width: 535px;
	padding: 0 10px 20px 10px;
	text-align: left;
	background-color: #ffffff;
}
div#contentLayout1RightPlus {
	float: right;
	width: 175px;
	padding: 2px 5px 20px 10px;
	text-align: left;
	font-size: 93%;
}

/* Admin Bereich */
div#contentLayout1RightPlus.adminContent {
	float: right;
	width: 125px;
	padding: 2px 5px 20px 10px;
	text-align: left;
	font-size: 93%;
}
/* -----------ENDE-------------- Layout 1 - 2-spaltiger Content -------------------ENDE -------------------------- */


div#mainContent {
	/* Seitenlayout default - ausser Home  */
	width: 990px;   /* 995  - padding */
	margin: 0 auto;
	padding-top: 18px;
	min-height: 420px;
	background: transparent url(/img/bg_mainContent.png) repeat-y left top;
}
div#containerLightbox div#contentLayout1Left { display: none; }
div#containerLightbox div#contentLayout1Right {   }
div#containerLightbox div#mainContent {
	background: #ffffff;
	width: 600px;
	text-align:left;
	margin: 0;
	margin-left: 0;
}

/* iframe Integrationen */
div#containerIframe div#mainContent {
	width:95%;
	background: #ffffff;
	margin:0;
	margin-top:10px;
	padding:0;
}
div#containerIframe div#contentLayout1Right {
	margin:0;
	width:100%;
}
div#containerIframe div.mdgViewDetailsBlock {
	width:60%;
	float:left;
	margin-left:15px;
}
div#containerIframe div.mdgAnimals {
	/* Seite Bild mit Totals Tierarten */
	width:600px;
}
/* end iframe Integrationen */



div#mainContentHome {
	/* Seitenlayout default - ausser Home  */
	width: 990px;   /* 995  - padding */
	margin: 0 auto;
}






div.homeBoxWrapper {
	float:left; 
	/* border: 1px solid #d1d2d0; */
	margin-right: 7px;
	width:157px;
}

div.homeBoxInfo {
	/* Box für Rote Inhalte */
	background: #c01600;
	padding: 5px;
	padding-left: 9px;
	font-size: 140%;
	color: white;
	height: 163px;
	border: 1px solid #c01600;
}
div#mainContentHome a.homeBoxInfo,
div#mainContentHome a.homeBoxInfo:link,
div#mainContentHome a.homeBoxInfo:visited,
div#mainContentHome a.homeBoxInfo:active {
	/* color: white; SOMMER */
	color: #4c1e0a;  /* Herbst */

	text-decoration: none;
	/* line-height:160%; SOMMER */
	line-height:140%;  /* Herbst */
	display: block;
	height: 160px;
}

div#mainContentHome a.homeBoxInfoWinter,
div#mainContentHome a.homeBoxInfoWinter:link,
div#mainContentHome a.homeBoxInfoWinter:visited,
div#mainContentHome a.homeBoxInfoWinter:active {
	color:#111167;
}

div#mainContentHome a.homeBoxInfoSommer,
div#mainContentHome a.homeBoxInfoSommer:link,
div#mainContentHome a.homeBoxInfoSommer:visited,
div#mainContentHome a.homeBoxInfoSommer:active {
	color: white;
	line-height:160%;
}


div.homeBoxInner {
	/* border: 1px solid #d1d2d0; */
	padding: 5px;
	float: none;
	height: 163px;
	border: 1px solid #d1d2d0;
	background: #ffffff url(../img/box_home_verlaufV1.png) repeat-x left top;
}
div.homeBoxInnerShadow {
/* background: transparent url(../img/box_home_shadowV2.png) no-repeat center top; */
/* background: transparent url(../img/box_home_shadowV3.png) no-repeat right bottom; */
	height: 15px;
}

div.homeBoxLFItem {
	
}

div.homeBoxLFItem div.homeBoxImgWrapper {
	/* width: 139px;
	height: 97px;
	overflow: hidden; */
	margin-bottom: 7px;
}

div.homeBoxLFItem img.homeBoxImgCenter {
	/* width: 139px;
	display: block;
    margin-left: auto;
    margin-right: auto */
}

div.homeBoxLFItem p.infos {
	margin:0;
	margin-top:6px;
	font-size: 86%;
}
div.homeBoxLFItem span.infosTitle {
	font-weight: bold;
	color: #b51000;
	margin:0;
	padding: 3px 0;
	
}


/* single thumbnail */

	p.thumb{
		float:left;
		margin: 0;
		margin-right:10px;
		border:1px solid silver;
		padding:1px;
		margin-bottom: 7px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:139px;
		height:97px;
		line-height:97px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
	}

	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;		
			width: auto;
			height: auto;
		}	
	
	/* // mouse over */	

/* // single thumbnail */




/* Resultatseite - kleiner */

div.confirmTreffer div.homeBoxWrapper {
width:125px;
}

div.confirmTreffer div.homeBoxInner {
	height: 143px;
}

	p.thumbSmall {
		float:left;
		margin: 0;
		margin-right:10px;
		border:1px solid silver;	
		padding:2px;
		margin-bottom: 7px;
	}
	p.thumbSmall a{
		display:block;
		float:left;
		width:107px;
		height:77px;
		line-height:77px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}	
	p.thumbSmall a img{
		float:left;
		position:absolute;
	}

	/* mouse over */
	
		p.thumbSmall a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumbSmall a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;		
			width: auto;
			height: auto;
			width:150%;
		}	
	
	/* // mouse over */	

/* // single thumbnail */









div#containerLayoutHome {
	
	width: 995px;   /* 995  - padding */
	margin: 0 auto;
	padding: 5px;
	padding-top:20px;
	/* border: 1px solid aqua; */
}
div#containerLayoutHome div#boxCol1 {
	/* border: 1px solid red; */
	width: 236px;
	float: left;
}
div#containerLayoutHome div#boxCol2 {
	/* border: 1px solid magenta; */
	width: 485px;
	float: left;
	margin-left: 17px;
	font-size: 107%;
}
div#containerLayoutHome div#boxCol3 {
	/* border: 1px solid silver; */
	width: 236px;
	float: left;
	margin-left: 16px;
}


div#containerLayoutContent {
	margin-top: 20px;
	padding-bottom: 5px;
	/* border: 1px solid aqua; */
}
div#containerLayoutContent div#boxCol1 {
	/* border: 1px solid red; */
	width: 236px;
	float: left;
}
div#containerLayoutContent div#boxCol2 {
	width: 685px;
	float: left;
	margin-left: 40px;
	min-height: 350px;
}

div#containerLayoutLostFound {
	margin-top: 20px;
	padding-bottom: 5px;
	/* border: 1px solid aqua; */
}
div#containerLayoutLostFound div#boxCol1 {
	/* border: 1px solid red; */
	width: 236px;
	float: left;
}
div#containerLayoutLostFound div#boxCol2 {
	width: 705px;
	float: left;
	margin-left: 40px;
}



div#regContent h1 {
	font-size: 180%;
	margin-top: 0;
}

div#regContent h2 {
	margin: 0;
	padding: 0;
	margin-top: 25px;
}

div#regContent h2.LFFormH2 {
	margin-top: 0;
}

div#regContent h3 {
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

div#regContent p {
	line-height: 145%;
}

div#regContent ul li,
div#regContent ol li {
	line-height: 145%;
}


div#containerLayoutLostfound {
	margin-top: 20px;
	padding-bottom: 5px;
	/* border: 1px solid aqua; */
}
div#containerLayoutLostfound div#boxCol1 {
	/* border: 1px solid red; */
	width: 236px;
	float: left;
}
div#containerLayoutLostfound div#boxCol2 {
	width: 685px;
	float: left;
	margin-left: 40px;
}


/* Spenden-Bilder nach Tierart, 1=Hund etc. */
.spendenBild1 { background: transparent url(/img/illus/mdg_ende_hund.png) no-repeat right top; }
.spendenBild2 { background: transparent url(/img/illus/mdg_ende_katze.png) no-repeat right top; }
.spendenBild3 { background: transparent url(/img/illus/mdg_ende_vogel.png) no-repeat right top; }
.spendenBild4 { background: transparent url(/img/illus/mdg_ende_nager.png) no-repeat right top; }
.spendenBild5 { background: transparent url(/img/illus/mdg_ende_reptil.png) no-repeat right top; }



div.boxSmall {
	background: #ffffff url(/img/css/bg_box_smallV2.gif) no-repeat;
	width: 221px; /* 236 - paddings */
	padding: 8px 5px 0 10px;
	margin-bottom: 12px;
}

div.boxSmall div.end {
	background: #ffffff url(/img/css/bg_box_small_end.gif) no-repeat;
	width: 236px;
	height: 5px;
	margin-left: -10px;
}

div.boxSmall h2 {
	margin-top: 0;
	height: 18px;
	padding-top: 0;
	margin-left: -2px;
	font-size: 93%;
}

div.boxSmall p {
	font-size: 86%;
	line-height: 140%;
}

div.boxSmallImageOnly {
	margin-bottom: 12px;
}

div.boxSmallAd {
	margin-bottom: 12px;
}


div.boxBig {
	background: #ffffff url(/img/css/bg_box_big.gif) no-repeat;
	width: 470px; /* 485 - paddings */
	padding: 8px 5px 0 10px;
	margin-bottom: 12px;
}

div.boxBig div.end {
	background: #ffffff url(/img/css/bg_box_big_end.gif) no-repeat;
	width: 485px;
	height: 5px;
	margin-left: -10px;
}

div.boxBig h2 {
	margin-top: 0;
	height: 18px;
	padding-top: 0;
	font-size: 93%;
	margin-left: -2px;
}

div.boxBig p {
	font-size: 86%;
	line-height: 140%;
}


/* Meldungserfassung





div.box705Middle {
	background: #ffffff url(/img/css/bg_box_705_middle.gif) repeat-y;
	width: 705px;
}
div.box705Top {
	background: transparent url(/img/css/bg_box_705_top.gif) no-repeat;
	height: 5px;
}
div.box705Bottom {
	background: #ffffff url(/img/css/bg_box_705_bottom.gif) no-repeat;
	height: 5px;
}
div.box705Content {
	padding: 5px 5px 5px 12px;
}


/* Admin Bereich spezial Klasse wegen unbestimmbarem Anzeigeproblem... */
/* mit Grafiken für runde Boxen */
div.box745Middle {
	background: #ffffff url(/img/css/bg_box_745_middle.gif) repeat-y;
	width: 745px;
}
div.box745Top {
	background: transparent url(/img/css/bg_box_745_top.gif) no-repeat;
	height: 5px;
}
div.box745Bottom {
	background: #ffffff url(/img/css/bg_box_745_bottom.gif) no-repeat;
	height: 5px;
}
div.box745Content {
	padding: 5px 5px 5px 12px;
}

table.box745Middle {
	background: #ffffff url(/img/css/bg_box_745_middle.gif) repeat-y;
	width: 745px;
}
table.box745Middle td {
	padding-left: 12px;
}
/* Admin Bereich spezial Klasse wegen unbestimmbarem Anzeigeproblem... */


/* Listenanzeige Meldungen */
table.mdgListItem td {	vertical-align: top; }

table.mdgListItemHeader td {
	/* erste Zeile mit rotem Hintergrund */
	padding: 3px 0;
	background: #c01600;
	color: white;
}
table.mdgListItemHeaderMid td {
	/* gesuchte Melde-Nr - Zeile mit rotem Hintergrund */
	padding: 3px 0;
	background: #92c000;
	color: white;
}
div.mdgListItem {  position:relative; margin-top:12px; }
 div.mdgListItemEnd {
	background: transparent url(/img/resultlist_item_boxend1.png) no-repeat center bottom;
	height:25px;
}
div.mdgListItemDetails { 
	border: 1px solid #cfd0cd; 
	border-top:0; 
	padding:4px; 
	position:relative; 
	background: #ededed url(/img/resultlist_item_bg.png) repeat-x;	
}
div.mdgListItemLinkIcon { 
    /* rechts unten - Link zur Meldung */
	position:absolute;
    right:0;
    bottom:0;
    padding:8px;
}
div.mdgListItemLinkIcon a.noLine,
div.mdgListItemLinkIcon a.noLine:link,
div.mdgListItemLinkIcon a.noLine:active,
div.mdgListItemLinkIcon a.noLine:visited  { text-decoration:none; }
div.mdgListItemLinkIcon a.noLine:hover  { text-decoration:underline; }

div.mdgListSearchFldWrapper {
	float: left;
	margin-right:15px;
	margin-bottom:7px;
	width:auto;
}
div.mdgListSearchFldText {
	font-size:93%;
	padding-right:10px;
	padding-bottom:3px;
	white-space : nowrap;
}
span.lfsCriteriaTxt {
	/* Kriterien erneut anzeigen (blaue Box */
	
}
span.lfsCriteriaVal {
	/* Kriterien-WERT erneut anzeigen (blaue Box */
	font-weight:bold;
}



form.searchList {
	margin:0;
}
div.lfsInfoRedirect {
	/* wenn wegen Mdg-Eingabe auf anderer Liste geleitet */
	margin:7px 0;
	padding: 10px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	border: 1px solid #c0de71;
	background: #f9fcf1;
	color: #637d1b;
	font-weight: bold;
}
div.lfsInfoNoResults {
	font-weight: bold;
	font-size: 110%;
	color: #c40b09;
	padding: 7px;
	padding-left: 48px;
	margin-top: 20px;
	background: #f9cbbf url(../img/icon_form_error.png) no-repeat 5px 1px;
	/* diese 2 Werte für kräftige Farben */
	background-color: #c40b09;
	color: white;
	/* diese 2 Werte für kräftige Farben */
	line-height: 135%;
	border: 1px solid #c40b09;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
div.mdgListInputBox {
	/* Input Box Suchfelder */
	margin:7px 0;
	/* padding: 10px; */
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	/* gelb: border: 1px solid #f1d031;
	background: #ffffa3; */
	border: 1px solid #c2c2c2;
	background: #f8f8f8;
	
}
div.mdgListDetailsuche {
	margin-top:10px;
	padding-top:10px;
	border-top: 1px solid #f1d031;
}
div.mdgListInputBoxOptions {
	margin-top:14px;
	/* padding-top:10px; */
	/* border-top: 1px solid #f1d031; */
}
div.mdgListCriterias {
		margin:7px 0;
	padding: 10px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	border: 1px solid #aed9fd;
	background: #ebf7ff;
}
div.mdgListCriterias p { margin:0; padding:0; }
/* ENDE Listenanzeige Meldungen */

/* Meldung inaktiv Anzeigebox */
div.mdgInactive {
	font-weight: bold;
	font-size: 110%;
	color: #c40b09;
	padding: 10px;
	padding-left: 48px;
	margin-top: 20px;
	background: #f9cbbf url(../img/icon_form_error.png) no-repeat 5px 4px;
	background-color: #c40b09;
	color: white;
	line-height: 135%;
	border: 1px solid #c40b09;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.mdgBesonderes {
	font-weight: bold;
	font-style : italic;
}
p.LFMsgBlockTitle {
	color: #c40004;
	padding: 4px 0;
	margin:0;
	text-transform: uppercase;
}
p.fld {
	margin:0;
	padding:0;
	border-bottom: 1px dotted silver;
	margin-bottom:4px;
}
span.fldValue {

}
span.fldDesc {
	font-size: 86%;
	color: gray;
}
div.abgleichBlock span.fldDesc {
	font-size: 93%;
}

/* Meldungsanzeige - Listenansicht */
ul.fldElements {
	list-style-type : none; margin: 0; padding: 0; 
	padding-bottom:20px;
}
ul.fldElements li {
	line-height: 180%; 
	border-bottom: 1px dotted silver;
}
ul.fldElements li.noLine {
	/* border-top: 0; */
}
ul.fldElements li span.left {
	float: left;
	width: 32%;
}
ul.fldElements li span.right {
	float: right;
	text-align:left;
	width:67%;
}
/* Meldungsanzeige - Listenansicht */

/* Detailsuche - Listenansicht Suchfelder */
ul.fldSearchelements {
	list-style-type : none; margin: 0; padding: 0; 
	padding-bottom:15px;
}
ul.fldSearchelements li {
	padding: 4px 0;
	border-bottom: 1px dotted silver;
}
ul.fldSearchelements li span.left {
	float: left;
	width: 28%;
	font-size:93%;
	color: #202020;
	margin-top:2px;
}
ul.fldSearchelements li span.right {
	float: right;
	text-align:left;
	width:71%;
}
/* Detailsuche - Listenansicht Suchfelder */




table.mdgViewDetails td {
	
}
div.mdgViewDetailsBlock {
	/* Wrapper Box für z.B. Personendaten, Tierdaten */
	float: right;
	width: 270px;
	margin-bottom:20px;
}
.mdgViewLeft {
	vertical-align: top; 
	width: 260px;
}
.mdgViewRight {
	vertical-align: top; 
	width: 260px;
}
.mdgViewMap {
	/* width: 530px;
	height: 200px; */
	width: 240px;
	height: 320px;
	/* border: 1px dotted silver; */
	margin-top: 10px;
	margin-bottom:50px;
}
.mdgImage {
	margin-bottom:10px;
}

div.showMdgPrevNextWrapper{
	margin: 7px 0;
}


/* 2012-04-13 Beispielbilder */
div.imgMusterPageConfirm {
	/* Overlay Musterfoto bei Erf. Seite Confirm */
	position:absolute;
	width:112px;
	height:75px;
	text-align:center;
	padding-top:29px;
	font-size: 12px;
}
div.imgMusterPageHome {
	/* Overlay Musterfoto Home */
	position:absolute;
	width:145px;
	height:97px;
	text-align:left;
	top:80px;
	left:3px;
	/* padding-top:39px; */
	font-size: 12px;
}

div.imgMusterPageShowMdg {
	/* Overlay Musterfoto bei show-mdg Seite */
	/* position:absolute; */
	z-index:10;
	position:relative;
	top:3px;
	left:3px;
}
span.imgMusterRow1 {
	/* nur Mdg-Show Seite */
	font-size: 15px;
	font-weight: normal;
	color: #c01600;
	text-shadow: #ffffff 1px 1px 1px;
	position:absolute;
	bottom:17px;
	right:3px;
}
div.imgMusterPageShowMdg span.imgMusterRow1 { 
	position: relative;
	top:3px;
	left:3px; 
}

span.imgMusterRow2 {
	/* nur Mdg-Show Seite */
	font-size: 12px;
	font-weight: normal;
	color: #c01600;
	text-shadow: #ffffff 1px 1px 1px;
	position:absolute;
	bottom:1px;
	right:3px;
}
div.imgMusterPageShowMdg span.imgMusterRow2 { 
	position: relative;
	top:5px;
	left:3px; 
}

 div#mainContentHome a.imgMuster,
 div#mainContent a.imgMuster {
	/* Link Wort Musterbild */
	color: #c01600;
	text-decoration:none;
	text-shadow: #ffffff 1px 1px 1px;
}
div.imgMusterPageShowMdgImage {
	position:absolute;
	z-index:9;
}
div.imgMusterPageShowWrapper {}
div.imgMusterResultList {
	bottom: 3px;
   right: 3px;
	height:133px;
	position:relative;
}



div#pageFooter {
	background: #f0f0f0 url(/img/bg_footer_line_silver.png) repeat-x left top;
	min-height: 130px;
	margin-top: 20px;
}


div#pageFooterContent {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	color: #707070;
	font-size: 93%;
	padding-bottom: 20px;
		background: transparent url(/img/bg_footer_animals_v2.gif) no-repeat bottom right;
}

div.boxedFooter {  width: 329px; }
div.boxedFooterFullWidth {  width: 100%; /* padding-top:25px; */ }		/* ganze Zeile */
div.boxedFooter div.content {
	padding-right: 35px;
}


div#pageFooterContent p {
	line-height: 160%;
}

div#pageFooterContent a:link,
div#pageFooterContent a:visited,
div#pageFooterContent a:active  {
	color: #707070;	
	text-decoration: underline;
}
div#pageFooterContent a:hover {
	text-decoration: none;
}



div.adressesResultlist {
	float: left;
	width: 500px;
	
}
div.adressesAdList {
	float: right;
	width: 180px;
	margin-right: -20px;
	margin-top: 23px;
}



table.all {
	border-collapse: separate;
}
table.all td {
	padding: 2px;
}
table.all td.shadow {
	background: #ffffff url(/img/css/bg_form_input_fld.gif) no-repeat top left;
	border: 1px solid #d5d5d5;
}
table.all td.top {
	vertical-align: top;
}

table.helperInfoList { 	border-collapse: collapse; }
table.helperInfoList td { padding: 3px 4px 4px 0; border-bottom: 1px dotted silver; vertical-align:top;  }


table.LFLayout {
	border-collapse: collapse;
	width: 99%;
}
table.LFLayout td {
	padding: 6px;
	border-top: 1px solid #e3e3e3;
}
table.LFLayout td.noLine {
	border-top: none;
}

table.LFLayoutDisplayOnly {
	border-collapse: collapse;
	width: 99%;
}
table.LFLayoutDisplayOnly td {
	padding: 3px;
}

table.helperResultlist { border-collapse: separate; }
table.helperResultlist td { vertical-align: top; padding: 3px 0; font-size:100%; }

/*
form.LF input.text,
form.LF select,
form.LF textarea {
	background: #ffffff url(/img/css/bg_form_input_fld.gif) no-repeat top left;
	border: 1px solid #d5d5d5;
	padding: 2px;
	font: 100% Arial, Helvetica, Tahoma, sans-serif;
} */


/* --------------------------------- */
div.pagination {
	text-align:left;
	margin-bottom: 10px;
	margin-top:20px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e2e2e2;
	text-decoration: none; 
	color: #b41500;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #808080;
	color: #b41500;
	background-color: #f3f3f3;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #b41500;
	font-weight: bold;
	background-color: #b41500;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
/* --------------------------------- */





/*  ----------------------------------------- Buttons only -------------------------------------------------- */ 
div.buttonwrapper{
	overflow: hidden; 
	/* width: 100%; */
}

div.buttonwrapperBig { 
	overflow: hidden;
	/*  width: 100%; */
}



a.buttonRed {
	background: transparent url(/img/css/button_01_left.gif) no-repeat top left;
	display: block;
	float: left;
	line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 28px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}
div#mainContent a:link.buttonRed, 
div#mainContent a:visited.buttonRed, 
div#mainContent a:hover.buttonRed, 
div#mainContent a:active.buttonRed {
	color: white;
	text-decoration: none;
}
a.buttonRed span{
	background: transparent url(/img/css/button_01_right.gif) no-repeat top right;
	display: block;
	padding: 0 15px 2px 0; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.buttonRed { /* Hover state CSS */
	text-decoration: underline;
}

a.buttonRedBack {
	background: transparent url(/img/css/button_02_left.gif) no-repeat top left;
	display: block;
	float: left;
	line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 28px; /* Height of button background height */
	padding-left: 15px; /* Width of left menu image */
	text-decoration: none;
}
div#mainContent a:link.buttonRedBack, 
div#mainContent a:visited.buttonRedBack, 
div#mainContent a:hover.buttonRedBack, 
div#mainContent a:active.buttonRedBack {
	color: white;
	text-decoration: none;
}
a.buttonRedBack span{
	background: transparent url(/img/css/button_02_right.gif) no-repeat top right;
	display: block;
	padding: 0 9px 2px 0; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.buttonRedBack { /* Hover state CSS */
	text-decoration: underline;
}


a.buttonGreen {
	background: transparent url(/img/css/button_03_left.gif) no-repeat top left;
	display: block;
	float: left;
	line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 28px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	font-size: 86%;
}
div#mainContent a:link.buttonGreen, 
div#mainContent a:visited.buttonGreen, 
div#mainContent a:hover.buttonGreen, 
div#mainContent a:active.buttonGreen {
	color: white;
	text-decoration: none;
}
a.buttonGreen span{
	background: transparent url(/img/css/button_03_right.gif) no-repeat top right;
	display: block;
	padding: 0 15px 2px 0; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.buttonGreen { /* Hover state CSS */
	text-decoration: underline;
}


a.buttonBlue {
	background: transparent url(/img/css/button_04_left.gif) no-repeat top left;
	display: block;
	float: left;
	line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 28px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}
a:link.buttonBlue, a:visited.buttonBlue, a:hover.buttonBlue, a:active.buttonBlue {
	color: white;
	text-decoration: none;
}
a.buttonBlue span{
	background: transparent url(/img/css/button_04_right.gif) no-repeat top right;
	display: block;
	padding: 0 15px 2px 0; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.buttonBlue { /* Hover state CSS */
	text-decoration: underline;
}
/*  ----------------------------------------- Buttons only -------------------------------------------------- */ 



div.homeBuyTop {
	/* Startseite Text Top kaufen */
	font-size: 86%;
	padding: 7px 0;
}

div.homeBigInfo {
	background: none repeat scroll 0% 0% #FEEAD3;
	color: #b94543;
	border: 1px solid #FFD9C0;
	padding: 0 35px 0px 20px;
	margin-bottom: 20px;
	margin-top:20px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);
	border-radius: 0px !important;
}
div.homeBigInfo h3 {
	margin-top:15px;
	text-transform: uppercase;
}




div.kantMeldeStelle {
	/* Seite Kantonale Meldestellen */
	float:left; 
	text-align:center; 
	margin-bottom: 10px;
	font-size: 86%;
}
div.kantMeldeStelle img {
	width:43px; 
	margin: 0 7px 10px 0;
}

/* Seite was wir tun */
ul.bigToggle { list-style-type : none; margin: 0; padding: 0; }
ul.bigToggle li.opener { 	line-height: 180%; margin-bottom: 5px; border: 1px dotted silver; }
ul.bigToggle a.toggleInfo { display: block; padding: 8px 7px;  }
ul.bigToggle a.toggleInfo:hover { background: #f0f0f0; }
ul.bigToggle a.toggleInfoActive { background: #f0f0f0; }
ul.bigToggle div { 	padding-right: 10px; }
ul.bigToggle div.toggleContent { 	padding:5px 10px 5px 10px; }

/*
End Formulare
--------------------------------------------------------------------------
*/



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#navTop { position: relative; z-index: 510; }

#navTop ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#navTop ul {display:inline-block;} 

#navTop li {margin:0; padding:0; list-style:none;}
#navTop li {display:inline-block; display:inline;}
#navTop ul ul {position:absolute; left:-9999px;}
#navTop ul.level1 {margin:0 auto;}
#navTop ul.level1 li.level1-li {float:left; display:block; position:relative;}

#navTop ul.level1 {background:#6f6f6f; }
#navTop ul.level2 {background:#838383;}
#navTop ul.level3 {background:#838383;}
#navTop ul.level4 {background:#9c0e00;}

#navTop b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#navTop a {display:block; font:normal 12px verdana,arial,sans-serif; color:#ffffff; line-height:30px; text-decoration:none;padding:0 26px 0 10px;}
#navTop ul.level1 li.level1-li a.level1-a {float:left; border-right: 1px solid #d8d8d8; }

#navTop ul li:hover > ul {visibility:visible; left:0; top:30px;}
#navTop ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-30px;}
#navTop li.left:hover > ul {visibility:visible; left:auto; right:0; top:30px;}
#navTop li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-30px;}


#navTop a:hover ul {left:0; top:32px;}
#navTop li.left a:hover ul {left:auto; right:-1px; top:32px;}

#navTop li.left ul a {text-align:right; padding:0 10px 0 20px;}


#navTop a:hover a:hover ul, 
#navTop a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#navTop li.left a:hover a:hover ul, 
#navTop li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#navTop a:hover ul ul, 
#navTop a:hover a:hover ul ul {left:-9999px;}
#navTop li.left a:hover ul ul, 
#navTop li.left a:hover a:hover ul ul {left:-9999px;}


#navTop li a.fly {background:transparent url(/img/css/navTop_arrow.gif) no-repeat right center;}
#navTop li.left ul a.fly {background:transparent url(/img/css/navTop_arrow-left.gif) no-repeat left center;}

#navTop li a:hover,
#navTop li a.fly:hover { background-color:#c01600; } 
#navTop li:hover > a,
#navTop ul li:hover > a.fly { background-color:#c01600;}
#navTop li a.home:hover { /* text-decoration: underline; background: none; */  } 

#navTop ul.level1 a.current,
#navTop a.current { text-decoration: none; background: #c01600; }
#navTop a.current:hover { background-color:#c01600; }


#navTop table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#navTop table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

#navTop li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#navTop li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}


/* ================================================================ 
This copyright notice must be untouched at all times. 

LINKE SUBNAVIGATION

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout-breadcrumb.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#subNav { position:relative; }

#subNav ul {margin:0; padding:0; list-style:none; text-align:left; }
#subNav ul.level1 { width: 210px;  }
#subNav ul.level1 ul {
	border-bottom: 1px solid silver;
	border-bottom:0;
	background-color: white;
}

#subNav li {margin:0; padding:0; list-style:none;}
#subNav li {display:inline;}
#subNav ul ul {position:absolute; left:-9999px;}
#subNav ul#toplevel {position:absolute; left:0px; top:0px;}

#subNav a {display:block; font:normal 12px arial, verdana, sans-serif; color:#000; border-bottom: 1px solid #fafafa; line-height:26px; text-decoration:none;padding:0px 0px 2px 4px;} 
#subNav li a.fly {background: transparent url(/img/css/navTop_arrow.gif) no-repeat right top; border-bottom: 1px solid #fafafa; }
/* #subNav a.current {line-height:20px; color: #ffffff; font-weight: bold; background: #c01600; border:1px solid #fefefe; border-bottom: 1px solid #fafafa; } */
#subNav a.current { color: #ffffff; font-weight: normal; background: #c01600; border-bottom: none; line-height:25px; width:205px;  } 
#subNav ul.level3 a {
	border: 1px solid silver;
	padding-right: 20px;
}
/* erstes li in liste */
#subNav li:first-child a { border-top: 1px solid #fafafa;  }

/* letzter Eintrag ohne Strich 
#subNav a.lastLine {
	border-bottom: 1px solid white;
}
*/

#subNav ul li:hover > ul {left:100%; margin-top:-29px;}

#subNav a:hover ul,
#subNav a:hover a:hover ul, 
#subNav a:hover a:hover a:hover ul {left:100%;}
#subNav a:hover ul ul, 
#subNav a:hover a:hover ul ul {left:-9999px;}

#subNav li a:hover {color: #b41500; background-color:#fefefe;} /* IE7 emulation doesn't line #fff - go figure */
#subNav li:hover > a {color: #b41500; background-color:#fefefe;} /* IE7 emulation doesn't line #fff - go figure */

#subNav table {position:absolute; right:0; border-collapse:collapse; margin-top:-5px;}



/* Fix Suvnav Farben */

div#mainContent #subNav a:link {
	text-decoration: none;
	color: #000000;
}
div#mainContent #subNav a:visited {
	text-decoration: none;
	color: #000000;
}

div#mainContent #subNav a:hover,
div#mainContent #subNav a:active {
	text-decoration: none;
	color: grey;
}

div#mainContent #subNav a.current {
	color: #ffffff;
	background: #c01600; 
}
div#mainContent #subNav a.current:hover {
	color: #c01600;
	color: #ffffff;
}




/*

stmz_formsV1-06.css



*/

form {
	margin:0;
	padding:0;
	margin-bottom: 2em;
}


.test {  
    position: fixed;   
    top: 20px;  
    margin-left: 20px;  
    background-color: #0f0 ! important;
}  

/* --------------------------buttons ------------------------------------------- */
button { 
  border:0; 
  cursor:pointer; 
  font-weight: bold; 
  padding:0; 
  text-align:center; 
  margin-left: 33%;  /* wie Wert bei label + 1% */
  background: transparent;
}
button.btAlignLeft {
	margin-left: 0; 
}

button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 31px 0 15px; 
}

button.check {
	/* Feldtyp 15 Zusatzbutton */
	margin-left:12px; 
	padding: 1px; 
	padding-right: 4px;
	color: white; 
	background-color:#fd6411;
}


/* --------------------------end buttons ------------------------------------------- */




div.frmField ul { list-style-type : none; margin: 0; padding: 0; }
div.frmField li { 	line-height: 160%; }

form.top30 {
	margin-top: 30px;
}

div#containerLightbox form.all {
	width:555px;
}


form.all fieldset {
	clear: left;
	margin: 1em 0;
	border:none;
	border-top: 1px solid #ccc; 
	padding-left: 1px;
}
form.all div.fieldsetLikeWrapper {
	/* wenn fieldset msg_id 99 - leer */
	/*margin-top: -1.3em;
	margin-bottom: 1.5em; */
	/* margin-top: -24px; */
}
form.all div.fieldsetLikeWrapperEmpty {
	/* wenn fieldset msg_id 99 - leer */
	/* margin-top: -23px; */
}

form.all fieldset p {
	margin:0;
	padding: 0;
	/* margin-left: -8px; */
	margin-bottom: 1em;
}

form.all legend {
	margin:0.5em 0;
	/* margin-left: -0.5em; */
	color: #c01600;
	font-size:1.3em;
	font-weight: bold;
}


form.all label {
	clear: left;
	float:left;
	width: 32%;
	padding-right: 0.8em;
	padding-top: 3px;
	text-align: left;
}
form.all label.direct {
	float:none;
	width: auto;
	padding-left: 0.8em;
	padding-top: 3px;
	text-align: left;
}

label.error {
	color: #cc1c00; 
}

form.all div.frmFieldLeft {
	/* margin-left: -7px;	*/    /* 2011-07-19 rein optische korrektur */
}

form.all div.frmFieldLeft label {
	text-align: left;
	width: 95%;     /* 2011-07-19 rein optische korrektur */
	padding-bottom: 5px;
}

form.all span.fldDisplayOnly {
	padding: 2px;
	margin: 0;
}

form.all div.frmField {
	padding:3px 0 3px 0;
	border-bottom: 1px dotted #ebebeb;
}

/* hide some elements for screen readers */
form.all div.frmFieldOut,
div.frmFieldOut {
	visibility:hidden;  
   display:none;  
}
/* end hide some elements for screen readers */


form.all div.frmField input,
form.all input.fldText,
form.all select.fldSelect,
form.all div.frmField textarea {
	padding: 2px;
	font: 100% Arial, Helvetica, sans-serif;
}

form.all div.frmField input.fldText,
form.all input.fldText,
form.all div.frmField textarea {
	width: 60%;
	background: #ffffff url(../img/form_input_bg.gif) no-repeat top left;
	border: 1px solid #d5d5d5;
}
.fldTextarea {
	background: #ffffff url(../img/form_input_bg.gif) no-repeat top left;
	border: 1px solid #d5d5d5;
	padding: 2px;
	font: 100% Arial, Helvetica, sans-serif;
}


form.all select.fldSelect,
form.all div.frmField select {
	border: 1px solid #cccccc;
	padding: 1px;
	background: #ffffff url(../img/form_input_bg.gif) no-repeat top left;
}
form.all div.frmField input.checkBox {
	/* checkbox auf "normalbreite" setzen */
	width:auto;
}
form.all div.frmField div.multiFloatWrapper {
	float:left; 
	width:60%; 
}
form.all div.frmField ul.multiFloat { list-style-type : none; margin: 0; padding: 0; }
form.all div.frmField ul.multiFloat li { 	line-height: 145%; float: left; }

form.all div.frmField ul.multiFloat a.multi:link,
form.all div.frmField ul.multiFloat a.multi:visited {
	text-decoration: none;
	color:#838383;
	
}
form.all div.frmField select.selTierheimList {
	/* Auswahlfeld Tierheime */
	/* font-size: 93%; */
	width: 99%;
}

form.all div.frmField input.numberPlusField {
	/* Zusatzfeld Nummer wie z.B. Tatoo-Nr. */
	width: 45%;
	font-size: 93%;
	padding: 1px;
}
form.all div.frmField ul.listDown { list-style-type : none; margin: 0; padding: 0; }
form.all div.frmField ul.listDown li { line-height: 145%; }

form.all div.frmFieldError input.fldText,
form.all div.frmFieldError select,
form.all div.frmFieldError textarea {
	border: 1px solid #c40b09;
	background: #feeeee;
}

form.all div.wrapperMulti {
	/* um checkbox-ul-liste */
	float: left;
	margin-top:4px;
	margin-bottom:3px;
}



form.all div.frmField textarea {
	width: 100%;
	height: 80px;
	margin-top: 7px;
}



form.all div.frmField input.multi {
	/* für Radios, Checkboxes */
	width: auto;
	float: none;
}


form.all label.multi {
	/* für Radios, Checkboxes */
	float: none;
	width: auto;
	padding-left: 0.2em;
	padding-right: 1.2em;
	text-align:left;
	white-space : nowrap;
}

form.all div.frmField input.hidden {
	/* für hidden fields */
	width: auto;
	float: none;
	clear: left;
}

form.all div.frmField optgroup {
	font-style : normal;
	color: #0961a9;
	padding: 4px 15px 4px 0;
}
form.all div.frmField option {
	color: #242122;
	padding: 1px;
	padding-right: 15px;
}



form.all div.errorInfo {
	/* Einzelfeld Fehler */
	margin: 0.5em 0;
	padding:0.3em 1em 0.3em 33px;
	background: #c40b09 url(/img/icon_form_excl_red.png) no-repeat 3px 2px;
	border: 1px solid #c40b09;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

form.all div.errorInfo p {
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
}
/* Info (z.B. keine Row für Edit) ohne form tag */
div.errorInfo {
	margin: 0.5em 0;
	padding:0.2em 1em 0.2em 0;
}

div.frmErrorInfoAll {
	/* generelle Box oberhalb den Einzelfeldern mit generellem Hinweis */
	font-weight: bold;
	font-size: 110%;
	color: #c40b09;
	padding: 7px;
	padding-left: 48px;
	margin-top: 20px;
	background: #f9cbbf url(../img/icon_form_error.png) no-repeat 5px 10px;
	/* diese 2 Werte für kräftige Farben */
	background-color: #c40b09;
	color: white;
	/* diese 2 Werte für kräftige Farben */
	line-height: 135%;
	border: 1px solid #c40b09;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}



div.errorInfo p {
	margin: 0;
	padding: 0;
	color: #a31516;
	font-weight: bold;
}
/* ----------------- */


form.all span.required {
	color: #a31516;
	font-weight: bold;
	padding-right: 4px;
}

form.all label.required {
	font-weight : bold;
}

form.all p.hint {
	clear: left;
	margin: 4px 0 4px 23px;
	padding: 0;
	color: #808080;
	padding-left: 30%;  /* wie Wert bei label */
	font-size: 86%;
}

form.all div.frmFieldLeft p.hint {
	/* Darstellungstyp 2 */
	clear: left;
	margin: 4px 0 4px 4px;
	padding: 0;
	color: #808080;
	padding-left: 0;  /* wie Wert bei label */
	font-size: 86%;
}

form.all p.hintLeft {
	padding-left: 0;  /* wie Wert bei label */
	margin-left: 0px;
}



form.all ul.searchkeys {
	line-height: 150%;
	list-style-type : none;
	margin: 0;
	padding: 0;
}




form.all ul.regularList {
	list-style-type : none;
	margin: 0;
	padding: 0;
	line-height: 150%;
	display: table;
}

form.all ul.regularList li a {
	padding: 2px 4px 2px 0;
	text-decoration: none;
	margin-top: 4px;
	color: #242122;
}


div#nextstep {
	height: 73px;
	margin-bottom: 25px;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	border: 1px solid silver;
	padding: 7px 10px;
}

div#nextstep ul {
	margin: 0;
	padding: 0;
}

div#nextstep p {
	margin:0;
	padding: 0;
	/* color: Gray; */
}

div#nextstep ul li p.nextstepTitle {
	font-size : 110%;
	font-weight: bold;
	margin: 7px 0 3px 9px;
}

div#nextstep ul li p.nextstepInfo {
	font-size: 86%;
	padding-left: 9px;
	padding-right: 7px;
}

div#nextstep ul li.current p.nextstepTitle,
div#nextstep ul li.current p.nextstepInfo,
div#nextstep ul li.lastDone p.nextstepTitle,
div#nextstep ul li.lastDone p.nextstepInfo,
div#nextstep ul li.done p.nextstepTitle,
div#nextstep ul li.done p.nextstepInfo {
	/* color: white; */
}

div#nextstep ul li.current a,
div#nextstep ul li.lastDone a,
div#nextstep ul li.done a {
	/* text-decoration: none; */
}

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	
}

#mainNav li.current {
	padding-left: 80px;
	width: 140px;
}
#mainNav li.done {
	padding-left: 60px;
	width: 140px;
}


#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
/* color:#ccc; */
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
/* color:#fff; */
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
/* color:#ffff99; */
cursor:hand;
}

#mainNav li a em{
width:110px;
display:block;
margin:6px 0 0 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:110px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}



.jqEasyCounterMsg {
	margin-left: 34%;
}




/* ------------------- Sondercss fuer z.B. Passwort Meter -------------------------- */
#passwordDescription {
        height:20px;
		float: left;
		margin-left: 34%;
		color: #808080;
		font-size: 93%;
}
#passwordStrength {
        height:15px;
		margin-left: 15px;
		float: left;
}

.strengthEmpty {
        width:0;
        background: none;
		border: none;
}

.strength0 {
        width:20px;
        background:#cccccc;
		border: 1px solid gray;
}

.strength1 {
        width:50px;
        background:#ff0000;
		border: 1px solid gray;
}

.strength2 {
        width:70px;    
        background:#ff5f5f;
		border: 1px solid gray;
}

.strength3 {
        width:100px;
        background:#56e500;
		border: 1px solid gray;
}

.strength4 {
        background:#4dcd00;
        width:130px;
		border: 1px solid gray;
}

.strength5 {
        background:#399800;
        width:150px;
		border: 1px solid gray;
}
/* ------------------- Ende Sondercss fuer z.B. Passwort Meter -------------------------- */
