/********************
rot ED1C24
grau 808080
hellgrau B3B3B3

hg 1024 x 768 px
********************/

/**********************************************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; margin-bottom: 21px; vertical-align: top; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,b,strong,th,var { font-style:normal; font-weight:normal; }
ul { list-style:none; }
ol { list-style: decimal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
p,dl,hr,ol,ul,pre,table,fieldset { margin-bottom: 21px; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/**********************************************************************************************************************/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 21, 2010 */
@font-face {
	font-family: 'Index-BoldRegular';
	src: url('IndexBol.eot');
	src: local('Index-Bold'), local('Index-Bold'), url('IndexBol.woff') format('woff'), url('IndexBol.ttf') format('truetype'), url('IndexBol.svg#Index-Bold') format('svg');
}


body { font: 12px/21px Courier, "Courier New", monospace; color: #252525; font-style: normal;  background: #bbc6ce url(/images/layout/seamless-home-tutorial.jpg) repeat 0 0; background-attachment:fixed; -webkit-text-size-adjust: none; height: 100%;}
body.intro_bd { background: #bbc6ce url(/images/layout/intro_repeat.jpg) repeat-x 0 0;}
#wrapper.intro_wr {background: transparent url(/images/layout/intro.jpg) no-repeat 0 0; /* border: 1px solid black; */ height: 768px; width: 1024px; margin: 0 auto;}

hr { border: 0 #252525 solid; border-top-width: 2px; clear: both; height: 0; }
/* hr {color: #252525; height: 2px; background: #252525; width: 100%;} */

/* Headings
----------------------------------------------------------------------------------------------------*/

h1 { font-size: 21px; border-top: 2px solid #252525; border-bottom: 1px solid #252525; width : 100%; }
h2 { font-size: 18px; border-top: 2px solid #252525; border-bottom: 1px solid #252525; width : 100%; }
h3 { font-size: 16px; border-top: 2px solid #252525; border-bottom: 1px dotted #252525; width : 100%; }
h4 { font-size: 16px; }
h5 { font-size: 16px;}
h6 { font-size: 16px;}

p.nav_2 { font-weight: normal; font-family: 'Index-BoldRegular', sans-serif; line-height: 21px; margin-bottom: 21px; font-size: 18px; border-top: 2px solid #252525; /* border-bottom: 1px solid #252525; */ width : 100%; background: transparent url(/images/layout/vg-black.png) repeat 0 0;}
.nav_3 { } 

h1, h2, h3, h4, h5, h6, .demopause_address { font-weight: normal; font-family: 'Index-BoldRegular', sans-serif; line-height: 21px; margin-bottom: 21px;}
h4 { margin-bottom: 0em; }


/* Links
----------------------------------------------------------------------------------------------------*/

a, a:visited { color: #252525; text-decoration: none;  }
a:hover, .here { color: #ED1C24; text-decoration: none; }
a:focus { outline: none ; } /* 1px dotted */

a.see_me, a:visited.see_me {border-bottom: 1px dotted #252525;}

a.jplayer_playlist_current {color: #ED1C24; border-bottom: 1px dotted #ED1C24;}

*|*:-moz-any-link:focus {
outline: none !important;
}

/* Navigation
----------------------------------------------------------------------------------------------------*/
/* picture nav */

a.nav_home, a:visited.nav_home { display: block; width: 106px; height: 36px; background: transparent url(/images/layout/menu_bilder/menu_weiss_home.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_home, a.nav_home.here { background: transparent url(/images/layout/menu_bilder/menu_rot_home.png) no-repeat 0 0; }

a.nav_rekords, a:visited.nav_rekords { display: block; width: 138px; height: 38px; background: transparent url(/images/layout/menu_bilder/menu_weiss_rekords.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_rekords, a.nav_rekords.here { background: transparent url(/images/layout/menu_bilder/menu_rot_rekords.png) no-repeat 0 0; }

a.nav_shop, a:visited.nav_shop { display: block; width: 98px; height: 42px; background: transparent url(/images/layout/menu_bilder/menu_weiss_shop.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_shop, a.nav_shop.here { background: transparent url(/images/layout/menu_bilder/menu_rot_shop.png) no-repeat 0 0; }

a.nav_blabla, a:visited.nav_blabla { display: block; width: 138px; height: 38px; background: transparent url(/images/layout/menu_bilder/menu_weiss_blabla.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_blabla, a.nav_blabla.here { background: transparent url(/images/layout/menu_bilder/menu_rot_blabla.png) no-repeat 0 0; }

a.nav_disco, a:visited.nav_disco { display: block; width: 98px; height: 38px; background: transparent url(/images/layout/menu_bilder/menu_weiss_disco.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_disco, a.nav_disco.here { background: transparent url(/images/layout/menu_bilder/menu_rot_disco.png) no-repeat 0 0; }

a.nav_demo, a:visited.nav_demo { display: block; width: 106px; height: 45px; background: transparent url(/images/layout/menu_bilder/menu_weiss_demo.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_demo, a.nav_demo.here { background: transparent url(/images/layout/menu_bilder/menu_rot_demo.png) no-repeat 0 0; }

a.nav_demopause, a:visited.nav_demopause { display: block; width: 175px; height: 37px; background: transparent url(/images/layout/menu_bilder/menu_weiss_demopause.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_demopause, a.nav_demopause.here { background: transparent url(/images/layout/menu_bilder/menu_rot_demopause.png) no-repeat 0 0; }

a.nav_kontakt, a:visited.nav_kontakt { display: block; width: 152px; height: 37px; background: transparent url(/images/layout/menu_bilder/menu_weiss_kontakt.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_kontakt, a.nav_kontakt.here { background: transparent url(/images/layout/menu_bilder/menu_rot_kontakt.png) no-repeat 0 0; }


a.nav_links, a:visited.nav_links { display: block; width: 114px; height: 36px; background: transparent url(/images/layout/menu_bilder/menu_weiss_links.png) no-repeat 0 0; text-indent: -999px; }
a:hover.nav_links, a.nav_links.here { background: transparent url(/images/layout/menu_bilder/menu_rot_links.png) no-repeat 0 0; }

/* main nav */
.nav, .nav a, .nav a:visited {color:#252525;  font-weight: normal; font-family: 'Index-BoldRegular', sans-serif; line-height: 21px; margin-bottom: 21px; font-size: 18px;}
.nav a:hover, a.here {color: #ED1C24;}
.nav_border { border-bottom: 1px solid #727272;}

/* sub nav */
ul.subnav {clear: both; margin-bottom: 21px; padding-bottom: 21px; border-bottom: 1px dotted #252525;}
ul.subnav li {float: left; list-style: none; float: left; padding-right: 11px; }
.clear {clear: both;}

/* Paragraphs
----------------------------------------------------------------------------------------------------*/

i, em { font-weight: normal; color: #252525; font-style: italic;}
b {font-weight:normal; color:#252525;}


/* Layout Divs
----------------------------------------------------------------------------------------------------*/
#wrapper { position: relative; width: 960px;  }
	
	.min_height {height: 860px;} /* auf home */
	
	#content_container {position: relative; margin-left: 300px; margin-top: 30px; width: 600px; min-height: 700px; background: #fff; padding: 21px; z-index: 5; }
		.shadow { box-shadow: 0px 0px 10px #252525; -moz-box-shadow: 0px 0px 10px #252525; -webkit-box-shadow: 0px 0px 10px #252525; }
		#content_container p {width: 90%;}	
	
	
	#logo {position: absolute; top: 30px; left: 45px; width: 215px; height: 50px; }
	#logo_home {position: absolute; top: 30px; left: 45px; width: 215px; height: 50px; }
	
	#navigation {position: absolute; top: 130px; left: 45px; width: 215px; min-height: 300px;}
	#navigation_home {position: absolute; top: 130px; left: 45px; width: 215px; min-height: 300px;}
	
	ul.galerie_thumbs {float: left;}
	.galerie_thumbs li {float: left; width: 51px; height: 51px; padding: 0 8px 8px 0; overflow: hidden;}
	
	.songs_image {width: 240px; float: left;}
	.songs_content {width: 360px; float: left;}
		.playlist_1 {width: 10px; padding-right: 5px; vertical-align: top;white-space: nowrap;}
		.playlist_2 {width: 320px; padding-right: 5px; vertical-align: top;}
		.playlist_2 a {border-bottom: 1px dotted #252525;}
		.playlist_3 {width: 30px; vertical-align: top; text-align: right; white-space: nowrap;}
	
	#news_image { position: absolute; z-index: 10;}	
	.news_image {width: 240px; float: left;}
	.news_content {width: 360px; float: left;}
	
	
	/* disco */
	.email_hover { z-index: 999; color: transparent; text-indent: -999px;}
	.email_hover:hover {visibility: visible; text-indent: 0px; /* border: 1px solid red; */ padding: 5px; background: #fff; box-shadow: 0px 0px 10px #252525; -moz-box-shadow: 0px 0px 10px #252525; -webkit-box-shadow: 0px 0px 10px #252525; }


	
	.demo_expl_l {width: 160px; float: left;}
	.demo_expl_r {width: 400px; float: left;}
		.top_space {padding-top: 15px;}
	
	.clips_list {width: 240px; float: left;}
		.clips_ul {}
	.clips_videos {width: 360px; float: left;}
	
	.guestbook {width: 600px; /* height: 800px; overflow: auto; */}
		.gb_input {width: 278px; /* height: 30px; */  }
		.gb_textarea {width: 90%; height: 100px; }
		
		.gb_input, .gb_textarea, .gb_submit, .gb_captcha_input {border: 1px solid #ED1C24; padding: 2px;}
		.gb_left {width: 280px; float: left; padding-right: 20px; /* border: 1px solid red; */}
		.gb_left_small {width: 140px; float: left; padding-right: 20px; /* border: 1px solid red; */}
		.gb_email_text {margin-top: 13px;}
		.gb_captcha {width: 260px;}
		.gb_captcha_input {width: 136px; margin-top: 4px; /* height: 42px; */}
		.gb_submit {width: 136px; /* height: 30px; */ background:#ED1C24; color: #fff; }
		.gb_comment {  margin-bottom: 0px;}
		.gb_author {color: #999; border-bottom: 1px dotted #252525; width: 100%!important;}
		.gb_title {width: 600px; border-top: 3px solid #252525; border-bottom: 1px dotted #252525; height: 21px; }

	.demopause_address {position: relative; margin: 0 auto; width: 400px; text-align: center; font-size: 14px; margin-top: 30px; padding-left: 30px;}
	
	#home_button {position: absolute; left: 180px; top: 0px; z-index: 3;}	
	#homerekords_flash {position: absolute; top: 40px; left: 340px; width: 380px; height: 300px; /* border: 1px solid black; */}
	#skip_intro_flash {position: absolute; top: 620px; left: 460px; width: 380px; height: 300px; /* border: 1px solid black; */}

/* Kassetten
----------------------------------------------------------------------------------------------------*/

#rekords_1 { position: fixed; top: -90px; left: 860px; width: 402px; height: 334px; background: transparent url(/images/layout/rekords-kassette-1.png) no-repeat 0 0;  }
#rekords_2 { position: fixed; top: 600px; left: 190px; width: 389px; height: 366px; background: transparent url(/images/layout/rekords-kassette-2.png) no-repeat 0 0;  }

#links_1 { position: fixed; top: 0px; left: 960px; width: 376px; height: 283px; background: transparent url(/images/layout/links-kassette-1.png) no-repeat 0 0;  }
#links_2 { position: fixed; top: 350px; left: 830px; width: 377px; height: 381px; background: transparent url(/images/layout/links-kassette-2.png) no-repeat 0 0;  }

#blabla_1 { position: fixed; top: -30px; left: 860px; width: 376px; height: 257px; background: transparent url(/images/layout/blabla-kassette-1.png) no-repeat 0 0;  }
#blabla_2 { position: fixed; top: 500px; left: 100px; width: 369px; height: 356px; background: transparent url(/images/layout/blabla-kassette-2.png) no-repeat 0 0;  }
#kassette_3 { position: fixed; top: 700px; left: 830px; width: 357px; height: 360px; background: transparent url(/images/layout/kassette-3.png) no-repeat 0 0;  }

#shop_1 { position: fixed; top: 150px; left: 1030px; width: 376px; height: 257px; background: transparent url(/images/layout/shop-kassette-1.png) no-repeat 0 0;  }
#shop_2 { position: fixed; top: 600px; left: 850px; width: 369px; height: 356px; background: transparent url(/images/layout/shop-kassette-2.png) no-repeat 0 0;  }

#disco_1 { position: fixed; top: 130px; left: 1030px; width: 386px; height: 369px; background: transparent url(/images/layout/disco-kassette-1.png) no-repeat 0 0;  }
#disco_2 { position: fixed; top: 600px; left: 950px; width: 261px; height: 364px; background: transparent url(/images/layout/disco-kassette-2.png) no-repeat 0 0;  }

#demo_1 { position: fixed; top: 60px; left: 840px; width: 344px; height: 223px; background: transparent url(/images/layout/demo-kassette-1.png) no-repeat 0 0;  }
#demo_2 { position: fixed; top: 300px; left: 1050px; width: 373px; height: 371px; background: transparent url(/images/layout/demo-kassette-2.png) no-repeat 0 0;  }

#demopause_1 { position: fixed; top: 600px; left: 940px; width: 372px; height: 388px; background: transparent url(/images/layout/demopause-kassette-1.png) no-repeat 0 0;  }

/* Zusaztdeko ---------*/

#bierdeckel_1 { position: fixed; top: -100px; left: 870px; width: 328px; height: 332px; background: transparent url(/images/layout/bierdeckel-1.png) no-repeat 0 0;  }
#bierdeckel_2 { position: fixed; top: 680px; left: 830px; width: 325px; height: 324px; background: transparent url(/images/layout/bierdeckel-2.png) no-repeat 0 0;  }

#kassette_1 { position: fixed; top: 800px; left: 830px; width: 331px; height: 213px; background: transparent url(/images/layout/kassette-1.png) no-repeat 0 0;  }
#kassette_2 { position: fixed; top: 700px; left: 190px; width: 371px; height: 287px; background: transparent url(/images/layout/kassette-2.png) no-repeat 0 0;  }

#kassette_4 { position: fixed; top: 500px; left: 900px; width: 350px; height: 227px; background: transparent url(/images/layout/kassette-4.png) no-repeat 0 0;  }

/* HOME
----------------------------------------------------------------------------------------------------*/
#home_cover { position: absolute; top: 130px; left: 230px; width: 788px; height: 728px; background: transparent url(/images/layout/home/cd_und_cover.png) no-repeat 0 0;  }
#home_kassette_1 { position: absolute; top: 0px; left: 360px; width: 461px; height: 205px; background: transparent url(/images/layout/home/mitte_oben.png) no-repeat 0 0;  }
#home_kassette_2 { position: absolute; top: 0px; left: 900px; width: 414px; height: 156px; background: transparent url(/images/layout/home/oben_rechts.png) no-repeat 0 0;  }
#home_kassette_3 { position: absolute; top: 460px; left: -50px; width: 348px; height: 386px; background: transparent url(/images/layout/home/unten_links.png) no-repeat 0 0;  }


/* alert
---------------------------------------------------------------------------------------------------*/

#megaphone {position: absolute; top: 100px; left: 650px; width: 150px; /* height: 100px; */ background: #fff url(/images/layout/megaphone_small.png) no-repeat 0 20px; padding: 20px; padding-left: 130px; z-index: 12;}
#megaphone p {/* color: #fff; background: #ED1C24; */}


.center {position: relative; width: 520px; margin: 0 auto;}


/* Specials
----------------------------------------------------------------------------------------------------*/

.noborder, a.noborder, a.noborder:hover {border: none;}
.margin_btm {margin-bottom: 21px;}
.no_margin {margin-bottom: 0px;}
.small_margin {margin-bottom: 5px;}

::selection {
	background: #ED1C24; color : #fff; /* Safari */
	}
::-moz-selection {
	background: #ED1C24; color : #fff; /* Firefox */
}

.modalbox_zoom, .cboxElement {cursor: url(/images/layout/zoom-in.png) 0 0, pointer;}
a.modalbox_edit, a:visited.modalbox_edit {background: #ED1C24; color : #fff;}
a:hover.modalbox_edit {background: #fff; color : #ED1C24;}

#admin {position: fixed; bottom: 30px; left: 30px; width: 250px; height:200px; margin-top: 30px; background: #fff; padding: 20px; z-index: 30; cursor:move;}
.admin { }

#icon_container {position: fixed; bottom: 0px; right: 0px; width: 250px; z-index: 10;}