html {height: 101%;}

body {
	background: #000 url('../tl_files/SoundDivision/images/bg_body.jpg') repeat-y top center;
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #c7c7c7;
	letter-spacing: 0.03em;
	padding-top: 39px;
}

#wrapper { }

a#logo { display: block; width: 990px; height: 150px; background: url('../tl_files/SoundDivision/images/logo_tonstudio.png') no-repeat; margin-bottom: 23px; }
a#logo span { display: none; }

/**
  *  SEITENKOPF
  */
#header { }


/**
  *  NAVIGATION 
  */
.mod_navigation {  }
.mod_navigation ul { margin: 0; padding: 0;}
.mod_navigation ul li {  float: left; list-style: none;}
.mod_navigation ul li a {  display: block; width: 130px; height: 87px;background: url('../tl_files/SoundDivision/images/navi_sprite.jpg') no-repeat;}

	/* Tonstudio */
	.mod_navigation ul li a.tonstudio { background-position:  0 0;}
		.mod_navigation ul li a.tonstudio:hover 	{ background-position:  0 -87px}
		.mod_navigation ul li.active a.tonstudio	{ background-position:  0 -174px}
		
	/* Aktuelles */
	.mod_navigation ul li a.aktuelles { background-position:  -170px 0;}
		.mod_navigation ul li a.aktuelles:hover 	{ background-position:  -170px -87px}
		.mod_navigation ul li.active a.aktuelles	{ background-position:  -170px -174px}

	/* Bands */		
	.mod_navigation ul li a.bands { background-position:  -300px 0px;}
		.mod_navigation ul li a.bands:hover 		{ background-position: 	-300px -87px; }
		.mod_navigation ul li.active a.bands		{ background-position:  -300px -174px}

	/* Preise */		
	.mod_navigation ul li a.preise { background-position: -430px 0; }
		.mod_navigation ul li a.preise:hover 		{ background-position: 	-430px -87px; }
		.mod_navigation ul li.active a.preise		{ background-position:  -430px -174px}

	/* Technik */		
	.mod_navigation ul li a.technik { background-position: -560px 0; }
		.mod_navigation ul li a.technik:hover 		{ background-position: 	-560px -87px;}
		.mod_navigation ul li.active a.technik 		{ background-position:  -560px -174px}
	
	/* Livesound */		
	.mod_navigation ul li a.livesound { background-position: -690px 0; }
		.mod_navigation ul li a.livesound:hover 	{ background-position: 	-690px -87px; }
		.mod_navigation ul li.active a.livesound	{ background-position:  -690px -174px}
		
	/* Kontakt */
	.mod_navigation ul li a.kontakt { background-position: -820px 0; }
		.mod_navigation ul li a.kontakt:hover 		{ background-position: 	-820px -87px; }
		.mod_navigation ul li.active a.kontakt		{ background-position:  -820px -174px}

	.mod_navigation ul li.first a, .mod_navigation ul li.last a {  width: 170px;}
	.mod_navigation ul li a span {  display: none;}
	
/**
  *  Inhaltsbereich
  */
#container { padding: 40px 40px 40px 40px; }
#container p { margin: 0 0 1em 0; }
#container strong { color: #fff; }
#container a { color: #fff; }
#container h1 { font-weight: normal; padding: 5px 10px; background:url('../tl_files/SoundDivision/images/bg_text_hell.jpg') repeat-y; margin: 0 0 40px 0; }


#container img,
#container .ce_slideshow2,
.mod_dlh_googlemaps,
input.text, textarea{
	-moz-box-shadow: #000000 0 0 40px 0;
	-webkit-box-shadow:  0px 0px 40px #000000;
	box-shadow:  0px 0px 40px #000000;
}
#container .noshadow img, .mod_dlh_googlemaps img {	-moz-box-shadow: none !important;	-webkit-box-shadow:  none !important;	box-shadow:  none !important;}

