body {
	margin: 0;
	padding: 0;
	font-size: small;
	line-height: 1.4em;
	text-align: left;
	color: #555;
	font-family: 'Oswald', sans-serif;
	font-size: 100%;
	font-weight: 300;
	}


a.pagetop_fuss {box-shadow: -.1em .1em .4em #000;
		
		
	display: none
	}

a			{ text-decoration: underline; color: #000 }
a:hover		{ text-decoration: underline; color: #d47829 }


b 			{ font-weight: 700 }



a.back,
a.next				{ 
	text-decoration: none; 
	color: #fdeaeb; 
	font-weight: 400;
	float: left;
	margin: 0 5% 0 0;
	border-radiu s: .4em;
	padding: .1em .7em .2em .5em;
	text-align: left;
	font-size: 90%;
	background: #ab0011;
	}
a.back:hover,
a.next:hover	{ 
	text-decoration: none; 
	color: #fff;
	background: #9a0011;
	box-shadow: .1em .2em .3em #bbb;
	}
a.next				{
	float: right;
	margin-right: 0
	}


.pfeil {
	margin-bottom: .9em;
	padding: 0 0 0 23px;
	list-style-type: none;
	background: url(../images/pfeile/2/pfeil_next2.png) top left no-repeat;
	}
a.pfeil {
	margin-bottom: .9em;
	padding: 0 0 0 23px;
	list-style-type: none;
	background: url(../images/pfeile/2/pfeil_next2.png) top left no-repeat;
	}	



#content ul {
	margin: 0 0 2.2em 0;
	padding: 0;
	}
	
#content ul li {
	margin-bottom: .5em;
	padding: 0 0 0 23px;
	list-style-type: none;
	background: url(../images/pfeile/2/pfeil_next2.png) top left no-repeat;
	}		



a.mehr		{ 
	text-decoration: none; 
	clear: both;
	float: right;
	width: 85%;
	color: #d47829;
	color: #333;
	font-weight: 500;
	font-size: 100%;
	line-height: 2em;
	padding-right: 22px;
	background: url(../images/pfeile/2/pfeil_next2.png) center right no-repeat;
	padding-top: .3em;
	text-align: right
	
	}
	a:hover.mehr		{ 
		text-decoration: underline; 
		
		}	
		

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	
	}



#balken {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
	position: relative;
	background: #5a4d43; /* Old browsers */
	background: -moz-linear-gradient(top,  #5a4d43 0%, #ad9989 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ad9989), color-stop(100%,#5a4d43)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5a4d43 0%,#ad9989 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5a4d43 0%,#ad9989 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5a4d43 0%,#ad9989 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5a4d43 0%,#ad9989 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a4d43', endColorstr='#ad9989',GradientType=0 ); /* IE6-9 */
	
	box-shadow: 0 0 1.7em #000;
	
	}
	
#logo {
	clear: both;
	background: url(../images/logo_dl_s.png) top center no-repeat;
	max-width:940px;	
	width:auto !important;	
	width:940px;
	height: 150px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	position: relative;
	}


	
#hund {	
	float: right;
	width: 485px;
	height: 370px;
	padding: 0;
	position: relative;
	display: inline;
	margin-top: -250px;
	margin-right: -120px;
	margin-bottom: 0;
	z-index: 1;
	background: url(../images/Hund.png) top right no-repeat;
	}		



#naviwrapper {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 2em 0 1.9em 0;
	text-align: center;
	background: #d47829;
	text-transform: uppercase;
	}
	
