body {
	margin : 20px;
	padding : 0;
	font-size: 90%;
	font-family: 'Open Sans', sans-serif, arial;
	color : #333333;
	background-repeat: repeat;
	background-image: url(../images/hg_kleintierpraxis.jpg);
	background-color: #f1f1ea;
	font-style: normal;
}
p {
	margin-top: 0;
	margin-bottom: 5px;
	}
#sidebar-b h2 {
	background-color: #efefec;
	margin-left: 0px;
	padding-left: 7px;
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 1px;
}
#container {
	width : 1000px;
	margin-left : auto;
	margin-right : auto;
	padding : 0;
	color : #666;
	background-color: #FFFFFF;
	border-radius: 20px;
}
#footernav {
	width: 220px;
	height: 20px;
	margin-bottom: 12px;
	margin-right: 18px;
	margin-top: 1px;
	padding-left: 810px;
	padding-top: 130px;
}
			/*TOP BANNERs*/
#logo {
	float : left;
	width : 190px;
	height : 193px;
	padding : 0;
	color : #666;
	margin-left: 50px;
	position: absolute;
	margin-top: -450px;
}
#banner {
	float : left;
	width : 570px;
	padding : 0;
	color : #666;
	background : inherit;
	margin-top: 66px;
	margin-left: 264px;
	height: 40px;
	font-weight: bold;
	letter-spacing: 1px;
}


#bannerb {
	background: #ffffff none repeat scroll 0 0;
	color: #666;
	float: right;
	margin: 40px 10px 30px 10px;
	padding: 0;
	width: 100px;
	height:80px;
}
		
		/*headbild*/
#headbild {
	clear : both;
	width : 100%;
	padding-left: 15px;
}
			/*TOP MENU*/
/*#navcontainer {
clear : both;
width : 100%;
}
#navcontainer ul {
	float : left;
	width : 100%;
	padding-left : 0;
	margin-left : 0;
	color : #fff;
}
#navcontainer ul li {
	display : inline;
}
#navcontainer ul li a {
	float : left;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 11.2em;
	text-decoration : none;
	border-right : 1px solid #fff;
	background : #036;
	color : #fff;
	padding-top: 5.2em;
}
#navcontainer ul li a:hover {
background : #a1aac9;
color : #fff;
}
#active a:link, #active a:visited, #active a:hover {
background : #a1aac9;
color : #fff;
}*/


/*LINK ZUR RINDERPRAXIS*/
.rinderpraxis
{
width: 68px;
height: 80px;
display: block;
margin: 0 auto;
}

.imagerinderpraxis {
background:url(../images/zur_rinderpraxis.png)no-repeat;
}

.rinderpraxis:hover {
background:url(../images/zur_rinderpraxis.png);
background-position: 0 -82px;
} 

/*LINK ZUR RINDERPRAXIS2*/

.teaserbox_dairy-vet {
	top: 70px;
	position: relative;
	left: 5px;
	width: 200px;
	height: 61px;

	display: block;
	  border-bottom: 1px solid #bdbaba;
    border-top: 1px solid #bdbaba;
}
.teaser_dairy-vet {
	position: relative;
	left: 5px;
	width: 200px;
	height: 61px;
	background:url(../images/bt_dairy-vet_normal.png)no-repeat;
	background-repeat: no-repeat;
	display: block;
}
.imagesteaser_dairy-vet {
	background:url(../images/bt_dairy-vet_normal.png)no-repeat;
}
.teaser_dairy-vet:hover   {
	background:url(../images/bt_dairy-vet_hilite.gif);
	background-position: 0 -61px;
}







			/*CENTRE CONTENT*/
#content {
	padding : 10px;
	margin-left : 230px;
	margin-right : 240px;
	margin-top: 40px;
	background : inherit;
	color : #333;
}
#content h2  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	letter-spacing : 0px;
	font-size : 110%;
	color : #333333;
	background : inherit;
	font-family:'Open Sans', sans-serif, arial;
	font-style: normal;
	font-weight: bold;
	border-bottom: solid #999999 1px;
}
			/*LEFT CONTENT*/
#sidebar {
	float : left;
	width : 220px;
	margin : 0 0 0 0;
	margin-top: 60px;
	padding : 10px;
	color : #333;
	background : #fffffff;
}
			/*LEFT MENU*/
#menu {
	width : 200px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.1em;
	border-bottom: thin solid #cccccc;
}
#menu a:link {
	display : block;
	width : 140px;
	padding-top: 0.8em;
	padding-right: 0.5em;
	padding-left: 1.2em;
	padding-bottom: 0.7em;
	text-decoration : none;
	
	border-bottom-color: #BDBABA;
}

.navbar-nav a {
	
color : #666666;
}
.navbar-nav a:visited {
	
color : #333333;
}

.navbar-nav > .active > a {
	
color : #84BB01;
}
/*
#menu a:visited {

color : #666666;
}*/

#menu a:hover {

color : #84BB01;
}
/*#menu a:focus {

color : #84BB01;
}

*/

/**/

			/*RIGHT CONTENT*/
#sidebar-b {
	float : right;
	width : 210px;
	margin-top: 70px;
	padding : 10px;
	background : #ffffff;
	color : #333;
}
#sidebar-b p {
	line-height: 20px;
	margin-bottom: 5px;
	margin-left: 7px;
}
#sidebar-b table {
	margin-left: 7px;
	font-size: 90%;
}

			/*RIGHT SCROLLBAR*/
div.scroll {
overflow : auto;
height : 15em;
width : 140px;
padding : 1ex;
color : #333;
background : #f2f2f5;
border : 1px solid #eee;
margin : 20px 0 25px 10px;
}
			/*FOOTER*/
