@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700,900,600italic);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);
/* CSS Document */

* {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}

html, body {
	height:100%;
}

html {
	background-image: url(images/bg-html.jpg);
	color:white;
	font-size:15px;
}

html,body {
              height:100%;
			  font-family: 'Titillium Web', sans-serif;
}
h2, h3, h4, div#content-box ul {
	color:#499bd3;
}
h1, h2 {text-shadow: 2px 2px 3px #000;}
h2 {
	letter-spacing:3px;
	font-weight:600px;
	font-style:italic;
}
a {
	color:white;
}


div#container {
	width:987px;
	background:url(images/bg-content.jpg) 0 0 repeat-y;
	position:relative;
	min-height:100%;
	height:100%;
	height:auto !important;
	margin:0 auto -69px;
	padding-bottom:79px;
	
	
}

div#header {
	background:url(images/bg-header.png) 27px 0 no-repeat;
	width:987px;
	height:332px;
}

ul#dt_navi {
	font-weight:700;
	top:271px;
	left:227px;
	position:absolute;
}

ul#dt_navi li, ul#foot-navi li {
	float:left;
}

ul#dt_navi li a {
	background:url(images/bg-navi.png) no-repeat 0 0;
	height:45px;
	display:block;
	color:white;
	text-shadow:#000 1px 1px 3px;
	text-align:center;
	padding-top:15px;
	font-size:14px;
	line-height:16px;
}

ul#dt_navi li a:hover, ul#dt_navi li a:active {
	text-shadow:#000 -1px -1px 1px;
}

ul#dt_navi #ronnys {
	width:160px;		
}
ul#dt_navi li.aktiv {
	height:45px;
	display:block;
	color:white;
	text-shadow:#000 1px 1px 3px;
	text-align:center;
	padding-top:15px;
	font-size:14px;
	line-height:16px;
}

ul#dt_navi #ronnys:hover, ul#dt_navi #ronnys:active,
ul#dt_navi #terminkalender:hover, ul#dt_navi #terminkalender:active,
ul#dt_navi #technik:hover, ul#dt_navi #technik:active,
ul#dt_navi #ontour:hover, ul#dt_navi #ontour:active, .aktiv_link{
	background:url(images/bg-navi.png) no-repeat 0 -61px;	
}

ul#dt_navi #terminkalender {
	width:159px;	
}



ul#dt_navi #technik {
	width:160px;	
}


ul#dt_navi #ontour{
	width:159px;	
}


ul#dt_navi #kontakt{
	width:120px;	
}

ul#dt_navi #kontakt:hover, ul#dt_navi #kontakt:active, .aktiv_kontakt {
	background:url(images/bg-navi.png) no-repeat -20px -61px;	
}

div#header h1 a {
	text-indent:-9999px;
	background:url(images/Discoteam-Logo.png)0 0 no-repeat;
	height:177px;
	width:275px;
	display:block;
	position:absolute;
	top:136px;
}

div#content {
	margin:0 auto;
	position:relative;
	width:987px;
	height:100%;
	padding:0 10px 19px 27px;
	
}

.lbox-top, .lbox-bottom, .rbox-top, .rbox-bottom {
	width:470px;
}

.lbox-top {
	background:url(images/bg_lbox_top.png) no-repeat;
	height:22px;
}

.lbox-center {
	background:url(images/bg_lbox_center.png) repeat-y;
	padding:0 10px 20px 15px;
	width:445px;
	position:relative;
	min-height:200px;
}

.lbox-bottom {
	background:url(images/bg_lbox_bottom.png) no-repeat;
	height:20px;
}
.rbox-top {
	background:url(images/bg_rbox_top.png) no-repeat;
	height:22px;
}

.rbox-center {
	background:url(images/bg_rbox_center.png) repeat-y;
	padding:0 10px 20px 15px;
	width:445px;
	position:relative;
	min-height:200px;
}

.rbox-bottom {
	background:url(images/bg_rbox_bottom.png) no-repeat;
	height:20px;
}

div#content a:hover {
	text-decoration:underline;
}

.clear {
	clear:both;
	float:none;
	margin:0;
	padding:0;
	height:0;
	visibility:none;
}

.centered {
	text-align:center;}

.box-center img {
	width: 565px;
	margin: 2em auto;
	position: relative;
}


/*home*/



div#content-box {
	min-height:720px;
	float:left;
	position:relative;
	
	
}
.box-top, .box-bottom {
	width:640px;
}

.box-top {
	background:url(images/bg-startbox_top.png) no-repeat;
	height:25px;
}

.box-center {
	background:url(images/bg-startbox_center.png) repeat-y;
	padding:0 20px 20px 30px;
	width:590px;
	position:relative;
	min-height:630px;
}

