/*-------------------------------------*/
/*---------------=global---------------*/
/*-------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

html, body {
	height: 100%;
	width:100%;
}



body	{
	font:11px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#d8d0bf;
	background:#0d0e0e;
}

html[xmlns^="http"] {
 overflow-y: scroll;
}

.clear {
	float:none;
	clear:both;
}


a	{
	color:#e9c288;
	text-decoration:none;
   cursor: url(../images/metalhand.cur), default;
}

a:hover	{
	text-decoration:underline;
}

/*-------------------------------------*/
/*-------------=container--------------*/
/*-------------------------------------*/

#container {
	width: 985px;
	margin: 0 auto;
    
}

/*-------------------------------------*/
/*-------------=container--------------*/
/*-------------------------------------*/

#header	{
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	width:985px;
	height:613px;
	position:relative;
}

#linkposition {
	background: none;
	width:985px;
	height:613px;
	position:relative;
}

#header #flash	{
	width:985px;
	height:613px;
	position:absolute;
	top:0;
	left:0;
}

#linkposition a.galerie {
	position: absolute;  
    width: 168px;
    height: 169px;
    left: 520px;
    top: 420px;
    display: block;
    text-indent: -9999px;
    background:url(../images/bg-video-a.png) 0 0 no-repeat;
    z-index: 10;
}

h1#branding a	{
	background:url(../images/bg-logo.jpg) 0 0 no-repeat;
	width:345px;
	height:115px;
	position:absolute;
	left:61px;
	top:125px;
	text-indent:-9999px;
}

#header blockquote	{
	float:left;
	text-indent:-9999px;
}

/*-------------------------------------*/
/*----------------=navi----------------*/
/*-------------------------------------*/

#navi {
	width:181px;
	height:36px;
	position:absolute;
	top:332px;
	left:83px;
	list-style-type:none;
}

#navi li {
	float:left;
	padding:0 12px 8px 0;
}

* html #navi li {		/*IE HACK*/
	padding:0 12px 4px 0;
}

#navi li a {
	background:url(../images/bg-navi-a.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	height:14px;
	line-height:0;
}

#navi li a.startseite {
	width:78px;
	background-position:0 0;
}

#navi li a.startseite:hover,#navi li.active a.startseite,#navi li.active a.startseite:hover {
	background-position:0 -36px;
}

#navi li a.anfahrt-navi {
	width:79px;
	background-position:-90px 0;
}

#navi li a.anfahrt-navi:hover,#navi li.active a.anfahrt-navi,#navi li.active a.anfahrt-navi:hover {
	background-position:-90px -36px;
}

#navi li a.kontakt {
	width:70px;
	background-position:0 -22px;
}

#navi li a.kontakt:hover,#navi li.active a.kontakt,#navi li.active a.kontakt:hover {
	background-position:0 -58px;
}

#navi li#kontakt-padding	{
	padding:0 30px 0 0;
}

#navi li a.impressum {
	width:81px;
	background-position:-100px -22px;
}

#navi li a.impressum:hover,#navi li.active a.impressum,#navi li.active a.impressum:hover {
	background-position:-100px -58px;
}

#navi li#noPadding	{
	padding:0;
}

/*-------------------------------------*/
/*--------------=naviAdd---------------*/
/*-------------------------------------*/

#naviAdd {
	width:179px;
	height:96px;
	position:absolute;
	top:406px;
	left:68px;
	list-style-type:none;
}

#naviAdd li {
	float:left;
	height:27px;
}


#naviAdd li a {
	background:url(../images/bg-naviAdd-a.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	line-height:0;
}

#naviAdd li a.haundlerinfo {
	width:122px;
	height:22px;
	background-position: 0 0;
}

#naviAdd li a.haundlerinfo:hover,#naviAdd li.active a.haundlerinfo,#naviAdd li.active a.haundlerinfo:hover {
	background-position: 0 -96px;
}


#naviAdd li a.wir-ueber-uns {
	width:137px;
	height:18px;
	background-position: 0 -27px;
}

