body{
	background-color: #f4f4f4;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:1.6em;
	margin: 0; 
}

.container{
	width: 80%;
	margin: auto;
	overflow: hidden;
}


.button {
	background-color: #333;
	color: #fff;
	padding:10px 15px;
	border: none;
}


.button: hover{
	background-color: red;
	color: #fff;
}


#main-header{
	background-color: #fff;
	background-image: url('../images/gemmquadlogo.png');
	background-repeat: no-repeat; 
	background-position: top right;
	background-size: 12% auto;
	height: 100px;
	margin-bottom: 10px;
	text-align: left; 
	color:rgb(7, 82, 154);
}

#navbar {
	background-color: rgb(7, 82, 154);
	color: #fff;
}

#navbar ul{
	padding: 0;
	list-style: none;
}

#navbar li{
	display: inline;
}

#navbar a{
	color:#fff;
	text-decoration: none;
	font-size: 18px;
	padding-right: 15px;
}


#showcase h1{
	color: #333;
	font-size: 50px;
	line-height: 1.6em;
	padding-top: 30px; 
}


#main{
	float: left;
	width: 100%;
	padding:0 30px;
	box-sizing: border-box;
}

.block{
	float: left;
	width: 33.3%;
	border: 0px solid #ccc;
	padding: 30px;
	box-sizing: border-box;
}

#main-block{
	float: left;
	width: 70%;	
	box-sizing: border-box;
}	


#sidebar{
	float:left;
	text-align: center;
	width: 100%;
	background: #fff;
	color: #333;
	padding: 10px;
	box-sizing: border-box;
}

div {
    text-align: justify;
    text-justify: inter-word;
}


.center {
	text-align: center;
}

/* Pagination links */
.pagination a {
    color: black;
    float: center;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
    background-color: rgb(232, 148, 59);
    color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}

.cssPagination .pages > .page:target ~ .page:last-child,
.cssPagination .pages > .page {display: none;}
.cssPagination .pages > :last-child,
.cssPagination .pages > .page:target {display: block;}

/*#p1 {color:white; background-color:rgb(232, 148, 59)}boku
#p2 {color:white; background-color:rgb(161, 28, 55)} vetmed
#p3 {color:white; background-color:rgb(7, 82, 154)}bonn*/


#animals {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 80%;
}

#animals td, #animals th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#animals tr:nth-child(even){background-color: #f2f2f2;}

#animals tr:hover {background-color: rgb(232, 148, 59);}

#animals th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: rgb(161, 28, 55);
    color: white;
}


#main-footer{
	background: rgb(7, 82, 154);
	color: #fff;
	font-weight: bold; 
	text-align: center; 
	padding: 20px; 
	margin-top: 40px;
}