.box-bottom {
	background:url(images/bg-startbox_bottom.png) no-repeat;
	height:28px;
}

div#aside {
	width:320px;
	position:relative;
	float:right;
	margin-right:27px;
}

div#next_event, div#side_box {
	font-size:14px;
	min-height:395px;
}
div#side_box {
	background: url('images/next_event2.png') no-repeat;
}
#side_box.nobg {
	background:none;
}


div#next_event {
	text-align:center;
}

div#next_event h3, div#side_box h3 {
	font-family: 'Shadows Into Light', cursive;
	color:#FF0;
	font-size:26px;
	position:absolute;
	margin:40px 0 0 50px;
	text-shadow:none;
}

div#side_box h4 {
	font-family: 'Shadows Into Light', cursive;
	color:black;
	font-size:18px;
	position:absolute;
	margin:35px 0 0 50px;
	text-shadow:none;
	line-height:20px;
}

/*img.shadowlong, img.shadowwidth {
	
	box-shadow: 3px 3px 3px #292118;
}*/
img.shadowlong {
	width:210px;
}
img.shadowwidth {
	width:300px;
	border: 2px #fff solid;
}



div#next_event img {
	margin: 90px 0 20px 0;
	position:relative;
}

div#next_event p {
	color:#1b1c1d;
	position:relative;
}

div#side_box ul {
	margin-left:50px;
	padding-top:90px;
	color:#8f040a;
	font-weight:600;
	/*text-shadow: 1px 1px 1px #1d252a;*/
	
}
div#side_box ul li {
	float:left;
	width:135px;
	
	margin-top:8px;
	list-style:square outside;
	height:17px;
	
}
div#side_box ul#gallery li {
	clear:both;
	float:none;
	width:100%;
}
div#side_box ul li span {
	color:black;
	
}

div#side_box ul li span a, div#side_box ul li span a:hover, div#side_box ul li span a:active, div#side_box ul li span a:visited {
	color:#499BD3;
	
}


div#content-box  ul li {
	margin-top:10px;
	list-style:disc inside;
	height:20px;
	
}
div#content-box  ul li span {
	color:white;
}

div#start_telefon, div#start_email, div#start_facebook {
	padding: 26px 0 10px 80px;
	background:url(images/contact-sprite.png) no-repeat;
	height:52px;
	margin:20px 0 0 25px;
	text-shadow: 2px 2px 3px #000;
}

div#start_telefon {
	letter-spacing:3px;
	font-size:18px;
	font-weight:600;
}

div#start_email {
	background-position: 0 -100px;
}

div#start_facebook {
	background-position: 0 -198px;
}

div#kufalito {
	margin-left:20px;
	text-align:center;
	text-shadow: 1px 1px 2px #000;
}



div#referenzen {
	background:url(images/bg-thanx-arrow.png) no-repeat 478px 0;
	height:222px;
	width:960px;
	position:relative;
	margin:0;
}

div#ref_thanx {
	position:relative;
	margin:70px 130px 0 0;	
	float:right;
}

div.readmore{
	width:100px;
	height:26px;
	background:url(images/readmore.png) no-repeat;
	margin:auto;
	display:block;
	
}
div.readmore:hover {
	background-position: 0 -28px;
	cursor:pointer;
}




/*ronnys*/

div#RS, div#RL {font-size:14px;}

div#RS, div#links {
float:left;
min-height:200px;
position:relative;
}

div#RL, div#rechts {
float:right;
min-height:200px;
position:relative;
right:27px;
}



.profile-image {
	float:left;
	width:170px;
	position:relative;
	}

.profile-facts {
	float:left;
	width:260px;
	position:relative;
}

.profile-facts h2 {
	margin-left:40px;
}

.profile_telefon, .profile_email {
	padding: 10px 0 10px 40px;
	background:url(images/contact-sprite.png) no-repeat;
	height:25px;
	text-shadow: 2px 2px 3px #000;
	position:relative;
	width:240px;
	margin-bottom:10px;
}

.profile_telefon {
	background-position: 0 -335px;
	letter-spacing:3px;
	font-size:18px;
	font-weight:600;
}

.profile_email {
	background-position: 0 -385px;
}

