/* +Struktur
............................................... */
body {background-attachment:fixed; font-size: 101%;font-family: verdana,arial,helvetica,sans-serif; text-align:center;} 
* { padding:0; margin:0; } 
h1, h2, h3, h4, h5, h6, pre {	/*text-transform: uppercase;*/ }
h1 {font-size: 130%; font-weight: bold; padding-left:.1em;}
h2 {font-size: 118%; font-weight: bold; padding-left:.2em;}
h3 {font-size: 118%; font-weight: bold; padding-left:.3em;}
h4 {font-size: 107%; font-weight: bold; padding-left:.4em;}
h5 {font-size: 102%; font-weight: bold; padding-left:.5em;}
h6 {font-size: 105%; font-weight: bold; padding-left:.6em;}
a {text-decoration:none;}

hr { height: 1px;border-width: 1px 0 0 0;border-style: dotted;border-color: #70151C; margin: 3px 20px; }
fieldset {margin: 5px 0px; padding:10px;}
legend {font-size:98%; font-weight: bold;}
.killl {clear: both; height: 1px; display: block; line-height: 1px; font-size: 1px; margin:0;}
.unsichtbar,#preload{position:absolute;left:-1000px;top:-1000px; width:0; height:0; overflow:hidden; display:inline;}
abbr, acronym {font-style: normal;border-bottom: 1px dotted #515F37;cursor: help;}
.alright{text-align:right;}
.center{text-align:center;}
a img {border:0;}
span.mt20 {margin-top:20px; font-size:1px;}
.mt10 {margin-top:10px;}
a {text-decoration:none;}


/* +Hauptcontainer
............................................... */
#chef {margin-top:10px; margin-right:auto;margin-left:auto;margin-bottom:0px; text-align:left; padding: 10px;width: 760px !important; width /**/:780px;}

/* +Subheader
............................................... */

#subheader {margin-bottom: 10px;}
	#subheader1 {float: left; line-height:normal;padding: 5px; width:570px !important; width /**/:580px; }
	
	#subheader2 {float: right; text-align: right;line-height:normal;padding: 5px;width:170px !important; width /**/:180px; }
	#subheader2 a img {padding: 0 5px; margin: 0 2px;}

/* +Links für die Brotkrümelnavi
............................................... */

		#subheader ul{list-style:none; margin:0px; padding:0px;}
		#subheader ul li{list-style:none; margin:0; padding:0;display: inline;}
		#subheader ul a{display: inline; margin:0px 3px; padding: 0px; }
		#subheader ul a:link, #subheader ul a:visited{font-size:86%;} 
		span.arrow {font-size:86%; }
		span.spot5 { font-weight:bold;font-size:86%;}
		

/* +Trenner mit Muster
............................................... */
.trenner-muster {height:14px; font-size:1px; margin-bottom:10px;}

/* +Hauptinhalt
............................................... */

#mainContent { margin-bottom:10px;}

/* +mContent1 = Navigation
............................................... */

#mContent1 {width: 190px !important; width /**/:200px;padding: 0px 5px; float:right;}

#mContent1 ul.mnavi{list-style:none; margin:10px 0px 0px 10px; padding:0px;}
#mContent1 ul.mnavi li{list-style:none; margin:3px 0px; padding:0;display: block;}
#mContent1 ul.mnavi a {display: block; padding: 2px 0px 2px 17px; width: 163px !important; width /**/:180px; }
#mContent1 ul.mnavi a:link, #mContent1 ul.mnavi a:visited { text-decoration:none;} 
#mContent1 ul.mnavi a:hover {}
span.spot3 {margin:3px 0px;padding: 2px 0px 2px 3px; width: 178px !important; width /**/:180px;font-weight:bold;}

#mContent1 ul.mnavi ul {list-style:none; margin:0px; padding:0px; height:1%;} 
#mContent1 ul.mnavi ul li {list-style:none; margin:0px 0px 1px 0px; padding:0;}
#mContent1 ul.mnavi ul a {display: block; padding: 0px 0px 0px 30px; width: 150px !important; width /**/:180px;}
#mContent1 ul.mnavi ul a:link, #mContent1 ul.mnavi ul a:visited{ text-decoration:none;} 
#mContent1 ul.mnavi ul a:hover{}

span.spot4 { margin:1px 0px;padding: 0px 0px 0px 33px; width: 147px !important; width /**/:180px;font-weight:bold;}



/* +mContent2 = Hauptinhalt
............................................... */

.rContent {padding: 15px 0px 0px 0px; line-height:140%;}

#mContent2 {width: 510px !important; width /**/:530px;margin-right: 30px; padding: 0px 10px 10px 10px;float:left; line-height:140%;}

#mContent2-1spalte {width: 518px !important; width /**/:558px; padding: 0px 20px 10px 20px;margin-left: 1px; line-height:140%;}

#mContent2-2spalte {float: left;width: 187px !important; width /**/:209px; padding: 0px 7px 10px 15px;margin-left: 1px;line-height:140%; }

	#mContent2 p, #mContent2 ul, #mContent2 ol,#mContent2-1spalte p, #mContent2-1spalte ul, #mContent2-1spalte ol{color:#000; padding: 0px 5px 7px 5px; margin:2px 5px;}
	.rContent p, .rContent ul, .rContent ol { padding: 0px 0px 7px 0px; margin:2px 3px;}
	#mContent2-2spalte p, #mContent2-2spalte ul, #mContent2-2spalte ol { padding: 0px 0px 7px 5px; margin:2px 3px;}
	#mContent2 li,.rContent li,#mContent2-1spalte li,#mContent3 li,#mContent2-2spalte li  { list-style-type:square;margin-left:20px; padding: 1px;}
	
#mContent2 h3,#mContent2 h4,#mContent2 h5,#mContent2 h6,.rContent h3,.rContent h4,.rContent h5,.rContent h6,#mContent2-1spalte h3,#mContent2-1spalte h4,#mContent2-1spalte h5,#mContent2-1spalte h6 {padding:0px 0px 6px 6px;}

/* +mContent3 = zusätzliche Spalte
............................................... */
#mContent3 {float: left;width: 181px !important; width /**/:189px; padding: 0px 0px 10px 8px;line-height:140%;}

/* +Links im Hauptinhalt
............................................... */
#mContent2 a:link, #mContent2 a:visited,#mContent2-1spalte a:link, #mContent2-1spalte a:visited,.rContent a:link, .rContent a:visited{ color:#D9201D;background:url('../images/rose_navi_normal.gif') left center no-repeat;  }
#mContent2 a:hover, #mContent2 a:focus,#mContent2-1spalte a:hover, #mContent2-1spalte a:focus,.rContent a:hover, .rContent a:focus{color:#4F4648;}
#mContent2 a:active, #mContent2 a:active,#mContent2-1spalte a:active, #mContent2-1spalte a:active,.rContent a:active, .rContent a:active{ font-weight:bold;}


/* +mContent4
............................................... */

#mContent4 {}

/* +Subnavi
............................................... */

#subcontent {background:#EDEDED url('../images/footer.gif') top left no-repeat;padding: 5px;}
	#sContent1 {float: right;width:400px; text-align:right;}
	#sContent2 {float: left;width:150px; }
		#minlink {width:130px;height:15px; position:relative; }
		#minlink h5 {text-indent: -10000px;margin:0px; padding:0px;}
		#minlink h5 a {width:130px;height:15px;text-decoration:none;display:block;}
		#minlink h5 a span {display: none;}
		
		#header2content {}
		#subcontent ul{list-style:none; margin:0px; padding:0px;}
		#subcontent ul li{list-style:none; margin:0; padding:0;display: inline;}
		#subcontent ul a{display: inline; margin:0px 5px; padding: 0px; }
		#subcontent ul a:link, #subcontent ul a:visited{font-size:86%;} 
		span.subspot { font-weight:bold;font-size:86%;}
/* +Footer
............................................... */
#footer {}

/* +Tipafriend
............................................... */
.tipafriend {padding: 7px;}

/* +Formulartabelle
............................................... */

.rc { clear: both; margin: 0; padding: 3px; text-align: left; height: 15px;}
.rc2 { clear: both; margin: 0; padding: 3px; text-align: left; height: 50px;}
span.llabel {text-align: right; float: left; width: 150px; padding: 0 3px 0 0; font-size: 91%;}
span.rform2 {text-align: left; float: left; width: 155px; margin-left: 12px; font-size: 91%;}
span.rform {text-align: left; float: left; width: 255px; margin-left: 12px;}
span.rformc {text-align: left; float: left; margin-left: 12px;}
span.rform input.ipw { width: 150px;}
span.rform input.ipwc { }
span.rform textarea.ipwa { width: 250px;}
.sub {font-style:italic; text-align:right;}

/* +Bewerbungsformular
............................................... */

form p {
    line-height:130%;
    font: normal 100%/1.4em  Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
    margin: 0.5em 0;
}

form, input, body {
    padding: 0;
    margin: 0;
}
fieldset {
    margin: 20px 0 10px 0;
    padding: 5px 10px;
    border: 1px solid #841410;
    background-color: #EFEFEF;
}
label {
    font-weight:bold;
    color: #000;
}
legend {
    background-color: #841410;
    color: #fff;
    padding: 2px 10px;
    border: 1px solid #d0d0d0;
    margin: 0 0 10px 0;
    font-weight: bold;
    display : block;
}
input {
    background-color: #fff;
    border: 1px solid #000000;
    width: 18em;
    padding: 2px;
    margin: 3px 0 9px 0;
}
input.btn {
    width: 14em;
    margin: 3px 3px 9px 0;
}
input.send {
    background-color: #fff;
    border-style: groove;
    width: 12em;
    margin: 3px 3px 9px 0;
}
input.rund {
    width: 1em;
    margin: 3px;
}
textarea {
    background-color: #fff;
    border: 1px solid #000000;
    width: 25em;
    padding: 2px;
    margin: 3px 0 9px 0;
}

/* +News
............................................... */
.news-latest-date,.news-single-timedata {padding: 0px; margin:0px; text-align:right; font-size:89%; font-style:italic;}
.news-subheader,.news-list-category {padding:2px 0px;}
.news-kat {padding: 2px 0px;}
.news-latest-morelink,.news-list-more {text-align:right; clear:both;padding:0px; margin:0px;}
.news-latest-item h3 {margin:0px 0px 2px 0px; padding:0px 0px 7px 0px;}



/* +Notfälle
............................................... */
.notfall {padding: 7px; margin: 5px 0px; background:#EDEDED/*url('../images/notfall_bg.gif') repeat-x;border: 1px dotted #DAD6D6*/; height:1%; color: #000;}
h4.dogname{float: left; margin-bottom: 10px; display:block;}
p.dogid {float:right; margin-bottom: 10px; float:right; text-align:right; font-size:90%; font-style:italic;}
.thumbblock {clear:both;}
.dogpic {padding:5px; background:#fff; float:left;}
.dogteaser {padding:5px; float:right;}
.infohead {margin:10px 4px 5px 0px; display:block; float:left;}
.doginfos {font-size:94%; font-style:italic; float:right; display:block; margin:10px 4px 5px 0px;}
.dogdetails {font-size:94%; text-align:right;}

.dogpicfull{padding:0px; margin:10px 0px;  text-align:center;}
.dogshort {padding: 5px; font-style:italic;}
.dogfulldetails {padding: 5px;}

/* +rte
............................................... */


.dunkelroterText {color: #F00; font-weight:bold;}
p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, td.align-left { text-align: left; }
p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, td.align-center { text-align: center; }
p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, td.align-right { text-align: right; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
.trennlinie {display:block; margin: 5px; background: url(../images/rose_hr_linie.gif) no-repeat center; font-size:1px;}

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }



span.roteSchrift {color:#F00;}
span.sehrGross {font-size:150%;}
span.blaueSchrift {color:#00C;}

img.blauerRand {border:2px solid #06C;}
img.Abstand10px {padding:10px;}

a.Abstandunten {margin-bottom:15px;}