@charset "utf-8";
* { margin: 0;padding: 0;}
 a {transition: all 0.4s ease-out 0s}
html { background-image:  url(../bilder/strukturleinwand.jpg);  }
#preload {display: none}
#preload img {height: 0; width: 0; border: none;position: absolute;bottom: 0;left: 0;z-index: -30;}
body {
	padding: 0;text-align: center; color: #009;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;background-image: url(../bilder/tino-kopf-hintergrund-2014.jpg);
    	background-repeat: repeat-x;
  /*  CSS3 vielleicht später mal:
  	background-image: url(../bilder/tino-kopf-hintergrund-2014.jpg), url(../bilder/bi-wolken4.jpg);
    	background-repeat: repeat-x,  repeat    ;
  */
	background-position: top;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;
}

#container {width: 980px;	border: 0px solid #000000;text-align: center; margin-right: auto;margin-left: auto;min-height: 1100px;}
#header {margin: 0;padding: 0;width: 980px;height: 116px;background-image: url(../bilder/tinografik-980-trans.png);float: left;m--argin-left: 11px;}

#navi {width: 980px;float: left;margin-left: 61px;	display: inline;}

.nav {	font-size: 18px;		color: ffffff;	list-style-type: none;	display: inline;	float: left;	text-decoration: none;}

li {display: inline;}
ul.clear li {display: block;
	text-align: left;
	padding-left: 160px;
}
a.zumshopbutton {background-image: url(../bilder/menuehintergrund.png);background-repeat: repeat-x;align: center;color: #ffffff;
	font-size: 18px;
	padding-left: 60px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-right:60px;
	border-top-color: #DFDFDF;
	border-right-color: #666;
	border-bottom-color: #333;
	border-left-color: #858585;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	text-align: center;
	l--ist-style-type: none;
	text-decoration: none;
}
a.zumshopbutton:hover {background-image: url(http://tinomedia.com/Bilder/aktiv-hg.png);background-repeat: repeat-x;}

a.button {list-style-type: none;	display: inline;		color: #ffffff;	font-size: 18px;	padding-left: 40px;
	padding-top: 5px;	padding-bottom: 4px;	padding-right:40px;	border-right-color: #666;	border-right-width: 2px;
	border-right-style: ridge;     	text-align: center;	text-decoration: none;	float: left;
	}
a.button:hover {  text-decoration: underline;  color: red;	background-image: url(../Bilder/aktiv-hg.png);	background-repeat: repeat-x;	}
a.buttonnow {
	color: #eb5a82;
        list-style-type: none;
	display: inline;
	font-size: 18px;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-right:40px;
	border-right-color: #666;
	border-right-width: 2px;
	border-right-style: ridge;
	text-align: center;
	padding-left: 40px;
	text-decoration: none;
	float: left;
}

#mainContent {
	clear: both;
		float: left;
	width: 980px;
	min-height: 1000px;
 /*
	m--argin-left: 11px;
  b--ackground-image: url(../bilder/bi-wolken4.jpg);
	b-ackground-image: url(../bilder/silberleiste1022-v.jpg);
	b-ackground-repeat: repeat-y;
  */
}
#mainContent p,h4 {text-align: left;padding-left: 160px;	padding-right:140px;}

.alledvd {w--idth: 980px;padding-top: 30px;padding-bottom: 30px;overflow: hidden;margin-left: 20px;}

.coverundtitel p { font-size: 90%;text-align: center;	}

.coverundtitel {
	float: left;
	width: 105px;
	margin-top: 9px;
	margin-right: 22px;
	margin-bottom: 0px;
	margin-left: 10px;
	overflow: hidden;
	height: 186px;
		}

img {border: 0px;}

footer {position:absolute; top:100px;  z-index:-1;    width:100%;height:220px;background-color:grey;box-shadow: 0px -3px 6px 0px black;}