/*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, font, 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
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
html{
	height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*CSS LAYOUT*/

body{
	background:url(../images/missjz_bg.jpg) fixed 20% top no-repeat #f3f7f6;
	background-size: 180% auto;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: px;
	word-spacing: 1px;
	height: 100%;

}

a, a:link, a:visited{
	color: #950808;
	text-decoration: none;
}

a:hover, a:active{
	text-decoration: underline;
}

p{	
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: px;
	word-spacing: 1px;
	margin-top: 10px;
}

h1{
	font-family: verdana;
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	text-shadow: rgba(0, 0, 0, 0.7) 0px 2px 4px;
}
h2{
	font-family: verdana;
	color: #20514f;
	font-weight: normal;
	font-size: 14px;
	text-shadow: #fff 0px 1px 2px;
	text-decoration: underline;
	margin-bottom: 24px;

}
#index{
	width: 1000px;
	margin: auto;	
}

#left-side{
	
	width: 150px;
	
	float: left;
}

#box_position{
	margin-left: 180px;
	bottom: 0px;
	position: fixed;
}

.box_top{
	background: url(../images/box_top.png) no-repeat;
	height: 31px;
	width: 150px;
	display: block;
}
.box_content{
	background: url(../images/box_repeater.png) repeat-y;
	width: 130px;
	padding-left: 25px;
}
.box_bottom{
	background: url(../images/box_bottom.png) no-repeat;
	width: 150px;
	height: 31px;
	display: block;
}
#right-side{
	width: 640px;
	float:left;
	margin-left: 330px;
	/*10 left*/
	padding-top: 180px;
	

}

.content-box{
	width: 100%;
	opacity: 1;
}

.content-top{
	width: 640px;
	height: 31px;
	background: url(../images/content_top.png) no-repeat;
	
}

.content-content{
	width: 540px;
	padding: 32px 50px 12px 50px;
	background: url(../images/content_repeater.png) repeat-y;
	
}

.content-bottom{
	width: 640px;
	height: 31px;
	background: url(../images/content_bottom.png) no-repeat;
}



.green_col{
	width: 670px;
	background: url(../images/headrep.png) repeat;
	height: 35px;
	padding-top: 8px;
	padding-left: 12px;
	margin-bottom: 30px;
	margin-left: -12px;
}
.headline{
	float: left;
}
.news_date{
	float: right;
	font-family: verdana;
	color: #e6afaf;
	font-weight: normal;
	font-size: 24px;
	text-shadow: rgba(0,0,0,0.7) 0px 2px 4px;
	padding-right: 10px;
}


/* navi top */

#navi-top{
	margin-bottom: -13px;
	padding-left: 50px;
}

#navi-top li{
	float: left;
}

#navi-top a{
	font-family: verdana;
	text-decoration: none;
	font-size: 14px;
	color: #950808;
}

a#navi_top1, a#navi_top1:link, a#navi_top1:visited{
	float: left;
	background: url(../images/navi_news.png) top no-repeat;
	width: 70px;
	height: 23px;
	display: block;
	text-align: center;
	padding-top: 12px;
	padding-left: 2px;
}
a#navi_top1, a#navi_top1:hover, a#navi_top:active{
	background: url(../images/navi_news.png) bottom no-repeat;
}
a#navi_top1.top_active, a#navi_top1.top_active:hover, a#navi_top1.top_active:active{
	background: url(../images/navi_news.png) bottom no-repeat;
	text-shadow: 0px 0px 2px #fff;
}

a#navi_top10, a#navi_top10:link, a#navi_top10:visited {
	float: left;
	background: url(../images/navi_dates.png) top no-repeat;
	width: 55px;
	height: 23px;
	display: block;
	padding-left: 15px;
	padding-top: 12px;
}
a#navi_top10.top_active, a#navi_top10:hover, a#navi_top10:active{
	background: url(../images/navi_dates.png) bottom no-repeat;
}
a#navi_top10.top_active, a#navi_top10.top_active:hover, a#navi_top10.top_active:active {
	background: url(../images/navi_dates.png) bottom no-repeat;
}

