@charset "utf-8";
* {
	margin:0;
	padding:0;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	border:0;
	font-family: Verdana, Geneva, sans-serif;
	list-style-type:none;
	font-size:12pt;
	font-size:100%;
	-webkit-text-size-adjust: 200% ;
}
a{color:/*#03b2d1*/ #7c03d1; text-decoration:underline;}

.clear{clear:both;}
.huge{ font-size:1.6em;}
.big{ font-size:1.3em;}
.small{ font-size:1em;}
.tiny{ font-size:0.9em;}
p{

	font-size:0.9em;
	margin-bottom:10px;
	
}
h1{
	font-size:1.2em;
	color:#90d103;
}
#head hr{
	margin-bottom:30px;

}
hr{
	display:block;
	height:1px;
	background:#CCC;
	margin-top:20px;
	margin-bottom:20px;
}
strong{font-weight:bold;}
.quotes{
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	color:#90d103;
	}
.author{
	font-family:"Times New Roman", Times, serif;
	font-size:0.9em;
	color:#90d103;
	}
blockquote{
	color:#666;
	font-size:1.3em;
	margin:15px 0;
	letter-spacing:1px;
	margin-left:20px;}

#wrapper{
	width:960px;

	min-height:800px;
	margin:0 auto;
	}
#head{  position:relative; background:url(img/Logo_Tierklinik_Zeissler.png) top left no-repeat white; position:relative; min-height:180px;}

#head #search{ 
	display:block; 
	float:right;
	margin-top:60px;
	width:201px;
	height:30px;}

#navi{
	float:right;
	width:100%;
	height:20px;
	margin-top:100px;
}

	#navi li {
		display:block;

		width:18%;
		float:left;
		text-align:center;
	
	}

	#navi #nav_ausbildung {
		display:block;

		width:190px;

	
	}
	#navi li a{		
		font-size:.9em;
		color:black;
		}
	#navi li a:hover{		
		color:#90d103;
		}	
		
	#navi #last_nav{ 
		border:none !important ;
		text-align:right !important;
		width:60px !important;
	}


#search_input{
	background:url(img/search_input.png) ;
	font-style:italic;
	height:26px;
	width:153px;
	padding-left:15px;
	color:#aaa;
	margin:0 !important;
	color:#aaa;
	margin-bottom:0px !important;
	margin-top:0px !important;

	}
#search_button{
	background:url(img/search_button.png) ;
	font-style:italic;
	height:26px;
	width:27px;
	}
	

#content{
	padding:10px;
	background:white;
}


#left{
	width:740px;
	float:left;
}
#right{
	width:200px;
	float:right;
	
	
}
#left_row{width:350px; float:left;  }
#right_row{width:340px; float:left; margin-left:23px;}


.rightbox{
	margin-left:20px;
	margin-bottom:30px;
	width:168px;
	color:#535353;
	
	
}
#notdienst{text-align:center;}
.rightbox img{
	margin:0 auto;
	text-align:center;

	
}
.leftbox, .rightbox p{
	font-size:0.8em;
	
	
}
.rightbox h1{
	
	margin-bottom:20px;
	font-size:.9em;
	color:#90d103;
	font-weight:bold;
	text-align:left !important;
	
	
}
#ueberweisung h1{ font-size:.8em !important;}


#footer{
	position:relative;
	height:245px;
	background:url(img/footer.png);
	padding-top:30px;
	
	}
#footnav{
	display:block;
	margin-left:5%;
	border-right:1px solid #1c1c1c;
	width:22%;
	height:150px;
	float:left;
	padding:0;

	

}
	
	#footnav a{
		color:#90d103;
		font-size:0.9em;
		margin-left:10px;

	}
	#footnav a:hover{
		color:#F4F4F4;
		font-size:0.9em;
		margin-left:10px;

	}
	#footnav li{
		display:block;
		color: white;
		height:25px;
		margin:0px;
		

	}
	#footnav li:hover{
		color:#90d103;
		

	}
	