#naviAdd li a.wir-ueber-uns:hover,#naviAdd li.active a.wir-ueber-uns,#naviAdd li.active a.wir-ueber-uns:hover{
	background-position: 0 -123px;
}

#naviAdd li a.leistungszentrum {
	width:178px;
	height:19px;
	background-position: 0 -54px;
}

#naviAdd li a.leistungszentrum:hover,#naviAdd li.active a.leistungszentrum,#naviAdd li.active a.leistungszentrum:hover {
	background-position: 0 -150px;
}

#naviAdd li#li-small	{
	height:25px;
}

#naviAdd li a.sortimentsinfo {
	width:151px;
	height:17px;
	background-position: 0 -79px;
}

#naviAdd li a.sortimentsinfo:hover,#naviAdd li.active a.sortimentsinfo,#naviAdd li.active a.sortimentsinfo:hover {
	background-position: 0 -175px;
}

/*-------------------------------------*/
/*---------=Onlineshop Links-----------*/
/*-------------------------------------*/

a.silberruecken	{
	width:206px;
	height:115px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:69px;
	top:0;
}

a.metal-rough-neck	{
	width:228px;
	height:103px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:69px;
	top:148px;
}

a.gorilla-biker	{
	width:207px;
	height:106px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:69px;
	top:284px;
}

a.zum-onlineshop-1	{
	width:222px;
	height:30px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:69px;
	top:117px;
}

a.zum-onlineshop-2	{
	width:222px;
	height:30px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:69px;
	top:252px;
}

a.zum-onlineshop-3	{
	width:185px;
	height:30px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:91px;
	top:391px;
}


/*---------=oeffnungszeiten-----------*/

#oeffnungszeiten	{
	width:215px;
	height:124px;
	position:absolute;
	right:56px;
	top:440px;
	text-indent:-9999px;
}

/*-------------------------------------*/
/*----------=contentContainer----------*/
/*-------------------------------------*/

#contentContainer	{
	width:941px;
	margin:0 auto;
	padding:0 0 0 44px;
}

/*-------------------------------------*/
/*------------=contentMain-------------*/
/*-------------------------------------*/

#contentMain {
	background:url(../images/bg-contentMain.jpg) left bottom no-repeat;
	width:600px;
	float:left;
	min-height:320px;
}

* html #contentMain {		/*IE HACK*/
	height:320px;
}

#contentMain p	{
	padding: 0 0 30px 0;
}

#iframe-div	{
	width:574px;
	height:374px;
	border:2px solid #7a7a97;
}

iframe	{
	padding:0 0 30px 0;
}

/*----------------=h2------------------*/

#contentMain h2	{
	width:409px;
	height:53px;
	display:block;
	text-indent:-9999px;
	position:relative;
	margin:-80px 0 0 49px;
	padding:0 0 29px 0;
}

#contentMain h2.startseite-h2	{
	background:url(../images/h2/bg-startseite.png) 0 0 no-repeat;
}

#contentMain h2.sortimentsinfo-h2	{
	background:url(../images/h2/bg-sortimentsinfo.png) 0 0 no-repeat;
}

#contentMain h2.haendlerinfo-h2	{
	background:url(../images/h2/bg-haendlerinfo.png) 0 0 no-repeat;
}

#contentMain h2.wir-ueber-uns-h2	{
	background:url(../images/h2/bg-wir-ueber-uns.png) 0 0 no-repeat;
}

#contentMain h2.leistungszentrum-h2	{
	background:url(../images/h2/bg-leistungszentrum.png) 0 0 no-repeat;
}

#contentMain h2.kontakt-h2	{
	background:url(../images/h2/bg-kontakt.png) 0 0 no-repeat;
}

#contentMain h2.kontakt-danke-h2	{
	background:url(../images/h2/bg-kontakt-danke.png) 0 0 no-repeat;
}

#contentMain h2.imprressum-h2	{
	background:url(../images/h2/bg-impressum.png) 0 0 no-repeat;
}

#contentMain h2.anfahrt-h2	{
	background:url(../images/h2/bg-anfahrt.png) 0 0 no-repeat;
}

#contentMain h2.error404-h2	{
	background:url(../images/h2/bg-error404.png) 0 0 no-repeat;
}