.schnipsel {
	height:36px;
	width:369px;
	background:url(images/schnipsel.png) no-repeat 0 0;
	padding:2px 0;
	font-size:18px;
	font-weight:bold;
	color:#151b20;
	text-shadow: -1px -1px 2px #white;
        filter: dropshadow(color=#white, offx=-1, offy=-1);
}

.eventbox {
	margin:20px 0 30px 0;
	width:100%;
	border-bottom: 1px dashed #4c5863;
}
.date {
	margin-left:-50px;
	padding-left:50px;
	}
div.plakat {
	padding:20px;
	float:left;
	position:relative;
	width:45%;
}

div.plakat img {
	box-shadow: 2px 2px 2px black;
	border: 5px solid white;
	width:100%;
	margin:5% auto;
}


div.hilight {
	 padding: 20px 15px 10px 0;
	 width:95%;
}
div.eventinfo {
	
	margin-top:5%;
}

.nurtext {
	width:100% !important;
	float:none;
}
div.eventinfo h2 {
	color:yellow;
}

div#ursprung,
div#musik,
div#cd {
	position:relative;
	margin-left:-195px;
	text-align:center;
	font-family: 'Shadows Into Light', cursive;
	color:#151b20;
}
.hideit {
	visibility:hidden;
}


p.baujahr, p.wohnort, p.djseit {
	float:left;
	margin:10px 0 20px 40px;
	text-align:center;
	text-shadow: 2px 2px 3px #000;
}

.left40 {
	padding:0 10px 0 40px;
}

div.profiletext {
	
	padding-top:30px;
	position:relative;
}
div.shortfacts {
	height:30px;
}
div.ursprung,
div.musik,
div.cd {
	padding: 20px 10px 20px	40px;
	position:relative;
}

div.ursprung {
	height:340px;
}
div.musik, div.cd {
	min-height: 30px;
	padding-bottom:40px;}



/*dates*/
div#booking {
	padding:30px;}

/*events*/


/*contact*/




/* impressum*/

div#impressum {
	padding:20px;}
	
div#impressum a {
	font-weight:bold;
}
p.impleft, p.impright {
	float:left;
	line-height:26px;
}

p.impleft {
	font-weight:bold;
	width:120px;
		
}
p.impright {
	width:200px;
}

div#content a#comercio {
	width:178px;
	height:83px;
	display:block;
	background:url(images/project-comercio-sprite.png) 0 0 no-repeat;
	text-indent:-9999px;
}
div#content a#comercio:hover, div#content a#comercio:active {
	background:url(images/project-comercio-sprite.png) 0 -82px no-repeat;
}



/*footer*/


div#footer-container {
	color:#505e68;
	width:100%;
	background:url(images/bg-footer.png) 0 0 repeat-x;
	position:relative;
	font-size: 12px;
	padding: 20px 0;
	height:29px;
}

div#footer {
	width:960px;
	margin: 0 auto;	
	position:relative;
	
	
}
div#foot_tags {
	left:800px;
	position:absolute;
}

div#copyright {
	position:absolute;
	left:27px;
}
ul#foot-navi li {
	width:150px;
}

div#footer a,
div#footer a:active,
div#footer a:visited{
	font-weight:400;
	color:#505e68;
}
div#footer a:hover {
	color:white;
}

			

/*Slider Referenzen*/



#ref_slider {
	float:left;
	text-align:center;
	position:relative;
		
}
.slides_container {
	width:500px;
	height:230px;
	/*padding:30px;*/
	position:relative;
}
.slides_container div{
	width:500px;
	height:230px;
	display:block;
	margin:auto;
	text-align:center;
	vertical-align:middle;
}

img#bw, img#bowling {
	margin-top:41px;
}
img#rudolph{
	margin-top:79px;
}
img#transphon{
	margin-top:90px;
	}
img#security{
	margin-top:42px;
	}
img#djteam{
	margin-top:66px;
	}
img#mkc, img#kkv{
	margin-top:35px;
	}
img#joton{
	margin-top:57px;
}
img#tlm{
	margin-top:44px;
	}
img#kkv{
	margin-left:20px;
	}
img#bowling{
  	margin-left:20px;
}
img#eventdesign{
	margin-top:73px;
	}




.pagination {
	margin:auto;
	width:200px;
}

.pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/*.promodt {
	position:absolute;
	background-color:yellow;
	color:#000;
	font-weight: bold;
	font-size: 20pt;
	width:480px;
	padding:10px;
	margin:200px 0 0 500px;
	border-radius: 10px;
	box-shadow:#333 2px 1px;
}*/
.promodt {
position: absolute;
/* background-color: yellow; */
color: #FFF;
font-weight: bold;
font-size: 30pt;
width: 680px;
/* padding: 10px; */
margin: 220px 0 0 300px;
border-radius: 10px;
box-shadow: #333 2px 1px;
}

#tgal {
	width:100%;
	height:auto;
	position:relative;
	margin: auto;
	display:block;
}

#tgal img {
	margin: 10px;
	width:40%;
	float:left;
	border: solid 2pt #499bd3;
}