#footer {
	clear : both;
	background-image: url(../images/footer.jpg);
	width: 1000px;
	height: 156px;
	font-size: 90%;
}
#footer a:link, #footer a:visited {
	background : inherit;
	color : #333333;
	text-decoration : none;
}
#footer a:hover {
	background : inherit;
	color : #ffffff;
}
/*TYPOGRAPHY*/



h1  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	font-size : 210%;
	color : #84bb01;
	font-family: "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", Baskerville, serif;
	font-style: normal;
	font-weight: normal;
}
.notiz {
	color: #999;
	text-align: right;
}

h2  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	font-size : 120%;
	color : #84bb01;
	background : inherit;
	font-family: 'Open Sans', sans-serif, arial;
	font-style: normal;
	font-weight: 300;
}
h3 {
	font-size : 100%;
	color : #84bb01;
	background : inherit;
	font-family: 'Open Sans', sans-serif, arial;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 0px;
}
			/*LINKS*/
a {
	color : #6181ca;
	text-decoration : none;
	background : inherit;
}
a:hover {
color : #272727;
background : inherit;
}
			/*CLASSES*/
.news {
font-size : 100%;
background : inherit;
color : #333;
}
.sitename {
	font-size : 2.2em;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	color : #333333;
	background : inherit;
	margin-bottom: -10px;
	letter-spacing: 4px;
	font-family: 'Open Sans', sans-serif, arial;
	font-weight: 300;
	
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
h2 {
}












#sidebar p  {
	margin-left: 5px;
}
.box {
	width: 33%;
	height: 170px;
	position: relative;
	float: left;
	margin-bottom: 0px;
	font-size: 90%;
}
.box-team {
	width: 33%;
	height: 220px;
	position: relative;
	float: left;
	margin-bottom: 0px;
	font-size: 90%;
}
#container #content ul li {
	list-style-type: disc;
	list-style-image: url(../images/bt_liste.gif);
	list-style-position: outside;
}
/**
 * 	CSS3 Only Horizontal and Vertical Accordion
 * 	Author: Paul Underwood for Hongkiat.com
 *  Website: www.paulund.co.uk
 *  Date: 27/11/11
 *  Version: 1.0
 

 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
*/
/*Define Accordion box*/
.accordion { overflow:hidden; margin:0px auto; color:#474747; padding:0px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FFF; padding:0px;}
.accordion section:target:hover { background:#FFF; }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color:#000; padding:0;}
.accordion section:target p {display:block;}
/*.accordion section h2 a{padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none; }*/
.accordion section h3 a {
   /* color: #000;*/
    display: block;
   /* font-size: 16px;
    font-weight: normal;
     text-decoration: none;*/
    	background: #f9f8f6 url(../images/pfeil_re.png);
       background-repeat: no-repeat;
	background-position: 4px center;
    /**/border-top: 1px solid #bdbaba;
	border-bottom: 1px solid #bdbaba;
    color: #333333;
    font-family: 'Open Sans', sans-serif, arial;
   /* font-size: 105%;*/
    font-style: normal;
    font-weight: bold;
    margin-bottom: 10px;
   padding-left: 40px;
    margin-top: 0;
	line-height: 40px;
}
/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; margin:0px; }
/*.accordion section:hover {color:#0000ff;}*/

.accordion section h3 a:hover {
   /* color: #000; */
    display: block;
   /* font-size: 16px;
    font-weight: normal;
    text-decoration: none;*/
     /* background-image: url(../images/pfeil_unten.png);
	background-repeat: no-repeat;
	background-position: 4px center; */
	color: #84BB01;
	
}
.accordion section h3 a:active {
   /* color: #000;*/
    display: block;
   /* font-size: 16px;
    font-weight: normal;
   
    text-decoration: none;*/
    background-image: url(../images/pfeil_unten.png);
	background-repeat: no-repeat;
	background-position: 4px center;
}

.accordion section p { 
display:none; 
margin: 0 0 15px 40px;
}
.accordion section:after{position:relative;font-size:10px;color:#000;font-weight:bold;}
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}
.accordion section:nth-child(5):after{content:'5';}
.accordion section:nth-child(6):after{content:'6';}
/*End General Accordion****************************************************************************/

/*Horizontal Accordion *********************************************************************/
.horizontal section{ width:5%; height:250px; 
	-moz-transition:width 0.2s ease-out; 
	-webkit-transition:width 0.2s ease-out;
  	-o-transition:width 0.2s ease-out;
	-ms-transition:width 0.2s ease-out;
  	transition:width 0.2s ease-out;
}

/*Position the number of the slide*/
.horizontal section:after{top:140px;left:15px;}

/*Header of closed slide*/
.horizontal section h2 { 
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width:240px; position:relative; left:-100px; top:85px;
} 

/*On mouse over open slide*/
.horizontal :target{ width:73%;height:230px; }
.horizontal :target h2{ top:0px;left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg); 

}
/*End Horizontal Accordion *********************************************************************/

/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:40px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:auto; width:100%; }

.vertical section h2 { position:relative; left:0; top:0px; }

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}
.anzeigentext {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 220%;
	font-weight: normal;
	text-align: center;
	color: #3b6cb7;
}

.anzeigentextklein {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	color: #3b6cb7;
	line-height: 1.3em;
	margin-top: 10px;
}
.anzeigentext-grau {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 220%;
	font-weight: normal;
	text-align: center;
	color: #949183;
}
.anzeigentextkl-grau {
	font-family: 'Open Sans', sans-serif, arial;
	font-size: 140%;
	font-weight: normal;
	text-align: center;
	color: #949183;
	line-height: 1.3em;
	margin-top: 10px;
}
.anzeigentextkl2-grau {
	font-family:'Open Sans', sans-serif, arial;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	color: #949183;
	line-height: 1.3em;
	margin-top: 10px;
}