#contentMain h2.newsletter-h2	{
	background:url(../images/h2/bg-newsletter.png) 0 0 no-repeat;
}

/*----------------=h3------------------*/

#contentMain h3.hmp	{
	background:transparent url(../images/h3/bg-hmp.jpg) no-repeat scroll 0 0;
	height:35px;
	padding:0 0 9px 0;
	text-indent:-9999px;
	width:600px;
}

#contentMain h3.tshirts-und-mehr	{
	background:url(../images/h3/bg-tshirts-und-mehr.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.video	{
	background:url(../images/h3/video.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.anfahrtsbeschreibung	{
	background:url(../images/h3/bg-anfahrtsbeschreibung.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}


#contentMain h3.wie-alles-begann	{
	background:url(../images/h3/bg-wie-alles-begann.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.wo-wir-jetzt-sind	{
	background:url(../images/h3/bg-wo-wir-jetzt-sind.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.wo-es-hingeht	{
	background:url(../images/h3/bg-wo-es-hingeht.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.eins-noch	{
	background:url(../images/h3/bg-eins-noch.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.eigenlabel	{
	background:url(../images/h3/bg-eigenlabel.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.individueller-textildruck	{
	background:url(../images/h3/bg-individueller-textildruck.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.shirts	{
	background:url(../images/h3/bg-shirts.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

#contentMain h3.newsletter	{
	background:url(../images/h3/bg-newsletter.jpg) 0 0 no-repeat;
	height:35px;
	width:600px;
	text-indent:-9999px;
	padding:0 0 5px 0;
}

h4 {
	font-size: 16px;
}
/*-------------------------------------*/
/*----------=contentSidebar------------*/
/*-------------------------------------*/

#contentSidebar {
	width:341px;
	float:left;
	min-height:277px;
    position: relative;
}

* html #contentSidebar {		/*IE HACK*/
	height:277px;
}

#contentSidebar a.anfahrt	{
	background:url(../images/bg-anfahrt-a.png) 0 0 no-repeat;
	width:341px;
	height:217px;
	display:block;
	text-indent:-9999px;
}


#contentSidebar a.partnerseiten {
	position: absolute;  
    width: 341px;
    height: 55px;
    top: 217px;
    display: block;
    text-indent: -9999px;
    background:url(../images/bg-anfahrt-a.png) 0 -220px no-repeat;
}

#contentSidebar a.partnerseiten:hover {
    background:url(../images/bg-anfahrt-a.png) 0 -497px no-repeat;
}

#contentSidebar a.anfahrt:hover	{
	background-position:0 -277px;
}

* html #contentSidebar a.anfahrt:hover	{		/*IE HACK*/
	background-position:0 -276px;
}

#contentSidebar p	{
	float:left;
	text-indent:-9999px;
}

/*-------------------------------------*/
/*--------------=footer----------------*/
/*-------------------------------------*/

#footer {
	width: 927px;
	height: 99px;
	margin: 0 auto;
	background:url(../images/bg-footer.jpg) top left no-repeat;
	position:relative;
	padding:60px 0 0 58px;
	color:#ffffff;
}

#footer a	{
	color:#ffffff;
	text-decoration:none;
}

#footer a:hover	{
	text-decoration:underline;
}

#footer a.nach-oben	{
	width:91px;
	height:23px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:44px;
	top:14px;
	
}

#footer a.design-euroweb	{
	width:196px;
	height:27px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:102px;
	left:379px;
}

/*-------------------------------------*/
/*---------------=CMS------------------*/
/*-------------------------------------*/

.image {
	width:150px;
	height:113px;
	border:1px solid #7A7A97;
	float:left;
	margin:0 20px 0 0;
}

.AccordionPanelContent p	{
	float:left;
	width:396px;
}

.floatImg {
	float: left;
    margin-right: 10px;
    margin-top: 5px;
}


a {
	cursor: url(../images/metalhand.cur), pointer;
}

.video-box{
margin:10px 0 77px 42px;
height:auto;
width:490px;
border:2px solid #7a7a97;
}