@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; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	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;
	/* b-ackground-color: #006;   
  	background-color: #ddd; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



#container {

	width: 1022px; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
	b---ackground-color: #FFFFFF;
	b--ackground-image: url(../bilder/silberleiste1022-v.jpg);
	b--ackground-repeat: repeat-y;
	m-argin-top: 0;
	margin-right: auto;
	m-argin-bottom: 0px;
	margin-left: auto;
	b-ackground-position: 0px;
	min-height: 1100px;
}


#header {
margin: 0;
padding: 0;
		
	width: 1000px;
	height: 115px;
	background-image: url(../bilder/tinografik-1000-trans.png);
	float: left;
	margin-left: 11px;


}


#navi {

	width: 1000px;
	h--eight: 41px;
	b---ackground-image: url(../bilder/menuehintergrund.png);
	b---ackground-repeat: repeat-x;
	float: left;
	margin-left: 61px;
	
	display: inline;
}


.nav {

	font-size: 18px;	
	color: ffffff;
	list-style-type: none;
	display: inline;
	d-isplay: list-item;
	float: left;
	text-decoration: none;
	m--argin-top: 5px;

}




li {display: inline;
}

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 {
	c-olor: #cb1313;
	background-image: url(http://tinomedia.com/Bilder/aktiv-hg.png);
	background-repeat: repeat-x;
	p-adding-top: 1px;
	p-adding-bottom: 7px;
	m--argin: 0px 0px 5px 0px;	
	bo-rder-right-color: #858585;	
	b-order-right-width: 2px;
	b-order-right-style: ridge;

	}

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;


	}
  
  
ul:first-child {
 border-left-color:#666 ;
	border-left-width: 2px;
	border-left-style: ridge;
}



a.button:hover {
	c-olor: #cb1313;
  text-decoration: underline;
        color: red;
  b,ackground-color: #CDCDFF;
  o,pacity: .5; filter:Alpha(Opacity=75);
        b-order-bottom: 5px;
        b-order-bottom-color: white;
	background-image: url(../Bilder/aktiv-hg.png);
	background-repeat: repeat-x;

	p-adding-top: 1px;
	p-adding-bottom: 7px;
	m--argin: 0px 0px 5px 0px;
	
	bo-rder-right-color: #858585;
	
	b-order-right-width: 3px;

	b-order-right-style: ridge;

	}
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: 1022px;
	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 {
	width: 980px;
	padding-top: 30px;
        padding-bottom: 30px;
	overflow: hidden;
	padding-left: 40px;
	}
	* html .alledvd {
	margin-left: -25px;
		}





.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;




		}


.sechsneuheiten {
        float: left;
	height: 220px;
	width: 110px;
	padding-right: 21px;
	padding-left: 24px;}



.vierneuheiten {
        float: left;
	height: 220px;
	width: 110px;
	padding-right: 21px;
	padding-left: 170px;}











#modeljob {
		
	float: left;
	width: 900px;
	margin-top: 0px;
	margin-left: 60px;




}




img {
	border: 0px;
}

*html #header {
		margin-left: 6px;
}
*html #modeljob {
	with: 850px;
		margin-left: 20px;
}