/*************************************************
* CSS Reset
*************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0;}


/*************************************************
* layout
*************************************************/

body {
	background: url('../images/real_cf.png');
	font-family: "Ubuntu", "Helvetica Neue", Arial, sans-serif;
	line-height: 1.3;
}

#wrapper {
	width: 1053px;
	margin: 0px auto;
}

/*************************************************
* header
*************************************************/

#header_top {
	margin-top: 20px;
	width: 1053px;
	height: 332px;
	background: url('../images/header_top.png') no-repeat center top;
}


#tsharks{
	margin-left:5px;
	margin-top:3px;
	width:843px;
	height:249px;
}

.tsharks_flash{
	height:843px;
	width:249px;
	margin-left:99px;
}

.dd-deluxe_flash{
	height:410px;
	width:248px;
	margin-left:322px;
	padding-top: 3px;
}


#header_middle {
	width: 1053px;
	height: 251px;
}

#header_middle.middle_1{ background: url('../images/header_middle_index.png') no-repeat 3px top;}
#header_middle.middle_2{ background: url('../images/header_middle_live.png') no-repeat 3px top;}
#header_middle.middle_3{ background: url('../images/header_middle_bio.png') no-repeat 3px top;}
#header_middle.middle_4{ background: url('../images/header_middle_contact.png') no-repeat 3px top;}
#header_middle.middle_5{ background: url('../images/header_middle_links.png') no-repeat 3px top;}

nav {	background: url('../images/header_nav.png') no-repeat 26px top;
			width: 1053px;
			height: 189px;
}

nav ul.main{ list-style: none;
		padding-top: 89px;
}
nav ul.main li{ float: left}
nav ul li a.home{display: block; width:131px; height:44px;
 				background: url('../images/home.png');
 				margin-left: 24px;
 				text-indent: -5000px;
 			}
nav ul li a.home:hover { background: url('../images/home_a.png');}
nav ul li a.active_home { background: url('../images/home_a.png');} 

nav ul li a.press{display: block; width:128px; height:44px;
 				background: url('../images/press.png');
 				text-indent: -5000px;
 			}
nav ul li a.press:hover { background: url('../images/press_a.png');}
nav ul li a.active_press { background: url('../images/press_a.png');} 

nav ul li a.bio{display: block; width:91px; height:44px;
 				background: url('../images/bio.png');
 				margin-left: 43px;
 				text-indent: -5000px;
 			}
nav ul li a.bio:hover { background: url('../images/bio_a.png');}
nav ul li a.active_bio { background: url('../images/bio_a.png');} 

nav ul li a.contact{display: block; width:128px; height:44px;
 				background: url('../images/contact.png');
 				margin-left: 45px;
 				text-indent: -5000px;
 			}
nav ul li a.contact:hover { background: url('../images/contact_a.png');}
nav ul li a.active_contact { background: url('../images/contact_a.png');} 

nav ul li a.links{display: block; width:131px; height:44px;
 				background: url('../images/links.png');
 				text-indent: -5000px;
 			}
nav ul li a.links:hover { background: url('../images/links_a.png');}
nav ul li a.active_links { background: url('../images/links_a.png');} 

nav ul.social li{ float: left;}
ul.social {float: right;margin-right: 106px;margin-top: 6px;}

ul.youtube_ul {float:left; margin-left: 128px; margin-top: 92px;}
ul.youtube_ul li {display: block; height:28px; width:28px;} 
a.youtube {display:block; width:28px; height:28px; background: url('../images/youtube-icon.png') no-repeat left top; text-indent:-5000px;}
a.youtube:hover {background: url('../images/youtube-icon.png') no-repeat left bottom;}

ul.social a.facebook {padding-right: 5px;}
nav ul li a.facebook{display: block; width:26px; height:26px; background: url('../images/fb_sprite.png') no-repeat left top;text-indent: -5000px;}
nav ul li a.facebook:hover { background: url('../images/fb_sprite.png') no-repeat left bottom;}

nav ul li a.myspace{display: block; width:25px; height:26px; background: url('../images/myspace_sprite.png') no-repeat left top;text-indent: -5000px;}	
nav ul li a.myspace:hover { background: url('../images/myspace_sprite.png') no-repeat left bottom;}

/*************************************************
* content
*************************************************/

#bkg {width: 875px; background: url('../images/debut_dark.png'); padding: 38px; margin:0 auto;}
#content_bkg {background: #fffff0 url('../images/schmuck.png') no-repeat center top; border-radius:10px; padding:20px 20px 5px 20px; 
-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3); /* WebKit */
-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3); /* Firefox */
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3); /* Standard */
}
#content_bkg img[title="dd-deluxe-home"] {float: left; padding-right: 15px; padding-bottom: 15px;}
#content_bkg img[title="dd-deluxe-bio"] {float: left; padding-right: 15px; padding-bottom: 15px;}
#content_bkg img[title="dd-deluxe-contact"] {margin-left: 77px;}
.content {margin: 40px 40px 30px 40px;}
.schmuck {width:792; height: 44px; background: url('../images/schmuck.png') no-repeat center;}
.contactinfo {height:40px; margin-left: 75px; margin-top: 20px;}
.press_icons {float:left; margin-right:10px;}
hr {margin-top: 15px;margin-bottom: 12px;}

/*************************************************
* footer
*************************************************/

footer {width: 1053px; height: 45px; background: url('../images/footer_bkg.png') no-repeat center; position: relative;}
footer a img {float:left; margin-left: 70px; margin-top: 7px;}
small {position: absolute; left:473px; top:19px;}

/*************************************************
* typo
*************************************************/

h1 {text-transform: uppercase; font-weight: bold; font-size: 18px; color: #613d1c; margin-bottom: 5px;}
h2 {font-weight: bold; margin-bottom: 10px; font-size: 16px;}
h3 {font-weight: bold; margin-bottom: 5px;}
p {font-family: "Verdana", Arial; font-size: 12px;}
small {font-size: 10px; color: #ffffff;}
strong {font-weight: bold;}

a, a:visited, a:link { text-decoration: none; color: #613d1c;}
a:hover { text-decoration: underline;}

/*************************************************
* clearfix
*************************************************/

.clearfix:before,
.clearfix:after {
	content:" "; /* Abstand wegen Opera-Bug */
 	display: table; /* margin-top auch umfassen */
  }
  	
 .clearfix:after {
 	clear:both;
  }
  
 .clearfix {
 	*zoom:1; /* ie6/7 hack */
  }