#tagcloud{
	float:left;
	width:28%;
	padding:0 3%;
	height:150px;
	border-right:1px solid #1c1c1c;
	border-left:1px solid #4d4d4d;
	color:#F4F4F4;
}
#contact{	
	float:left;
	padding:0 20px;
	height:150px;
	width:290px;
	border-left:1px solid #4d4d4d;
	color:#F4F4F4;
	font-size:0.9em;
}
#contact img{	
	float:left;
	margin-right:10px;
	margin-bottom:10px;

}
#contact p a{	color:#90d103; text-decoration:none;}
#contact p{
	height:26px;
	float:left;
	margin-bottom:10px;
	padding-top:5px;
	color:#90d103;}
	
	#footer hr{
		height:1px;
		width:90%;
		border-bottom: 1px solid #424242;
		background:#000000;
		margin:10px auto;
	}
	
	#footer address{
		display:block;
		height:19px;
		background:url(img/logo_s.png) top left no-repeat; 
		width:90%;
		margin:0 auto;
		font-size:0.9em;
		color:#F4F4F4;
		padding-top:35px;
		padding-left:30px;
		position:absolute;
		bottom: 20px;
		left:40px
		
	}
	.maincolor{ color:#90d103;}
	


#name, #tel, textarea{	
	background:url(img/small_input_bg.png) ;
	font-style:italic;
	height:24px;
	width:153px;
	padding-left:15px;
	color:#aaa;
	margin-bottom:15px;
	margin-top:5px;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
	border:1px solid #CCC;
}
textarea{	
	background: #f2f2f2 top repeat-x url(img/textarea_bg.png);
	font-style:italic;
	height:124px;
	width:154px;
	padding-left:10px;
	padding-top:10px;
	color:#aaa;
	margin-bottom:5px;
	margin-top:5px;
}
label{color:/*#03b2d1*/ #7c03d1; font-size:.9em;}
#sbutton{
	background:url(img/button.png) ;
	color:#222;
	width:167px; 
	padding:0px;
	font-style:normal; 
	cursor:pointer;
	height:24px;
	border: 1px solid #95d30f;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari, Chrome */
	-khtml-border-radius:5px; /* Konqueror */
	border-radius:5px; /* CSS3 */
	}
#sprechzeiten  p{ font-size:0.8em; margin-bottom:8px;}
#sprechzeiten  {  margin-bottom:30px;}
#leistungen ul{
	
	margin:15px 0;
	margin-left:5px;
}
#leistungsbox ul li{

	width:150px;
	height:24px;
	list-style-position:outside;
	display:block;
	background:url(img/li.png) left center no-repeat;
	padding-left:30px;
	padding-top:4px;
	border-bottom:1px solid #e6e6e6;

	
}
#leistungsbox ul li a{
	font-size:0.7em;
	
}
.news_item{
	margin-top:20px;

	color:#535353;
	
	
}
	.news_item h2{
		font-size:0.9em;
		font-weight:bold;
		color:#535353;}
	.news_item p{
		margin-bottom:15px;
		font-size:0.9em;
	}
	
.contentimg{padding:10px;
	background:#F7F7F7;
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
	border:1px solid #CCC;
	float:left;
	margin-bottom:10px;
	}
	
	
.contentimg_big{float:right; margin-right:15px; margin-left:15px;


padding:10px;
	background:#F7F7F7;
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari, Chrome */
	-khtml-border-radius:10px; /* Konqueror */
	border-radius:10px; /* CSS3 */
	border:1px solid #CCC;}
	
	#formular{ text-align:center;}
	#ueberweisung{text-align:center;}
	#ueberweisung small{font-size:.8em;}
	
		@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px) and (max-width: 1000px) and (orientation: portrait),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px) and (max-width: 1000px) and (orientation: portrait),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px) and (max-width: 1000px) and (orientation: portrait),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px) and (max-width: 1000px) and (orientation: portrait),
only screen and (                min-resolution: 192dpi) and (min-width: 320px) and (max-width: 1000px) and (orientation: portrait),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) and (max-width: 1000px) and (orientation: portrait) { 

  /* Small screen, retina, stuff to override above media query */
  
#navi{
	float:right;
	width:100%;
	height:70px;
	margin-top:70px;
}

	#navi li a{		
		font-size:0.6em;
		color:black;
		}
		#sprechzeiten  p{ font-size:0.5em; margin-bottom:8px;}
#about{
	height:auto;}
	
	#tagcloud{
	float:left;
	width:0;
	padding:0%;
	height:150px;
	border-right:none;
	border-left:none;
	color:#F4F4F4;
	visibility:hidden;
	
	
}
	#contact{	
	float:left;
	padding:0 20px;
	height:150px;
	width:44%;
	border-left:1px solid #4d4d4d;
	color:#F4F4F4;
	font-size:0.9em;
	
}
#footnav{
	display:block;
	margin-left:5%;
	border-right:1px solid #1c1c1c;
	width:44%;
	height:150px;
	float:left;
	padding:0;
	
	}
	li{ height:auto !important;}
	
	#sbutton{
		background: #90d103 !important;
	height:48px;

	}
}