@imp url('styles/layout.css');
body {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	color: #000;
	background-color: #336633;
}
#container {
	width: 980px;
	margin: 0 auto;
	background-color: #ffffcc;
}
#masthead {
	text-align: right;
	width: 980px;
	overflow: auto;
	background-color: #ffffcc;
}
#sidebar {
	border-top:1px solid #336633;
	float: left;
	width: 154px;
	background-color: #ffffcc;
	position: relative;
	clear: both;
	display: inline;
}
#content {
	float: left;
	width: 796px;
	height:700px;
	padding: 15px;
	overflow:scroll;
	background-color: #ffffff;
	margin: 0px;
	position: relative;
}

/* Bildgröße & Position*/
#content img {
	display: block;
	float: left;
	top: 5px;
	left: 2px;
	text-align: center;
}
#footer {
	clear: both;
	width: 826px;
	position:relative;
	left: 154px;
	background-color: #ffffcc;
	padding: 0;
	overflow: auto;
	margin-top: 0px;
}
#masthead img {
	float: left;
}
#masthead p {
	text-align: right;
	margin: 0;
	margin-top: 5px;
	margin-right: 10px;
	padding: 0;
}
/* Navigation */
#sidebar ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	display: block;
	border: 0px solid #336633;
}
#sidebar a {
	font-weight: bold;
	text-decoration: none;
	color: #336633;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #336633;
}
#sidebar a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #ddddbb;
	border-bottom: 1px solid #336633;
	background-color: #336633;
}
/* Fußzeile */
#footer p {
	font-size: 0.9em;
	text-align: center;
	margin: 0px;
	padding: 2px;
}
#footer a {
	color: #000000;
	text-decoration: underline;
}
#footer a:hover {
	color: #336633;
	text-decoration: none;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #333;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

/* Auswahlmenü Rassen */

nav ul {
	margin: 0;
	padding: 0.8em;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: center;
	position: relative;
	width:100%;
	display:table;	
}


nav li {
	list-style: none;
	display:inline-block;
	margin: 0;
	padding: 0px 15px;	 /*Abstand zwischen den Feldern*/
	width: 140px;		/*Breite der Felder*/
	text-decoration: none;
}


nav a,
nav span {
	display: block;
	width:150px /*8em*/;
	margin: 0.6em 0 0 0;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	border: 2px #424242;
	color: #000000;
	background-color: #cccccc;
	text-align: center;
}

nav a:focus,
nav a:hover,
nav span {
	color: #FFFFFF;
	background-color: #424242;
	text-decoration: none;
}

/*Bild Hoovern*/

/* Bildgröße & Position*/
<style>
#logo {
/*float:left;*/
width: auto;
height: auto;
top: 0px;
padding-left:96px;
} 
</style>
<style>
mg.zoom {
 transition: transform 0s;
 -moz-transition: transform 0s;
 -webkit-transition: transform 0s;
 -o-transition: transform 0s;
 -ms-transition: transform 0s;
}
img.zoom:hover {
padding-left: 59px;
padding-top: 60px;
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(3.1, 3.1);
 -moz-transform: scale(3.1, 3.1);
 -webkit-transform: scale(3.1, 3.1);
 -o-transform: scale(3.1, 3.1);
 -ms-transform: scale(3.1, 3.1);
}
</style>

/*Telefonnummer beim hoovern anzeigen*/

a.tooltip
{
  position: relative;
  text-decoration: none;
  color: black;
}
a.tooltip span
{
  display: none;
}
a.tooltip:hover span
{
  position:inherit;
  display: block;
  top: 10px;
  left: 10px;
  border: 1px solid black;
  background-color:white;
  padding: 0.2em;
  
}

/*Video anzeigen*/

video {
	
	left:40px
}

/*Bild mit Rahmen und Bildunterschrift*/

figure {
    float: center;
    max-width: 410px;
    border: 1px solid #000;
    margin: 1em;
    padding: 1.2em .8em .8em;
    text-align: center;
    font: .8em/1.6 Arial;
}

figcaption {
    padding: .5em;
}

/*Nach oben Button*/
#myBtn {
        position: fixed;
        bottom: 80px;
        float: right;
        right: 14%;
        left: 86%;
        max-width: 34px;
        width: 100%;
        font-size: 12px;
		background-color: #cccccc;
        border-color: rgba(85, 85, 85, 0.2);
        padding: .5px;
        border-radius: 4px;

    }
/*On Hover Color Change*/
    #myBtn:hover
    {
    color:white;
	background-color: #424242;
    }