@charset "UTF-8";
html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
a
{
	color: #19b;
	border: 0px;
	text-decoration: none;
	font-variant: small-caps;
}
a:hover
{
	color: #aa0;
	outline: 0;
	border: 0px;
	text-decoration: none;
}
a:active
{
	color: #19b;
	border: 0px;
	outline: 0;
	text-decoration: none;
}
a:visited
{
	color: #19b;
	border: 0px;
	outline: 0;
	text-decoration: none;
}
img
{
	border: 0px;
}


body{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align: left;
	font-family: Serif;
	font-weight: normal;
	font-size: 0.9em;
	color: #000000;
	background-color: #fff;
	margin:0;
	border:0; 
	padding:0; 
	height:100%; 
	width:100%;
}

#mainframe{
	border: 0px solid black;
	padding: 0;
	margin: 0;
	width: 100%;
	height:100%;
}

#headl
{
	background: url('./img/tpl/headl.jpg');
	background-repeat: no-repeat;
	background-position: right;
	width: 50%;
	height: 192px;
	padding: 0;
	margin: 0;
}

#headm
{
	background: url('./img/tpl/headm.jpg');
	width: 800px;
	height: 192px;
	padding: 0;
	margin: 0;
}
#headr
{
	background: url('./img/tpl/headr.jpg');
	background-repeat: no-repeat;
	background-position: left;
	width: 50%;
	height: 192px;
	padding: 0;
	margin: 0;
}

#mainl
{
	background: url('./img/tpl/mainl.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#mainnav
{
	background: url('./img/tpl/mainnav.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	width: 137px;
	height: 100%;
	padding: 0;
	margin: 0;
	vertical-align:top;
}
#navdiv
{
	width:137px; 
	height: 300px;
}
#navspacer
{
	width:130px; 
	height: 25px;
}
#info_a
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/info_a.png') top left no-repeat;
}
#info
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/info_h.png') top left no-repeat;
}
#info_h
{
	opacity: 1;
	top: 0px;
	left: 0px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#info_h:hover
{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0;
}
#me_a
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/me_a.png') top left no-repeat;
}
#me
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/me_h.png') top left no-repeat;
}
#me_h
{
	opacity: 1;
	top: 0px;
	left: 0px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#me_h:hover
{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0;
}
#produkte_a
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/produkte_a.png') top left no-repeat;
}
#produkte
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/produkte_h.png') top left no-repeat;
}
#produkte_h
{
	opacity: 1;
	top: 0px;
	left: 0px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#produkte_h:hover
{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0;
}
#kontakt_a
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/kontakt_a.png') top left no-repeat;
}
#kontakt
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/kontakt_h.png') top left no-repeat;
}
#kontakt_h
{
	opacity: 1;
	top: 0px;
	left: 0px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#kontakt_h:hover
{
	 -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0;
}
#impressum_a
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/impressum_a.png') top left no-repeat;
}
#impressum
{
	width:130px; 
	height: 40px; 
	background: url('./img/tpl/impressum_h.png') top left no-repeat;
}
#impressum_h
{
	opacity: 1;
	top: 0px;
	left: 0px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#impressum_h:hover
{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0;
}
#mainm
{
	width: 663px;
	height: 100%;
	padding: 0;
	margin: 0;
	vertical-align:top;
}
#mainr
{
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
}
#content
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	width: 623px;
	height: 100%;
	padding: 20px;
	padding-top: 0px;
	text-align: justify;
}

h1
{
	text-align: center;
	font-weight: normal;
	font-size: 2em;
	color: #000;
	font-variant: small-caps;
}
h2
{
	text-align: left;
	font-weight: normal;
	font-size: 1.5em;
	color: #000;
	font-variant: small-caps;
}
h3
{
	text-align: left;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	font-variant: small-caps;
	
}
#boardimg
{
	background: url("./img/board.jpg") bottom right no-repeat;
	padding-bottom: 210px;
}
#footerl
{
	float: left;
	width: 300px;
	text-align: right;
	padding-right: 10px;
	border-top: 1px solid gray;
	font-size: 0.85em;
	margin-top: 20px;
}
#footerr
{
	float: left;
	width: 300px;
	text-align: left;
	padding-left:10px;
	border-top: 1px solid gray;
	font-size: 0.85em;
	margin-top: 20px;
}
.center
{
	width: 100%;
	text-align: center;
}
.error
{
	color: #a00;
	font-variant: small-caps;
}
.done
{
	font-size: 1.1em;
	color: #0a0;
	font-variant: small-caps;
}
.fiftyfifty
{
	float: left;
	width: 49%;
}
.sidebyside
{
	float: left;
}
.proditem{
	clear: both;
	padding: 15px;
	vertical-align: center;
}
.prodimg
{
	float:left;
	width: 250px;
}
.prodhead
{
	font-weight: bold;
	text-align: left;
	font-size: 1.2em;
	color: #000;
	line-height: 2.5em;
}
.preis
{
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 1.3em;
	color: #000;
}
.button
{
	float: left;
	margin-top: 1em;
	margin-left: 3em;
	margin-right: -3em;
	border-radius: 0.3em;
	box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
}
.button:hover
{
	box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
p
{
	text-indent: 1.5em;
	clear: both;
}