#startseite .ce_slideshow2 { margin-bottom: 40px; }

#main { width: 435px; }
.startseite #main { width: 910px; }

#container .mod_article, #right .mod_article {background: transparent; color: #fff}
#container .mod_article .ce_text, #right .mod_article .ce_text {padding: 0;}
#container #startseite .ce_text { padding: 0; }

#startseite .block, #right .block, #main .block { overflow: visible; }
.spalte1, .spalte2 { width: 435px; }
.spalte1 { float: left; }
.spalte2 { float: right; }


/* Module */
.mod_dlh_googlemaps { color: #000; }

.ce_form td.col_first { vertical-align: top; }


/* Style sheet formular */
label{font-weight:bold;}
p.label{margin-top:0.5em;margin-bottom:-0.25em;}
p.error{margin-top:20px;margin-bottom:0;color:#e30000;}
fieldset{margin:0 0 1.5em;padding:1.4em;border:1px solid #c6c6c6;}
legend{font-weight:bold;font-size:1.2em;}
input.text{}
input.upload{margin:0.25em 0.25em 0.25em 0;}
textarea{height:120px;}
textarea:focus, input.text:focus{background-color: #ddd;border: 1px solid #27384c; color: #000;}
input.text, textarea { width:334px;background:transparent;border:1px solid #c6c6c6; color: #fff;padding:4px;margin:0.25em 0.25em 0.25em 0;}

.ce_form.tableless label{display:block;margin-top:1.5em;}
.ce_form.tableless .radio_container,.ce_form.tableless .checkbox_container{margin-bottom:-16px;}
.ce_form.tableless .radio_container label,.ce_form.tableless .checkbox_container label{display:inline;}
.ce_form.tableless div.error{margin-top:0;margin-bottom:0;}
.checkbox_container{margin:0.25em 0.25em 0.25em 0;}
.checkbox_container span{display:block;}
.checkbox_container label{font-weight:normal;}
input.checkbox{margin-right:3px;}
* html input.checkbox{margin:-1px 0;}
*:first-child+html input.checkbox{margin:-1px 0;}
input.captcha{width:48px;margin:0.25em 0.25em 0.25em 0;padding:4px;background-color:#f6f6f6;border:1px solid #c6c6c6;}
input.captcha:focus{background-color:#ffffdd;border:1px solid #ff8000;}
span.captcha_text{top:0.65em;position:relative;vertical-align:top;font-weight:normal !important;color:#808080 !important;}
* html span.captcha_text{top:0.8em;}
*:first-child+html span.captcha_text{top:0.8em;}
.radio_container{margin:0.25em 0.25em 0.25em 0;}
.radio_container span{display:block;}
.radio_container label{font-weight:normal;}
input.radio{margin-right:3px;}
* html input.radio{margin:-1px 0;}
*:first-child+html input.radio{margin:-1px 0;}
.submit_container{margin:0.25em 0.25em 0.25em 0;}
input.submit{padding-right:0.5em;padding-left:0.5em;}
* html input.submit{padding-right:0;padding-left:0;}
*:first-child+html input.submit{padding-right:0;padding-left:0;}
span.mandatory{font-weight:bold;color:#ff0000;}
div.error{margin-top:0.5em;margin-bottom:0;font-weight:bold;color:#ff0000;}
div.cc{margin-bottom:0.5em;}
.ce_form td.col_first{padding-right:1em;vertical-align:middle;}
select{width:200px;margin:0.25em 0.25em 0.25em 0;background-color:#f6f6f6;border:1px solid #c6c6c6;}
select:focus{background-color:#ffffdd;border:1px solid #ff8000;}




/**
  *  Fussbereich
  */

#footer { margin-bottom: 70px; }
#footer .inside { padding: 40px 40px; }
#footer a {color: #fff;}
#footer #adress{ width: 90%; float:left;}
#footer #metanav{ width: 9%; float:right;text-align:right;}