#navi {
	clear: both;
	max-width:940px;	
	width:auto !important;	
	width:940px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	text-align: center;
	text-transform: uppercase;
		
	}


	
	#navi ul {
		list-style: none;
		text-decoration: none;
		display: inline;
		margin: 0;
		padding: 0
	}
	
	#navi ul li {
		list-style: none;
		text-decoration: none;
		display: inline;
		margin: 0;
		padding: 0;
		margin-left: .5em;
	}
	#navi ul li.first,
	#navi ul li.first a,
	#navi ul li.first a.active {
		margin-left: 0;
	}
	
	#navi ul li a {
		list-style: none;
		text-decoration: none;
		display: inline;
		margin: 0;
		padding: .2em .7em .2em .7em;
		line-height: 1.2em;
		font-size: 95%;
		font-weight: 400;
		border-radius: .2em;
		background: #e48b3d;
		color: #fff;
		border: 1px solid #e9bd95;
		box-shadow: .1em .2em .4em #844915;
		
	}
	
	#navi ul li a:hover,
	#navi ul li a.active:hover {
		background: #ffe7d2;
		color: #5a4d43;
		color: #000;
		border: 1px solid #ffe7d2;
		font-weight: bold;
		font-weight: 400
	}
	#navi ul li a.active,
	#navi ul li a.active:hover {
		background: #fff;
		color: #5a4d43;
		color: #000;
		border: 1px solid #fff;
		font-weight: bold
	}

	











#subnavi {
	float: left;
	clear: both;
	width:100%;
	padding: 0;
	margin: 0 0 2em 0 ;
	position: relative;
	text-transform: uppercase;
	}
	
	#subnavi ul {
		list-style: none;
		text-decoration: none;
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#subnavi ul li {
		float: left;
		list-style: none;
		text-decoration: none;
		display: inline;
		margin: 0;
		padding: 0;
		margin-left: .5em;
		background: none
	}
	#subnavi ul li.first,
	#subnavi ul li.first a,
	#subnavi ul li.first a.active {
		margin-left: 0;
		padding-left: 0;
		border: none
	}
	
	#subnavi ul li a {
		list-style: none;
		text-decoration: none;
		display: inline;
		margin: 0;
		line-height: 1.2em;
		font-size: 85%;
		font-weight: 300;
		border-radius: .2em;
		color: #666;
		border-left: 1px solid #999;
		background: none;
		padding-left: .7em
		
	}
	
	#subnavi ul li a:hover,
	#subnavi ul li a.active:hover {
		font-size: 400;
		color: #000
	}
	#subnavi ul li a.active,
	#subnavi ul li a.active:hover {
		font-weight: bold;
		color: #000
	}







	



#contentwrapper {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: center;
	position: relative;
	}
	
#content {
	clear: both;
	max-width:940px;	
	width:auto !important;	
	width:940px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

	

#footerwrapper {
	clear: both;
	float: left;
	background: #333;
	font-size: 70%;
	color: #999;
	bottom: 0;
	
	width: 100%;
	margin: 4em auto 0 auto;
	padding: 0;
	text-align: center;
	position: relative
	}
	
#footer {
	clear: both;
	background: #333;
	max-width:940px;	
	width:auto !important;	
	width:940px;
	padding: 2.5em 0 1em 0;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
	
	
	#footer a {
		color: #fff
		}

	
	#footer .copyright {
		font-size: 90%;
		margin: 0;
		color: #888;
		line-height: 7em;
		text-align: center;
		clear: both;
		}

	#footer ul {
		float: left;	
		list-style: none;
		display: inline;
		text-align: center;
		position: relative;
		
		width: 100%;
		margin: .7em 0 0 0;
		padding: 1.2em 0 0 0;
		border-top: 1px solid #666	}

	#footer ul li {
		display: inline;
		list-style: none;
		margin: 0 0 0 .5em;
		padding: 0 0 0 .7em;
		border-left: 1px solid #666 
		}

	#footer ul li a {
		display: inline;
		list-style: none;
		text-decoration: none;
		line-height: 1em;
		font-size: 115%;
		color: #999;
		}

	#footer ul li.first {
			border-left: none;
			margin-left: 0;
			padding-left: 0
			}

	#footer ul li a:hover {
			color: #fff
			}
			
			
				



	


h1 {
	color: #d47829;
	margin: 1em 0 .5em 0;
	padding: 0 0 .3em 0;
	font-size: 280%;
	font-weight: 800;
	line-height: 1.2em;
	}
		
h2 {
	color: #d47829;
	font-weight: bold;
	margin: 1.5em 0 .6em 0;
	font-size: 175%;
	line-height: 1.2em
	}
	
h3 {
	color: #333;
	font-weight: bold;
	margin: 2em 0 .5em 0;
	font-size: 155%;
	line-height: 1.2em
	}
	
	