a#navi_top11, a#navi_top11:link, a#navi_top11:visited{
	float: left;
	background: url(../images/navi_biography.png) top no-repeat;
	width: 100px;
	height: 23px;
	display: block;
	text-align: center;
	padding-top: 12px;
}
a#navi_top11, a#navi_top11:hover, a#navi_top11:active{
	background: url(../images/navi_biography.png) bottom no-repeat;
}
a#navi_top11.top_active, a#navi_top11.top_active:hover, a#navi_top11.top_active:active{
	background: url(../images/navi_biography.png) bottom no-repeat;
}

a#navi_top12, a#navi_top12:link, a#navi_top12:visited{
	float: left;
	background: url(../images/navi_music.png) top no-repeat;
	width: 55px;
	height: 23px;
	display: block;
	padding-top: 12px;
	padding-left: 14px;
}
a#navi_top12, a#navi_top12:hover, a#navi_top12:active{
	background: url(../images/navi_music.png) bottom no-repeat;
}
a#navi_top12.top_active, a#navi_top12.top_active:hover, a#navi_top12.top_active:active{
	background: url(../images/navi_music.png) bottom no-repeat;
}

a#navi_top13, a#navi_top13:link, a#navi_top13:visited{
	float: left;
	background: url(../images/navi_media.png) top no-repeat;
	width: 57px;
	height: 23px;
	display: block;
	padding-top: 12px;
	padding-left: 14px;
}

a#navi_top13, a#navi_top13:hover, a#navi_top13:active{
	background: url(../images/navi_media.png) bottom no-repeat;
}

a#navi_top13.top_active, a#navi_top13.top_active:hover, a#navi_top13.top_active:active{
	background: url(../images/navi_media.png) bottom no-repeat;
}

a#navi_top14, a#navi_top14:link, a#navi_top14:visited{
	float: left;
	background: url(../images/navi_press.png) top no-repeat;
	width: 53px;
	height: 23px;
	display: block;
	padding-top: 12px;
	padding-left: 14px;
}

a#navi_top14, a#navi_top14:hover, a#navi_top14:active{
	background: url(../images/navi_press.png) bottom no-repeat;
}

a#navi_top14.top_active, a#navi_top14.top_active:hover, a#navi_top14.top_active:active{
	background: url(../images/navi_press.png) bottom no-repeat;
}

a#navi_top15, #navi_top15:link, #navi_top15:visited{
	float: left;
	background: url(../images/navi_kontakt.png) top no-repeat;
	width: 74px;
	height: 23px;
	display: block;
	padding-top: 12px;
	padding-left: 14px;
}
a#navi_top15, #navi_top15:hover, #navi_top15:active{
	background: url(../images/navi_kontakt.png) bottom no-repeat;
}
a#navi_top15.top_active, #navi_top15.top_active:hover, #navi_top15.top_active:active{
	background: url(../images/navi_kontakt.png) bottom no-repeat;
}

#middle-navi{
	position: relative;
	top: -8px;
	margin-left: 60px;
	
	
}

#middlenav li{
	float: left;
	margin-right: 40px;
	font-family: verdana;
	font-size: 12px;
}



a.gallerythumb2, a.gallerythumb2:link, a.gallerythumb2:visited {
display: block;
width: 100%;
height: 100%;
line-height: 0px;
box-shadow: 0px 0px 10px #818181; -webkit-box-shadow: 0px 0px 10px #818181; -moz-box-shadow: 0px 0px 10px #818181;
}

a.gallerythumb2:hover, a.gallerythumb2:active {
display: block;
width: 100%;
height: 100%;
line-height: 0px;
box-shadow:0px 0px 30px #818181; -webkit-box-shadow: 0px 0px 30px #818181; -moz-box-shadow: 0px 0px 30px #818181;
}


img.thumbnail{
	border: solid 10px #000;
}


/*video startseite*/
.video-overlay
	{
	width: 100%;
	height: 100%;
	background: #000;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

a.skip, a.skip:visited, a.skip:link{
	font-size: 18px;
	color: white;
	text-shadow: #79aea8 0px 0px 3px;
}

a.skip:hover, a.skip:active, a.skip:focus{
	text-shadow: #fff 0px 0px 3px;
	text-decoration: none;
}