h4 {
	color: #333;
	font-weight: bold;
	margin: 2em 0 .5em 0;
	font-size: 120%;
	line-height: 1.3em
	}	
	
	
h5 {
	color: #555;
	margin: 1.5em 0 0 0;
	padding: .3em 0;
	font-size: 105%;
	clear: both;
	font-weight: bold;
	line-height: 1.3em;
	}
	

	
	

.abstand_gering 		{ margin-top: 0; padding-top: 0; margin-bottom: .2em }
.abstand_gering_oben	{ margin-top: 0; padding-top: 0 }
.abstand_gering_unten	{ margin-bottom: 0; padding-bottom: 0;  }
.abstand_mittel 		{ margin-top: .5em; margin-bottom: .5em;   }
.abstand_mittel_oben 	{ margin-top: 1em;   }
.abstand_mittel_unten 	{ margin-bottom: .5em; padding-bottom: 0;   }
.abstand_viel			{ padding-top: 1em }
.abstand_viel_unten		{ margin-top: 0; margin-bottom: 1em }
.abstand_viel_oben		{ margin-top: 2em  }


.border 	{ border-top: #b9c4c8 1px solid; margin-top: 3em; padding-top: 1.4em; clear: both  }
h1.border	{ margin-top: 2.5em; padding-top: 2.3em; }
h2.border	{ margin-top: 2.5em; padding-top: 1.5em;  }
h3.border	{ margin-top: 2em; padding-top: 2em;  }
h4.border	{ margin-top: 2em; padding-top: 2em;  }
h5.border	{  }
		
.linie 	{ border-top: #b9c4c8 1px solid; margin-top: 2.3em; margin-bottom: 0em; clear: both  }


.spalte10 	{ width: 5%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte10o 	{ width: 9%;	float: left; 					padding-bottom: .5em }
.spalte15 	{ width: 10%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte15o 	{ width: 14%;	float: left; 					padding-bottom: .5em }
.spalte20 	{ width: 15%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte20o 	{ width: 19%;	float: left; 					padding-bottom: .5em }
.spalte25 	{ width: 20%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte25o 	{ width: 24%;	float: left; 					padding-bottom: .5em }
.spalte30 	{ width: 25%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte30o 	{ width: 29%;	float: left; 					padding-bottom: .5em }
.spalte35 	{ width: 30%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte35o 	{ width: 34%;	float: left; 					padding-bottom: .5em }
.spalte40 	{ width: 35%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte40o 	{ width: 39%;	float: left; 					padding-bottom: .5em }
.spalte45 	{ width: 40%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte50 	{ width: 46%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte50o 	{ width: 46%;	float: left; 					padding-bottom: .5em }
.spalte55 	{ width: 50%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte55o 	{ width: 54%;	float: left; 					padding-bottom: .5em }
.spalte60 	{ width: 55%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte60o 	{ width: 59%;	float: left; 					padding-bottom: .5em }
.spalte65 	{ width: 60%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte70 	{ width: 65%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte70o 	{ width: 69%;	float: left; 					padding-bottom: .5em }
.spalte75 	{ width: 70%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte75o 	{ width: 74%;	float: left; 					padding-bottom: .5em }
.spalte80 	{ width: 75%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte80o 	{ width: 79%;	float: left; 					padding-bottom: .5em }
.spalte90 	{ width: 85%;	float: left; padding-right: 5%; padding-bottom: .5em }
.spalte90o 	{ width: 89%;	float: left; 					padding-bottom: .5em }
.spalte33 	{ width: 32%;	float: left; padding-right: 3%; padding-bottom: .5em }
.spalte33o 	{ width: 29%;	float: left; 					padding-bottom: .5em }
.spalte100 	{ width: 100%;	float: left; 					padding-bottom: .5em }
.spalte100o { width: 100%;	float: left; 					padding-bottom: .5em }


.weight400	{ font-weight: 400 }
.weight700	{ font-weight: 700 }


.txt_xxxs 	{ font-size: 50%; line-height: 1.2em }
.txt_xxs 	{ font-size: 60%; line-height: 1.3em }
.txt_xs 	{ font-size: 80%; line-height: 1.3em }
.txt_s 		{ font-size: 90%; line-height: 1.3em }
.txt_m 		{ font-size: 100% }
.txt_l 		{ font-size: 110%; line-height: 1.3em }
.txt_xl 	{ font-size: 125%; line-height: 1.3em }
.txt_xxl 	{ font-size: 140%; line-height: 1.3em }
.txt_xxxl 	{ font-size: 180%; line-height: 1.3em }


.alignleft		{ text-align: left }
.alignright		{ text-align: right }
.alignmiddle	{ text-align: center }

.rot		{ color: #ab0011 }
.weiss		{ color: #fff }



.clearer	{ clear: both }






/* @group Kontakt / Icons */

.ansprech,
.zimmer,
.instanz,
.status,
.adresse,
.telefon,
.fax,
.email,
.web,
.paragraph,
.zeit,
.bemerkungen,
.links,
.leer  		{
		margin: .4em 0px .4em 0px;
	 	padding: 0 0 0 27px;
		min-height: 24px;
	  	height: auto !important;  /* für moderne Browser */
	  	height: 24px;  /*für den IE */
	  	clear: left;
	  	}


.ansprech	{ background: url(../images/icons/dunkel/ansprech.png) no-repeat top left; }
.adresse	{ background: url(../images/icons/dunkel/adress.png) no-repeat top left; }
.telefon	{ background: url(../images/icons/dunkel/telefon.png) no-repeat top left; }
.fax		{ background: url(../images/icons/dunkel/fax.png) no-repeat top left; }
.email		{ background: url(../images/icons/dunkel/mail2.png) no-repeat top left; }
.web		{ background: url(../images/icons/dunkel/inet.png) no-repeat top left; }
.paragraph	{ background: url(../images/icons/dunkel/paragraph.png) no-repeat top left; }
.zeit		{ background: url(../images/icons/dunkel/zeit.png) no-repeat top left; }
.links		{ background: url(../images/icons/dunkel/inet.png) no-repeat top left; }



.ansprech a,
.zimmer a,
.instanz a,
.status a,
.adresse a,
.telefon a,
.fax a,
.email a,
.web a,
.paragraph a,
.zeit a,
.bemerkungen a,
.links a,
.leer a  		{
		color: #55666e;
		text-decoration: none
		}
.ansprech a:hover,
.zimmer a:hover,
.instanz a:hover,
.status a:hover,
.adresse a:hover,
.telefon a:hover,
.fax a:hover,
.email a:hover,
.web a:hover,
.paragraph a:hover,
.zeit a:hover,
.bemerkungen a:hover,
.links a:hover,
.leer a:hover  		{
		color: #ab0011;
		text-decoration: underline
		}
		



/* @group Kontakt / Icons */

#footer .ansprech,
#footer .zimmer,
#footer .instanz,
#footer .status,
#footer .adresse,
#footer .telefon,
#footer .fax,
#footer .email,
#footer .web,
#footer .paragraph,
#footer .zeit,
#footer .bemerkungen,
#footer .links,
#footer .leer  		{
		margin: 0 3.5em .5em 0;
	 	clear: none;
	  	color: #fff;
	  	float: left;
	  	width: auto;
	  	font-size: 140%;
	  	text-align: left;
	  	line-height: 1.2em;
	  	position: relative
	  	}


#footer .ansprech	{ background: url(../images/icons/weiss/ansprech.png) no-repeat top left; }
#footer .adresse	{ background: url(../images/icons/weiss/adress.png) no-repeat top left; }
#footer .telefon	{ background: url(../images/icons/weiss/telefon.png) no-repeat top left; }
#footer .fax		{ background: url(../images/icons/weiss/fax.png) no-repeat top left; }
#footer .email		{ background: url(../images/icons/weiss/mail2.png) no-repeat top left; }
#footer .web		{ background: url(../images/icons/weiss/inet.png) no-repeat top left; }
#footer .paragraph	{ background: url(../images/icons/weiss/paragraph.png) no-repeat top left; }
#footer .zeit		{ background: url(../images/icons/weiss/zeit.png) no-repeat top left; }
#footer .links		{ background: url(../images/icons/weiss/inet.png) no-repeat top left; }






.min_height_50	{ min-height:50px;	height:auto !important;	height:50px; }
.min_height_75	{ min-height:75px;	height:auto !important;	height:75px; }
.min_height_100	{ min-height:100px; height:auto !important; height:100px; }
.min_height_110	{ min-height:110px; height:auto !important; height:110px; }
.min_height_125	{ min-height:125px; height:auto !important; height:125px; }
.min_height_150	{ min-height:150px;	height:auto !important;	height:150px; }
.min_height_175	{ min-height:175px;	height:auto !important;	height:175px; }
.min_height_190	{ min-height:190px;	height:auto !important;	height:190px; }
.min_height_200	{ min-height:200px;	height:auto !important;	height:200px; }
.min_height_250	{ min-height:250px;	height:auto !important;	height:250px; }
.min_height_300	{ min-height:300px;	height:auto !important;	height:300px; }
.min_height_350	{ min-height:350px;	height:auto !important;	height:350px; }
.min_height_400	{ min-height:400px;	height:auto !important;	height:400px; }
.min_height_450	{ min-height:450px;	height:auto !important;	height:450px; }
.min_height_500	{ min-height:500px;	height:auto !important;	height:500px; }
.min_height_550	{ min-height:550px;	height:auto !important;	height:550px; }
.min_height_600	{ min-height:600px;	height:auto !important;	height:600px; }
.min_height_700	{ min-height:700px;	height:auto !important;	height:700px; }
.min_height_800	{ min-height:800px;	height:auto !important;	height:800px; }
.min_height_900	{ min-height:900px;	height:auto !important;	height:900px; }



a img { border: 0; text-decoration: none }


.bild,
img.bild 				{ margin: 0 0 4px; 								border: none }

.bildlinks,
img.bildlinks 			{ margin: .6em 1em .6em 0px;	float: left; 	border: none }

.bildrechts,
img.bildrechts 			{ margin: .6em 0px .6em 1em;	float: right; 	border: none }

.bildrahmen,
img.bildrahmen  		{ margin: 0px 0px 4px 0px;  	float: left;	padding: 3px;	border: 1px solid #ccc }

.bildrahmenlinks,
img.bildrahmenlinks  	{ margin: 3px 12px 3px 0px;		float: left; 	padding: 3px;	border: 1px solid #ccc }

.bildrahmenrechts,
img.bildrahmenrechts  	{ margin: 3px 0px 5px 12px;		float: right;	padding: 3px;	border: 1px solid #ccc }

.bildrahmenmitte,
img.bildrahmenmitte  	{ margin: 0px 0px 1.5em 0px;		float: left;	padding: 3px;	border: 1px solid #ccc }

img.bildkurzlinks 	 	{ margin: 3px 7px 3px 0;		float: left;	padding: 3px;	border: 1px solid #ccc }
img.bildkurzrechts  	{ margin: 3px 0 3px 7px;		float: right; 	padding: 3px;	border: 1px solid #ccc }



.bildrahmenlinks-nb,
.bildrahmenrechts-nb,
.bildrahmenmitte-nb,
img.bildrahmenlinks-nb,
img.bildrahmenrechts-nb,
img.bildrahmenmitte-nb,
a img.bildrahmenlinks-nb,
a img.bildrahmenrechts-nb,
a img.bildrahmenmitte-nb,
.bildlinks-nb,
.bildrechts-nb,
img.bildlinks-nb,
img.bildrechts-nb,
a img.bildlinks-nb,
a img.bildrechts-nb {
	border: solid 1px #fff;
}



.text_left 		{ text-align: left;  }
.text_right 	{ text-align: right }
.left 			{ float: left;  }
.right 			{ float: right }
.middle			{ text-align: center }
.bold			{ font-weight: bold; }
.normal			{ font-weight: normal; font-weight: 300}
.lowercase		{ text-transform: none;  }


.kontakt_right {
	float: right;
	clear: none;
	margin-top: 1em;
	width: 34%
}

.rot  		{color: #ab0011 }
.hellrot  	{color: #ce5e69 }
.schwarz  	{color: #000 }
.weiss  	{color: #fff }
.grau 		{color: #b9c4c8; color: #aaa }
.dunkelgrau	{color: #55666e }
.hausfarbe 	{color: #d47829 }




.spalte_links { 
	float: left; 
	width: 40%;
	}

.spalte_rechts { 
	float: left; 
	width: 60%;
	}	
	
iframe { 
	float: right; 
	width: 100%; 
	clear: none}
	
	
	
	
	
.zeile,
.zeile.linie {
	width: 99%;
	float: left;
	position: relative;
	padding: .4em .3em;
	margin: 0
	}

	.zeile.linie 		{
		border-bottom: 1px solid #ddd;
		padding-bottom: .1em;
		padding: 1.8em .3em 1em .3em
		}

.zeile.linie h1,
.zeile.linie h2,
.zeile.linie h3,
.zeile.linie h4,
.zeile.linie h5		{
		margin-top: 0
		}
	
/* @group Formularelemente */
.formwrapper {
	width: 60%;
	margin: 0 5% 0 0;
	padding: 0;
	float: left;
	clear: none;
	display: inline;
	position: relative;
	margin-top: 0
}

.pflicht { color: #ff0000 }

input {
	padding: 3px;
}


.form_zeile {
	width: 100%;
	float: left;
	clear: both
}

.form_sp1,
.form_sp100 {
	font-size: 85%;
	padding-right: 0;
	margin: 0 5% 1em 0;
	float: left;
	width: 45%;
	line-height: 1.3em;
}
.form_sp100 {
	width: 95%;
	margin-right: 0
}


.form10, 
.form20, 
.form50, 
.form80, 
.form90, 
.form100 {
	color: #000;
	background: #eee;
	margin: 0 0 .2em 0;
 	border: 1px solid #ccc;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 100%;
    width: 100%;
}

.form50 {
	width:45%;
	margin-right: 5%
}



.absenden {
	clear: both;
	float: left;
	font-size: 105%;
	margin-top: .8em
}




.form_error {
	color: #f00;
	font-size: 85%;
    border: 1px solid #ffa9a9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding: 0 .4em;
	margin: 1em 0 .3em 0;
	width: 99%;
	clear: left;
	float: left;
	position: relative;
	background: #ffefef
}



.form_clear {
	clear: both;
}





/* @end */


/* @group Label */

/* Label steht über dem Input-Element */
label {
	margin-bottom: 0
}


label.oben {
	display:block;
	font-size: 90%;
	margin-top: .3em
}


/* Label steht über dem Datums-Element */
.oben {
	display:block;
	margin-top: 4px;
	font-size: 90%;
}


/* Label steht hinter dem Input-Element */
label.hinten {
	display:inline-block;
	margin-left:5px;
	margin-top: 10px;
	margin-right: 20px;
}

/* Label steht hinter dem Input-Element */
label.hinten_02 {
	display:inline-block;
	margin-left:5px;
	margin-top: 2px;
}

/* Label steht hinter dem Input-Element */
label.hinten_rot {
	display:inline-block;
	margin-top: 3px;
	padding: 3px;
	margin-left: 3px;
	background: #f00;
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	padding: .2em .4em
}

.box_loeschen {
	float: left;
	background: #ff0000;
	margin-bottom: 1.5em;
	margin-top: 7px;
	padding: 3px;
}

	.box_loeschen .hinten { display: inline }

/* @end */


/* Slider */
.slide {
	z-index: 1;
}












/* RESPONSIVE DESIGN --- 950xxxxx
--------------------------------------------- */

@media screen and (max-width: 950px) {

		
	
	#content {
		width:100%;
		padding: 0 5% .5em 5%;
		}		
			
	#footerwrapper {
		width: 90%;
		padding: 0 5% .5em 5%;
		font-size: 75%
		}	
	#footer {
		width: 100%
		}	
		
		#footer .ansprech,
		#footer .zimmer,
		#footer .instanz,
		#footer .status,
		#footer .adresse,
		#footer .telefon,
		#footer .fax,
		#footer .email,
		#footer .web,
		#footer .paragraph,
		#footer .zeit,
		#footer .bemerkungen,
		#footer .links,
		#footer .leer  		{
			font-size: 145%
		  	}
		  	
		  	
		
		
	h1 { font-size: 230% }			
	h2 { font-size: 140%; }
	h3 { font-size: 125%; }
	h4 { font-size: 115%; }
	h5 { font-size: 105%; }			

		
		
}




/* RESPONSIVE DESIGN --- 750xxxxx
--------------------------------------------- */

@media screen and (max-width: 750px) {

	
	#logo {
	background: url(../images/logo_dl_xs.png) top center no-repeat;
	height: 100px;
	
	}
	
	a.pagetop_fuss {
		clear: both;
		position: fixed;
		display: block;
		float: right;
		padding: .8em;
		line-height: 1.2em;
		margin: 0;
		bottom: 3%;
		right: 0;
		background: #700033;
		background: #888;
		color: #fff;
		box-shadow: -.1em .1em .4em #000;
		z-index: 1
		
	}
	a:hover.pagetop_fuss {
		text-decoration: none;
		color: #fff;
		background: #d47829
	}
	
	  	
		
	#hund {	
		margin-top: -250px;
		margin-right: -160px;
		}	
	
	
	
				

		
		
}



/* RESPONSIVE DESIGN --- 700xxxxx
--------------------------------------------- */

@media screen and (max-width: 700px) {
	
	body {
		font-size: 80%;
		}
		
		
	#naviwrapper { 
		padding: 1em 0 .9em 0;
		margin-bottom: 1.3em;
		}
			
	#navi ul li a {
		font-size: 75%;
		line-height: 2.3em
			}	
		
}




/* RESPONSIVE DESIGN --- 500xxxxx
--------------------------------------------- */

@media screen and (max-width: 500px) {
	
	body {
		font-size: 100%;
		} 
		
	
		
	#naviwrapper { 
		}

	#navi ul li { 
		margin-left: .2em;
		}	
		
	#navi ul li a {
		padding: .1em .5em;
		font-size: 85%;
		line-height: 2.3em
			}
		
	#navi ul li.first a,
	#navi ul li.first a.active {
		margin-left: 5%;
	}
		
		
		
	#subnavi ul li a {
		font-size: 70%;
	}
		
	#contentwrapper {
		margin-top: 0
		}	
	
			
	#footer .ansprech,
	#footer .zimmer,
	#footer .instanz,
	#footer .status,
	#footer .adresse,
	#footer .telefon,
	#footer .fax,
	#footer .email,
	#footer .web,
	#footer .paragraph,
	#footer .zeit,
	#footer .bemerkungen,
	#footer .links,
	#footer .leer  		{
		clear: both
	  	}	



	
.spalte_links,
.spalte_rechts { 
	float: left; 
	width: 100%;
	clear: both;
	margin-bottom: 2em
	}






.min_height_50,
.min_height_75,
.min_height_100,
.min_height_110,
.min_height_125,
.min_height_150,
.min_height_175,
.min_height_190,
.min_height_200,
.min_height_250,
.min_height_300,
.min_height_350,
.min_height_400,
.min_height_450,
.min_height_500,
.min_height_550,
.min_height_600,
.min_height_700,
.min_height_800,
.min_height_900	{ 
	min-height: auto;
	height: auto;
	
	}
	
.formwrapper {
	width: 97%;
	clear: both;
}


.kontakt_right {
	float: left;
	width: 100%;
	clear: both;
}

#content ul {
	clear: both
	}
	
h1 { 
	clear: both;
	margin-bottom: .2em;
	font-size: 200% }
	
	
	
	
.spalte30,
.spalte30o,
.spalte35,
.spalte35o,
.spalte40,
.spalte40o,
.spalte45,
.spalte50,
.spalte50o,
.spalte55,
.spalte55o,
.spalte60,
.spalte60o,
.spalte65,
.spalte70,
.spalte70o,
.spalte75,
.spalte75o,
.spalte80,
.spalte80o,
.spalte90,
.spalte90o,
.spalte33,
.spalte33o 	{ 
	width: 100%;
	clear: both
	}

	
}